(1115,'2018-08-30 02:59:10','2018-08-30 10:59:10',NULL,'2017-12-28 00:00:00','2038-01-01 00:00:00',1014,1031,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<p style=\"col-xs-12\">\r\n	<img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/share.png\" style=\"width: 100%; height:auto;\" /></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1116,'2017-12-29 08:44:19','2017-12-29 16:42:10',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html>\r\n<head>\r\n	<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n        <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script>\r\n        <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n</head>\r\n<body>\r\n    <center>\r\n    <div style=\"width:auto; background-image:url(http://ecloud.ewang.com.tw/userUpload/images/tomato/homepage.jpg); background-repeat:no-repeat;\">\r\n        <img alt=\"image goes here\" class=\"img-fluid rounded\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/home1.jpg\"/>\r\n            <!-- Optional JavaScript --><!-- jQuery first, then Popper.js, then Bootstrap JS --><script src=\"https://code.jquery.com/jquery-3.2.1.slim.min.js\" integrity=\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN\" crossorigin=\"anonymous\"></script><script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js\" integrity=\"sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh\" crossorigin=\"anonymous\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js\" integrity=\"sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ\" crossorigin=\"anonymous\"></script>\r\n    </div>\r\n    </center>\r\n</body>\r\n</html>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1117,'2018-11-30 06:32:05','2018-11-30 14:32:05',NULL,'2018-01-06 00:00:00','2038-01-01 00:00:00',925,929,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<center>\r\n	<div class=\"p1\">\r\n		最近的資訊 生產資訊 公告<br />\r\n		<br />\r\n		8月底的熱帶低氣壓水災 芳林農園 也是受災戶 淹水嚴重<br />\r\n		<br />\r\n		果樹需要時間休養 今年度大概都沒芭樂可採收<br />\r\n		<br />\r\n		預計明年1月才開始少量生產 2月份產量才能較正常供應。<br />\r\n		<br />\r\n		感謝支持照顧 感恩。</div>\r\n</center>\r\n<style type=\"text/css\">\r\n/***************字體***********/\r\n.p1{\r\ncolor:black;\r\nfont-family:\'微軟正黑體\';\r\nfont-size:28pt;\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-color: brown;\r\n}\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\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/*****************************/</style>\r\n<p>\r\n	&nbsp;</p>\r\n','最新資訊','',110313,'',110313,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.12.3.209',NULL,NULL,NULL,NULL,NULL,NULL),(1118,'2018-01-23 16:22:54','2018-01-24 00:22:51',NULL,'2018-01-24 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.226.139.73',NULL,NULL,NULL,NULL,NULL,NULL),(1119,'2018-02-02 15:39:01','2018-02-02 23:38:38',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'\r\n	<div class=\"row\"><span style=\"font-size:26px;\"><b>Q&amp;A</b></span>\r\n<ol>\r\n	<li><b>請問有粉絲專頁嗎?</b></li>	\r\n		有噢，艾蘭哥爾咖啡<a href=\"https://www.facebook.com/taitungcoffee/\">https://www.facebook.com/taitungcoffee/</a>\r\n\r\n		也歡迎參觀我們的自然農場紛絲專頁<a href=\"https://www.facebook.com/hongyunaturalfarm/\">https://www.facebook.com/hongyunaturalfarm/</a>\r\n		\r\n	<li><b>訂購商品匯款方式有什麼？</b></li>\r\n		只提供匯款的方式，之後可能會在陸續增加\r\n\r\n	<li><b>訂購商品的商品大約多久會到達呢？</b></li>\r\n		是托黑貓物流，正常3~4天會到達，除非有特殊狀況發生才會延遲\r\n\r\n	<li><b>沒有帳號是否能訂購</b></li>\r\n		不行噢！需要有帳戶才可以訂購商品\r\n\r\n	<li><b>商品是否能跨商家購買一起算運費呢？</b></li>\r\n		還不行，目前還是各商家自行寄出\r\n</ol>	\r\n\r\n<style>\r\n	html,body{\r\n	background: url(\'/userUpload/images/Alanger/Q%26Abg.jpg\') no-repeat fixed 38% center;}\r\n	.navbar-default {\r\n			background-color: #CA7A00;\r\n		}\r\n</style>\r\n\r\n</div>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.12.104.81',NULL,NULL,NULL,NULL,NULL,NULL),(1120,'2018-01-25 11:33:55','2018-01-25 19:33:00',NULL,'2018-01-25 00:00:00','2038-01-01 00:00:00',925,932,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/**************************************************************************************************/\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\nbody{ background: rgba(0,0,0,1.00)}\r\n		\r\n.title1area {				\r\nwidth: 80%; 				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground-color:rgba(26,112,1,0.54);\r\nbackground-position:center;			\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: green;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:greenyellow;				\r\nfont-size: 3em;				\r\nmargin-bottom: 50px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}		\r\n\r\n	\r\n/******************活動資訊*****************************/		\r\n#farmpictureback{				\r\nposition: relative;											\r\n}		\r\n#farmpicture	{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n#farmpictureback2			\r\n{				\r\nposition: relative;											\r\n}		\r\n#farmpicture2			\r\n{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n						\r\n\r\n/***********************活動資訊圖文介紹hover效果2-2*********************************/			\r\n#animation2-2 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-3.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-2:hover #imageshow2-2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-2 a{color:white;}		\r\n#imageshow2-2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-2:hover #imageshow3-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url();				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-2:hover \r\n#imageshow4-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}										\r\n		\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{width:100%;				padding: 0.2em;}			\r\n.nav>li>a {    position: relative;    \r\ndisplay: block;    padding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;\r\nbody{ font-family=\"微軟正黑體\";}		\r\n}\r\n.bgw{background: url(/userUpload/images/10512106/1514856918923.jpg);background-size:100% 100%; background-attachment: fixed;}	</style>\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-6 col-xs-12\">\r\n		<div class=\"main b-box \" style=\"margin-top:-50px;\">\r\n			<!--outerWrap-->\r\n			<div class=\"g-m-12\" style=\"background-image:url();background-repeat: no-repeat;		background-attachment: fixed;background-position:center;				background-size: cover;\">\r\n				<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n					<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n						<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							<span style=\"font-size:36px;\"><strong>Location</strong></span></h4>\r\n						<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							我們在哪裡</h4>\r\n						<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n							<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"700\" scrolling=\"no\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14708.789929833578!2d120.3156785!3d22.8321821!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1513197095236\" style=\"border:0\" width=\"80%\"></iframe>\r\n							<p>\r\n								&nbsp;</p>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-6 col-xs-12\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					農場地圖</h4>\r\n				<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n					<img alt=\"\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 352px; height: 600px; float: left;\" />\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">聯絡資訊:<br />\r\n						農場主人：鄭宗林<br />\r\n						手機：0910-326-822<br />\r\n						電話：07-371-2376<br />\r\n						LINE：kenny335a<br />\r\n						搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送<br />\r\n						信箱：kenny335a@yahoo.com.tw </span></span></span></p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n						&nbsp;</p>\r\n				</div>\r\n				<p>\r\n					&nbsp;</p>\r\n				<p>\r\n					&nbsp;</p>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script><script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script><script type=\"text/javascript\">\r\n$(document).ready(function(){ \r\n$(\"div.col-md-12 > h2.intro-text.text-center\").hide();\r\n$(\"div.col-md-12 > hr\").hide();\r\n$(\" div.bgw\").removeAttr(\"style\");\r\n$(\"#carousel01\").css(\"display\",\"none\");\r\n});\r\n\r\n\r\n$(\"ul.Nav0 li#1\").hover(function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"none\");\r\n});\r\n		$(\"#dli1-3\").hover(function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n		$(\"#dli1-4\").hover(function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css({\"top\":\"50%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n\r\n\r\n\r\n$(\"li#2\").hover(function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"none\");\r\n});	\r\n		\r\n\r\n$(\"li#3\").hover(function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"none\");\r\n});			\r\n			$(\"#dli3-0\").hover(function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css({\"top\":\"0%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-1\").hover(function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css({\"top\":\"10%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-2\").hover(function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css({\"top\":\"20%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-3\").hover(function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-4\").hover(function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css({\"top\":\"65%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n$(\"li#4\").hover(function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#5\").hover(function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#6\").hover(function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"none\");\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n   $(\'a.navbar-brand\').addClass(\'nav000\');\r\n   $(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n   \r\n   \r\n   \r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n   $(\' a.nav000\').addClass(\'navbar-brand\');\r\n   $(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script></p>\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.242.195.30',NULL,NULL,NULL,NULL,NULL,NULL),(1121,'2018-01-25 11:48:07','2018-01-25 19:46:32',NULL,'2018-01-25 00:00:00','2038-01-01 00:00:00',925,932,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n/**************************************************************************************************/\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;}\r\n.clear-grid{	clear:both;	float:inherit;}\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\nbody{ background: rgba(0,0,0,1.00)}\r\n		\r\n.title1area {				\r\nwidth: 80%; 				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground-color:rgba(26,112,1,0.54);\r\nbackground-position:center;			\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: green;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:greenyellow;				\r\nfont-size: 3em;				\r\nmargin-bottom: 50px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}		\r\n\r\n	\r\n/******************活動資訊*****************************/		\r\n#farmpictureback{				\r\nposition: relative;											\r\n}		\r\n#farmpicture	{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n#farmpictureback2			\r\n{				\r\nposition: relative;											\r\n}		\r\n#farmpicture2			\r\n{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n						\r\n\r\n/***********************活動資訊圖文介紹hover效果2-2*********************************/			\r\n#animation2-2 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-3.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-2:hover #imageshow2-2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-2 a{color:white;}		\r\n#imageshow2-2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-2:hover #imageshow3-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url();				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-2:hover \r\n#imageshow4-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}										\r\n		\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{width:100%;				padding: 0.2em;}			\r\n.nav>li>a {    position: relative;    \r\ndisplay: block;    padding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;\r\nbody{ font-family=\"微軟正黑體\";}		\r\n}\r\n.bgw{background: url(/userUpload/images/10512106/1514856918923.jpg);background-size:100% 100%; background-attachment: fixed;}	</style>\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-6 col-xs-12\">\r\n		<div class=\"main b-box \" style=\"margin-top:-50px;\">\r\n			<!--outerWrap-->\r\n			<div class=\"g-m-12\" style=\"background-image:url();background-repeat: no-repeat;		background-attachment: fixed;background-position:center;				background-size: cover;\">\r\n				<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n					<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n						<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							<span style=\"font-size:36px;\"><strong>Location</strong></span></h4>\r\n						<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							我們在哪裡</h4>\r\n						<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n							<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"700\" scrolling=\"no\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14708.789929833578!2d120.3156785!3d22.8321821!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1513197095236\" style=\"border:0\" width=\"80%\"></iframe>\r\n							<p>\r\n								&nbsp;</p>\r\n							<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n								&nbsp;</p>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-6 col-xs-12\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					農場地圖</h4>\r\n				<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n					<img alt=\"\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 352px; height: 600px; float: left;\" />\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">聯絡資訊:</span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">農場主人：鄭宗林<br />\r\n						手機：0910-326-822<br />\r\n						電話：07-371-2376<br />\r\n						LINE：kenny335a<br />\r\n						搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送<br />\r\n						信箱：kenny335a@yahoo.com.tw </span></span></span></p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n						&nbsp;</p>\r\n				</div>\r\n				<p>\r\n					&nbsp;</p>\r\n				<p>\r\n					&nbsp;</p>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script><script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script><script type=\"text/javascript\">\r\n$(document).ready(function(){ \r\n$(\"div.col-md-12 > h2.intro-text.text-center\").hide();\r\n$(\"div.col-md-12 > hr\").hide();\r\n$(\" div.bgw\").removeAttr(\"style\");\r\n$(\"#carousel01\").css(\"display\",\"none\");\r\n});\r\n\r\n\r\n$(\"ul.Nav0 li#1\").hover(function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"none\");\r\n});\r\n		$(\"#dli1-3\").hover(function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n		$(\"#dli1-4\").hover(function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css({\"top\":\"50%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n\r\n\r\n\r\n$(\"li#2\").hover(function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"none\");\r\n});	\r\n		\r\n\r\n$(\"li#3\").hover(function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"none\");\r\n});			\r\n			$(\"#dli3-0\").hover(function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css({\"top\":\"0%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-1\").hover(function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css({\"top\":\"10%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-2\").hover(function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css({\"top\":\"20%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-3\").hover(function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-4\").hover(function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css({\"top\":\"65%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n$(\"li#4\").hover(function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#5\").hover(function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#6\").hover(function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"none\");\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n   $(\'a.navbar-brand\').addClass(\'nav000\');\r\n   $(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n   \r\n   \r\n   \r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n   $(\' a.nav000\').addClass(\'navbar-brand\');\r\n   $(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script></p>\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.242.195.30',NULL,NULL,NULL,NULL,NULL,NULL),(1122,'2018-01-26 14:13:40','2018-01-26 20:43:42',NULL,'2018-01-26 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\nbody {\r\n							height: 80%;\r\n						}\r\n						.bgw{\r\n						\r\n						background-color:green;\r\n						}\r\n						body\r\n						{\r\n							margin: 0px;\r\n							padding: 0px;\r\n							background: #181818;\r\n							font-family: 微軟正黑體, sans-serif;\r\n							font-size: 18pt;\r\n							font-weight: 200;\r\n							color: #FFF;\r\n						}\r\n						\r\n					\r\n						\r\n						p\r\n						{\r\n							line-height: 180%;\r\n							font-size: 20pt;\r\n						}\r\n						\r\n						\r\n						\r\n						.container-fluid\r\n						{\r\n							overflow: hidden;\r\n							margin: 100px auto;\r\n							\r\n						}\r\n				\r\n						\r\n					\r\n						h2 \r\n						{   text-align: center;\r\n							font-size: 1.8em;\r\n							text-weight:700;\r\n							}\r\n						\r\n						h23\r\n						{\r\n						\r\n						font-size:48px;\r\n						}\r\n				\r\n						\r\n						\r\n						h22 \r\n						{   text-align: center;\r\n							font-size: 48pt;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						\r\n						.byline\r\n						{\r\n							font-size: 0.7em;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n						\r\n					\r\n					/*********************************************************************************/\r\n						#welcome\r\n						{\r\n							position: center;\r\n							padding: 4em 0em 7em 0em;\r\n							background: #98fb98;\r\n							background-size:cover;\r\n							text-align: center;\r\n                                                        color:black;\r\n\r\n						}\r\n						\r\n					\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#wrapper\r\n						{\r\n							position: center;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #FFF;\r\n							color:black;\r\n							text-align:center;\r\n						}\r\n		#header-wrapper\r\n						{\r\n							position: center;\r\n							padding: 8em 0em 0em 0em;\r\n							background:url(/userUpload/images/10512106/1514856921988.jpg);  \r\n							background-size:100% 100%;\r\n							text-align: center;\r\n						\r\n						}\r\n\r\n					#banner .title h2\r\n						{\r\n							font-size:3.5em;\r\n						}\r\n						\r\n						#banner .title .byline\r\n						{\r\n							font-size: 2.0em;\r\n						}\r\n	                           /*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.0);\r\n-ms-transform: scale(1.0);\r\n-o-transform: scale(1.0);\r\n-webkit-transform: scale(1.0);\r\ntransform: scale(1.5);\r\nopacity: 1;\r\n}\r\n/*********************文字展開*************************/\r\n\r\n\r\n\r\n .main,.intro {\r\n	font-size:18pt;\r\n	font-family:\'微軟正黑體\';\r\n}\r\n .main {\r\n        text-align:center;\r\n	height:0px;\r\n	width:100%;\r\n	line-height:28px;\r\n        overflow:hidden;\r\n}\r\n\r\n}\r\n .intro {\r\n	\r\n	color:#036;\r\n	line-height:28px;\r\n	\r\n}\r\n .key {\r\n	float:center;\r\n	color:#900;\r\n	cursor:pointer;\r\n}\r\n/*************************************************************/	</style>\r\n</p>\r\n<div id=\"header-wrapper\">\r\n	<div class=\"row\" id=\"banner\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<div class=\"title\">\r\n				<h2>\r\n					&nbsp;</h2>\r\n				<h2>\r\n					芳林的故事</h2>\r\n				<p>\r\n					&nbsp;</p>\r\n				<p>\r\n					<span class=\"byline\">The story of FAN GLIN ORCHARD</span></p>\r\n				<p>\r\n					&nbsp;</p>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<h22><strong>故事的起源</strong></h22></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<hr />\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<span style=\"font-size:26px;\"><span style=\"background-color: transparent; color: bla; font-family: Calibri; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"C:\\Users\\User\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\芭樂樹.jpg&amp;quot;  https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" style=\"float: left; height: 390px; width: 500px;\" /> </span> </span><h32> <strong>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....</strong></h32>\r\n			<div class=\"main\" id=\"main2\">\r\n				<strong>對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努力，新手也可以闖出一片天。 </strong></div>\r\n			<div class=\"intro\">\r\n				<span class=\"key\" onclick=\"fn(this,2)\">read more</span></div>\r\n			<script type=\"text/javascript\">\r\nvar h = new Array(0,400,25,25,25);\r\nvar tf = new Array(false,true,false,false,false);\r\nvar minheight = 25;\r\nvar maxheight = 300;\r\nfunction fn(likey,tag){\r\n	if (tf[tag]){\r\n		if (h[tag]>=minheight){\r\n			document.getElementById(\"main\"+tag).style.height = h[tag] + \"px\";\r\n			setTimeout(function(){fn(likey,tag)},1);\r\n			h[tag] -= 10;\r\n		} else {\r\n			likey.innerHTML = \"read more\";\r\n			tf[tag] = !tf[tag];\r\n			h[tag] += 10;\r\n		}\r\n	} else {\r\n		if (h[tag]<=maxheight){\r\n			document.getElementById(\"main\"+tag).style.height = h[tag] + \"px\";\r\n			setTimeout(function(){fn(likey,tag)},1);\r\n			h[tag] += 10;\r\n		} else {\r\n			likey.innerHTML = \"cover\";\r\n			tf[tag] = !tf[tag];\r\n			h[tag] -= 10;\r\n		}\r\n	}\r\n}\r\n</script>\r\n			<div id=\"welcome\">\r\n				<div class=\"row\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<h23><h32><strong>芳林芭樂果園 鄭宗林</strong></h32></h23></div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<hr />\r\n					</div>\r\n					<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n						&nbsp;</div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<img align=\"left\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg\" style=\"height:550px; width: 450px;\" /> <img align=\"left\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\" style=\"height:550px; width: 450px;\" /> <h33><h32> <span style=\"color:#000000;font-size:36px;\"><span style=\"font-size:36px;background-color:#800000; color: white\">經歷：</span></span><br />\r\n						<span style=\"font-size: 35px;\"><strong>。行政院農委會 第一屆 百大青年農民</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#000000;font-size:35px;\"><strong>。高雄市農業局 高雄型農</strong><br />\r\n						<br />\r\n						<strong>。培訓班 高雄型農精英班</strong><br />\r\n						<br />\r\n						<strong>。高雄市青年農民聯誼會會長</strong></span></h32></h33></div>\r\n				</div>\r\n			</div>\r\n			<div id=\"wrapper\">\r\n				<div class=\"row\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							<h22><h32><span style=\"font-size:48px;\"><strong>芳林的品質保證</strong></span></h32></h22></div>\r\n						<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n							<hr />\r\n						</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							&nbsp;</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							&nbsp;</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							<h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\">優質的保證，讓人人都想品嘗這個美味</span></span></span></h32></h31></div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							&nbsp;</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							&nbsp;</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							&nbsp;</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							&nbsp;</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<div style=\"line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt; text-align: center;\">\r\n								<div class=\"post\">\r\n									<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 24pt;\"><strong>產銷履歷</strong><br />\r\n									<br />\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height:  auto; width:700px;\" title=\"產銷履歷\" /><br />\r\n									<br />\r\n									<strong>水質檢測認證</strong><br />\r\n									<br />\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width:700px; height: auto;\" title=\"水質檢測認證\" /><br />\r\n									<br />\r\n									<strong>無農藥檢測認證</strong><br />\r\n									<br />\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"height: auto; width:700px;\" title=\"無農藥檢測認證\" /></span></div>\r\n							</div>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n<script src=\"//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js\"></script>\r\n\r\n  <script src=\'https://npmcdn.com/jquery@3.1.0\'></script>\r\n\r\n  \r\n\r\n\r\n\r\n\r\n</p>\r\n<script type=\"text/javascript\">\r\nvar h = new Array(0,380,25,25,25);\r\nvar tf = new Array(false,true,false,false,false);\r\nvar minheight = 25;\r\nvar maxheight = 300;\r\nfunction fn(likey,tag){\r\n	if (tf[tag]){\r\n		if (h[tag]>=minheight){\r\n			document.getElementById(\"main\"+tag).style.height = h[tag] + \"px\";\r\n			setTimeout(function(){fn(likey,tag)},1);\r\n			h[tag] -= 10;\r\n		} else {\r\n			likey.innerHTML = \"展開\";\r\n			tf[tag] = !tf[tag];\r\n			h[tag] += 10;\r\n		}\r\n	} else {\r\n		if (h[tag]<=maxheight){\r\n			document.getElementById(\"main\"+tag).style.height = h[tag] + \"px\";\r\n			setTimeout(function(){fn(likey,tag)},1);\r\n			h[tag] += 10;\r\n		} else {\r\n			likey.innerHTML = \"折疊\";\r\n			tf[tag] = !tf[tag];\r\n			h[tag] -= 10;\r\n		}\r\n	}\r\n}\r\n</script>\r\n<p>\r\n	&nbsp;</p>\r\n\r\n	\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\" />\r\n</p>	</style>\r\n</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1123,'2018-12-19 14:57:46','2018-12-17 12:45:30',NULL,'2018-01-26 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\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#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: 微軟正黑體;\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\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\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 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			<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%97.png\" style=\"float: left; height: auto; width: 400px;\" /> </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>芳林芭樂果園 鄭宗林</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.png\" style=\"height:auto; width: 320px;\" /> <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;\">。行政院農委會 第一屆 百大青年農民</span><br />\r\n			<br />\r\n			<span style=\"color:#000000;font-size:35px;\">。高雄市農業局 高雄型農<br />\r\n			<br />\r\n			。培訓班 高雄型農精英班<br />\r\n			<br />\r\n			。高雄市青年農民聯誼會會長</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				鄭宗林隸屬大社區農會的果樹產銷第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.採草生栽培、友善耕作</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				高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。 大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。<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					<h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\">善用政府資源讓新手變老手</span></span></span></h32></h31></div>\r\n				<br />\r\n				<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					<h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\">愛護大地的草生栽培農法</span></span></span></h32></h31></div>\r\n				<br />\r\n				<br />\r\n				鄭宗林的芭樂園最近從阿蓮搬到岡山，就在大崗山和小崗山的山腳下，來到這座佔地2.5公頃的「芳林」芭樂園，看到的是一望無際的綠意，不只芭樂樹是綠的、就連樹下的土壤也披上一層「綠衣」，不知情的人還以為是芭樂園疏於整理，以致雜草叢生，「這叫草生栽培，我的芭樂雖然也施以少量的農藥，但絕不用除草劑。」鄭宗林說，草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥，只不過果園裡的雜草會不斷長高，所以他每天都得推除草機。 「芳林」芭樂雖然不是有機芭樂，但也有產銷履歷和吉園圃的雙認證，即足以讓人安心食用，再加上果園主人農業技術不斷精進，所產的珍珠芭樂口感扎實，甜度高、水分足，在市場上大受歡迎，未來還將以觀光果園模式，讓更多民眾得以體驗農家採果、自採自食的樂趣。</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-6 col-sm-6 col-xs-6\">\r\n				<img align=\"left\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/QRcode.png\" style=\"height:auto; width: 320px;\" /><img align=\"left\" 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.png\" style=\"height:auto; width: 320px;\" /></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	&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,'39.10.12.247',NULL,NULL,NULL,NULL,NULL,NULL),(1124,'2018-12-19 19:56:01','2018-12-20 03:56:01',NULL,'2018-01-26 00:00:00','2038-01-01 00:00:00',925,932,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n/************************Mobile Grid **************************/\r\n[class^=\'g-\']\r\n {	\r\nloat: left;		\r\nwidth:100%;	\r\nbox-sizing:border-box;\r\n} \r\n.clear-grid\r\n{	\r\n  clear:both;	\r\n  float:inherit;\r\n     }\r\n\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n/***************************背景*******************************/\r\n.bgw {\r\n    background-color: rgba(255,255,255,0.0);\r\n}\r\n\r\n\r\n/***************************圖片*******************************/\r\n\r\nimg.rwd{\r\n	max-width: 100%;\r\n	height: auto;} \r\n\r\nimg {\r\n    border: 0;\r\n    border-radius: 22%;\r\n}\r\n/************************navbar********************************/\r\n.navbar-default .navbar-nav>.active>a, \r\n.navbar-default .navbar-nav>.active>a:focus, \r\n.navbar-default .navbar-nav>.active>a:hover \r\n  {\r\n    color: white;\r\n    background-color: brown;\r\n      }	\r\n\r\n/**************************內容*******************************/\r\n	\r\n*{font-family: \"微軟正黑體\", sans-serif;}\r\nbody > div > div > div.col-md-3.load{display:none}	\r\nbody > div > div > div.col-md-9.load{width:100%;}\r\nbody > div > div > div.col-md-9.load > div{   \r\n			margin-left:0;\r\n			margin-right: 0;}\r\n			\r\nbody{	text-align: justify;\r\n        background: rgb(7, 197, 240);\r\n}\r\n            \r\n			\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\r\n	color:white;\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\r\nhr {\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    border: 0;\r\n    border-top: 1px solid rgba(238, 238, 238, 0.0);\r\n}\r\n		\r\n.title1area {\r\n    width: 80%;\r\n    height: auto;\r\n    text-align: center;\r\n    margin: 0px;\r\n    padding: 60px 0 0 0;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    background-color: rgba(119, 64, 169, 0.58);\r\n    background-position: center;\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:greenyellow;				\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: 20px;							\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 \r\n.bigtitle:before {				\r\nleft: 0;			\r\n    }		\r\n.title1area \r\n.bigtitle:after {				\r\nright: 0;		\r\n	}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}		\r\n\r\n	\r\n		\r\n		\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {	\r\n.title1area {\r\n    width: 100%;\r\n    }	\r\n}				\r\n\r\n\r\n\r\n/**********************************FRAME*************************/\r\n.iframe-rwd {\r\n			position: relative;\r\n			padding-bottom: 65.25%;\r\n			padding-top: 30px;\r\n			height: 0;\r\n			overflow: hidden;\r\n						}\r\n						\r\n.iframe-rwd iframe {\r\n				    position: absolute;\r\n					top: 0;\r\n					left: 0;\r\n					width: 100%;\r\n					height: 100%;\r\n						}\r\n						\r\n/***************************************************************/	</style>\r\n</p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n		<div class=\"main b-box \" style=\"margin-top:-25px;\">\r\n			<!--outerWrap-->\r\n			<div class=\"g-m-12\">\r\n				<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n					<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n						<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							<span style=\"font-size:35px;\"><strong>Location</strong></span></h4>\r\n						<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							我們在哪裡</h4>\r\n						<div align=\"center\" class=\"col-md-12 col-sm-6 col-xs-12\" style=\"margin-top: 10px;margin-bottom: 10px; \">\r\n							<div class=\"iframe-rwd\">\r\n								<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"700\" scrolling=\"no\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14708.789929833578!2d120.3156785!3d22.8321821!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1513197095236\" style=\"border:0  border-radius: 8px\" width=\"550\"></iframe></div>\r\n							<p>\r\n								&nbsp;</p>\r\n							<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n								&nbsp;</p>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<hr />\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'110.28.203.245',NULL,NULL,NULL,NULL,NULL,NULL),(1125,'2018-01-28 06:26:57','2018-01-28 14:16:06',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n<div class=\"bgw1\">\r\n	<div class=\"img\">\r\n		<div style=\"text-align: center;\">\r\n			<div class=\"FBWrapper\" style=\"text-align: left;\">\r\n				<iframe allowtransparency=\"true\" scrolling=\"no\" src=\"//www.facebook.com/v2.5/plugins/page.php?href=https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%8E%8A%E5%9C%92-297327576945814/;width=300&amp;show_facepile=true&amp;small_header=true&amp;hide_cover=false&amp;show_posts=true&amp;locale=zh_TW\" style=\"border:none; overflow:hidden;max-width: 100%; height: 150px; float:left;\"></iframe></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"wel\">\r\n	<div class=\"p2\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"color:greenyellow;\"><span style=\"font-size:35px;\">welcome</span></span></strong></div>\r\n				<div class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"color:greenyellow;\"><span style=\"font-size:30px;\">芳林莊園農場</span></span></strong>\r\n					<hr />\r\n				</div>\r\n			</div>\r\n			<h1>\r\n				&nbsp;</h1>\r\n			<h1>\r\n				<strong style=\"background-color: initial;\">一生懸命，自慢的芭樂&mdash;芳林</strong></h1>\r\n			<div id=\"introduce\">\r\n				<div class=\"p1\" style=\"text-align: center;\">\r\n					&nbsp;</div>\r\n				<div class=\"p1\" style=\"text-align: center;\">\r\n					<span style=\"color:#f0ffff;\"><strong>芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，嚴謹的管理及記錄生產過程，<br />\r\n					<br />\r\n					並讓它以最自然的方式自然生長，讓它擁有該有的原始風味，就像眾給自己家人吃一樣，希望您也可以透過芳林，</strong></span></div>\r\n				<br />\r\n				<span style=\"color:#f0ffff;\"><strong>安心與健康的食用，這就是芳林給您最好的祝福。</strong></span></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"bgw2\">\r\n	<div class=\"img\">\r\n		<div class=\"p2\">\r\n			<div style=\"text-align: center;\">\r\n				<div style=\"text-align: center;\">\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						<strong><span style=\"font-size:35px;\"><span style=\"color:greenyellow;\">芭樂展現浪漫原味</span></span></strong></div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div style=\"background: rgba(65,199,76,0.50) \">\r\n						<p>\r\n							&nbsp;</p>\r\n						<p>\r\n							<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></p>\r\n						<p>\r\n							&nbsp;</p>\r\n						<div>\r\n							<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">&ldquo;我的芭樂自然熟成，八、九分熟最好吃！&rdquo;</span></span></strong></div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n					</div>\r\n				</div>\r\n				<div>\r\n					<hr />\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n				<div>\r\n					&nbsp;</div>\r\n			</div>\r\n		</div>\r\n		<div style=\"text-align: center;\">\r\n			<div class=\"row\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<p>\r\n						&nbsp;</p>\r\n					<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/S_7032527100136_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></div>\r\n					</div>\r\n					<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/S_7032527145429_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n					</div>\r\n					<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n					</div>\r\n					<p>\r\n						&nbsp;</p>\r\n					<br />\r\n					<p>\r\n						&nbsp;</p>\r\n					<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full \" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%822_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></div>\r\n					</div>\r\n					<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/guavasell_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n					</div>\r\n					<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E8%8A%AD%E6%A8%82_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></div>\r\n					</div>\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		&nbsp;\r\n		<p>\r\n			&nbsp;</p>\r\n		<p>\r\n			&nbsp;</p>\r\n		<p>\r\n			&nbsp;</p>\r\n		<p>\r\n			&nbsp;</p>\r\n		<hr />\r\n	</div>\r\n</div>\r\n<div class=\"bgw3\">\r\n	<div class=\"img\">\r\n		<div class=\"p2\">\r\n			<div style=\"text-align: center;\">\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					<strong><span style=\"font-size:35px;\"><span style=\"color:greenyellow;\">可愛的小動物</span></span></strong></div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div style=\"background:rgba(36,194,220,0.65) \">\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<div>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">&ldquo;有大自然的陪伴，芭樂變得更香甜&rdquo;</span></span></strong></div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n				</div>\r\n			</div>\r\n			<div style=\"text-align: center;\">\r\n				<div class=\"row\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<hr />\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084760586_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084766594_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084777516_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n						</div>\r\n						<p>\r\n							&nbsp;</p>\r\n						<br />\r\n						<p>\r\n							&nbsp;</p>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full \" src=\"/userUpload/images/10512106/1515084779133_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084775837_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1514856929533_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></div>\r\n						</div>\r\n						<p>\r\n							&nbsp;</p>\r\n						<p>\r\n							&nbsp;</p>\r\n						<p>\r\n							&nbsp;</p>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<style type=\"text/css\">\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/normalize.css\" />\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/htmleaf-demo.css\">\r\n<link rel=\"stylesheet\" href=\"dist/aos.css\" />\r\n<link rel=\"stylesheet\" href=\"css/styles.css\" />\r\n\r\n/*************************************************字形設定********************************************************************************************/\r\n.p1{font-family:\'微軟正黑體\';text-align: center; }\r\n.p2{font-family:sans-serif,\'微軟正黑體\';}\r\n/************************************************文字介紹*********************************************************************************************/\r\n	#introduce\r\n			{\r\n				position: relative;\r\n				padding: 0em 0em 0em 0em;\r\n				margin-right: 0px;\r\n				margin-top:-5px;\r\n                        	font-size:30px;\r\n				Font-Family:\'微軟正黑體\'; \r\n                                   			\r\n				\r\n	}\r\n/**********************************************圖片表格*************************************************************************************************/\r\n	\r\n	\r\n	.img{text-align: center;class=\"img-rounded\"}\r\n	\r\n	h1{text-align:center; color:white; Font-Family:微軟正黑體;font-size:30px;} \r\n.wel{ background:url(/userUpload/images/10512106/1515084762649.jpg); background-size:100% auto; center;background-repeat: no-repeat;  background-attachment: fixed; color:black;position: relative;\r\ncenter;}\r\n.bgw1{ background: #111111  url(/userUpload/images/10512106/1514856915708.jpg);\r\nbackground-size:100% 100%;\r\nbackground-repeat:no-repeat; \r\ncenter;\r\nposition: relative;\r\n}\r\n.bgw2{ background: url(/userUpload/images/10512106/1514856912201.jpg);background-size:100% auto; background-attachment: fixed;text-align:center;background-repeat: no-repeat;position: relative;}	\r\n .bgw3{ background: url(/userUpload/images/10512106/1514856925503.jpg);background-size:100% auto; background-attachment: fixed;text-align:center;background-repeat: no-repeat;position: relative;}	\r\nbody{background: rgba(0,0,0,1.00);}\r\n.bgw{background: rgba(0,0,0,1.00);}\r\n.FBWrapper {\r\n							position: relative;\r\n							padding-bottom: 56.25%; /* 16:9 */\r\n							\r\n							height: 0;\r\n						}\r\n						.FBWrapper iframe {\r\n							position: relative;\r\n							top: 0;\r\n							left: 0;\r\n							width: 100%;\r\n							height: 80%;\r\n						}	\r\n/*****************************************************************動畫****************************************************************************/\r\n	.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:#ffa100;				\r\nfont-size: 3em;				\r\nmargin-bottom: 10px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}\r\n\r\n	<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/* ****************************************2. Mobile Grid ***********************************************/\r\n.g-m-12 {	width: 50%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\n\r\n.title1area {				\r\nwidth: 100%;				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground: url();\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: green;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:green;				\r\nfont-size: 3em;				\r\nmargin-bottom: 10px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}				\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{\r\nwidth:100%;				\r\npadding: 0.2em;}			\r\n.nav>li>a {   \r\nposition: relative;    \r\ndisplay: block;    \r\npadding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;		\r\n}\r\n		\r\n/*****************************************************************動畫****************************************************************************/</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1001,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1126,'2018-01-27 17:31:19','2018-01-28 01:28:59',NULL,'2018-01-28 00:00:00','2038-01-01 00:00:00',925,930,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div id=\"header-wrapper\" style=\"text-align:center\">\r\n	<div class=\"img\">\r\n		<div class=\"container\" id=\"header\">\r\n			<div>\r\n				&nbsp;</div>\r\n			<div>\r\n				<span style=\"color: white; font-size: 50px;\">感謝各大媒體支持</span></div>\r\n			<div id=\"banner-wrapper\">\r\n				<span style=\"color:white;\"><span style=\"font-size:25px;\"><strong>Thanks for support</strong></span></span></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"bgw2\" style=\"text-align: center;\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			<span style=\"font-size:48px;color: white;\">平面報導</span></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			<span style=\"color: white; font-size: 25px;\">flat coverage</span></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<p style=\"text-align: center;\">\r\n				&nbsp;</p>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<span style=\"font-size:25px;\"><span style=\"color: white;\">點擊圖片可進入連結</span> </span></div>\r\n			<p>\r\n				&nbsp;</p>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\"http://eyearrow.com/w_link/E_agri/2_life_5_3.html\" target=\"_blank\"><img alt=\"型農新勢力\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E6%96%B0%E5%8B%A2%E5%8A%9B(1).jpg\" style=\"height: auto; width: 560px;\" title=\"型農新勢力\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\"http://www.kaofarmers.tw/content/farmer_profile?id=42\" target=\"_blank\"><img alt=\"型農大聯盟\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E5%A4%A7%E8%81%AF%E7%9B%9F(1).jpg\" style=\"width: 560px; height: auto;\" title=\"型農大聯盟\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\" \" target=\"_blank\"><img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<div class=\"bgw1\">\r\n		<div class=\"row\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n				<p style=\"text-align: center;\">\r\n					&nbsp;</p>\r\n				<p style=\"text-align: center;\">\r\n					<span style=\"font-size:48px;\"><span style=\"color:black;\">影音報導</span></span></p>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 \">\r\n				<p style=\"text-align: center;\">\r\n					<span style=\"font-size:25px;\"><span style=\"color:black\">Audio and video coverage</span></span></p>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<div class=\"videoWrapper\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"https://www.youtube.com/embed/WPqw0D4aSv4\" width=\"560\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<h3>\r\n						<br />\r\n						芳林芭樂宣傳片<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<div class=\"videoWrapper\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<h3>\r\n						<br />\r\n						待上傳<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<div class=\"videoWrapper\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<h3>\r\n						<br />\r\n						待上傳<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<hr />\r\n</div>\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n<!--/div--><!-- /.content --><!-- /.row --><!-- /.container -->\r\n<style type=\"text/css\">\r\nbody { font-family:微軟正黑體; background: #181818;}\r\n	.bgw1{background-color: white;}\r\n	.bgw2{background-color: darkgreen}\r\n        .bgw{background-color:rgba(72,187,38,0.75) }\r\n	.videoWrapper {\r\n							position: relative;\r\n							padding-bottom: 56.25%; /* 16:9 */\r\n							padding-top: 25px;\r\n							height: 0;\r\n						}\r\n						.videoWrapper iframe {\r\n							position: absolute;\r\n							top: 0;\r\n							left: 0;\r\n							width: 100%;\r\n							height: 100%;\r\n						}	\r\n	       h1, h2, h3,h22\r\n						{\r\n							margin: 0;\r\n							padding: 0;\r\n						}\r\n                                 /***********************************************************************************************************/\r\n                                  #banner-wrapper\r\n						{\r\n							padding: 2em 0em 2em 0em;\r\n						}\r\n	                          #header-wrapper\r\n						{\r\n							position: relative;\r\n							padding: 15em 0em 1em 0em;\r\n							background: #111111 url(/userUpload/images/10512106/1515084768306.jpg) no-repeat center;\r\n							background-size: 100% 100% ;\r\n                                                        \r\n						}\r\n                                     .img{text-align: center;class=\"img-rounded img-responsive\"}\r\n	                                  #header\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n						}\r\n/***********************************************************************************************************/</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1127,'2018-01-28 06:13:53','2018-01-28 12:24:28',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<link href=\"https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n#circleContent{ \r\n    width:100%; \r\n    height:100%; \r\n   } \r\n   .bgw{background-color:green;}	</style>\r\n	<script src=\"https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js\"></script><script src=\"https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js\"></script><script> \r\n   $(document).ready(function(){ \r\n    $(\'#circleContent\').carousel({interval:5000});//每隔5秒自动轮播 \r\n   }); \r\n  </script></p>\r\n<div class=\"bgw\">\r\n	<div class=\"container\">\r\n		<div class=\"carousel slide\" data-ride=\"carousel\" id=\"circleContent\">\r\n			<ol class=\"carousel-indicators\">\r\n				<!-- Indicators -->\r\n				<li class=\"active\" data-slide-to=\"0\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"1\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"2\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"3\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"4\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n			</ol>\r\n			<!-- Wrapper for slides -->\r\n			<div class=\"carousel-inner\">\r\n				<div class=\"item active\">\r\n					<img src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85%E8%8A%B3%E6%9E%97.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n				<div class=\"item\">\r\n					<img src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85app.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n				<div class=\"item\">\r\n					<img src=\"/userUpload/images/10512106/2017%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n				<div class=\"item\">\r\n					<img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n				<div class=\"item\">\r\n					<img src=\"/userUpload/images/10512106/%E5%B0%8F%E9%B3%A5.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n			</div>\r\n			<!-- Left and right controls --><a class=\"carousel-control left\" data-slide=\"prevent\" href=\"#circleContent\"><span class=\"glyphicon glyphicon-chevron-left\"><span class=\"sr-only\">&lsaquo;</span></span></a> <a class=\"carousel-control right\" data-slide=\"next\" href=\"#circleContent\"><span class=\"glyphicon glyphicon-chevron-right\"><span class=\"sr-only\">&rsaquo;</span></span></a></div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1002,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1128,'2018-01-28 06:27:01','2018-01-28 14:13:32',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n#circleContent{ \r\n    width:100%; \r\n    height:100%; \r\n   }	</style>\r\n	<script src=\"https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js\"></script><script src=\"https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js\"></script><script> \r\n   $(document).ready(function(){ \r\n    $(\'#circleContent\').carousel({interval:4000});//每隔4秒自動輪播 \r\n   }); \r\n  </script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<div class=\"carousel slide\" data-ride=\"carousel\" id=\"circleContent\">\r\n	<ol class=\"carousel-indicators\">\r\n		<!-- Indicators -->\r\n		<li class=\"active\" data-slide-to=\"0\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"1\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"2\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"3\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"4\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n	</ol>\r\n	<!-- Wrapper for slides -->\r\n	<div class=\"carousel-inner\">\r\n		<div class=\"item active\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85%E8%8A%B3%E6%9E%97.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85app.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/2017%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E5%B0%8F%E9%B3%A5.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<!-- Left and right controls --><a class=\"carousel-control left\" data-slide=\"prevent\" href=\"#circleContent\"><span class=\"glyphicon glyphicon-chevron-left\"><span class=\"sr-only\">&lsaquo;</span></span></a> <a class=\"carousel-control right\" data-slide=\"next\" href=\"#circleContent\"> <span class=\"glyphicon glyphicon-chevron-right\"><span class=\"sr-only\">&rsaquo;</span></span> </a></div>\r\n<p>\r\n	&nbsp;</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1003,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1129,'2018-12-24 05:08:44','2018-12-24 13:08:44',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 align=\"center\" class=\"col-md-12 col-sm-12 col-xs-12\">\r\n		<div class=\"box5\">\r\n			<img src=\"/userUpload/images/10512106/%E8%8A%B3%E6%9E%97logo.png\" style=\"width:245px; height:400px;\" /></div>\r\n		<div class=\"menu\" style=\"transform: translate(0%,-750%);\">\r\n			<ul>\r\n				<li id=\"menu01\">\r\n					&nbsp;</li>\r\n				<li id=\"menu02\">\r\n					&nbsp;</li>\r\n				<br />\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>\r\n		<div style=\"display:flex; float:right; transform: translate(0%,-900%);}\">\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 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 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-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=\"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 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=\"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=\"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					<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 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					<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					&nbsp;</div>\r\n				<div>\r\n					&nbsp;</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<div id=\"gotop\">\r\n	回頂頁</div>\r\n<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><!-- 記得要把按鈕放到網頁上, 否則它不會出現 --><script src=\'//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js\' async=\'async\' defer=\'defer\' ></script><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>\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\r\n \r\n \r\n\r\n \r\n .bgw {\r\n    background-color:rgba(0,0,0,0.5);\r\n   \r\n}\r\n\r\n	\r\n .box {\r\n border:0px solid black;\r\n width: 98.8vw;\r\n height: 100vh;\r\n \r\n\r\n }\r\n\r\n.box1 {\r\n border:0px solid black;\r\n width: 98.8vw;\r\n height: 100vh;\r\n \r\n \r\n\r\n\r\n }\r\n.box2 {\r\n border:0px solid black;\r\n width: 98.8vw;\r\n height: 100vh;\r\n \r\n\r\n\r\n\r\n }\r\n.box3 {\r\n border:0px solid black;\r\n width: 98.8vw;\r\n height: 100vh;\r\n \r\n }\r\n\r\n \r\n\r\n.box5{\r\nborder:0px solid black;\r\nwidth: 98.8vw;\r\n height: 100vh;\r\npadding:100px;\r\n}\r\n\r\n\r\n	\r\n/****************************rwd*************************************/\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/***************************標題***********************************/\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: 0px;			\r\nmargin-left: 0px;		\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:100%;\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\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:relative;\r\n   \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:relative;\r\n   \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: 20px;\r\n    font-family:微軟正黑體;\r\n    margin: 5px 4px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    position:relative;\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 \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\r\n\r\n\r\n/************************************************************/</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1004,NULL,1,NULL,NULL,'39.9.8.53',NULL,NULL,NULL,NULL,NULL,NULL),(1130,'2018-04-27 00:43:18','2018-01-30 15:04:55',NULL,NULL,NULL,1130,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'test',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,0,NULL,NULL,'210.240.156.211',NULL,NULL,NULL,NULL,NULL,NULL),(1131,'2018-11-18 06:28:13','2018-09-02 23:19:23',NULL,'2018-01-30 00:00:00','2038-01-01 00:00:00',1014,1033,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div style=\"font-family: Microsoft JhengHei;\">\r\n        <div class=\"col-md-4 col-sm-6 col-xs-12 load\" style=\"display: inline-block; text-align: right;\">\r\n            <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/mango.png\" style=\"height: 470px; max-width: 100%; padding: 20px 0;\">\r\n        </div>\r\n        <div class=\"col-md-7 col-sm-6 col-xs-12 load\" style=\"display: inline-block; padding: 0 0 0 10px; margin: 0 0 10px 0;\">\r\n            <div>\r\n                <h1><b>金煌芒果</b></h1>\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line_long.png\" style=\"height: 12px; max-width: 100%; padding: 0 13px 5px;\">\r\n            </div>\r\n            <p style=\" font-size: 18pt;\">荖濃家營農場好幾年來堅持有機耕種，<br>經過311農藥檢驗，培育出最健康的金煌芒果，<br>夏天特產，其豐碩的果實與美味讓他能夠外銷遠至澳洲，<br>聲名遠播，熱愛芒果的你一定要來試試。</p>\r\n            <div style=\"text-align: right;\">\r\n                <p style=\" font-size: 18pt; margin: 0px 20px; padding: 0 20px;\"><b>內容：1箱10顆</b></p>\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line_long.png\" style=\"height: 8px; max-width: 100%; margin: 0px 20px;\">\r\n                <p style=\" font-size: 18pt; margin: 0px 60px; padding: 0 20px;\"><b>價格：$1,800/箱(含運)</b></p>\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line_long.png\" style=\"height: 8px; max-width: 100%; margin: 0px 60px;\">\r\n                <p style=\" font-size: 18pt; margin: 0px 100px; padding: 0 20px;\"><b>訂購電話：0921-592587</b></p>\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line_long.png\" style=\"height: 8px; max-width: 100%; margin: 0px 100px;\">\r\n                <p style=\" font-size: 18pt; margin: 0px 140px; padding: 0 20px;\"><b>主人：張涵妮</b></p>\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line_long.png\" style=\"height: 8px; max-width: 100%; margin: 0px 140px;\">\r\n            </div>\r\n        </div>\r\n    </div>','內容：1箱10顆\r\n價格：$1800/箱 (含運)','',5016666,'20180130mango1.jpg',95741,NULL,NULL,NULL,NULL,NULL,3,NULL,0,NULL,NULL,'118.233.128.80',NULL,NULL,NULL,NULL,NULL,NULL),(1132,'2018-01-31 03:39:52','2018-01-31 11:36:54',NULL,'2018-01-31 00:00:00','2038-01-01 00:00:00',1014,1027,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<body>\r\n    <meta charset=\"utf-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script>\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <style>\r\n    img{\r\n        margin:10px;\r\n        padding: 10px;\r\n        border: 1px solid;\r\n        background-color: #FFFFBB;\r\n        width: 400px;\r\n        height: 267px;\"\r\n    }\r\n    </style>\r\n    <center>\r\n        <p>\r\n            <a class=\"btn btn-primary\" data-toggle=\"collapse\" href=\"#collapseExample\" role=\"button\" aria-expanded=\"false\" aria-controls=\"collapseExample\">\r\n                客房實景\r\n            </a>\r\n            <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample2\" aria-expanded=\"false\"\r\n                aria-controls=\"collapseExample\">\r\n                農場實景\r\n            </button>\r\n\r\n            <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample3\" aria-expanded=\"false\"\r\n                aria-controls=\"collapseExample\">\r\n                衛浴設施\r\n            </button>\r\n\r\n            <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample4\" aria-expanded=\"false\"\r\n                aria-controls=\"collapseExample\">\r\n                有棚營區\r\n            </button>\r\n\r\n            <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample5\" aria-expanded=\"false\"\r\n                aria-controls=\"collapseExample\">\r\n                遊憩設施\r\n            </button>\r\n        </p>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/762596.jpg\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample2\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/IMG_1036.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0872.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/05IMG_0975.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2407.JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample3\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/02_IMG_0919(1).JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/04_IMG_0921.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2393.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/06_IMG_0914.JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample4\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/762595.jpg\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/05_IMG_0906(1).JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/07_IMG_0922.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2217.JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample5\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/20863393_1880807675504722_470121446944147085_o.jpg\" style=\"border: solid; background-color: #FFFFBB; width: 400px; height: 267px;\"\r\n                    alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/IMG_0989(1).JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n    </center>\r\n\r\n</body>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1133,'2018-12-17 14:37:23','2018-12-17 22:37:23',NULL,'2018-01-31 00:00:00','2038-01-01 00:00:00',1014,1027,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<p>\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n</p>\r\n<p>\r\n	<link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script></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://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js\"></script><script src=\"https://code.jquery.com/jquery-1.9.1.js\"></script><script src=\"https://gitcdn.xyz/repo/thesmart/jquery-scrollspy/0.1.3/scrollspy.js\"></script><script>\r\n        new WOW().init();\r\n        </script><script>\r\n        window.addEventListener(\'scroll\', function(e) {\r\n            if( $(window).scrollTop() <= 50) {\r\n                $(\'.wow\').removeClass(\'animated\');\r\n                $(\'.wow\').removeAttr(\'style\');\r\n                new WOW().init();\r\n            }\r\n        });\r\n    </script>\r\n	<style type=\"text/css\">\r\n.post img:hover {\r\n        -moz-transform: scale(1.2);\r\n        -ms-transform: scale(1.2);\r\n        -o-transform: scale(1.2);\r\n        -webkit-transform: scale(1.2);\r\n        transform: scale(1.2);\r\n        }	\r\nbody {\r\n    font-family: Microsoft JhengHei;\r\n    background-image: url(/userUpload/images/tomato/environment/background.jpg);\r\n}\r\n.navbar-default .navbar-nav>li>a {\r\n    color: #fff;\r\n}\r\n\r\n.load{\r\n    opacity: 1;\r\n    background-color: transparent;\r\n}\r\n\r\n.navbar-default {\r\n    background-color: #5da570 !important;\r\n}	</style>\r\n</p>\r\n<center>\r\n	<div class=\"container\" style=\"font-family:Microsoft JhengHei;\">\r\n		<div>\r\n			<div id=\"farm\">\r\n				<div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 80px 0; background-image: url(/userUpload/images/tomato/environment/farm_square.png); background-size: cover; max-width: 100%;\">\r\n					<div class=\"wow fadeInUp\">\r\n						<img src=\"/userUpload/images/tomato/environment/farm_name.png\" style=\"height: 55px; max-width: 100%;\" /></div>\r\n					<div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n						<p style=\"color:#ffffff; font-size:18px;\">\r\n							兩排的樹木配上柏油舖裝<br />\r\n							就像康莊大道歡迎著您的到來<br />\r\n							營區內的自然環境<br />\r\n							一定會讓你忘掉城市的喧囂</p>\r\n					</div>\r\n				</div>\r\n				<div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/farm.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/farm2.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<br />\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/farm3.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/farm4.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n				<hr style=\"border-color: #AAAAAA; width: 90%;\" />\r\n			</div>\r\n			<div id=\"room\">\r\n				<div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 80px 0; background-image: url(/userUpload/images/tomato/environment/room_square.png); background-size: cover; max-width: 100%;\">\r\n					<div class=\"wow fadeInUp\">\r\n						<img src=\"/userUpload/images/tomato/environment/room_name.png\" style=\"height: 55px; max-width: 100%;\" /></div>\r\n					<div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n						<p style=\"color:#ffffff; font-size:18px;\">\r\n							空間寬敞且整齊的客房<br />\r\n							擁有獨立的衛浴設備<br />\r\n							並且有類乾濕分離的設計<br />\r\n							讓客房有舒適整潔的環境</p>\r\n					</div>\r\n				</div>\r\n				<div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/room.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/room2.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<br />\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/room3.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/room4.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n				<hr style=\"border-color: #AAAAAA; width: 90%;\" />\r\n			</div>\r\n			<div id=\"bath\">\r\n				<div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 80px 0; background-image: url(/userUpload/images/tomato/environment/bath_square.png); background-size: cover; max-width: 100%;\">\r\n					<div class=\"wow fadeInUp\">\r\n						<img src=\"/userUpload/images/tomato/environment/bath_name.png\" style=\"height: 55px; max-width: 100%;\" /></div>\r\n					<div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n						<p style=\"color:#ffffff; font-size:18px;\">\r\n							本營區提供<br />\r\n							數量與設備齊全的衛浴空間<br />\r\n							在本營區露營也能好好的梳洗<br />\r\n							不用克難也不需要爭先恐後衛浴間</p>\r\n					</div>\r\n				</div>\r\n				<div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/bath.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/bath2.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<br />\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/bath3.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/bath4.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n				<hr style=\"border-color: #AAAAAA; width: 90%;\" />\r\n			</div>\r\n			<div id=\"tentarea\">\r\n				<div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 80px 0; background-image: url(/userUpload/images/tomato/environment/tentarea_square.png); background-size: cover; max-width: 100%;\">\r\n					<div class=\"wow fadeInUp\">\r\n						<img src=\"/userUpload/images/tomato/environment/tentarea_name.png\" style=\"height: 55px; max-width: 100%;\" /></div>\r\n					<div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n						<p style=\"color:#ffffff; font-size:18px;\">\r\n							寬闊的空間<br />\r\n							可以提供一定人數的活動使用<br />\r\n							棚子的架設<br />\r\n							可以遮陽也能擋雨<br />\r\n							就算雨天也不用擔心變成落湯雞</p>\r\n					</div>\r\n				</div>\r\n				<div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/tentarea.jpg\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/tentarea2.jpg\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<br />\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/tentarea3.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/tentarea4.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n				<hr style=\"border-color: #AAAAAA; width: 90%;\" />\r\n			</div>\r\n			<div id=\"recreation\">\r\n				<div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 20px 0; background-image: url(/userUpload/images/tomato/environment/recreation_square.png); background-size: cover; max-width: 100%;\">\r\n					<div class=\"wow fadeInUp\">\r\n						<img src=\"/userUpload/images/tomato/environment/recreation_name.png\" style=\"height: 55px; max-width: 100%;\" /></div>\r\n					<div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n						<p style=\"color:#ffffff; font-size:18px;\">\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 class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 60px 15px;\">\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/recreation.jpg\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n					<div class=\"post\" style=\"display: inline-block;\">\r\n						<img src=\"/userUpload/images/tomato/environment/recreation2.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\" /></div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1005,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1134,'2018-01-31 06:06:57','2018-01-31 14:06:55',NULL,'2018-01-31 00:00:00','2038-01-01 00:00:00',1014,1027,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'55',NULL,'<p>\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n</p>\r\n<p>\r\n	<link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n	<style type=\"text/css\">\r\nimg {\r\n            margin: 10px;\r\n            padding: 10px;\r\n            border: 1px solid;\r\n            background-color: #FFFFBB;\r\n            width: 400px;\r\n            height: 267px;\r\n        }	</style>\r\n</p>\r\n<div class=\"container\">\r\n	<h2>\r\n		Accordion Example</h2>\r\n	<p>\r\n		<strong>Note:</strong> The <strong>data-parent</strong> attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.</p>\r\n	<div class=\"panel-group\" id=\"accordion\">\r\n		<div class=\"panel panel-default\">\r\n			<div class=\"panel-heading\">\r\n				<h4 class=\"panel-title\">\r\n					<a data-parent=\"#accordion\" data-toggle=\"collapse\" href=\"#collapse1\">Collapsible Group 1</a></h4>\r\n			</div>\r\n			<div class=\"panel-collapse collapse in\" id=\"collapse1\">\r\n				<div class=\"panel-body\">\r\n					<img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/762596.jpg\" /> <img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG\" /> <img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/04_IMG_0942.JPG\" /> <img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/05_IMG_0943.JPG\" />\r\n					<p class=\"card-text\">\r\n						客房介紹：空間寬敞且整齊的客房 擁有獨立的衛浴設備 並且有類乾濕分離的設計 讓客房有舒適整潔的環境。</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"panel panel-default\">\r\n			<div class=\"panel-heading\">\r\n				<h4 class=\"panel-title\">\r\n					<a data-parent=\"#accordion\" data-toggle=\"collapse\" href=\"#collapse2\">Collapsible Group 2</a></h4>\r\n			</div>\r\n			<div class=\"panel-collapse collapse\" id=\"collapse2\">\r\n				<div class=\"panel-body\">\r\n					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"panel panel-default\">\r\n			<div class=\"panel-heading\">\r\n				<h4 class=\"panel-title\">\r\n					<a data-parent=\"#accordion\" data-toggle=\"collapse\" href=\"#collapse3\">Collapsible Group 3</a></h4>\r\n			</div>\r\n			<div class=\"panel-collapse collapse\" id=\"collapse3\">\r\n				<div class=\"panel-body\">\r\n					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1135,'2018-02-02 15:52:32','2018-02-02 23:52:32',NULL,'2018-02-02 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<meta charset=\"utf-8\" />\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n	\r\n	<link rel=\"stylesheet\" href=\"css/bootstrap.min.css\"/>\r\n	<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n	<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\"/>\r\n<div class=\"row\"><span style=\"font-size:26px;\"><b>Q&amp;A</b></span>\r\n\r\n<ol><span style =\"font-size:20px;\">\r\n	<li><b>請問有粉絲專頁嗎?</b></li>	\r\n		<p span style =\"font-size:20px;\">有噢，艾蘭哥爾咖啡<a href=\"https://www.facebook.com/taitungcoffee/\">https://www.facebook.com/taitungcoffee/</a><br>\r\n		也歡迎參觀我們的自然農場紛絲專頁<a href=\"https://www.facebook.com/hongyunaturalfarm/\">https://www.facebook.com/hongyunaturalfarm/</a></p>\r\n		\r\n	<li><b>訂購商品匯款方式有什麼？</b></li>\r\n		<p span style =\"font-size:20px;\">只提供匯款的方式，之後可能會在陸續增加</p>\r\n\r\n	<li><b>訂購商品的商品大約多久會到達呢？</b></li>\r\n		<p span style =\"font-size:20px;\">是托黑貓物流，正常3~4天會到達，除非有特殊狀況發生才會延遲</p>\r\n\r\n	<li><b>沒有帳號是否能訂購</b></li>\r\n		<p span style =\"font-size:20px;\">不行噢！需要有帳戶才可以訂購商品</p>\r\n\r\n	<li><b>商品是否能跨商家購買一起算運費呢？</b></li>\r\n		<p span style =\"font-size:20px;\">還不行，目前還是各商家自行寄出</p></span>\r\n</ol>	\r\n\r\n<style>\r\n	html,body{\r\n	background: url(\'/userUpload/images/Alanger/Q%26Abg.jpg\') no-repeat fixed center;\r\n	background-size: cover;\r\n	}\r\n	.navbar-default {\r\n			background-color: #f2dede;\r\n		}\r\n</style>\r\n\r\n</div>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.12.104.81',NULL,NULL,NULL,NULL,NULL,NULL),(1136,'2018-03-21 03:51:02','2018-03-21 11:51:02',NULL,NULL,NULL,3,3,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'test','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,91000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1137,'0000-00-00 00:00:00','2018-03-21 11:51:17',NULL,NULL,NULL,3,1136,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'kjdhkfjaksfjsad','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1138,'2018-04-27 00:42:53','2018-04-27 08:34:43',NULL,NULL,NULL,1138,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'d',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,0,NULL,NULL,'210.240.156.211',NULL,NULL,NULL,NULL,NULL,NULL),(1139,'2018-04-28 11:50:49','2018-04-28 19:50:49',NULL,NULL,NULL,1139,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'範例商店',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,1,NULL,NULL,'1.175.11.16',NULL,NULL,NULL,NULL,NULL,NULL),(1140,'0000-00-00 00:00:00','2018-04-28 19:57:30',NULL,NULL,NULL,1139,1139,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'介紹','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'1.175.11.16',NULL,1,NULL,NULL,NULL,NULL),(1141,'0000-00-00 00:00:00','2018-04-28 19:57:44',NULL,NULL,NULL,1139,1139,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'商品介紹','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'1.175.11.16',NULL,1,NULL,NULL,NULL,NULL),(1142,'2018-12-21 19:02:36','2018-12-22 03:02:36',NULL,'2018-04-30 00:00:00','2038-01-01 00:00:00',1139,1140,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<style type=\"text/css\">\r\n/*****************************************************/\r\n	div.navbar.navbar-default.load {\r\n   right: 0;\r\n   left: 0;\r\n   z-index: 1030;\r\n   position: fixed;\r\n   top: 0;\r\n   z-index:9999;\r\n   \r\n   font-size:16px;\r\n   color:black;\r\n   height:auto;\r\n   background-color: rgba(255, 255, 255,1);\r\n   border-color: rgba(0, 0, 0,0.4);\r\n   box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n   opacity:1;\r\n   }\r\n  \r\n  \r\n \r\n .navbar-nav>li>a {\r\n   color:rgba(0,0,0,1);\r\n   \r\n  }\r\n\r\n	/******************************************************/\r\n	*{text-align:center;-webkit-animation: zoomIn 0.5s 1;}\r\n	\r\nh2.text-center{display:none;}\r\nhr {display:none;}\r\n\r\n	h1\r\n	{\r\n	color:#FF8800;\r\n	text-align: center;\r\n	font-family: Microsoft JhengHei;\r\n	}\r\n		h22\r\n	{\r\n	color:#DDDDDD;\r\n	text-align: center;\r\n	font-family: Microsoft JhengHei;\r\n	}\r\n			h3\r\n	{\r\n	color:#FFFFFF;\r\n	text-align: center;\r\n	font-family: Microsoft JhengHei;\r\n	}\r\n	.clearfix:after {\r\n   content: \".\";\r\n   display: block;\r\n   height: 0;\r\n   clear: both;\r\n   visibility: hidden;\r\n  }\r\n  /***************************************/\r\n	 .row {\r\n   display: -ms-flexbox;\r\n   -ms-flex-wrap: wrap;\r\n   flex-wrap: wrap;\r\n   \r\n   margin-right: -12px;\r\n   margin-left: -12px;\r\n  }\r\n\r\n  div.col-md-12.load{\r\n   margin:0;\r\n   padding-right: 0;\r\n   padding-left: 0;\r\n    }\r\n.container-fluid {\r\n    width: -webkit-fill-available;\r\n    padding-right: 11px;\r\n    padding-left: 0;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n}\r\n  /*********************************/\r\n.block2 {\r\n\r\n	height: 700px;\r\n    background: url(/userUpload/images/123456789.jpg);\r\n    background-repeat: no-repeat;\r\n    background-attachment: fixed;\r\n    background-position: bottom;\r\n    background-size: cover;\r\n	\r\n}\r\n   .block3 {\r\n \r\n    clear: both;\r\n	height: 700px;\r\n    background: url(/userUpload/images/rice2.jpg);\r\n    background-repeat: no-repeat;\r\n    background-attachment: fixed;\r\n    background-position: bottom;\r\n    background-size: cover;\r\n\r\n}\r\n.block2 .box {\r\n    float: middle;\r\n    margin: middle;\r\n    width: 410px;\r\n    background: rgba(0,0,0,0.6);\r\n    padding: 30px 30px 60px 30px;\r\n\r\n}\r\n.block3 .box {\r\n    float: middle;\r\n    margin: middle;\r\n    width: 410px;\r\n    background: rgba(0,0,0,0.6);\r\n    padding: 30px 30px 60px 30px;\r\n}\r\n.row2\r\n{\r\n  padding-top: 5%;\r\n    padding-right: 10%;\r\n    padding-bottom: 5%;\r\n    padding-left: 10%;\r\nbackground-color:#1e2023;\r\n\r\n}	</style>\r\n</p>\r\n<div class=\"container-fluid\">\r\n	<div class=\"block2 clearfix\" style=\"background-image:url(/userUpload/images/123456789.jpg)\">\r\n		<!--blockarea--><!--box end--></div>\r\n	<div class=\"row2 clearfix\">\r\n		<div class=\"col-md-4\">\r\n			<h1 style=\"-webkit-animation: zoomIn 3s 1\">\r\n				東軒坊</h1>\r\n			<h22>位於關山鎮德高里一個聞名全國的優質良米</h22></div>\r\n		<div class=\"col-md-8\">\r\n			<h3>\r\n				東軒方位於關山鎮德高里一個聞名全國的優質良米，小球自返鄉清農，曾做過行銷、原生植物園助理等，後來因健康因素放棄超商百萬年薪，回歸故鄉。回先後見優質農產品銷售受限，從盤商、行口，看到農村被收購的困境。加上對食物安全的理念，因而向良質米產銷班優良模範的舅舅學習種植技術，努力參加比賽，自有品牌&quot;SAY Q&quot;讓購買的消費者得到更好的品質。並發揮先前職場的的行銷專長，投入農產品銷售，也協助地方農產的銷售，期待改善務農者的從農獲利。</h3>\r\n		</div>\r\n	</div>\r\n	<div class=\"block3 clearfix\" style=\"background-image:url(/userUpload/images/123456789123456789.jpg)\">\r\n		<!--blockarea--><!--box end--></div>\r\n	<div class=\"row2 clearfix\">\r\n		<div class=\"col-md-8\">\r\n			<h3>\r\n				來自清淨無汙染的台東，生長在良質米的故鄉關山。嚴選自家種植關山良質米，高雄139號白米及胚芽米，另外加清香的高雄147號純新米</h3>\r\n		</div>\r\n		<div class=\"col-md-4\">\r\n			<h1>\r\n				SAY Q關山安心良質米</h1>\r\n		</div>\r\n	</div>\r\n	<div class=\"block2 clearfix\" style=\"background-image:url(/userUpload/images/987654321.jpg)\">\r\n		<!--blockarea--><!--box end--></div>\r\n	<div class=\"row2 clearfix\">\r\n		<div class=\"col-md-4\">\r\n			<h1>\r\n				小米香酒、紫米酒</h1>\r\n		</div>\r\n		<div class=\"col-md-8\">\r\n			<h3>\r\n				傳統小米酒有特殊的發酵味，我們在風味上給予改良，添加關山米的香米，調整出人人適飲的風味，清新淡雅。純紫米釀造的紫米酒，酒色為花青素的顏色，會隨時間而褐化，需提早飲用。</h3>\r\n		</div>\r\n	</div>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1143,'2018-12-21 19:01:06','2018-12-22 03:01:06',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1139,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n@charset \"utf-8\";html, body, div, span, object, iframe,\r\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\r\nabbr, address, cite, code,\r\ndel, dfn, em, img, ins, kbd, q, samp,\r\nsmall, strong, sub, sup, var,\r\nb, i,\r\ndl, dt, dd, ol, ul, li,\r\nfieldset, form, label, legend,\r\ntable, caption, tbody, tfoot, thead, tr, th, td,\r\narticle, aside, canvas, details, figcaption, figure,\r\nfooter, header, hgroup, menu, nav, section, summary,\r\ntime, mark, audio, video{\r\n	margin:0;\r\n	padding:0;\r\n	border:0;\r\n	outline:0;\r\n	font-size:100%;\r\n	vertical-align:baseline;\r\n	background:transparent;\r\n						}\r\narticle,aside,details,figcaption,figure,\r\nfooter,header,hgroup,menu,nav,section{\r\n	display:block;\r\n	}\r\nblockquote, q{\r\n	quotes:none;}\r\nblockquote:before, blockquote:after,\r\nq:before, q:after{\r\n	content:\'\';content:none;\r\n	}\r\n*{-webkit-text-size-adjust:none;}\r\na{text-decoration:none;}\r\nem{font-style:normal;}\r\nfieldset, img{border:0;}\r\nol, ul{list-style:none;}\r\nabbr, acronym{border:0;}\r\n.CLEAR{clear:both;height:0;font-size:0px;line-height:0;}\r\n.clearfix:after{content:\".\";display:block;height:0;clear:both;visibility:hidden;}\r\n* html .clearfix{height:1%;}\r\n*:first-child + html .clearfix{min-height:1%;}\r\n/*******************************carousel-fade*******************/\r\n.carousel-fade .carousel-inner .item {\r\ntransition-property: opacity;\r\n}\r\n.carousel-fade .carousel-inner .item,  \r\n.carousel-fade .carousel-inner .active.left,  \r\n.carousel-fade .carousel-inner .active.right {\r\n   opacity: 0;\r\n}\r\n.carousel-fade .carousel-inner .active,  \r\n.carousel-fade .carousel-inner .next.left,  \r\n.carousel-fade .carousel-inner .prev.right {\r\n    opacity: 1;\r\n}\r\n.carousel-fade .carousel-inner .next,  \r\n.carousel-fade .carousel-inner .prev,  \r\n.carousel-fade .carousel-inner .active.left,  \r\n.carousel-fade .carousel-inner .active.right {\r\n    left: 0;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n.carousel-fade .carousel-control {\r\n    z-index: 2;\r\n}\r\n/**********************************************************************/\r\n.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n	#carousel01{display:none;}\r\n	#myCarousel{margin-top: -20px;}\r\n\r\n	body{\r\n			\r\n		\r\n		\r\n		}\r\n		* {\r\n  -webkit-box-sizing: border-box;\r\n     -moz-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n	}\r\n	/*************************navbar***********************/\r\n		\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			opacity:0;\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			border-bottom:0px solid #FFF ;\r\n			\r\n		}\r\n	.navbar-default .navbar-nav>li>a:hover{\r\n			color:rgba(255,255,255,1);\r\n			background-color:#c00;\r\n			font-size:18px;\r\n			border-bottom:2px solid #000;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:auto;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n			opacity:1;\r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		\r\n/****************************************************/		\r\n		.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		\r\n		\r\n		body > div.container-fluid.bgw.load > footer > div{padding: 1.2em;}\r\n		footer {\r\n			\r\n			color: #000;\r\n			/* background-color: rgba(0, 0, 0,0); */\r\n			}\r\n/************body*****************/\r\n		*{font-family: \'cwTeXYen\', sans-serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 32%;\r\n				right: 0px;\r\n				z-index:0;\r\n				}\r\n		h2,h3,h4{text-align: center;}\r\n		.smalltitle{ color:#ffa100;	}\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		.text{\r\n			line-height:3;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width: 25%;\r\n			float: left;\r\n			min-height: 30%;\r\n		}\r\n		.COL3{\r\n			width:33.33%;\r\n			float:left;\r\n			padding:0;\r\n			position: relative;\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.COL6{\r\n			width:50%;\r\n			float:left;\r\n			padding:2em;\r\n			\r\n		}\r\n		.clearfix:after {\r\n			  content: \".\";\r\n			  display: block;\r\n			  height: 0;\r\n			  clear: both;\r\n			  visibility: hidden;\r\n		}\r\n		\r\n		\r\n/***********blockarea***************/\r\n		.block0	{\r\n				\r\n				height:100vh;\r\n				width:100%;\r\n				position:absolute;\r\n				top:0;\r\n				left:0;\r\n				 margin-top: -20px;\r\n				background: linear-gradient(180deg,rgba(0,0,0,0) -14%,rgba(0,0,0,0.68) 71%);\r\n				}\r\n		.block1 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/01.jpg\');\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: bottom;\r\n				background-size: cover;\r\n				z-index:50;\r\n				height:100vh;\r\n		}\r\n		.block1 .box {\r\n				float: left;\r\n				margin-left: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				position:relative;\r\n				\r\n				background-position: center;\r\n				background-size: cover;\r\n				z-index:20;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 15px;\r\n				\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n		.block3 {\r\n				    position: relative;\r\n					padding: 5em 0 0 0;\r\n					color: white;\r\n					background-image: url(/userUpload/images/06-1.jpg);\r\n					background-repeat: no-repeat;\r\n					background-attachment: fixed;\r\n					background-position: center;\r\n					background-size: cover;\r\n		}\r\n		.block3 h2{color:#ffbe00;font-size:2.5em;}\r\n		.block3 h2:after{\r\n			content: \"\";\r\n			display: block;\r\n			margin: 10px 0;\r\n			width: 100%;\r\n			height: 2px;\r\n			border-bottom: 4px double #fff;\r\n			\r\n		\r\n		}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/storybg3.png\');\r\n				background-repeat: no-repeat;\r\n				background-attachment:fixed;\r\n				padding:  0;\r\n				\r\n			}\r\n		.storya{\r\n			\r\n			display: inline-block;\r\n			float: left;\r\n			box-sizing: border-box;\r\n			padding: 12px;\r\n			border: 1px solid rgba(66,66,37,0.4);\r\n		\r\n		}\r\n		 h2:after{\r\n			content: \"\";\r\n			display: block;\r\n			margin: 10px 0;\r\n			width: 100%;\r\n			height: 2px;\r\n			border-bottom: 4px double #fff;\r\n			\r\n		\r\n		}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n/*******************banner********************/\r\n		.item{\r\n			background-position: center center;\r\n			background-size: cover;\r\n			background-repeat: no-repeat;\r\n			height: 100vh;\r\n		}\r\n		.carousel-caption{\r\n			padding:30% 20% 7% 20%;\r\n			\r\n		}\r\n		.carousel-caption h3{font-size:5em;}\r\n		.carousel-caption p{font-size:1.8em;}\r\n		\r\n		\r\n		.boxtop{\r\n			position: absolute;\r\n			width: 40%;\r\n			height:auto;\r\n			background-image:url(\'/userUpload/images/0001.jpg\');\r\n			background-repeat:auto;\r\n			background-attachment:scroll;\r\n			display: block;\r\n			padding: 25px 35px;\r\n			border: 2px solid #FFF;\r\n			font-size: 18px;\r\n			color: #000;\r\n			text-transform: capitalize;\r\n			top: 4%;\r\n			left: 30%;\r\n			z-index: 100;\r\n			font-family: \'cwTeXYen\', serif;\r\n			line-height: 1.2;\r\n			text-align:center;\r\n		}\r\n		.boxtop h4{\r\n			color: #ffdb70;\r\n			margin-bottom: 5px;\r\n			font-weight: 100;\r\n			letter-spacing: .06em;\r\n			font-size: 22px;\r\n		}\r\n		.boxtop h2{\r\n			position: relative;\r\n			font-weight: 100;\r\n			letter-spacing: .06em;\r\n			text-transform: uppercase;\r\n			color: #e8c027;\r\n			font-size: 3em;\r\n			\r\n		}\r\n		\r\n		.boxtop h2:after{\r\n			content: \"\";\r\n			display: block;\r\n			margin: 10px 0;\r\n			width: 100%;\r\n			height: 2px;\r\n			border-bottom: 4px double #7d5e29;;\r\n			\r\n		\r\n		}\r\n		.boxtop nav{padding-top:50px;}\r\n		.boxtop nav{display: block;}\r\n		.boxtop ul li:first-child {\r\n			border-left: 1px dashed rgba(255,255,255,0.6);\r\n				}\r\n		.boxtop li{\r\n			\r\n			border-right: 1px dashed rgba(255,255,255,0.8);\r\n			min-width:10%;\r\n			position: relative;\r\n			display: inline-block;\r\n			padding: 10px 7px;\r\n		}\r\n		.imga{\r\n			position: absolute;\r\n			top: 0;\r\n			z-index: 9;\r\n			left: 7%;\r\n			width: 85%;\r\n		}\r\n		\r\n		.boxtop a{\r\n			position: relative;\r\n			\r\n			font-size: 24px;\r\n			color: #fff;\r\n			letter-spacing: 2px;\r\n			height: 150px;\r\n			text-align: left;\r\n			text-decoration: none;\r\n			-webkit-writing-mode: vertical-rl;\r\n			writing-mode: vertical-rl;\r\n			writing-mode: tb-rl;\r\n}\r\n\r\n		.boxtop li:hover  {\r\n			color: #fff;\r\n			background-color:rgba(160,0,0,0.8);\r\n			text-decoration: none;\r\n		\r\n  \r\n \r\n		}\r\n		\r\n		.boxtop li:hover a {\r\n			color: #fff;\r\n			\r\n			text-decoration: none;\r\n		}\r\n		\r\n		\r\n		.boxa{\r\n		  position:absolute; \r\n		  top:590px;\r\n		  left:50%;\r\n		  z-index:100;\r\n		}\r\n		.scroll:after{\r\n			position: absolute;\r\n			    position: absolute;\r\n				top: 23%;\r\n				LEFT: 51%;\r\n				transform: translateX(-50%) rotate(-45deg);\r\n				content: \'scroll down\';\r\n				z-index: 3;\r\n				\r\n				color: #f5f5f5;\r\n	\r\n		}\r\n		\r\n		.scroll{\r\n			position: fixed;\r\n			z-index: 999;\r\n			top: 80%;\r\n			bottom: 50%;\r\n			left: 50%;\r\n			transform: translateX(-50%);\r\n			border: 1px solid #FFF;\r\n			font-size: 12px;\r\n			color: #FFF;\r\n			text-transform: capitalize;\r\n			width: 80px;\r\n			height: 80px;\r\n			background-color: #322309;\r\n			border-radius: 2px;\r\n			transform: translateX(-50%) rotate(45deg);\r\n			-webkit-animation: boxa 1.8s infinite;\r\n		}\r\n\r\n		@-webkit-keyframes boxa{\r\n		  0%{\r\n			top:80%;\r\n		  }\r\n		  20%{\r\n			border-radius:2px;\r\n		  }\r\n		  50%{\r\n			top:85%; \r\n			border-bottom-right-radius:25px;\r\n		  }\r\n		  80%{\r\n			border-radius:2px;\r\n		  }\r\n		  100%{\r\n			top:80%;\r\n		  }\r\n		}\r\n		\r\n		.area{width: 1200px;\r\n			margin: 0 auto;}\r\n			\r\n		h4.img1:before {\r\n			content: \'\';\r\n			position: relative;\r\n			z-index: 99;\r\n			width: 82px;\r\n			margin-left: -74px;\r\n			margin-bottom: -42px;\r\n			height: 58px;\r\n			display: inline-block;\r\n			background: url(/userUpload/images/4-3.png) no-repeat;\r\n		}\r\n/****************************************/\r\n\r\n		@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL3{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			.COL12{ padding:15px;}\r\n			.boxtop h4{font-size: 15px;}\r\n			.boxtop h2{font-size: 1.8em;}\r\n			.boxtop nav{display:none;}\r\n			.carousel-caption h3{display:none;}\r\n			.p1{top:53%;}\r\n			.area{width: 100%;}\r\n			}\r\n		@media screen and (min-width: 481px) and (max-width: 639px){\r\n		.area{width: 100%;}\r\n		.COL3{\r\n				width: 50%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n		}\r\n		@media screen and (max-width: 640px){.boxtop nav{display:none;}\r\n		\r\n		}\r\n		@media screen and (min-width: 640px) and (max-width: 767px) {\r\n		.COL6{	width: 100%;\r\n				margin: 0;\r\n				line-height:2;}\r\n		.area{width: 100%;}\r\n			.COL12{ padding:20px;}\r\n			.area{width: 100%;}\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			.navbar-default {opacity:1;}\r\n			}\r\n		@media (min-width: 768px) and (max-width: 1200px) {\r\n		\r\n		.area{width: 100%;}\r\n	\r\n		.boxtop a {font-size: 30px;}\r\n		}\r\n		@media screen and (min-width: 1400px) {\r\n			.imageshow2 .btn {\r\n							margin: 191px auto;\r\n						}	\r\n			.boxtop a {font-size: 30px;}\r\n		\r\n		}\r\n		\r\n		\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n		/***************************活動資訊圖文介紹hover效果***************************/							\r\n		\r\n		\r\n		.animation2 {\r\n				position: relative;\r\n				height:100%;	\r\n				background-repeat: no-repeat;\r\n				background-size:cover;\r\n				display: inline;\r\n					}\r\n		\r\n		\r\n		.animation2 a{color:white;}\r\n		.imageshow2{\r\n				color:#fff;\r\n				width: 0px;\r\n				height: 0px;\r\n				background: rgba(0,0,0,0);\r\n				position: absolute;\r\n				border: 0px solid #fff;			\r\n				top:50%;\r\n				left:50%;\r\n				padding: 0.5em 0.8em ;			\r\n				text-align: center;\r\n				font-size: 1em;\r\n				transition: 0.5s ease;\r\n				overflow: hidden;\r\n				opacity:0;\r\n						}\r\n						\r\n		.animation2:hover .imageshow2 {\r\n				width: calc((100% - 10%) ); \r\n				height: calc(100% - 10%);\r\n				top:5%;\r\n				left:5%;\r\n				border: 1px solid #fff;	\r\n				opacity:1;\r\n						}\r\n		.imageshow2  .btn{\r\n				\r\n				\r\n\r\n		}\r\n		.imageshow4{\r\n				width: 0%;\r\n				height: 0%;\r\n				background-color:rgba(0,0,0,0.3);\r\n				position: absolute;\r\n				top:50%;\r\n				left:50%;	\r\n				text-align: center;\r\n				font-size: 1em;\r\n				transition: 0.7s ease;\r\n				overflow: hidden;\r\n				opacity:0.1;\r\n						}	\r\n		.animation2:hover .image-transform {\r\n				transform:rotate(15deg);\r\n				overflow:hidden;\r\n						}				\r\n						\r\n		.animation2:hover .imageshow4 {\r\n				width: 100%; \r\n				height: 100%;\r\n				top:0;\r\n				left:0;\r\n				opacity:1;\r\n						}\r\n		\r\n		#gotop {\r\n			margin: 15px 18px 35px 15px;\r\n			padding: 3px 5px 7px 5px;\r\n			background: rgba(0,0,0,0.5);\r\n			color: #FFFFFF;\r\n			z-index: 99999;\r\n			position: fixed;\r\n			bottom: 0;\r\n			right: 0px;\r\n			border-radius: 5px;\r\n			text-align: center;\r\n			text-decoration: none;\r\n			width: 3.5em;\r\n			line-height: 0.5em;\r\n			opacity:0;\r\n		}\r\n		.iframe-rwd {\r\n							position: relative;\r\n							padding-bottom: 40%;\r\n							padding-top: 0;\r\n							height: 0;\r\n							overflow: hidden;\r\n						}\r\n	.iframe-rwd iframe {\r\n							position: absolute;\r\n							top: 0;\r\n							left: 0;\r\n							width: 100%;\r\n							height: 100%;\r\n						}\r\n		 h4	{\r\n						font-size:1.8em;\r\n						font-weight: 800;\r\n		 }</style>\r\n\r\n\r\n	<link href=\"https://fonts.googleapis.com/earlyaccess/cwtexyen.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n\r\n\r\n\r\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display\" rel=\"stylesheet\" />\r\n\r\n\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<div class=\"mainarea\">\r\n	<a class=\"show\" href=\"#top\" id=\"gotop\">^<br />\r\n	Top</a>\r\n	<div class=\"scroll\">\r\n		&nbsp;</div>\r\n	<div class=\"boxtop\">\r\n		<div class=\"title1area0 clearfix\">\r\n			<h4 class=\"smalltitle revealOnScroll\" data-animation=\"pulse\">\r\n				Taitung Chishang</h4>\r\n			<h2 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n				東軒坊</h2>\r\n			<nav class=\"clearfix\">\r\n				<ul class=\"topA  clearfix\">\r\n					<li>\r\n						<a href=\"#story\">首頁</a></li>\r\n					<li>\r\n						<a href=\"/index.php?Act=1139&amp;MK=1139&amp;PK=1141\">商品介紹</a></li>\r\n					<li>\r\n						<a href=\"/index.php?Act=1139&amp;MK=1139&amp;PK=1142\">線上介紹</a></li>\r\n				</ul>\r\n			</nav>\r\n		</div>\r\n	</div>\r\n	<div class=\"block1 clearfix\">\r\n		<!--blockarea-->\r\n		<div class=\"boxa\">\r\n			&nbsp;</div>\r\n		<div class=\"carousel slide carousel-fade \" data-ride=\"carousel\" id=\"myCarousel\">\r\n			<!-- Indicators -->\r\n			<ol class=\"carousel-indicators\">\r\n				<li class=\"active\" data-slide-to=\"0\" data-target=\"#myCarousel\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"1\" data-target=\"#myCarousel\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"2\" data-target=\"#myCarousel\">\r\n					&nbsp;</li>\r\n			</ol>\r\n			<!-- Wrapper for slides -->\r\n			<div class=\"carousel-inner \">\r\n				<div class=\"item active\" style=\"background-image:url(/userUpload/images/tc053001.jpg)\">\r\n					<!--<div class=\"carousel-caption \">\r\n									<h3>銘泉生態</h3>\r\n									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n								  </div>--></div>\r\n				<div class=\"item\" style=\"background-image:url(/userUpload/images/tc053002.png);\">\r\n					<!--   <div class=\"carousel-caption \">\r\n									<h3>黃記包子</h3>\r\n									\r\n									<li>堅持不添加化學改良劑\r\n									<li>堅持使用天然酵母\r\n									<li>堅持手工捏製\r\n									\r\n								  </div> --></div>\r\n				<div class=\"item\" style=\"background-image:url(/userUpload/images/tc053003.png)\">\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n			</div>\r\n			<!-- Left and right controls --><!-- <a class=\"left carousel-control\" href=\"#myCarousel\" data-slide=\"prev\"> --><!-- <span class=\"glyphicon glyphicon-chevron-left\"></span> --><!-- <span class=\"sr-only\">Previous</span> --><!-- </a> --><!-- <a class=\"right carousel-control\" href=\"#myCarousel\" data-slide=\"next\"> --><!-- <span class=\"glyphicon glyphicon-chevron-right\"></span> --><!-- <span class=\"sr-only\">Next</span> --><!-- </a> --></div>\r\n		<!--box end-->\r\n		<div class=\"block0 clearfix\">\r\n			&nbsp;</div>\r\n	</div>\r\n	<!--blockarea end-->\r\n	<div class=\"STORY\" id=\"story\">\r\n		<!--STORY-->\r\n		<div class=\"COL12 clearfix area\">\r\n			<div class=\"title1area\">\r\n				<h4 class=\"img1 smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					Taitung Chishang</h4>\r\n				<h2 class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n					東軒坊</h2>\r\n				<p>\r\n					來自清淨無汙染的台東,生長在優質米的故鄉關山</p>\r\n				<p>\r\n					東軒坊位於關山鎮德高里一個聞名全國的良質米產地,小球自行返鄉清農，曾做過行銷，原生植物園助理等.....。</p>\r\n			</div>\r\n			<hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\" />\r\n			<!-- <div class=\"p1\">\r\n				<img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/02-3.png\" /></div> -->\r\n			<div class=\"COL12 storya\" style=\"z-index:2;\">\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/tc053004.jpg\" /></div>\r\n			<!--text-box-->\r\n			<div class=\"text COL12 \">\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n					後來因健康因素放棄超商百萬年薪，回歸故鄉。回歸故鄉後建 優質農產品銷售受限,從盤商、行口,看到農村被收購的困境,加上對國物安全的理念,因而向良質米產銷班優良模範的舅舅，學習種植技術,努力參加競賽，比賽自有品&quot; SAY Q 米&quot;讓購買的的消費者得到更好的品質;並發揮先前做的行銷專長,投入農產品銷售,也協助地方農產的銷售,期能改善務農者的從農獲利。</p>\r\n				<p>\r\n					農場主力作物為稻米及健康導向的黑糯米(紫米),以無毒農法種植,並開始朝降農藥及化肥使用的目標前進。斷藥期30-50天。 以「鮮度」作為市場區隔,農場稻米及糯米等,均以冷藏保鮮維持如新米初收的口 感,客人下訂後才製及包裝出貨,因此下訂單後需等待3~5天的準備及配送喔。</p>\r\n			</div>\r\n			<!--text-box--></div>\r\n	</div>\r\n	<div class=\"GOODNEWS \">\r\n		<!--STORY-->\r\n		<div class=\"clearfix\" id=\"map\" style=\"background-color:#fff;\">\r\n			<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"pulse\" style=\"color:black;font-size:2.5em;\">\r\n					LOCATION</h4>\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"pulse\">\r\n					交通位置</h4>\r\n			</div>\r\n			<div class=\"iframe-rwd COL12map\">\r\n				<div class=\"iframe-rwd\">\r\n					<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3670.701543145434!2d121.17060481496871!3d23.07140108492832!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346f0a2ac167aca5%3A0xfcea9085f828760c!2z6Zec5bGx5p2x6LuS5Z2K!5e0!3m2!1szh-TW!2stw!4v1525286900737\" style=\"border:0\" width=\"600\"></iframe></div>\r\n			</div>\r\n			<div class=\"text COL12 clearfix revealOnScroll\" data-animation=\"pulse\" style=\"background-color:#fff;color:black;min-height:370px;text-align:center;padding:4em 2em;\">\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;border-bottom:1px #000 dashed;\">\r\n					<h4>\r\n						本店地址</h4>\r\n					<p>\r\n						998-0854台東縣關山鎮德高里永豐48號</p>\r\n					<p>\r\n						碾米方式:小農接單現碾<br />\r\n						包裝地址:關山鎮德高里永豐路48號<br />\r\n						訂購專線:0963-259-025<br />\r\n						訂購信箱:polo.lin1224@msa.hinet.net<br />\r\n						網 址 :http://weigo.tw/21<br />\r\n						付款方式:滿2000元免運費,未滿2000元 以上一箱加收100元運費<br />\r\n						*若訂購大宗數量(5箱以上,每箱20公斤)即享有其他優惠 請直接來電0963-259-025東軒坊-林振球先生</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<script type=\"text/javascript\">\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n\r\n$(\"div hr\").hide();\r\n\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n$(\'div.collapse.navbar-collapse.load > ul:nth-child(2) > li:nth-child(3) > a\').attr(\'target\',\'_self\');\r\n\r\n\r\n});\r\n\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			$(\".boxa\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 1s ease-in\"});\r\n			$(\".boxtop\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 1s ease-in\"});\r\n			$(\".imga\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			$(\".scroll\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			$(\"#gotop\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n			$(\".boxa\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 1s ease-in\"});\r\n			$(\".boxtop\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 1s ease-in\"});\r\n			$(\".imga\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			$(\".scroll\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			$(\"#gotop\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			\r\n        }\r\n    });\r\n});\r\n\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script></div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1144,'2018-05-12 12:50:28','2018-05-12 20:49:32',NULL,'2018-05-12 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\r\n<!--\r\nDesign by TEMPLATED\r\nhttp://templated.co\r\nReleased for free under the Creative Commons Attribution License\r\n\r\nName       : RedMarket \r\nDescription: A two-column, fixed-width design with dark color scheme.\r\nVersion    : 1.0\r\nReleased   : 20140101\r\n\r\n-->\r\n\r\n\r\n<style>\r\n\r\nhtml, body\r\n{\r\n	height: 100%;\r\n}\r\n\r\nbody\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	/*background: #CC0000;*/\r\n	font-family: 微軟正黑體, sans-serif;\r\n	font-size: 12pt;\r\n	font-weight: 300;\r\n	color: #000000;\r\n}\r\n\r\nh1, h2, h3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\np, ol, ul\r\n{\r\n	margin-top: 0;\r\n}\r\n\r\nol, ul\r\n{\r\n	padding: 0;\r\n	list-style: none;\r\n}\r\n\r\np\r\n{\r\n	line-height: 180%;\r\n}\r\n\r\nstrong\r\n{\r\n}\r\n\r\na\r\n{\r\n	color: #CC0000;\r\n}\r\n\r\na:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\n.container\r\n{\r\n	overflow: hidden;\r\n	margin: 0em auto;\r\n	width: 1000px;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Image Style                                                                   */\r\n/*********************************************************************************/\r\n\r\n	.image\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n.image img\r\n{\r\n	display: block;\r\n	width: 100%;\r\n}\r\n\r\n.image-full\r\n{\r\n	display: block;\r\n	width: 100%;\r\n	margin: 0 0 2em 0;\r\n}\r\n\r\n.image-left\r\n{\r\n	float: left;\r\n	margin: 0 2em 2em 0;\r\n}\r\n\r\n.image-centered\r\n{\r\n	display: block;\r\n	margin: 0 0 2em 0;\r\n}\r\n\r\n.image-centered img\r\n{\r\n	margin: 0 auto;\r\n	width: auto;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* List Styles                                                                   */\r\n/*********************************************************************************/\r\n\r\n	ul.style1\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Social Icon Styles                                                            */\r\n/*********************************************************************************/\r\n\r\n	ul.contact\r\n{\r\n	margin: 0;\r\n	padding: 2em 0em 0em 0em;\r\n	list-style: none;\r\n}\r\n\r\nul.contact li\r\n{\r\n	display: inline-block;\r\n	padding: 0em 0.30em;\r\n	font-size: 1em;\r\n}\r\n\r\nul.contact li span\r\n{\r\n	display: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\nul.contact li a\r\n{\r\n	color: #FFF;\r\n}\r\n\r\nul.contact li a:before\r\n{\r\n	display: inline-block;\r\n	background: #3f3f3f;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.contact li a.icon-twitter:before\r\n{\r\n	background: #2DAAE4;\r\n}\r\n\r\nul.contact li a.icon-facebook:before\r\n{\r\n	background: #39599F;\r\n}\r\n\r\nul.contact li a.icon-dribbble:before\r\n{\r\n	background: #C4376B;\r\n}\r\n\r\nul.contact li a.icon-tumblr:before\r\n{\r\n	background: #31516A;\r\n}\r\n\r\nul.contact li a.icon-rss:before\r\n{\r\n	background: #F2600B;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Button Style                                                                  */\r\n/*********************************************************************************/\r\n\r\n	.button\r\n{\r\n	display: inline-block;\r\n	padding: 1em 3em 1em 2em;\r\n	letter-spacing: 0.20em;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-weight: 400;\r\n	font-size: 0.90em;\r\n	color: #FFF;\r\n}\r\n\r\n.button:before\r\n{\r\n	display: inline-block;\r\n	background: #FFC31F;\r\n	margin-right: 1em;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #272925;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 4-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.box1,  .box2,  .box3,  .box4\r\n{\r\n	width: 235px;\r\n}\r\n .box1,  .box2,  .box3, {\r\n float: left;\r\n margin-right: 20px;\r\n}\r\n\r\n.box4\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 3-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.boxA,  .boxB,  .boxC\r\n{\r\n	width: 300px;\r\n}\r\n\r\n.boxA,  .boxB\r\n{\r\n	float: left;\r\n	margin-right: 50px;\r\n}\r\n\r\n.boxC\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 2-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.tbox1,  .tbox2\r\n{\r\n	width: 575px;\r\n}\r\n\r\n.tbox1\r\n{\r\n	float: left;\r\n}\r\n\r\n.tbox2\r\n{\r\n	float: right;\r\n}\r\n\r\n#wrapper\r\n{\r\n	background: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Header                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#header-wrapper\r\n{\r\n	background: url(images/img01.jpg) no-repeat center;\r\n	background-size: cover;\r\n	opacity:0.7;\r\n	z-index:-1;\r\n	/*border-top: 10px solid #CC0000;*/\r\n}\r\n\r\n#header\r\n{\r\n	position: relative;\r\n	padding: 5em 0em;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Logo                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#logo\r\n{\r\n}\r\n\r\n#logo h1\r\n{\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	padding: 1em 1em;\r\n	background: #CC0000;\r\n	border-radius: 0px 0px 5px 5px;\r\n}\r\n\r\n#logo a\r\n{\r\n	text-decoration: none;\r\n	color: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Menu                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#menu\r\n{\r\n	position: absolute;\r\n	top: 4em;\r\n	right: 0;\r\n}\r\n\r\n#menu ul\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n#menu li\r\n{\r\n	display: block;\r\n	float: left;\r\n	text-align: center;\r\n}\r\n\r\n#menu li a, #menu li span\r\n{\r\n	padding: 1em 1.5em;\r\n	letter-spacing: 1px;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-size: 0.90em;\r\n	font-weight: 600;\r\n	color: #FFF;\r\n}\r\n\r\n#menu li:hover a, #menu li.active a, #menu li.active span\r\n{\r\n	background: #CC0000;\r\n	border-radius: 5px;\r\n}\r\n\r\n#menu .current_page_item a\r\n{\r\n}\r\n\r\n#menu .icon\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Banner                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#banner\r\n{\r\n	padding: 10em 0em;\r\n	opacity:0.8;\r\n}\r\n\r\n#banner span\r\n{\r\n	display: block;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	text-align: center;\r\n	font-weight: 700;\r\n	font-size: 30px;\r\n	letter-spacing: 11px;\r\n	color: #FFF;\r\n}\r\n\r\n	#banner2\r\n{\r\n	padding: 2em 0em 2em;\r\n	width:100%;\r\n	background-color:#000;\r\n	z-index:0;\r\n	\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Page                                                                          */\r\n/*********************************************************************************/\r\n\r\n	/*#page\r\n	{\r\n		padding-bottom: 5em;\r\n	}\r\n	\r\n	#page h2\r\n	{\r\n		padding-bottom: 1.5em;\r\n		text-transform: uppercase;\r\n		font-size: 1.5em;\r\n	}\r\n*/\r\n\r\n/*********************************************************************************/\r\n/* Content                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#content\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Sidebar                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#sidebar\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Footer                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#footer\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Copyright                                                                     */\r\n/*********************************************************************************/\r\n\r\n	#copyright\r\n{\r\n	background-color: #FFD700;\r\n	width:100%;\r\n	overflow: hidden;\r\n	padding: 6em 0em;\r\n}\r\n\r\n#copyright p\r\n{\r\n	letter-spacing: 0.20em;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	font-size: 18px;\r\n	color: #FFFFFF;\r\n}\r\n\r\n#copyright a\r\n{\r\n	text-decoration: none;\r\n	color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Heading Titles                                                                */\r\n/*********************************************************************************/\r\n\r\n	.title\r\n{\r\n	margin-bottom: 3em;\r\n	text-transform: uppercase;\r\n}\r\n\r\n.title h2\r\n{\r\n	font-size: 2.8em;\r\n	font-weight: 700;\r\n}\r\n\r\n.title .byline\r\n{\r\n	font-size: 1.1em;\r\n	color: #6F6F6F;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff\r\n{\r\n	padding: 4em 0em;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff2                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff2\r\n{\r\n	padding: 2em 0em;\r\n	padding-top: 0px;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Welcome                                                                       */\r\n/*********************************************************************************/\r\n\r\n#welcome\r\n{\r\n	padding: 5em 0em 5em 0em;\r\n	border-top: 1px solid rgba(0,0,0,.1);\r\n	text-align: center;\r\n	letter-spacing:2px;\r\n}\r\n\r\nul.style3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	overflow: hidden;\r\n	list-style: none;\r\n	color: #6c6c6c\r\n}\r\n\r\nul.style3 li\r\n{\r\n	padding: 1.6em 0em 0em 0em;\r\n	margin: 0 0 1em 0;\r\n}\r\n\r\nul.style3 p\r\n{\r\n	margin: 0;\r\n}\r\n\r\nul.style3 a\r\n{\r\n	display: block;\r\n	text-decoration: none;\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style3 a:hover\r\n{\r\n	text-decoration: underline;\r\n}\r\n\r\nul.style3 h3\r\n{\r\n	padding: 1em 0em 5px 0em;\r\n	text-transform: uppercase;\r\n	font-size: 1em;\r\n	font-weight: 300;\r\n}\r\n\r\nul.style3 .first\r\n{\r\n	padding-top: 0;\r\n	background: none;\r\n}\r\n\r\nul.style3 .date\r\n{\r\n	float: left;\r\n	position: relative;\r\n	width: 80px;\r\n	height: 70px;\r\n	margin: 0.5em 1.5em 0em 0.5em;\r\n	padding: 20px 0em 0em 0em;\r\n	background: #262626;\r\n	border-radius: 5px;\r\n	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);\r\n	line-height: normal;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	text-shadow: 0px 1px 0px rgba(0,0,0,.2);\r\n	font-size: 1em;\r\n	font-weight: 400;\r\n	color: #FFF;\r\n}\r\n\r\nul.style3 .date:after\r\n{\r\n	content: \'\';\r\n	display: block;\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\nul.style3 .date b\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	display: block;\r\n	margin-top: -5px;\r\n	font-size: 1.8em;\r\n	font-weight: 700;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.style3 .date a\r\n{\r\n	color: #FFFFFF !important;\r\n}\r\n\r\nul.style3 .date a:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\nul.style4\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	list-style: none;\r\n}\r\n\r\nul.style4 li\r\n{\r\n	border-top: 1px solid rgba(0,0,0,0.1);\r\n	line-height: 3em;\r\n}\r\n\r\nul.style4 a\r\n{\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style4 .first\r\n{\r\n	padding-top: 0px;\r\n	border-top: none;\r\n}\r\n@charset \'UTF-8\';\r\n\r\n@font-face\r\n{\r\n	font-family: \'FontAwesome\';\r\n	src: url(\'fonts/fontawesome-webfont.eot?v=3.0.1\');\r\n	src: url(\'fonts/fontawesome-webfont.eot?#iefix&v=3.0.1\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-webfont.woff?v=3.0.1\') format(\'woff\'),\r\n	     url(\'fonts/fontawesome-webfont.ttf?v=3.0.1\') format(\'truetype\'),\r\n	     url(\'fonts/fontawesome-webfont.svg#FontAwesome\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n}\r\n\r\n@font-face\r\n{\r\n	font-family: \'Font-Awesome-Social\';\r\n	src: url(\'fonts/fontawesome-social-webfont.eot\');\r\n	src: url(\'fonts/fontawesome-social-webfont.eot?#iefix\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-social-webfont.woff\') format(\'woff\'),\r\n		 url(\'fonts/fontawesome-social-webfont.ttf\') format(\'truetype\'),\r\n		 url(\'fonts/fontawesome-social-webfont.svg#Font-Awesome-More\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n</style>\r\n<body>\r\n<div id=\"header-wrapper\">\r\n	<!--<div id=\"header\" class=\"container\">\r\n		<div id=\"logo\">\r\n			<h1><a href=\"#\">RedMarket</a></h1>\r\n		</div>\r\n		<div id=\"menu\">\r\n			<ul>\r\n				<li class=\"active\"><a href=\"#\" accesskey=\"1\" title=\"\">Homepage</a></li>\r\n				<li><a href=\"#\" accesskey=\"2\" title=\"\">Our Clients</a></li>\r\n				<li><a href=\"#\" accesskey=\"3\" title=\"\">About Us</a></li>\r\n				<li><a href=\"#\" accesskey=\"4\" title=\"\">Careers</a></li>\r\n				<li><a href=\"#\" accesskey=\"5\" title=\"\">Contact Us</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>-->\r\n	<div id=\"banner\" class=\"container\">\r\n		<div id=\"banner2\" class=\"container\"><span>/ 民以食為天，提供安心的農產品是我們唯一的堅持 /</span></div>\r\n		</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div id=\"staff\" class=\"container\">\r\n		<!--<div class=\"title\">\r\n			<h2>Etiam rhoncus volutpat</h2>\r\n			<span>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</span> </div>\r\n		-->\r\n		<div class=\"boxA\"><a href=\"#\"><img src=\"images/product01.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n		<div class=\"boxB\"><a href=\"#\"><img src=\"images/product02.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n		<div class=\"boxC\"><a href=\"#\"><img src=\"images/product03.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n	</div>\r\n	\r\n	<div id=\"wrapper\">\r\n	<div id=\"staff2\" class=\"container\">\r\n		<div class=\"boxA\"><a href=\"#\"><img src=\"images/product04.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n		<div class=\"boxB\"><a href=\"#\"><img src=\"images/product05.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n		<div class=\"boxC\"><a href=\"#\"><img src=\"images/product06.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n	</div>\r\n	\r\n	<!--\r\n	<div id=\"page\" class=\"container\">\r\n		<div class=\"boxA\">\r\n			<h2>Fusce ultrices<br />\r\n				<span>fringilla metus</span></h2>\r\n			<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Proin gravida orci porttitor</a></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxB\">\r\n			<h2>Praesent<br />\r\n				<span> scelerisque scelerisque</span></h2>\r\n			<ul class=\"style3\">\r\n				<li class=\"first\">\r\n					<p class=\"date\"><a href=\"#\">Dec<b>30</b></a></p>\r\n					<h3>Amet sed volutpat mauris</h3>\r\n					<p><a href=\"#\">Mauris tempus nibh sodales adipiscing dolore.</a></p>\r\n				</li>\r\n				<li>\r\n					<p class=\"date\"><a href=\"#\">Dec<b>28</b></a></p>\r\n					<h3>Sagittis diam dolor amet</h3>\r\n					<p><a href=\"#\">Duis arcu tortor fringilla sed  sed magna.</a></p>\r\n				</li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxC\">\r\n			<h2>Etiam posuere<br />\r\n				<span>augue sit amet</span></h2>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n				<li><a href=\"#\">Urnanet non molestie semper</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>\r\n	-->\r\n	<div id=\"welcome\" class=\"container\" style=\"color:#FFD700\">\r\n		<div class=\"title\">\r\n			<h2>東軒坊</h2>\r\n		</div>\r\n		<p>我們堅持品質的動力，來自您對我們的支持。</p>\r\n	</div>\r\n</div>\r\n<div id=\"copyright\" class=\"container\">\r\n	<p> <strong>東軒坊 | 台東縣關山鎮德高里永豐48號 | </br> copyright &copy; 臺東大學樂活產業創新平台2018 </strong></p>\r\n</div>\r\n</body>\r\n</html>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1145,'2018-05-12 12:58:59','2018-05-12 20:58:15',NULL,'2018-05-12 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!--\r\nDesign by TEMPLATED\r\nhttp://templated.co\r\nReleased for free under the Creative Commons Attribution License\r\n\r\nName       : RedMarket \r\nDescription: A two-column, fixed-width design with dark color scheme.\r\nVersion    : 1.0\r\nReleased   : 20140101\r\n\r\n-->\r\n<style type=\"text/css\">\r\nhtml, body\r\n{\r\n	height: 100%;\r\n}\r\n\r\nbody\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	/*background: #CC0000;*/\r\n	font-family: 微軟正黑體, sans-serif;\r\n	font-size: 12pt;\r\n	font-weight: 300;\r\n	color: #000000;\r\n}\r\n\r\nh1, h2, h3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\np, ol, ul\r\n{\r\n	margin-top: 0;\r\n}\r\n\r\nol, ul\r\n{\r\n	padding: 0;\r\n	list-style: none;\r\n}\r\n\r\np\r\n{\r\n	line-height: 180%;\r\n}\r\n\r\nstrong\r\n{\r\n}\r\n\r\na\r\n{\r\n	color: #CC0000;\r\n}\r\n\r\na:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\n.container\r\n{\r\n	overflow: hidden;\r\n	margin: 0em auto;\r\n	width: 1000px;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Image Style                                                                   */\r\n/*********************************************************************************/\r\n\r\n	.image\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n.image img\r\n{\r\n	display: block;\r\n	width: 100%;\r\n}\r\n\r\n.image-full\r\n{\r\n	display: block;\r\n	width: 100%;\r\n	margin: 0 0 2em 0;\r\n}\r\n\r\n.image-left\r\n{\r\n	float: left;\r\n	margin: 0 2em 2em 0;\r\n}\r\n\r\n.image-centered\r\n{\r\n	display: block;\r\n	margin: 0 0 2em 0;\r\n}\r\n\r\n.image-centered img\r\n{\r\n	margin: 0 auto;\r\n	width: auto;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* List Styles                                                                   */\r\n/*********************************************************************************/\r\n\r\n	ul.style1\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Social Icon Styles                                                            */\r\n/*********************************************************************************/\r\n\r\n	ul.contact\r\n{\r\n	margin: 0;\r\n	padding: 2em 0em 0em 0em;\r\n	list-style: none;\r\n}\r\n\r\nul.contact li\r\n{\r\n	display: inline-block;\r\n	padding: 0em 0.30em;\r\n	font-size: 1em;\r\n}\r\n\r\nul.contact li span\r\n{\r\n	display: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\nul.contact li a\r\n{\r\n	color: #FFF;\r\n}\r\n\r\nul.contact li a:before\r\n{\r\n	display: inline-block;\r\n	background: #3f3f3f;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.contact li a.icon-twitter:before\r\n{\r\n	background: #2DAAE4;\r\n}\r\n\r\nul.contact li a.icon-facebook:before\r\n{\r\n	background: #39599F;\r\n}\r\n\r\nul.contact li a.icon-dribbble:before\r\n{\r\n	background: #C4376B;\r\n}\r\n\r\nul.contact li a.icon-tumblr:before\r\n{\r\n	background: #31516A;\r\n}\r\n\r\nul.contact li a.icon-rss:before\r\n{\r\n	background: #F2600B;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Button Style                                                                  */\r\n/*********************************************************************************/\r\n\r\n	.button\r\n{\r\n	display: inline-block;\r\n	padding: 1em 3em 1em 2em;\r\n	letter-spacing: 0.20em;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-weight: 400;\r\n	font-size: 0.90em;\r\n	color: #FFF;\r\n}\r\n\r\n.button:before\r\n{\r\n	display: inline-block;\r\n	background: #FFC31F;\r\n	margin-right: 1em;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #272925;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 4-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.box1,  .box2,  .box3,  .box4\r\n{\r\n	width: 235px;\r\n}\r\n .box1,  .box2,  .box3, {\r\n float: left;\r\n margin-right: 20px;\r\n}\r\n\r\n.box4\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 3-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.boxA,  .boxB,  .boxC\r\n{\r\n	width: 300px;\r\n}\r\n\r\n.boxA,  .boxB\r\n{\r\n	float: left;\r\n	margin-right: 50px;\r\n}\r\n\r\n.boxC\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 2-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.tbox1,  .tbox2\r\n{\r\n	width: 575px;\r\n}\r\n\r\n.tbox1\r\n{\r\n	float: left;\r\n}\r\n\r\n.tbox2\r\n{\r\n	float: right;\r\n}\r\n\r\n#wrapper\r\n{\r\n	background: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Header                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#header-wrapper\r\n{\r\n	background: url(/userUpload/images/img01.jpg) no-repeat center;\r\n	background-size: cover;\r\n	opacity:0.7;\r\n	z-index:-1;\r\n	/*border-top: 10px solid #CC0000;*/\r\n}\r\n\r\n#header\r\n{\r\n	position: relative;\r\n	padding: 5em 0em;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Logo                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#logo\r\n{\r\n}\r\n\r\n#logo h1\r\n{\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	padding: 1em 1em;\r\n	background: #CC0000;\r\n	border-radius: 0px 0px 5px 5px;\r\n}\r\n\r\n#logo a\r\n{\r\n	text-decoration: none;\r\n	color: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Menu                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#menu\r\n{\r\n	position: absolute;\r\n	top: 4em;\r\n	right: 0;\r\n}\r\n\r\n#menu ul\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n#menu li\r\n{\r\n	display: block;\r\n	float: left;\r\n	text-align: center;\r\n}\r\n\r\n#menu li a, #menu li span\r\n{\r\n	padding: 1em 1.5em;\r\n	letter-spacing: 1px;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-size: 0.90em;\r\n	font-weight: 600;\r\n	color: #FFF;\r\n}\r\n\r\n#menu li:hover a, #menu li.active a, #menu li.active span\r\n{\r\n	background: #CC0000;\r\n	border-radius: 5px;\r\n}\r\n\r\n#menu .current_page_item a\r\n{\r\n}\r\n\r\n#menu .icon\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Banner                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#banner\r\n{\r\n	padding: 10em 0em;\r\n	opacity:0.8;\r\n}\r\n\r\n#banner span\r\n{\r\n	display: block;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	text-align: center;\r\n	font-weight: 700;\r\n	font-size: 30px;\r\n	letter-spacing: 11px;\r\n	color: #FFF;\r\n}\r\n\r\n	#banner2\r\n{\r\n	padding: 2em 0em 2em;\r\n	width:100%;\r\n	background-color:#000;\r\n	z-index:0;\r\n	\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Page                                                                          */\r\n/*********************************************************************************/\r\n\r\n	/*#page\r\n	{\r\n		padding-bottom: 5em;\r\n	}\r\n	\r\n	#page h2\r\n	{\r\n		padding-bottom: 1.5em;\r\n		text-transform: uppercase;\r\n		font-size: 1.5em;\r\n	}\r\n*/\r\n\r\n/*********************************************************************************/\r\n/* Content                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#content\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Sidebar                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#sidebar\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Footer                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#footer\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Copyright                                                                     */\r\n/*********************************************************************************/\r\n\r\n	#copyright\r\n{\r\n	background-color: #FFD700;\r\n	width:100%;\r\n	overflow: hidden;\r\n	padding: 6em 0em;\r\n}\r\n\r\n#copyright p\r\n{\r\n	letter-spacing: 0.20em;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	font-size: 18px;\r\n	color: #FFFFFF;\r\n}\r\n\r\n#copyright a\r\n{\r\n	text-decoration: none;\r\n	color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Heading Titles                                                                */\r\n/*********************************************************************************/\r\n\r\n	.title\r\n{\r\n	margin-bottom: 3em;\r\n	text-transform: uppercase;\r\n}\r\n\r\n.title h2\r\n{\r\n	font-size: 2.8em;\r\n	font-weight: 700;\r\n}\r\n\r\n.title .byline\r\n{\r\n	font-size: 1.1em;\r\n	color: #6F6F6F;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff\r\n{\r\n	padding: 4em 0em;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff2                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff2\r\n{\r\n	padding: 2em 0em;\r\n	padding-top: 0px;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Welcome                                                                       */\r\n/*********************************************************************************/\r\n\r\n#welcome\r\n{\r\n	padding: 5em 0em 5em 0em;\r\n	border-top: 1px solid rgba(0,0,0,.1);\r\n	text-align: center;\r\n	letter-spacing:2px;\r\n}\r\n\r\nul.style3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	overflow: hidden;\r\n	list-style: none;\r\n	color: #6c6c6c\r\n}\r\n\r\nul.style3 li\r\n{\r\n	padding: 1.6em 0em 0em 0em;\r\n	margin: 0 0 1em 0;\r\n}\r\n\r\nul.style3 p\r\n{\r\n	margin: 0;\r\n}\r\n\r\nul.style3 a\r\n{\r\n	display: block;\r\n	text-decoration: none;\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style3 a:hover\r\n{\r\n	text-decoration: underline;\r\n}\r\n\r\nul.style3 h3\r\n{\r\n	padding: 1em 0em 5px 0em;\r\n	text-transform: uppercase;\r\n	font-size: 1em;\r\n	font-weight: 300;\r\n}\r\n\r\nul.style3 .first\r\n{\r\n	padding-top: 0;\r\n	background: none;\r\n}\r\n\r\nul.style3 .date\r\n{\r\n	float: left;\r\n	position: relative;\r\n	width: 80px;\r\n	height: 70px;\r\n	margin: 0.5em 1.5em 0em 0.5em;\r\n	padding: 20px 0em 0em 0em;\r\n	background: #262626;\r\n	border-radius: 5px;\r\n	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);\r\n	line-height: normal;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	text-shadow: 0px 1px 0px rgba(0,0,0,.2);\r\n	font-size: 1em;\r\n	font-weight: 400;\r\n	color: #FFF;\r\n}\r\n\r\nul.style3 .date:after\r\n{\r\n	content: \'\';\r\n	display: block;\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\nul.style3 .date b\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	display: block;\r\n	margin-top: -5px;\r\n	font-size: 1.8em;\r\n	font-weight: 700;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.style3 .date a\r\n{\r\n	color: #FFFFFF !important;\r\n}\r\n\r\nul.style3 .date a:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\nul.style4\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	list-style: none;\r\n}\r\n\r\nul.style4 li\r\n{\r\n	border-top: 1px solid rgba(0,0,0,0.1);\r\n	line-height: 3em;\r\n}\r\n\r\nul.style4 a\r\n{\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style4 .first\r\n{\r\n	padding-top: 0px;\r\n	border-top: none;\r\n}\r\n@charset \'UTF-8\';\r\n\r\n@font-face\r\n{\r\n	font-family: \'FontAwesome\';\r\n	src: url(\'fonts/fontawesome-webfont.eot?v=3.0.1\');\r\n	src: url(\'fonts/fontawesome-webfont.eot?#iefix&v=3.0.1\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-webfont.woff?v=3.0.1\') format(\'woff\'),\r\n	     url(\'fonts/fontawesome-webfont.ttf?v=3.0.1\') format(\'truetype\'),\r\n	     url(\'fonts/fontawesome-webfont.svg#FontAwesome\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n}\r\n\r\n@font-face\r\n{\r\n	font-family: \'Font-Awesome-Social\';\r\n	src: url(\'fonts/fontawesome-social-webfont.eot\');\r\n	src: url(\'fonts/fontawesome-social-webfont.eot?#iefix\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-social-webfont.woff\') format(\'woff\'),\r\n		 url(\'fonts/fontawesome-social-webfont.ttf\') format(\'truetype\'),\r\n		 url(\'fonts/fontawesome-social-webfont.svg#Font-Awesome-More\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;</style>\r\n<div id=\"header-wrapper\">\r\n	<!--<div id=\"header\" class=\"container\">\r\n		<div id=\"logo\">\r\n			<h1><a href=\"#\">RedMarket</a></h1>\r\n		</div>\r\n		<div id=\"menu\">\r\n			<ul>\r\n				<li class=\"active\"><a href=\"#\" accesskey=\"1\" title=\"\">Homepage</a></li>\r\n				<li><a href=\"#\" accesskey=\"2\" title=\"\">Our Clients</a></li>\r\n				<li><a href=\"#\" accesskey=\"3\" title=\"\">About Us</a></li>\r\n				<li><a href=\"#\" accesskey=\"4\" title=\"\">Careers</a></li>\r\n				<li><a href=\"#\" accesskey=\"5\" title=\"\">Contact Us</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>-->\r\n	<div class=\"container\" id=\"banner\">\r\n		<div class=\"container\" id=\"banner2\">\r\n			<span>/ 民以食為天，提供安心的農產品是我們唯一的堅持 /</span></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"container\" id=\"staff\">\r\n		<!--<div class=\"title\">\r\n			<h2>Etiam rhoncus volutpat</h2>\r\n			<span>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</span> </div>\r\n		-->\r\n		<div class=\"boxA\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product01.jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxB\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product02.jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxC\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product03.jpg\" width=\"300\" /></a></div>\r\n	</div>\r\n	<div id=\"wrapper\">\r\n		<div class=\"container\" id=\"staff2\">\r\n			<div class=\"boxA\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product04.jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxB\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product05.jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxC\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product06.jpg\" /></a></div>\r\n		</div>\r\n		<!--\r\n	<div id=\"page\" class=\"container\">\r\n		<div class=\"boxA\">\r\n			<h2>Fusce ultrices<br />\r\n				<span>fringilla metus</span></h2>\r\n			<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Proin gravida orci porttitor</a></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxB\">\r\n			<h2>Praesent<br />\r\n				<span> scelerisque scelerisque</span></h2>\r\n			<ul class=\"style3\">\r\n				<li class=\"first\">\r\n					<p class=\"date\"><a href=\"#\">Dec<b>30</b></a></p>\r\n					<h3>Amet sed volutpat mauris</h3>\r\n					<p><a href=\"#\">Mauris tempus nibh sodales adipiscing dolore.</a></p>\r\n				</li>\r\n				<li>\r\n					<p class=\"date\"><a href=\"#\">Dec<b>28</b></a></p>\r\n					<h3>Sagittis diam dolor amet</h3>\r\n					<p><a href=\"#\">Duis arcu tortor fringilla sed  sed magna.</a></p>\r\n				</li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxC\">\r\n			<h2>Etiam posuere<br />\r\n				<span>augue sit amet</span></h2>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n				<li><a href=\"#\">Urnanet non molestie semper</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>\r\n	-->\r\n		<div class=\"container\" id=\"welcome\" style=\"color:#FFD700\">\r\n			<div class=\"title\">\r\n				<h2>\r\n					東軒坊</h2>\r\n			</div>\r\n			<p>\r\n				我們堅持品質的動力，來自您對我們的支持。</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"container\" id=\"copyright\">\r\n		<p>\r\n			<strong>東軒坊 | 台東縣關山鎮德高里永豐48號 |<br />\r\n			copyright &copy; 臺東大學樂活產業創新平台2018 </strong></p>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1146,'2018-05-12 13:00:57','2018-05-12 21:00:34',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<!--\r\nDesign by TEMPLATED\r\nhttp://templated.co\r\nReleased for free under the Creative Commons Attribution License\r\n\r\nName       : RedMarket \r\nDescription: A two-column, fixed-width design with dark color scheme.\r\nVersion    : 1.0\r\nReleased   : 20140101\r\n\r\n-->\r\n<style type=\"text/css\">\r\nhtml, body\r\n{\r\n	height: 100%;\r\n}\r\n\r\nbody\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	/*background: #CC0000;*/\r\n	font-family: 微軟正黑體, sans-serif;\r\n	font-size: 12pt;\r\n	font-weight: 300;\r\n	color: #000000;\r\n}\r\n\r\nh1, h2, h3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\np, ol, ul\r\n{\r\n	margin-top: 0;\r\n}\r\n\r\nol, ul\r\n{\r\n	padding: 0;\r\n	list-style: none;\r\n}\r\n\r\np\r\n{\r\n	line-height: 180%;\r\n}\r\n\r\nstrong\r\n{\r\n}\r\n\r\na\r\n{\r\n	color: #CC0000;\r\n}\r\n\r\na:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\n.container\r\n{\r\n	overflow: hidden;\r\n	margin: 0em auto;\r\n	width: 1000px;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Image Style                                                                   */\r\n/*********************************************************************************/\r\n\r\n	.image\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n.image img\r\n{\r\n	display: block;\r\n	width: 100%;\r\n}\r\n\r\n.image-full\r\n{\r\n	display: block;\r\n	width: 100%;\r\n	margin: 0 0 2em 0;\r\n}\r\n\r\n.image-left\r\n{\r\n	float: left;\r\n	margin: 0 2em 2em 0;\r\n}\r\n\r\n.image-centered\r\n{\r\n	display: block;\r\n	margin: 0 0 2em 0;\r\n}\r\n\r\n.image-centered img\r\n{\r\n	margin: 0 auto;\r\n	width: auto;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* List Styles                                                                   */\r\n/*********************************************************************************/\r\n\r\n	ul.style1\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Social Icon Styles                                                            */\r\n/*********************************************************************************/\r\n\r\n	ul.contact\r\n{\r\n	margin: 0;\r\n	padding: 2em 0em 0em 0em;\r\n	list-style: none;\r\n}\r\n\r\nul.contact li\r\n{\r\n	display: inline-block;\r\n	padding: 0em 0.30em;\r\n	font-size: 1em;\r\n}\r\n\r\nul.contact li span\r\n{\r\n	display: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\nul.contact li a\r\n{\r\n	color: #FFF;\r\n}\r\n\r\nul.contact li a:before\r\n{\r\n	display: inline-block;\r\n	background: #3f3f3f;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.contact li a.icon-twitter:before\r\n{\r\n	background: #2DAAE4;\r\n}\r\n\r\nul.contact li a.icon-facebook:before\r\n{\r\n	background: #39599F;\r\n}\r\n\r\nul.contact li a.icon-dribbble:before\r\n{\r\n	background: #C4376B;\r\n}\r\n\r\nul.contact li a.icon-tumblr:before\r\n{\r\n	background: #31516A;\r\n}\r\n\r\nul.contact li a.icon-rss:before\r\n{\r\n	background: #F2600B;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Button Style                                                                  */\r\n/*********************************************************************************/\r\n\r\n	.button\r\n{\r\n	display: inline-block;\r\n	padding: 1em 3em 1em 2em;\r\n	letter-spacing: 0.20em;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-weight: 400;\r\n	font-size: 0.90em;\r\n	color: #FFF;\r\n}\r\n\r\n.button:before\r\n{\r\n	display: inline-block;\r\n	background: #FFC31F;\r\n	margin-right: 1em;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #272925;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 4-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.box1,  .box2,  .box3,  .box4\r\n{\r\n	width: 235px;\r\n}\r\n .box1,  .box2,  .box3, {\r\n float: left;\r\n margin-right: 20px;\r\n}\r\n\r\n.box4\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 3-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.boxA,  .boxB,  .boxC\r\n{\r\n	width: 300px;\r\n}\r\n\r\n.boxA,  .boxB\r\n{\r\n	float: left;\r\n	margin-right: 50px;\r\n}\r\n\r\n.boxC\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 2-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.tbox1,  .tbox2\r\n{\r\n	width: 575px;\r\n}\r\n\r\n.tbox1\r\n{\r\n	float: left;\r\n}\r\n\r\n.tbox2\r\n{\r\n	float: right;\r\n}\r\n\r\n#wrapper\r\n{\r\n	background: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Header                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#header-wrapper\r\n{\r\n	background: url(/userUpload/images/img01.jpg) no-repeat center;\r\n	background-size: cover;\r\n	opacity:0.7;\r\n	z-index:-1;\r\n	/*border-top: 10px solid #CC0000;*/\r\n}\r\n\r\n#header\r\n{\r\n	position: relative;\r\n	padding: 5em 0em;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Logo                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#logo\r\n{\r\n}\r\n\r\n#logo h1\r\n{\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	padding: 1em 1em;\r\n	background: #CC0000;\r\n	border-radius: 0px 0px 5px 5px;\r\n}\r\n\r\n#logo a\r\n{\r\n	text-decoration: none;\r\n	color: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Menu                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#menu\r\n{\r\n	position: absolute;\r\n	top: 4em;\r\n	right: 0;\r\n}\r\n\r\n#menu ul\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n#menu li\r\n{\r\n	display: block;\r\n	float: left;\r\n	text-align: center;\r\n}\r\n\r\n#menu li a, #menu li span\r\n{\r\n	padding: 1em 1.5em;\r\n	letter-spacing: 1px;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-size: 0.90em;\r\n	font-weight: 600;\r\n	color: #FFF;\r\n}\r\n\r\n#menu li:hover a, #menu li.active a, #menu li.active span\r\n{\r\n	background: #CC0000;\r\n	border-radius: 5px;\r\n}\r\n\r\n#menu .current_page_item a\r\n{\r\n}\r\n\r\n#menu .icon\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Banner                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#banner\r\n{\r\n	padding: 10em 0em;\r\n	opacity:0.8;\r\n}\r\n\r\n#banner span\r\n{\r\n	display: block;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	text-align: center;\r\n	font-weight: 700;\r\n	font-size: 30px;\r\n	letter-spacing: 11px;\r\n	color: #FFF;\r\n}\r\n\r\n	#banner2\r\n{\r\n	padding: 2em 0em 2em;\r\n	width:100%;\r\n	background-color:#000;\r\n	z-index:0;\r\n	\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Page                                                                          */\r\n/*********************************************************************************/\r\n\r\n	/*#page\r\n	{\r\n		padding-bottom: 5em;\r\n	}\r\n	\r\n	#page h2\r\n	{\r\n		padding-bottom: 1.5em;\r\n		text-transform: uppercase;\r\n		font-size: 1.5em;\r\n	}\r\n*/\r\n\r\n/*********************************************************************************/\r\n/* Content                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#content\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Sidebar                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#sidebar\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Footer                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#footer\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Copyright                                                                     */\r\n/*********************************************************************************/\r\n\r\n	#copyright\r\n{\r\n	background-color: #FFD700;\r\n	width:100%;\r\n	overflow: hidden;\r\n	padding: 6em 0em;\r\n}\r\n\r\n#copyright p\r\n{\r\n	letter-spacing: 0.20em;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	font-size: 18px;\r\n	color: #FFFFFF;\r\n}\r\n\r\n#copyright a\r\n{\r\n	text-decoration: none;\r\n	color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Heading Titles                                                                */\r\n/*********************************************************************************/\r\n\r\n	.title\r\n{\r\n	margin-bottom: 3em;\r\n	text-transform: uppercase;\r\n}\r\n\r\n.title h2\r\n{\r\n	font-size: 2.8em;\r\n	font-weight: 700;\r\n}\r\n\r\n.title .byline\r\n{\r\n	font-size: 1.1em;\r\n	color: #6F6F6F;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff\r\n{\r\n	padding: 4em 0em;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff2                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff2\r\n{\r\n	padding: 2em 0em;\r\n	padding-top: 0px;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Welcome                                                                       */\r\n/*********************************************************************************/\r\n\r\n#welcome\r\n{\r\n	padding: 5em 0em 5em 0em;\r\n	border-top: 1px solid rgba(0,0,0,.1);\r\n	text-align: center;\r\n	letter-spacing:2px;\r\n}\r\n\r\nul.style3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	overflow: hidden;\r\n	list-style: none;\r\n	color: #6c6c6c\r\n}\r\n\r\nul.style3 li\r\n{\r\n	padding: 1.6em 0em 0em 0em;\r\n	margin: 0 0 1em 0;\r\n}\r\n\r\nul.style3 p\r\n{\r\n	margin: 0;\r\n}\r\n\r\nul.style3 a\r\n{\r\n	display: block;\r\n	text-decoration: none;\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style3 a:hover\r\n{\r\n	text-decoration: underline;\r\n}\r\n\r\nul.style3 h3\r\n{\r\n	padding: 1em 0em 5px 0em;\r\n	text-transform: uppercase;\r\n	font-size: 1em;\r\n	font-weight: 300;\r\n}\r\n\r\nul.style3 .first\r\n{\r\n	padding-top: 0;\r\n	background: none;\r\n}\r\n\r\nul.style3 .date\r\n{\r\n	float: left;\r\n	position: relative;\r\n	width: 80px;\r\n	height: 70px;\r\n	margin: 0.5em 1.5em 0em 0.5em;\r\n	padding: 20px 0em 0em 0em;\r\n	background: #262626;\r\n	border-radius: 5px;\r\n	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);\r\n	line-height: normal;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	text-shadow: 0px 1px 0px rgba(0,0,0,.2);\r\n	font-size: 1em;\r\n	font-weight: 400;\r\n	color: #FFF;\r\n}\r\n\r\nul.style3 .date:after\r\n{\r\n	content: \'\';\r\n	display: block;\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\nul.style3 .date b\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	display: block;\r\n	margin-top: -5px;\r\n	font-size: 1.8em;\r\n	font-weight: 700;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.style3 .date a\r\n{\r\n	color: #FFFFFF !important;\r\n}\r\n\r\nul.style3 .date a:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\nul.style4\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	list-style: none;\r\n}\r\n\r\nul.style4 li\r\n{\r\n	border-top: 1px solid rgba(0,0,0,0.1);\r\n	line-height: 3em;\r\n}\r\n\r\nul.style4 a\r\n{\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style4 .first\r\n{\r\n	padding-top: 0px;\r\n	border-top: none;\r\n}\r\n@charset \'UTF-8\';\r\n\r\n@font-face\r\n{\r\n	font-family: \'FontAwesome\';\r\n	src: url(\'fonts/fontawesome-webfont.eot?v=3.0.1\');\r\n	src: url(\'fonts/fontawesome-webfont.eot?#iefix&v=3.0.1\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-webfont.woff?v=3.0.1\') format(\'woff\'),\r\n	     url(\'fonts/fontawesome-webfont.ttf?v=3.0.1\') format(\'truetype\'),\r\n	     url(\'fonts/fontawesome-webfont.svg#FontAwesome\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n}\r\n\r\n@font-face\r\n{\r\n	font-family: \'Font-Awesome-Social\';\r\n	src: url(\'fonts/fontawesome-social-webfont.eot\');\r\n	src: url(\'fonts/fontawesome-social-webfont.eot?#iefix\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-social-webfont.woff\') format(\'woff\'),\r\n		 url(\'fonts/fontawesome-social-webfont.ttf\') format(\'truetype\'),\r\n		 url(\'fonts/fontawesome-social-webfont.svg#Font-Awesome-More\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;</style>\r\n<div id=\"header-wrapper\">\r\n	<!--<div id=\"header\" class=\"container\">\r\n		<div id=\"logo\">\r\n			<h1><a href=\"#\">RedMarket</a></h1>\r\n		</div>\r\n		<div id=\"menu\">\r\n			<ul>\r\n				<li class=\"active\"><a href=\"#\" accesskey=\"1\" title=\"\">Homepage</a></li>\r\n				<li><a href=\"#\" accesskey=\"2\" title=\"\">Our Clients</a></li>\r\n				<li><a href=\"#\" accesskey=\"3\" title=\"\">About Us</a></li>\r\n				<li><a href=\"#\" accesskey=\"4\" title=\"\">Careers</a></li>\r\n				<li><a href=\"#\" accesskey=\"5\" title=\"\">Contact Us</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>-->\r\n	<div class=\"container\" id=\"banner\">\r\n		<div class=\"container\" id=\"banner2\">\r\n			<span>/ 民以食為天，提供安心的農產品是我們唯一的堅持 /</span></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"container\" id=\"staff\">\r\n		<!--<div class=\"title\">\r\n			<h2>Etiam rhoncus volutpat</h2>\r\n			<span>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</span> </div>\r\n		-->\r\n		<div class=\"boxA\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product01(1).jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxB\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product02.jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxC\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product03.jpg\" width=\"300\" /></a></div>\r\n	</div>\r\n	<div id=\"wrapper\">\r\n		<div class=\"container\" id=\"staff2\">\r\n			<div class=\"boxA\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product04(1).jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxB\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product05(1).jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxC\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product06(1).jpg\" /></a></div>\r\n		</div>\r\n		<!--\r\n	<div id=\"page\" class=\"container\">\r\n		<div class=\"boxA\">\r\n			<h2>Fusce ultrices<br />\r\n				<span>fringilla metus</span></h2>\r\n			<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Proin gravida orci porttitor</a></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxB\">\r\n			<h2>Praesent<br />\r\n				<span> scelerisque scelerisque</span></h2>\r\n			<ul class=\"style3\">\r\n				<li class=\"first\">\r\n					<p class=\"date\"><a href=\"#\">Dec<b>30</b></a></p>\r\n					<h3>Amet sed volutpat mauris</h3>\r\n					<p><a href=\"#\">Mauris tempus nibh sodales adipiscing dolore.</a></p>\r\n				</li>\r\n				<li>\r\n					<p class=\"date\"><a href=\"#\">Dec<b>28</b></a></p>\r\n					<h3>Sagittis diam dolor amet</h3>\r\n					<p><a href=\"#\">Duis arcu tortor fringilla sed  sed magna.</a></p>\r\n				</li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxC\">\r\n			<h2>Etiam posuere<br />\r\n				<span>augue sit amet</span></h2>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n				<li><a href=\"#\">Urnanet non molestie semper</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>\r\n	-->\r\n		<div class=\"container\" id=\"welcome\" style=\"color:#FFD700\">\r\n			<div class=\"title\">\r\n				<h2>\r\n					東軒坊</h2>\r\n			</div>\r\n			<p>\r\n				我們堅持品質的動力，來自您對我們的支持。</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"container\" id=\"copyright\">\r\n		<p>\r\n			<strong>東軒坊 | 台東縣關山鎮德高里永豐48號 |<br />\r\n			copyright &copy; 臺東大學樂活產業創新平台2018 </strong></p>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL);
INSERT INTO `nttucloud2017_main` VALUES (1147,'2018-05-31 03:40:07','2018-05-31 11:40:07',NULL,'2018-05-12 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!--\r\nDesign by TEMPLATED\r\nhttp://templated.co\r\nReleased for free under the Creative Commons Attribution License\r\n\r\nName       : RedMarket \r\nDescription: A two-column, fixed-width design with dark color scheme.\r\nVersion    : 1.0\r\nReleased   : 20140101\r\n\r\n-->\r\n<style type=\"text/css\">\r\nhtml, body\r\n{\r\n	height: 100%;\r\n}\r\n\r\nbody\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	/*background: #CC0000;*/\r\n	font-family: 微軟正黑體, sans-serif;\r\n	font-size: 12pt;\r\n	font-weight: 300;\r\n	color: #000000;\r\n}\r\n\r\nh1, h2, h3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\np, ol, ul\r\n{\r\n	margin-top: 0;\r\n}\r\n\r\nol, ul\r\n{\r\n	padding: 0;\r\n	list-style: none;\r\n}\r\n\r\np\r\n{\r\n	line-height: 180%;\r\n}\r\n\r\nstrong\r\n{\r\n}\r\n\r\na\r\n{\r\n	color: #CC0000;\r\n}\r\n\r\na:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\n.container\r\n{\r\n	overflow: hidden;\r\n	margin: 0em auto;\r\n	width: 1000px;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Image Style                                                                   */\r\n/*********************************************************************************/\r\n\r\n	.image\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n.image img\r\n{\r\n	display: block;\r\n	width: 100%;\r\n}\r\n\r\n.image-full\r\n{\r\n	display: block;\r\n	width: 100%;\r\n	margin: 0 0 2em 0;\r\n}\r\n\r\n.image-left\r\n{\r\n	float: left;\r\n	margin: 0 2em 2em 0;\r\n}\r\n\r\n.image-centered\r\n{\r\n	display: block;\r\n	margin: 0 0 2em 0;\r\n}\r\n\r\n.image-centered img\r\n{\r\n	margin: 0 auto;\r\n	width: auto;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* List Styles                                                                   */\r\n/*********************************************************************************/\r\n\r\n	ul.style1\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Social Icon Styles                                                            */\r\n/*********************************************************************************/\r\n\r\n	ul.contact\r\n{\r\n	margin: 0;\r\n	padding: 2em 0em 0em 0em;\r\n	list-style: none;\r\n}\r\n\r\nul.contact li\r\n{\r\n	display: inline-block;\r\n	padding: 0em 0.30em;\r\n	font-size: 1em;\r\n}\r\n\r\nul.contact li span\r\n{\r\n	display: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\nul.contact li a\r\n{\r\n	color: #FFF;\r\n}\r\n\r\nul.contact li a:before\r\n{\r\n	display: inline-block;\r\n	background: #3f3f3f;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.contact li a.icon-twitter:before\r\n{\r\n	background: #2DAAE4;\r\n}\r\n\r\nul.contact li a.icon-facebook:before\r\n{\r\n	background: #39599F;\r\n}\r\n\r\nul.contact li a.icon-dribbble:before\r\n{\r\n	background: #C4376B;\r\n}\r\n\r\nul.contact li a.icon-tumblr:before\r\n{\r\n	background: #31516A;\r\n}\r\n\r\nul.contact li a.icon-rss:before\r\n{\r\n	background: #F2600B;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Button Style                                                                  */\r\n/*********************************************************************************/\r\n\r\n	.button\r\n{\r\n	display: inline-block;\r\n	padding: 1em 3em 1em 2em;\r\n	letter-spacing: 0.20em;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-weight: 400;\r\n	font-size: 0.90em;\r\n	color: #FFF;\r\n}\r\n\r\n.button:before\r\n{\r\n	display: inline-block;\r\n	background: #FFC31F;\r\n	margin-right: 1em;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #272925;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 4-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.box1,  .box2,  .box3,  .box4\r\n{\r\n	width: 235px;\r\n}\r\n .box1,  .box2,  .box3, {\r\n float: left;\r\n margin-right: 20px;\r\n}\r\n\r\n.box4\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 3-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.boxA,  .boxB,  .boxC\r\n{\r\n	width: 300px;\r\n}\r\n\r\n.boxA,  .boxB\r\n{\r\n	float: left;\r\n	margin-right: 50px;\r\n}\r\n\r\n.boxC\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 2-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.tbox1,  .tbox2\r\n{\r\n	width: 575px;\r\n}\r\n\r\n.tbox1\r\n{\r\n	float: left;\r\n}\r\n\r\n.tbox2\r\n{\r\n	float: right;\r\n}\r\n\r\n#wrapper\r\n{\r\n	background: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Header                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#header-wrapper\r\n{\r\n	background: url(/userUpload/images/img01.jpg) no-repeat center;\r\n	background-size: cover;\r\n	opacity:0.7;\r\n	z-index:-1;\r\n	/*border-top: 10px solid #CC0000;*/\r\n}\r\n\r\n#header\r\n{\r\n	position: relative;\r\n	padding: 5em 0em;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Logo                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#logo\r\n{\r\n}\r\n\r\n#logo h1\r\n{\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	padding: 1em 1em;\r\n	background: #CC0000;\r\n	border-radius: 0px 0px 5px 5px;\r\n}\r\n\r\n#logo a\r\n{\r\n	text-decoration: none;\r\n	color: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Menu                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#menu\r\n{\r\n	position: absolute;\r\n	top: 4em;\r\n	right: 0;\r\n}\r\n\r\n#menu ul\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n#menu li\r\n{\r\n	display: block;\r\n	float: left;\r\n	text-align: center;\r\n}\r\n\r\n#menu li a, #menu li span\r\n{\r\n	padding: 1em 1.5em;\r\n	letter-spacing: 1px;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-size: 0.90em;\r\n	font-weight: 600;\r\n	color: #FFF;\r\n}\r\n\r\n#menu li:hover a, #menu li.active a, #menu li.active span\r\n{\r\n	background: #CC0000;\r\n	border-radius: 5px;\r\n}\r\n\r\n#menu .current_page_item a\r\n{\r\n}\r\n\r\n#menu .icon\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Banner                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#banner\r\n{\r\n	padding: 10em 0em;\r\n	opacity:0.8;\r\n}\r\n\r\n#banner span\r\n{\r\n	display: block;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	text-align: center;\r\n	font-weight: 700;\r\n	font-size: 30px;\r\n	letter-spacing: 11px;\r\n	color: #FFF;\r\n}\r\n\r\n	#banner2\r\n{\r\n	padding: 2em 0em 2em;\r\n	width:100%;\r\n	background-color:#000;\r\n	z-index:0;\r\n	\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Page                                                                          */\r\n/*********************************************************************************/\r\n\r\n	/*#page\r\n	{\r\n		padding-bottom: 5em;\r\n	}\r\n	\r\n	#page h2\r\n	{\r\n		padding-bottom: 1.5em;\r\n		text-transform: uppercase;\r\n		font-size: 1.5em;\r\n	}\r\n*/\r\n\r\n/*********************************************************************************/\r\n/* Content                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#content\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Sidebar                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#sidebar\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Footer                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#footer\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Copyright                                                                     */\r\n/*********************************************************************************/\r\n\r\n	#copyright\r\n{\r\n	background-color: #FFD700;\r\n	width:100%;\r\n	overflow: hidden;\r\n	padding: 6em 0em;\r\n}\r\n\r\n#copyright p\r\n{\r\n	letter-spacing: 0.20em;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	font-size: 18px;\r\n	color: #FFFFFF;\r\n}\r\n\r\n#copyright a\r\n{\r\n	text-decoration: none;\r\n	color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Heading Titles                                                                */\r\n/*********************************************************************************/\r\n\r\n	.title\r\n{\r\n	margin-bottom: 3em;\r\n	text-transform: uppercase;\r\n}\r\n\r\n.title h2\r\n{\r\n	font-size: 2.8em;\r\n	font-weight: 700;\r\n}\r\n\r\n.title .byline\r\n{\r\n	font-size: 1.1em;\r\n	color: #6F6F6F;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff\r\n{\r\n	padding: 4em 0em;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff2                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff2\r\n{\r\n	padding: 2em 0em;\r\n	padding-top: 0px;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Welcome                                                                       */\r\n/*********************************************************************************/\r\n\r\n#welcome\r\n{\r\n	padding: 5em 0em 5em 0em;\r\n	border-top: 1px solid rgba(0,0,0,.1);\r\n	text-align: center;\r\n	letter-spacing:2px;\r\n}\r\n\r\nul.style3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	overflow: hidden;\r\n	list-style: none;\r\n	color: #6c6c6c\r\n}\r\n\r\nul.style3 li\r\n{\r\n	padding: 1.6em 0em 0em 0em;\r\n	margin: 0 0 1em 0;\r\n}\r\n\r\nul.style3 p\r\n{\r\n	margin: 0;\r\n}\r\n\r\nul.style3 a\r\n{\r\n	display: block;\r\n	text-decoration: none;\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style3 a:hover\r\n{\r\n	text-decoration: underline;\r\n}\r\n\r\nul.style3 h3\r\n{\r\n	padding: 1em 0em 5px 0em;\r\n	text-transform: uppercase;\r\n	font-size: 1em;\r\n	font-weight: 300;\r\n}\r\n\r\nul.style3 .first\r\n{\r\n	padding-top: 0;\r\n	background: none;\r\n}\r\n\r\nul.style3 .date\r\n{\r\n	float: left;\r\n	position: relative;\r\n	width: 80px;\r\n	height: 70px;\r\n	margin: 0.5em 1.5em 0em 0.5em;\r\n	padding: 20px 0em 0em 0em;\r\n	background: #262626;\r\n	border-radius: 5px;\r\n	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);\r\n	line-height: normal;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	text-shadow: 0px 1px 0px rgba(0,0,0,.2);\r\n	font-size: 1em;\r\n	font-weight: 400;\r\n	color: #FFF;\r\n}\r\n\r\nul.style3 .date:after\r\n{\r\n	content: \'\';\r\n	display: block;\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\nul.style3 .date b\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	display: block;\r\n	margin-top: -5px;\r\n	font-size: 1.8em;\r\n	font-weight: 700;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.style3 .date a\r\n{\r\n	color: #FFFFFF !important;\r\n}\r\n\r\nul.style3 .date a:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\nul.style4\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	list-style: none;\r\n}\r\n\r\nul.style4 li\r\n{\r\n	border-top: 1px solid rgba(0,0,0,0.1);\r\n	line-height: 3em;\r\n}\r\n\r\nul.style4 a\r\n{\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style4 .first\r\n{\r\n	padding-top: 0px;\r\n	border-top: none;\r\n}\r\n@charset \'UTF-8\';\r\n\r\n@font-face\r\n{\r\n	font-family: \'FontAwesome\';\r\n	src: url(\'fonts/fontawesome-webfont.eot?v=3.0.1\');\r\n	src: url(\'fonts/fontawesome-webfont.eot?#iefix&v=3.0.1\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-webfont.woff?v=3.0.1\') format(\'woff\'),\r\n	     url(\'fonts/fontawesome-webfont.ttf?v=3.0.1\') format(\'truetype\'),\r\n	     url(\'fonts/fontawesome-webfont.svg#FontAwesome\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n}\r\n\r\n@font-face\r\n{\r\n	font-family: \'Font-Awesome-Social\';\r\n	src: url(\'fonts/fontawesome-social-webfont.eot\');\r\n	src: url(\'fonts/fontawesome-social-webfont.eot?#iefix\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-social-webfont.woff\') format(\'woff\'),\r\n		 url(\'fonts/fontawesome-social-webfont.ttf\') format(\'truetype\'),\r\n		 url(\'fonts/fontawesome-social-webfont.svg#Font-Awesome-More\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;</style>\r\n<div id=\"header-wrapper\">\r\n	<!--<div id=\"header\" class=\"container\">\r\n		<div id=\"logo\">\r\n			<h1><a href=\"#\">RedMarket</a></h1>\r\n		</div>\r\n		<div id=\"menu\">\r\n			<ul>\r\n				<li class=\"active\"><a href=\"#\" accesskey=\"1\" title=\"\">Homepage</a></li>\r\n				<li><a href=\"#\" accesskey=\"2\" title=\"\">Our Clients</a></li>\r\n				<li><a href=\"#\" accesskey=\"3\" title=\"\">About Us</a></li>\r\n				<li><a href=\"#\" accesskey=\"4\" title=\"\">Careers</a></li>\r\n				<li><a href=\"#\" accesskey=\"5\" title=\"\">Contact Us</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>-->\r\n	<div class=\"container\" id=\"banner\">\r\n		<div class=\"container\" id=\"banner2\">\r\n			<span>/ 民以食為天，提供安心的農產品是我們唯一的堅持 /</span></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"container\" id=\"staff\">\r\n		<!--<div class=\"title\">\r\n			<h2>Etiam rhoncus volutpat</h2>\r\n			<span>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</span> </div>\r\n		-->\r\n		<div class=\"boxA\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product01(1).jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxB\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product02.jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxC\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product03.jpg\" width=\"300\" /></a></div>\r\n	</div>\r\n	<div id=\"wrapper\">\r\n		<div class=\"container\" id=\"staff2\">\r\n			<div class=\"boxA\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product04(1).jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxB\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product05(1).jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxC\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product06(1).jpg\" /></a></div>\r\n		</div>\r\n		<!--\r\n	<div id=\"page\" class=\"container\">\r\n		<div class=\"boxA\">\r\n			<h2>Fusce ultrices<br />\r\n				<span>fringilla metus</span></h2>\r\n			<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Proin gravida orci porttitor</a></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxB\">\r\n			<h2>Praesent<br />\r\n				<span> scelerisque scelerisque</span></h2>\r\n			<ul class=\"style3\">\r\n				<li class=\"first\">\r\n					<p class=\"date\"><a href=\"#\">Dec<b>30</b></a></p>\r\n					<h3>Amet sed volutpat mauris</h3>\r\n					<p><a href=\"#\">Mauris tempus nibh sodales adipiscing dolore.</a></p>\r\n				</li>\r\n				<li>\r\n					<p class=\"date\"><a href=\"#\">Dec<b>28</b></a></p>\r\n					<h3>Sagittis diam dolor amet</h3>\r\n					<p><a href=\"#\">Duis arcu tortor fringilla sed  sed magna.</a></p>\r\n				</li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxC\">\r\n			<h2>Etiam posuere<br />\r\n				<span>augue sit amet</span></h2>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n				<li><a href=\"#\">Urnanet non molestie semper</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>\r\n	-->\r\n		<div class=\"container\" id=\"welcome\" style=\"color:#FFD700\">\r\n			<div class=\"title\">\r\n				<h2>\r\n					東軒坊 | 台東縣關山鎮德高里永豐48號 |</h2>\r\n			</div>\r\n			<h2>\r\n				我們堅持品質的動力，來自您對我們的支持。</h2>\r\n		</div>\r\n	</div>\r\n	<!--\r\n	<div class=\"container\" id=\"copyright\">\r\n		<p>\r\n			<strong>東軒坊 | 台東縣關山鎮德高里永豐48號 |<br />\r\n			copyright &copy; 臺東大學樂活產業創新平台2018 </strong></p>\r\n	</div>\r\n</div>\r\n-->\r\n	<p>\r\n		&nbsp;</p>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1148,'2018-05-19 11:39:04','2018-05-18 22:11:10',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<html lang=\"zh-TW\">\r\n\r\n<head>\r\n\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    <!-- Material Design Bootstrap -->\r\n    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css\" rel=\"stylesheet\">\r\n\r\n\r\n    <!-- Scroll-reaveal -->\r\n    <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \r\n\r\n    <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n    <link href=\"https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\" rel=\"stylesheet\" type=\"text/css\">\r\n\r\n    <script src=\"https://www.google.com/recaptcha/api.js\"></script>\r\n\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n	<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n\r\n    <style type=\"text/css\">\r\n        body {\r\n            background-size: cover;\r\n        }\r\n\r\n        .bgw{\r\n            background-color: rgba(255,255,255,0);\r\n        }\r\n\r\n        .title1{\r\n            background-color: rgba(0,0,0,.7);\r\n            color: white;\r\n            font-weight: bold;\r\n            padding-left: 0em;\r\n            width: 18em;\r\n            padding: 5px 0 7px 0;\r\n            border-radius: 6px;\r\n            text-align: center;\r\n            letter-spacing: 0.4pc;\r\n            font-family: 標楷體;\r\n        }\r\n\r\n        a[ id=link-drop ]:target ~ #link-drop {\r\n            transform: translateY( -200px );\r\n        }\r\n\r\n        .navbar{\r\n            transition: all 0.6s ease-out;\r\n        }\r\n\r\n        .navbar.AtTop{\r\n            background: rgba(0,0,0,.1);\r\n        }\r\n\r\n        .navbar-default .navbar-brand {\r\n            color: saddlebrown;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .navbar-default .navbar-brand:hover {\r\n            color: brown;\r\n            font-weight: bold;\r\n        }\r\n\r\n        section {\r\n            margin: 0;\r\n            padding: 0;\r\n            position: relative;\r\n        }\r\n\r\n        .dropdown-menu{\r\n            background: rgba(0, 0, 0, .1);\r\n            position: absolute;\r\n            top: 100%;\r\n        }\r\n\r\n        .dropdown-menu>li>a:hover{\r\n            background: rgba(0,0,0,.1);\r\n        }\r\n\r\n        /* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n        input:-webkit-autofill,\r\n        input:-webkit-autofill:hover,\r\n        input:-webkit-autofill:focus,\r\n        input:-webkit-autofill:active {\r\n            -webkit-animation: autofill 0s forwards;\r\n            animation: autofill 0s forwards;\r\n        }\r\n\r\n        @keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        @-webkit-keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        .title1-area {\r\n            padding: 50px\r\n        }\r\n\r\n        .title1-area {\r\n            height: auto;\r\n            text-align: center;\r\n            padding: 60px 0 0 0;\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n            background-color: rgba(0, 0, 0, .7);\r\n        }\r\n\r\n        .title1-area .small-title {\r\n            color: #e7b623;\r\n            margin-bottom: 5px;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            font-size: 22px;\r\n        }\r\n\r\n        .title1-area .big-title {\r\n            position: relative;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            text-transform: uppercase;\r\n            color: #ffa100 !important;\r\n            font-size: 2em;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .title1-area .big-title::before,\r\n        .title1-area .big-title::after {\r\n            content: \'\';\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: calc((100% - 300px) / 2);\r\n            height: 2px;\r\n            background: rgba(255, 255, 255, .9);\r\n        }\r\n\r\n        .title1-area .big-title::before {\r\n            left: 0;\r\n        }\r\n\r\n        .title1-area .big-title::after {\r\n            right: 0;\r\n        }\r\n\r\n        .title1-area p {\r\n            color: #fff;\r\n            font-size: 1.5em;\r\n            font-family: 標楷體;\r\n            padding: 0 61px;\r\n            text-align: left;\r\n        }\r\n\r\n        .block2 {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            width: 100%;\r\n\r\n            min-height: 300px;\r\n            background-color: #fff;\r\n        }\r\n\r\n        footer{\r\n            background-color: rgba(255, 255, 255, .8);\r\n        }\r\n\r\n        .back-to-top {\r\n            background: none;            \r\n            margin: 0;            \r\n            position: fixed;            \r\n            bottom: 0;          \r\n            right: 0;            \r\n            width: 70px;           \r\n            height: 70px;          \r\n            z-index: 100;           \r\n            display: none;           \r\n            text-decoration: none;            \r\n            color: #fff;            \r\n            background-color: transparent;    \r\n        }\r\n\r\n        .back-to-top i {\r\n            font-size: 60px;\r\n        }\r\n\r\n        .back-to-top:hover , .back-to-top:focus{\r\n            color: #ff4a4a;\r\n        }\r\n\r\n        #toTop{\r\n            position: fixed;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            cursor: pointer;\r\n            display: none;\r\n        }\r\n\r\n        #toTop{\r\n            font-family: 標楷體;\r\n            font-size: 15px;\r\n            opacity: 0.9;\r\n            background-color: #ff4a4a !important;\r\n            border: none;\r\n            letter-spacing: 0.09em;\r\n        }\r\n\r\n        .btn-default{background-color: transparent}\r\n        .btn-default:hover, .btn-default:focus{background-color: transparent}\r\n        .move-btn{\r\n            position: relative;\r\n            left: -15em;\r\n            top: 3px;\r\n            height: 32px;\r\n            background-color: transparent !important;\r\n            padding: 4px 10px 1px 12px !important;\r\n        }\r\n\r\n        .form-inline-add{\r\n            position: relative;\r\n            left: -52px;\r\n            top: -1.7em;\r\n            float: right;\r\n        }\r\n\r\n        .i-search{\r\n            color: #919191;\r\n            top: 2px;\r\n            left: -8px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .btn1{\r\n            position: absolute;\r\n            left: 72em;\r\n            top: 8.5em;\r\n        }\r\n\r\n        .btn1:hover, .btn1:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n\r\n        .btn2{\r\n            position: absolute;\r\n            left: 5.3em;\r\n            top: 26.5em;\r\n        }\r\n\r\n        .btn2:hover, .btn2:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n        .btn3{\r\n            position: absolute;\r\n            top: -2.5em;\r\n            left: 3em;\r\n        }\r\n\r\n        .btn3:hover, .btn3:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n        .img-1{\r\n            position: relative;\r\n            top: -17em;\r\n            left: 23em;\r\n            border-radius: 2%;\r\n            width: 23em;\r\n        }\r\n\r\n        .img-1:hover{\r\n            transform: translateY(-10px);\r\n            -webkit-transform: translateY(-10px);\r\n        }\r\n\r\n        .img-2{\r\n            width: 33em;\r\n            border-radius: 5%;\r\n            margin-bottom: 2em;\r\n        }\r\n\r\n        .search-word{\r\n            position: relative;\r\n            top: -2px;\r\n            padding-left: 2px;\r\n            letter-spacing: 0.06em;\r\n        }\r\n\r\n        .btn-4{\r\n            position: relative;\r\n            float: right;\r\n            top: -2.1em;\r\n            left: -3.54em;\r\n        }\r\n\r\n    </style>\r\n\r\n</head>\r\n\r\n<body>\r\n\r\n\r\n    <button type=\"button\" class=\"btn btn-4 btn-danger btn-rounded\" data-toggle=\"collapse\" data-target=\"#hidden-search\">\r\n        <i class=\"glyphicon glyphicon-search\">\r\n            <span class=\"search-word\">\r\n                搜尋\r\n            </span>\r\n        </i>\r\n    </button>\r\n\r\n    <!--Hidden Search-->\r\n    <div id=\"hidden-search\" class=\"collapse\">\r\n        <form class=\"form-inline form-inline-add\" method=\"GET\" action=\"#\">\r\n            <div class=\"form-group row\" id=\"search\">\r\n                <input type=\"search\" name=\"search\" id=\"search-product\" class=\"form-control\" \r\n                placeholder=\"搜尋我們的資料與產品\" style=\"width: 15.3em; padding-left: 40px;\">\r\n                <a href=\"#\" class=\"move-btn\">\r\n                    <i class=\"glyphicon glyphicon-search i-search\"></i>\r\n                </a>\r\n            </div>\r\n        </form>\r\n    </div>\r\n\r\n    <section style=\"padding-bottom: 30em;\">\r\n        <div class=\"container-fluid bgw load\" style=\"margin-left: 10px; margin-right: 10px;\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\" style=\"padding-top: 9em;\">\r\n                    <center>\r\n                        <img id=\"img-moving\" src=\"userUpload/20180513logo.png\" class=\"center-logo hoverable\">\r\n                        <h1 class=\"title1\">\r\n                            茶，每天而更新我們的娛樂\r\n                        </h1>\r\n\r\n                        <a class=\"scroll\" href=\"#link-drop\">\r\n                            <img height=\"28\" width=\"28\" src=\"https://www.thrivingparish.org/wp-content/uploads/2018/01/white-down-arrow-png-2.png\">\r\n                        </a>\r\n                    </center>\r\n                </div>\r\n            </div>\r\n    </section>\r\n\r\n    <section id=\"link-drop\" class=\"scroll-1\" style=\"padding-bottom: 15px;\">\r\n        <div class=\"container bgw\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"title1-area\">\r\n                        <h4 class=\"big-title\">\r\n                            品牌介紹\r\n                        </h4>\r\n\r\n                        <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                            <b style=\"font-size: 20px; margin-bottom: 10px;letter-spacing: 0.5em\">栽種有機茶，突破困境</b>，<br><br>\r\n                            <p class=\"content-in-block\">\r\n                                建國百年女神農 佳芳茶園 『陳麗雪』\r\n                            \r\n                            陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質欵與經濟壓力，\r\n                            不是一般人所能承受，\r\n                            但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，還有...\r\n                            </p>\r\n                        </p>\r\n                        <a href=\"#readmore\" class=\"btn btn1 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <section id=\"link-drop\" class=\"scroll-2\" style=\"padding-bottom: 15px;\">\r\n        <div class=\"container bgw\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"title1-area\" style=\"overflow: hidden;\">\r\n                        <!--我的故事-->\r\n                        <div style=\"display: block; height: 32em\">\r\n                            <h4 class=\"big-title\">\r\n                                主人故事\r\n                            </h4>\r\n\r\n                            <div style=\"display: block; width: 54em\">\r\n                                <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                                    <p class=\"content-in-block\">\r\n                                            臺東縣卑南鄉陳麗雪女士為專業茶農，\r\n                                            具有學習與創新的精神，積極參與各項合作研發，並配合政府政策推行廠農合作、\r\n                                            落實產銷履歷及安全用藥，推展優質安全茶業，開發茶葉新產品。經營有機茶園，\r\n                                            作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。\r\n                                            參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度，\r\n                                            開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，朝向觀光茶園發展。                         \r\n                                    </p>\r\n                                </p>\r\n                            </div>\r\n\r\n                            <a href=\"#\">\r\n                                <img class=\"img-1\" class=\"img-1\" src=\"https://i1.wp.com/taiwan-tea.polomi.taipei/wp-content/uploads/2018/03/about-3.jpg?w=2000\">\r\n                            </a>\r\n\r\n                            <a href=\"#readmore\" class=\"btn btn2 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>                    \r\n                        </div>\r\n\r\n                        <!--我得獎金-->\r\n                        <div class=\"row\" style=\"display: block\">\r\n                            <div class=\"col-md-6 col-sm-6\">\r\n                                <img id=\"img-2\" class=\"img-2\" src=\"http://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-1.jpg\">\r\n                            </div>\r\n\r\n                            <div class=\"title1-area col-md-6 col-sm-6\" style=\"border-radius: 2%;width: 40em; left: -.5em\">\r\n                                <div class=\"col-sm-12\">\r\n                                    <b class=\"small-title\" style=\"letter-spacing: 0.5em\">獲獎事蹟</b>\r\n                                    <p class=\"content-in-block\" style=\"width: 32em\">\r\n                                        <p>膺選89年優秀茶葉產製技術改良農戶</p>\r\n                                        <p>膺選90年模範勞工</p>\r\n                                        <p>榮獲99年台東縣農會優秀有機農業經營農戶</p>\r\n                                        <p>台東縣農會99年度創新農業經營管理獎</p>\r\n                                        <p>榮獲民國99年國家品質保證 金牌獎...</p>\r\n                                    </p>\r\n\r\n                                    <a class=\"btn btn3 btn-outline-danger waves-effect\">\r\n                                        Read more...\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <script type=\"text/javascript\" src=\"https://code.jquery.com/jquery-3.3.1.js\"></script>\r\n    <!--Modernizr -2.7.2 cdn-->\r\n    <script type=\"text/javascript\" src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\"></script>\r\n\r\n    <!--Turns Navbar to transparent background if user scrolled.-->\r\n    <script type=\"text/javascript\">\r\n        //Turns Navbar to transparent background if user scrolled.\r\n        function checkNavPosition() {\r\n            var startYp = $(\'.navbar\').height() * 0.2;\r\n            if ($(window).scrollTop() > startYp) {\r\n                $(\'.navbar\').removeClass(\"AtTop\");\r\n            }\r\n            else {\r\n                $(\'.navbar\').addClass(\"AtTop\");\r\n            }\r\n        }\r\n        //scroll smooth\r\n        var anchor = document.querySelector(\'a[href=\"#link-drop\"]\')\r\n        var target = document.getElementById(\'link-drop\')\r\n        anchor.addEventListener(\'click\', function (e) {\r\n        if (window.scrollTo) {\r\n            e.preventDefault()\r\n            window.scrollTo({\'behavior\': \'smooth\', \'top\': target.offsetTop})\r\n        }\r\n        })\r\n        //Only activate function after rendering.\r\n        if ($(\'.navbar\').length > 0) {\r\n            $(window).on(\"scroll load resize\", function () { checkNavPosition(); });\r\n        }\r\n\r\n        // jQuery for page scrolling feature - requires jQuery Easing plugin\r\n        $(function () {\r\n            $(\'.scroll\').bind(\'click\', function (event) {\r\n                if (location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') || location.hostname == this.hostname) {\r\n                    var target = $(this.hash);\r\n                    target = target.length ? target : $(\'[name=\' + this.hash.slice(1) + \']\');\r\n                    if (target.length) {\r\n                        $(\'html,body\').animate({\r\n                            scrollTop: target.offset().top\r\n                        }, 800);\r\n                        return false;\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    </script>\r\n\r\n    <!--back to top-->\r\n    <script type=\"text/javascript\">\r\n        $(document).ready(function(){\r\n            $(\'body\').append(\'<div id=\"toTop\" class=\"btn btn-info\"><span class=\"glyphicon glyphicon-chevron-up\"></span>回到最上頁</div>\');\r\n                $(window).scroll(function () {\r\n                    if ($(this).scrollTop() != 0) {\r\n                        $(\'#toTop\').fadeIn();\r\n                    } else {\r\n                        $(\'#toTop\').fadeOut();\r\n                    }\r\n                }); \r\n            $(\'#toTop\').click(function(){\r\n                $(\"html, body\").animate({ scrollTop: 0 }, 600);\r\n                return false;\r\n            });\r\n        });\r\n    </script>\r\n\r\n    <!--scroll-->\r\n    <script type=\"text/javascript\">\r\n        window.sr = ScrollReveal();\r\n        sr.reveal(\'.nav\',{\r\n            duration: 2000,\r\n            origin:\'left\',\r\n            mobile: true,\r\n        });\r\n\r\n        sr.reveal(\'img\',{\r\n            duration: 2500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\'\r\n        });\r\n\r\n        sr.reveal(\'#img-moving\',{\r\n            duration: 2500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\'\r\n        });\r\n\r\n        sr.reveal(\'.title1\',{\r\n            duration: 3000,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'.scroll-1\',{\r\n            duration: 2000,\r\n            origin:\'left\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'button\',{\r\n            duration: 1500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'.scroll-2\',{\r\n            duration: 2000,\r\n            origin:\'right\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n    </script>\r\n\r\n</body>\r\n\r\n</html>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1149,'2018-05-15 09:09:04','2018-05-15 16:41:51',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'0',NULL,'<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://fonts.googleapis.com/css?family=Roboto+Mono&amp;subset=greek\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1150,'2018-05-15 08:31:58','2018-05-15 16:26:00',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'	<style type=\"text/css\">\r\n    	body {\r\n    		background: url(\'../img/wallpaper.jpg\') no-repeat fixed center center;\r\n    		background-size: cover;\r\n    	}\r\n    	\r\n    	body { \r\n    		padding-top: 70px; \r\n    	}\r\n    	\r\n		.brand {\r\n\r\n		}\r\n		\r\n		.navbar-nav > li > a {\r\n			padding-top: 0px;\r\n			padding-bottom: 0px;\r\n			line-height: 50px;\r\n			font-size: 15px;\r\n		}\r\n		\r\n		.navbar-default .navbar-nav>li>a {\r\n			color: #777777;\r\n		}\r\n		\r\n		.navbar-default {\r\n			background-color: #F8F8F8;\r\n		}\r\n\r\n		@media (max-width: 767px) {\r\n			.navbar-nav > li > a {\r\n				line-height: 20px;\r\n				padding-top: 10px;\r\n				padding-bottom: 10px;\r\n			}\r\n		}\r\n\r\n        .carousel-inner a:hover, .carousel-inner a:focus,.carousel-inner a{\r\n            color:peru;\r\n            text-decoration: none;\r\n            box-shadow: 1px 2px 3px #777777;\r\n        }\r\n\r\n		.bgw {\r\n			background-color: rgba(255,255,255,0.8);\r\n		}\r\n		\r\n		p {\r\n			font-size: 14px; \r\n		}\r\n\r\n        [class^=\'g-\']{\r\n            float: left;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }	\r\n\r\n        .clear-grid{\r\n            clear: both;\r\n            float: inherit;\r\n        }\r\n\r\n		.dropdown-submenu {\r\n			position: relative;\r\n		}\r\n\r\n		.dropdown-submenu>.dropdown-menu {\r\n			top: 0;\r\n			left: 100%;\r\n			margin-top: -6px;\r\n			margin-left: -1px;\r\n			-webkit-border-radius: 0 6px 6px 6px;\r\n			-moz-border-radius: 0 6px 6px;\r\n			border-radius: 0 6px 6px 6px;\r\n		}\r\n\r\n		.dropdown-submenu:hover>.dropdown-menu {\r\n			display: block;\r\n		}\r\n\r\n		.dropdown-submenu>a:after {\r\n			display: block;\r\n			content: \" \";\r\n			float: right;\r\n			width: 0;\r\n			height: 0;\r\n			border-color: transparent;\r\n			border-style: solid;\r\n			border-width: 5px 0 5px 5px;\r\n			border-left-color: #ccc;\r\n			margin-top: 5px;\r\n			margin-right: -10px;\r\n		}\r\n\r\n		.dropdown-submenu:hover>a:after {\r\n			border-left-color: #fff;\r\n		}\r\n\r\n		.dropdown-submenu.pull-left {\r\n			float: none;\r\n		}\r\n\r\n		.dropdown-submenu.pull-left>.dropdown-menu {\r\n			left: -100%;\r\n			margin-left: 10px;\r\n			-webkit-border-radius: 6px 0 6px 6px;\r\n			-moz-border-radius: 6px 0 6px 6px;\r\n			border-radius: 6px 0 6px 6px;\r\n		}		\r\n		\r\n		div {\r\n			opacity: 0;\r\n			-webkit-transition: opacity 1s ease-in;\r\n			   -moz-transition: opacity 1s ease-in;\r\n				-ms-transition: opacity 1s ease-in;\r\n				 -o-transition: opacity 1s ease-in;\r\n				    transition: opacity 1s ease-in;\r\n		}\r\n\r\n        .container-fluid .carousel-inner .content{\r\n            position: absolute;\r\n            bottom: 0;\r\n            top: 140px;\r\n            left: 1px;\r\n            background: rgba(0,0,0,.6);\r\n            color: #f1f1f1;\r\n            width: 100%;\r\n            padding: 10px;\r\n            vertical-align: top;\r\n        }\r\n\r\n        /*#hidden-search{\r\n            width: 100%;\r\n            text-align: center;\r\n            background-color: transparent;\r\n            z-index: 1000;\r\n        }*/\r\n\r\n        .button-move{\r\n            border-radius: 50%;\r\n            position: relative;\r\n            left: 23px;\r\n            top: 7px;\r\n        }\r\n\r\n        /*.circle {\r\n            height: 50px;\r\n            width: 50px;\r\n            background-color: #555;\r\n            border-radius: 50%;\r\n            z-index: 1000;\r\n        }*/\r\n\r\n        /* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n        input:-webkit-autofill,\r\n        input:-webkit-autofill:hover,\r\n        input:-webkit-autofill:focus,\r\n        input:-webkit-autofill:active {\r\n            -webkit-animation: autofill 0s forwards;\r\n            animation: autofill 0s forwards;\r\n        }\r\n\r\n        @keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        @-webkit-keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        .master-of-tea{\r\n            position: absolute;\r\n            top: -8%;\r\n            left: 105%;\r\n            width: 97%;\r\n        }\r\n\r\n        .clear-grid{\r\n            clear: both;\r\n            float: inherit;\r\n        }\r\n\r\n        /*@media only screen and(min-device-width: 375px) and (max-device-width: 812){\r\n            .mobile-mode{\r\n                min-height: 40rem !important;\r\n            }\r\n        }*/\r\n\r\n        .title1-area{padding: 50px}\r\n        .title1-area{\r\n            height: auto;\r\n            text-align: center;\r\n            padding: 60px 0 0 0;\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n            background-color: rgba(0,0,0,.7);\r\n        }\r\n\r\n        .title1-area .small-title{\r\n            color: #e7b623;\r\n            margin-bottom: 5px;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            font-size: 22px;\r\n        }\r\n\r\n        .title1-area .big-title{\r\n            position: relative;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            text-transform: uppercase;\r\n            color: #ffa100 !important;\r\n            font-size: 2em;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .title1-area .big-title::before, .title1-area .big-title::after{\r\n            content: \'\';\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: calc((100% - 300px) / 2);\r\n            height: 2px;\r\n            background: rgba(255,255,255,.9);\r\n        }\r\n\r\n        .title1-area .big-title::before{\r\n            left: 0;\r\n        }\r\n\r\n        .title1-area .big-title::after{\r\n            right: 0;\r\n        }\r\n\r\n        .title1-area p{\r\n            color: #fff;\r\n            font-size: 1.0em;\r\n        }\r\n\r\n        .block2{\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            width: 100%;\r\n\r\n            min-height: 300px;\r\n            background-color: #fff;\r\n        }\r\n\r\n        .infor-right{\r\n            position: relative;\r\n            width: 42%;\r\n            left: 65px;\r\n            min-height: 19.5em;\r\n        }\r\n\r\n        .nav000 {\r\n            display:none;\r\n            color:black;\r\n            float: left;\r\n            height: 50px;\r\n            padding: 15px 15px;\r\n            font-size: 18px;\r\n            line-height: 20px;\r\n\r\n        }\r\n		\r\n		.load { opacity: 1; }\r\n		\r\n	</style>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1151,'2018-10-09 05:47:24','2018-05-16 20:03:59',NULL,'2018-05-16 00:00:00','2038-01-01 00:00:00',125,295,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'銘泉草地音樂野餐日',NULL,'<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>還在煩惱假日沒地方去嗎？</strong> <strong>5/27號，大家相揪來銘泉野餐囉～</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>我們也準備超值的野餐組合，</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>內容包含自然風手染野餐墊、銘泉在地友善食材～</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>必吃有機鳳梨、天然鳳梨汁、</strong></span></span><strong style=\"color: rgb(0, 139, 139); font-size: 18px;\"><span style=\"font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; white-space: pre-wrap;\">甜點與當地原住民特色美食等，還有新鮮現烤鳳藜pizza，</span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>鳳梨遇見了紅藜，這美味的滋味就等給你們來品嚐！</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>聽著鳥叫聲，享受著音樂，品嚐著美食</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>來段不一樣的午後時光吧！</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:18px;\"><span style=\"color:#00bdbd;\"><strong><img alt=\"\" src=\"/userUpload/images/22.jpg\" style=\"width: 953px; height: 637px;\" /></strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong><img alt=\"enlightened\" height=\"20\" src=\"http://ecloud.ewang.com.tw/Store/ckeditor/plugins/smiley/images/lightbulb.gif\" title=\"enlightened\" width=\"20\" />活動時間：<span style=\"font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; white-space: pre-wrap;\">107年5月27日 14:00-16:30 </span></strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong><img alt=\"enlightened\" height=\"20\" src=\"http://ecloud.ewang.com.tw/Store/ckeditor/plugins/smiley/images/lightbulb.gif\" title=\"enlightened\" width=\"20\" />活動費用：<span style=\"font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; white-space: pre-wrap;\">999元(四人野餐組合) 限量60組</span></strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong><img alt=\"enlightened\" height=\"20\" src=\"http://ecloud.ewang.com.tw/Store/ckeditor/plugins/smiley/images/lightbulb.gif\" title=\"enlightened\" width=\"20\" />活動內容：</strong></span></span></p>\r\n<table align=\"center\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 500px\">\r\n	<tbody>\r\n		<tr>\r\n			<td>\r\n				<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\">\r\n					<tbody>\r\n						<tr>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>超值野餐美食～</strong></span><strong style=\"font-size: 18px;\">在地友善食材</strong></span></p>\r\n							</td>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>14:00~16:30</strong></span></span></p>\r\n							</td>\r\n						</tr>\r\n						<tr>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>草地音樂會</strong></span></span></p>\r\n							</td>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>14:00~16:30</strong></span></span></p>\r\n							</td>\r\n						</tr>\r\n						<tr>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>寵物派對</strong></span></span></p>\r\n							</td>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>14:00~16:30</strong></span></span></p>\r\n							</td>\r\n						</tr>\r\n						<tr>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>農夫市集 &amp; DIY活動</strong></span></span></p>\r\n							</td>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>9:00~16:30</strong></span></span></p>\r\n							</td>\r\n						</tr>\r\n					</tbody>\r\n				</table>\r\n			</td>\r\n			<td>\r\n				&nbsp;</td>\r\n		</tr>\r\n	</tbody>\r\n</table>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\"><span style=\"color:#ff0000;\"><strong>-&nbsp; &nbsp;訂購野餐組合加碼贈送！！！！ -</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/1525499948240.jpg\" style=\"width: 945px; height: 600px;\" /></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:28px;\"><strong><span style=\"color:#ff0000;\">報名及匯款方式詳見以下連結：</span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:28px;\"><a href=\"https://reurl.cc/8M24\">https://reurl.cc/8M24</a></span></p>\r\n<p style=\"text-align: center;\">\r\n	<strong style=\"font-size: 28px;\"><span style=\"color: rgb(255, 0, 0);\">*此活動與其他體驗活動為不同報名系統*</span></strong></p>\r\n','','',0,'2018051622.jpg',725661,NULL,NULL,NULL,NULL,NULL,100001,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1152,'2018-05-17 10:43:45','2018-05-17 18:43:25',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'	<footer style=\"background-color: white;\">\r\n		<div class=\"container-fluid bgw\"  style=\"margin-top: 10px; \">\r\n			<div class=\"row\">\r\n				<div class=\"col-lg-12 text-center\">\r\n					<p>總瀏覽人數： 2184，本頁瀏覽人數： 349</p>					\r\n                        <br>臺東大學樂活產業創新平台2017					\r\n                        <br>地址：950 臺東市中華路一段684號					\r\n                        <br>電話：(089)318855					\r\n                        <br>Copyright &copy; 臺東大學樂活產業創新平台2017 2016\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</footer>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1153,'2018-05-17 10:51:17','2018-05-17 18:45:27',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\nfooter{\r\nbackground-color: rgba(255,255,255,0.8);\r\n}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1154,'2018-05-19 11:48:21','2018-05-19 19:40:44',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<html lang=\"zh-TW\">\r\n\r\n<head>\r\n\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    <!-- Material Design Bootstrap -->\r\n    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css\" rel=\"stylesheet\">\r\n\r\n\r\n    <!-- Scroll-reaveal -->\r\n    <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \r\n\r\n    <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n    <link href=\"https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\" rel=\"stylesheet\" type=\"text/css\">\r\n\r\n    <script src=\"https://www.google.com/recaptcha/api.js\"></script>\r\n\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n	<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n\r\n    <style type=\"text/css\">\r\n        body {\r\n            background-size: cover;\r\n        }\r\n\r\n        .bgw{\r\n            background-color: rgba(255,255,255,0);\r\n        }\r\n\r\n        .title1{\r\n            background-color: rgba(0,0,0,.7);\r\n            color: white;\r\n            font-weight: bold;\r\n            padding-left: 0em;\r\n            width: 18em;\r\n            padding: 5px 0 7px 0;\r\n            border-radius: 6px;\r\n            text-align: center;\r\n            letter-spacing: 0.4pc;\r\n            font-family: 標楷體;\r\n        }\r\n\r\n        a[ id=link-drop ]:target ~ #link-drop {\r\n            transform: translateY( -200px );\r\n        }\r\n\r\n        .navbar{\r\n            transition: all 0.6s ease-out;\r\n        }\r\n\r\n        .navbar.AtTop{\r\n            background: rgba(0,0,0,.1);\r\n        }\r\n\r\n        .navbar-default .navbar-brand {\r\n            color: saddlebrown;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .navbar-default .navbar-brand:hover {\r\n            color: brown;\r\n            font-weight: bold;\r\n        }\r\n\r\n        section {\r\n            margin: 0;\r\n            padding: 0;\r\n            position: relative;\r\n        }\r\n\r\n        .dropdown-menu{\r\n            background: rgba(0, 0, 0, .1);\r\n            position: absolute;\r\n            top: 100%;\r\n        }\r\n\r\n        .dropdown-menu>li>a:hover{\r\n            background: rgba(0,0,0,.1);\r\n        }\r\n\r\n        /* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n        input:-webkit-autofill,\r\n        input:-webkit-autofill:hover,\r\n        input:-webkit-autofill:focus,\r\n        input:-webkit-autofill:active {\r\n            -webkit-animation: autofill 0s forwards;\r\n            animation: autofill 0s forwards;\r\n        }\r\n\r\n        @keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        @-webkit-keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        .title1-area {\r\n            padding: 50px\r\n        }\r\n\r\n        .title1-area {\r\n            height: auto;\r\n            text-align: center;\r\n            padding: 60px 0 0 0;\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n            background-color: rgba(0, 0, 0, .7);\r\n        }\r\n\r\n        .title1-area .small-title {\r\n            color: #e7b623;\r\n            margin-bottom: 5px;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            font-size: 22px;\r\n        }\r\n\r\n        .title1-area .big-title {\r\n            position: relative;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            text-transform: uppercase;\r\n            color: #ffa100 !important;\r\n            font-size: 2em;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .title1-area .big-title::before,\r\n        .title1-area .big-title::after {\r\n            content: \'\';\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: calc((100% - 300px) / 2);\r\n            height: 2px;\r\n            background: rgba(255, 255, 255, .9);\r\n        }\r\n\r\n        .title1-area .big-title::before {\r\n            left: 0;\r\n        }\r\n\r\n        .title1-area .big-title::after {\r\n            right: 0;\r\n        }\r\n\r\n        .title1-area p {\r\n            color: #fff;\r\n            font-size: 1.5em;\r\n            font-family: 標楷體;\r\n            padding: 0 61px;\r\n            text-align: left;\r\n        }\r\n\r\n        .block2 {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            width: 100%;\r\n\r\n            min-height: 300px;\r\n            background-color: #fff;\r\n        }\r\n\r\n        footer{\r\n            background-color: rgba(255, 255, 255, .8);\r\n        }\r\n\r\n        .back-to-top {\r\n            background: none;            \r\n            margin: 0;            \r\n            position: fixed;            \r\n            bottom: 0;          \r\n            right: 0;            \r\n            width: 70px;           \r\n            height: 70px;          \r\n            z-index: 100;           \r\n            display: none;           \r\n            text-decoration: none;            \r\n            color: #fff;            \r\n            background-color: transparent;    \r\n        }\r\n\r\n        .back-to-top i {\r\n            font-size: 60px;\r\n        }\r\n\r\n        .back-to-top:hover , .back-to-top:focus{\r\n            color: #ff4a4a;\r\n        }\r\n\r\n        #toTop{\r\n            position: fixed;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            cursor: pointer;\r\n            display: none;\r\n        }\r\n\r\n        #toTop{\r\n            font-family: 標楷體;\r\n            font-size: 15px;\r\n            opacity: 0.9;\r\n            background-color: #ff4a4a !important;\r\n            border: none;\r\n            letter-spacing: 0.09em;\r\n        }\r\n\r\n        .btn-default{background-color: transparent}\r\n        .btn-default:hover, .btn-default:focus{background-color: transparent}\r\n        .move-btn{\r\n            position: relative;\r\n            left: -15em;\r\n            top: 3px;\r\n            height: 32px;\r\n            background-color: transparent !important;\r\n            padding: 4px 10px 1px 12px !important;\r\n        }\r\n\r\n        .form-inline-add{\r\n            position: relative;\r\n            left: -52px;\r\n            top: -1.7em;\r\n            float: right;\r\n        }\r\n\r\n        .i-search{\r\n            color: #919191;\r\n            top: 2px;\r\n            left: -8px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .btn1{\r\n            position: absolute;\r\n            left: 72em;\r\n            top: 8.5em;\r\n        }\r\n\r\n        .btn1:hover, .btn1:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n\r\n        .btn2{\r\n            position: absolute;\r\n            left: 5.3em;\r\n            top: 26.5em;\r\n        }\r\n\r\n        .btn2:hover, .btn2:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n        .btn3{\r\n            position: absolute;\r\n            top: -2.5em;\r\n            left: 3em;\r\n        }\r\n\r\n        .btn3:hover, .btn3:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n        .img-1{\r\n            position: relative;\r\n            top: -17em;\r\n            left: 23em;\r\n            border-radius: 2%;\r\n            width: 23em;\r\n        }\r\n\r\n        .img-1:hover{\r\n            transform: translateY(-10px);\r\n            -webkit-transform: translateY(-10px);\r\n        }\r\n\r\n        .img-2{\r\n            width: 33em;\r\n            border-radius: 5%;\r\n            margin-bottom: 2em;\r\n        }\r\n\r\n        .search-word{\r\n            position: relative;\r\n            top: -2px;\r\n            padding-left: 2px;\r\n            letter-spacing: 0.06em;\r\n        }\r\n\r\n        .btn-4{\r\n            position: relative;\r\n            float: right;\r\n            top: -2.1em;\r\n            left: -3.54em;\r\n        }\r\n\r\n    </style>\r\n\r\n</head>\r\n\r\n<body>\r\n\r\n\r\n    <button type=\"button\" class=\"btn btn-4 btn-danger btn-rounded\" data-toggle=\"collapse\" data-target=\"#hidden-search\">\r\n        <i class=\"glyphicon glyphicon-search\">\r\n            <span class=\"search-word\">\r\n                搜尋\r\n            </span>\r\n        </i>\r\n    </button>\r\n\r\n    <!--Hidden Search-->\r\n    <div id=\"hidden-search\" class=\"collapse\">\r\n        <form class=\"form-inline form-inline-add\" method=\"GET\" action=\"#\">\r\n            <div class=\"form-group row\" id=\"search\">\r\n                <input type=\"search\" name=\"search\" id=\"search-product\" class=\"form-control\" \r\n                placeholder=\"搜尋我們的資料與產品\" style=\"width: 15.3em; padding-left: 40px;\">\r\n                <a href=\"#\" class=\"move-btn\">\r\n                    <i class=\"glyphicon glyphicon-search i-search\"></i>\r\n                </a>\r\n            </div>\r\n        </form>\r\n    </div>\r\n\r\n    <section style=\"padding-bottom: 30em;\">\r\n        <div class=\"container-fluid bgw load\" style=\"margin-left: 10px; margin-right: 10px;\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\" style=\"padding-top: 9em;\">\r\n                    <center>\r\n                        <img id=\"img-moving\" src=\"userUpload/20180513logo.png\" class=\"center-logo hoverable\">\r\n                        <h1 class=\"title1\">\r\n                            茶，每天而更新我們的娛樂\r\n                        </h1>\r\n\r\n                        <a class=\"scroll\" href=\"#link-drop\">\r\n                            <img height=\"28\" width=\"28\" src=\"https://www.thrivingparish.org/wp-content/uploads/2018/01/white-down-arrow-png-2.png\">\r\n                        </a>\r\n                    </center>\r\n                </div>\r\n            </div>\r\n    </section>\r\n\r\n    <section id=\"link-drop\" class=\"scroll-1\" style=\"padding-bottom: 15px;\">\r\n        <div class=\"container bgw\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"title1-area\">\r\n                        <h4 class=\"big-title\">\r\n                            品牌介紹\r\n                        </h4>\r\n\r\n                        <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                            <b style=\"font-size: 20px; margin-bottom: 10px;letter-spacing: 0.5em\">栽種有機茶，突破困境</b>，<br><br>\r\n                            <p class=\"content-in-block\">\r\n                                建國百年女神農 佳芳茶園 『陳麗雪』\r\n                            \r\n                            陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質?與經濟壓力，\r\n                            不是一般人所能承受，\r\n                            但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，還有...\r\n                            </p>\r\n                        </p>\r\n                        <a href=\"#readmore\" class=\"btn btn1 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <section id=\"link-drop\" class=\"scroll-2\" style=\"padding-bottom: 15px;\">\r\n        <div class=\"container bgw\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"title1-area\" style=\"overflow: hidden;\">\r\n                        <!--我的故事-->\r\n                        <div style=\"display: block; height: 32em\">\r\n                            <h4 class=\"big-title\">\r\n                                主人故事\r\n                            </h4>\r\n\r\n                            <div style=\"display: block; width: 54em\">\r\n                                <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                                    <p class=\"content-in-block\">\r\n                                            臺東縣卑南鄉陳麗雪女士為專業茶農，\r\n                                            具有學習與創新的精神，積極參與各項合作研發，並配合政府政策推行廠農合作、\r\n                                            落實產銷履歷及安全用藥，推展優質安全茶業，開發茶葉新產品。經營有機茶園，\r\n                                            作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。\r\n                                            參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度，\r\n                                            開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，朝向觀光茶園發展。                         \r\n                                    </p>\r\n                                </p>\r\n                            </div>\r\n\r\n                            <a href=\"#\">\r\n                                <img class=\"img-1\" class=\"img-1\" src=\"https://i1.wp.com/taiwan-tea.polomi.taipei/wp-content/uploads/2018/03/about-3.jpg?w=2000\">\r\n                            </a>\r\n\r\n                            <a href=\"#readmore\" class=\"btn btn2 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>                    \r\n                        </div>\r\n\r\n                        <!--我得獎金-->\r\n                        <div class=\"row\" style=\"display: block\">\r\n                            <div class=\"col-md-6 col-sm-6\">\r\n                                <img id=\"img-2\" class=\"img-2\" src=\"http://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-1.jpg\">\r\n                            </div>\r\n\r\n                            <div class=\"title1-area col-md-6 col-sm-6\" style=\"border-radius: 2%;width: 40em; left: -.5em\">\r\n                                <div class=\"col-sm-12\">\r\n                                    <b class=\"small-title\" style=\"letter-spacing: 0.5em\">獲獎事蹟</b>\r\n                                    <p class=\"content-in-block\" style=\"width: 32em\">\r\n                                        <p>膺選89年優秀茶葉產製技術改良農戶</p>\r\n                                        <p>膺選90年模範勞工</p>\r\n                                        <p>榮獲99年台東縣農會優秀有機農業經營農戶</p>\r\n                                        <p>台東縣農會99年度創新農業經營管理獎</p>\r\n                                        <p>榮獲民國99年國家品質保證 金牌獎...</p>\r\n                                    </p>\r\n\r\n                                    <a class=\"btn btn3 btn-outline-danger waves-effect\">\r\n                                        Read more...\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <!--Turns Navbar to transparent background if user scrolled.-->\r\n    <script type=\"text/javascript\">\r\n        //Turns Navbar to transparent background if user scrolled.\r\n        function checkNavPosition() {\r\n            var startYp = $(\'.navbar\').height() * 0.2;\r\n            if ($(window).scrollTop() > startYp) {\r\n                $(\'.navbar\').removeClass(\"AtTop\");\r\n            }\r\n            else {\r\n                $(\'.navbar\').addClass(\"AtTop\");\r\n            }\r\n        }\r\n        //scroll smooth\r\n        var anchor = document.querySelector(\'a[href=\"#link-drop\"]\')\r\n        var target = document.getElementById(\'link-drop\')\r\n        anchor.addEventListener(\'click\', function (e) {\r\n        if (window.scrollTo) {\r\n            e.preventDefault()\r\n            window.scrollTo({\'behavior\': \'smooth\', \'top\': target.offsetTop})\r\n        }\r\n        })\r\n        //Only activate function after rendering.\r\n        if ($(\'.navbar\').length > 0) {\r\n            $(window).on(\"scroll load resize\", function () { checkNavPosition(); });\r\n        }\r\n\r\n        // jQuery for page scrolling feature - requires jQuery Easing plugin\r\n        $(function () {\r\n            $(\'.scroll\').bind(\'click\', function (event) {\r\n                if (location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') || location.hostname == this.hostname) {\r\n                    var target = $(this.hash);\r\n                    target = target.length ? target : $(\'[name=\' + this.hash.slice(1) + \']\');\r\n                    if (target.length) {\r\n                        $(\'html,body\').animate({\r\n                            scrollTop: target.offset().top\r\n                        }, 800);\r\n                        return false;\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    </script>\r\n\r\n    <!--back to top-->\r\n    <script type=\"text/javascript\">\r\n        $(document).ready(function(){\r\n            $(\'body\').append(\'<div id=\"toTop\" class=\"btn btn-info\"><span class=\"glyphicon glyphicon-chevron-up\"></span>回到最上頁</div>\');\r\n                $(window).scroll(function () {\r\n                    if ($(this).scrollTop() != 0) {\r\n                        $(\'#toTop\').fadeIn();\r\n                    } else {\r\n                        $(\'#toTop\').fadeOut();\r\n                    }\r\n                }); \r\n            $(\'#toTop\').click(function(){\r\n                $(\"html, body\").animate({ scrollTop: 0 }, 600);\r\n                return false;\r\n            });\r\n        });\r\n    </script>\r\n\r\n    <!--scroll-->\r\n    <script type=\"text/javascript\">\r\n        window.sr = ScrollReveal();\r\n        sr.reveal(\'.nav\',{\r\n            duration: 2000,\r\n            origin:\'left\',\r\n            mobile: true,\r\n        });\r\n\r\n        sr.reveal(\'img\',{\r\n            duration: 2500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\'\r\n        });\r\n\r\n        sr.reveal(\'#img-moving\',{\r\n            duration: 2500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\'\r\n        });\r\n\r\n        sr.reveal(\'.title1\',{\r\n            duration: 3000,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'.scroll-1\',{\r\n            duration: 2000,\r\n            origin:\'left\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'button\',{\r\n            duration: 1500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'.scroll-2\',{\r\n            duration: 2000,\r\n            origin:\'right\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n    </script>\r\n\r\n</body>\r\n\r\n</html>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1155,'2018-05-19 11:39:59','2018-05-19 19:39:35',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<a href=\"/userUpload/arrow-down.png\">/userUpload/arrow-down.png</a>This is some sample text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1156,'2018-05-19 11:46:54','2018-05-19 19:46:44',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<a href=\"http://ecloud.ewang.com.tw/Store/ckfinder/core/connector/php/connector.php?command=Thumbnail&amp;type=Files&amp;currentFolder=%2F&amp;langCode=en&amp;hash=933ebc37063587ba&amp;FileName=logo.png\">http://ecloud.ewang.com.tw/Store/ckfinder/core/connector/php/connector.php?command=Thumbnail&amp;type=Files&amp;currentFolder=%2F&amp;langCode=en&amp;hash=933ebc37063587ba&amp;FileName=logo.png</a></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1157,'2019-03-02 12:34:25','2019-03-02 20:34:25',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<html lang=\"zh-TW\">\r\n\r\n    <head>\r\n  \r\n        <!-- Bootstrap Core CSS -->\r\n\r\n        <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" 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 href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.16/css/mdb.min.css\" rel=\"stylesheet\">\r\n	<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n	<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css\">\r\n	<script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>\r\n        <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.7.2/css/all.css\">\r\n\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 href=\'https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\' rel=\'stylesheet\' type=\'text/css\'>\r\n\r\n        <style>\r\n.box-notification{\r\n    background: rgb(145, 144, 144);\r\n    color: #fff;\r\n    text-decoration: none;\r\n    padding: 15px 26px;\r\n    position: relative;\r\n    display: inline-block;\r\n    border-radius: 2px;\r\n}\r\n\r\n.box-notification:hover,\r\n.box-notification:focus{background: rgba(145, 144, 144,.5); color: #fff; text-decoration: none}\r\n.box-notification #badge{\r\n    position: absolute !important;\r\n    display: block;\r\n    top: -10px;\r\n    right: -10px;\r\n    padding: 2px 10px;\r\n    border-radius: 50%;\r\n    background: red;\r\n    color: #fff;\r\n    height: 35px;\r\n}\r\n\r\n.box-notification #badge:active, .box-notification #badge:focus{display: none}\r\n.box-dropbtn{\r\n    background: rgb(48, 47, 47);\r\n    color: #fff;\r\n    padding: 16px;\r\n    font-size: 20px;\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.box-dropdown{position: relative; display: inline-block;}\r\n.box-dropdown-content{\r\n    display: none;\r\n    position: absolute;\r\n    background: rgba(170, 170, 170, 0.486);\r\n    min-width:350px;\r\n    max-width: 900px;\r\n    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);\r\n    z-index: 1;\r\n}\r\n\r\n.box-dropdown-content a{\r\n    color: black;\r\n    padding: 12px 16px;\r\n    text-decoration: none;\r\n    display: block;\r\n}\r\n\r\n.box-dropdown-content a:hover{background-color: rgba(250, 250, 250, 0.5); text-decoration: none; font-size: 23px}\r\n.box-dropdown:hover .box-dropdown-content{display: block;position: relative;}\r\n.box-dropdown:hover .dropbtn{background: rgba(255, 255, 255, 0.2); color: #000}\r\n\r\n            *{\r\n            box-sizing: border-box;\r\n            }\r\n\r\n            .navbar-nav>li>a::after{\r\n            content: \'\';\r\n            display: block;\r\n            border-bottom: 2px solid #959595;\r\n            height: 1px;\r\n            transform: scaleX(0) !important;\r\n            transition: transform .3s ease-in-out;\r\n            }\r\n\r\n            .navbar-nav>li>a:focus::after, .navbar-nav>li>a:hover::after{\r\n            transform: scaleX(1) !important;\r\n            }\r\n\r\n            /* end iphone design */\r\n\r\n            body {\r\n            background-size: 115% 160%;\r\n            overflow: visible !important;\r\n            }\r\n\r\n	    @media(max-width: 1024px){body{background-size:cover !important} .img-hover{width: 25em !important}}\r\n            .modal-content{width: 100%}\r\n            .bgw {\r\n            background-color: transparent;\r\n            }\r\n\r\n            a[id=link-drop]:target~#link-drop {\r\n            transition: all .5s ease-in-out;\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: 500 !important;\r\n            }\r\n\r\n            .navbar-default .navbar-brand:hover {\r\n            color: brown;\r\n            font-weight: bold;\r\n            }\r\n\r\n            section {\r\n            margin: 0;\r\n            padding: 0;\r\n            position: relative;\r\n            }\r\n\r\n            .dropdown-menu {\r\n            background: white;\r\n            position: absolute;\r\n            top: 100%;\r\n            opacity: 1;\r\n            }\r\n\r\n            @keyframes autofill {\r\n            100% {\r\n            background: #fff;\r\n            color: inherit;\r\n            }\r\n            }\r\n\r\n            @-webkit-keyframes autofill {\r\n            100% {\r\n            background: #fff;\r\n            color: inherit;\r\n            }\r\n            }\r\n\r\n            /* end Input */\r\n\r\n            footer {\r\n            background-color: rgba(255, 255, 255, 0.8);\r\n            }#auto-title{width: 60%}\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.box-fill-black{display: block;padding: 10px;background: rgba(0,0,0,.8);overflow: hidden;margin-bottom: 25px;}\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-rounded {\r\n            -webkit-border-radius: 5px;\r\n            border-radius: 5px;\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\n            div {\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\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: 100px;\r\n            transform: scaleX(1) !important;\r\n            }\r\n\r\n            .navbar-default .navbar-nav>li {\r\n            display: block !important;\r\n            color: #000 !important;\r\n            text-decoration: none !important;\r\n            }\r\n        </style>\r\n\r\n        <style>\r\n\r\n        .opacity{\r\n            opacity: 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        /* block area */\r\n        .title1-area {\r\n        padding: 50px; }\r\n\r\n        .title1 {\r\n        background-color: rgba(0, 0, 0, 0.7);\r\n        color: white;\r\n        font-weight: 500;\r\n        padding-left: 0em;\r\n        width: 40%;\r\n        padding: 5px 0 5px 0;\r\n        border-radius: 6px;\r\n        text-align: center;\r\n        letter-spacing: 0.4pc;\r\n        font-family: 標楷體; }\r\n\r\n\r\n        .title1-area {\r\n        height: auto;\r\n        text-align: center;\r\n        padding: 60px 0 0 0;\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n        background-color: rgba(0, 0, 0, 0.7); }\r\n\r\n        .title1-area .small-title {\r\n        color: #e7b623;\r\n        margin-bottom: 5px;\r\n        font-weight: 100;\r\n        letter-spacing: .06em;\r\n        font-size: 22px; }\r\n\r\n        .title1-area .big-title {\r\n        position: relative;\r\n        font-weight: 100;\r\n        letter-spacing: .06em;\r\n        text-transform: uppercase;\r\n        color: #ffa100 !important;\r\n        font-size: 2em;\r\n        margin-bottom: 20px; }\r\n\r\n        .title1-area .big-title::before,\r\n        .title1-area .big-title::after {\r\n        content: \'\';\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: calc((100% - 300px) / 2);\r\n        height: 2px;\r\n        background: rgba(255, 255, 255, 0.9); \r\n        }\r\n\r\n        .title1-area .big-title::before {\r\n        left: 0; }\r\n\r\n        .title1-area .big-title::after {\r\n        right: 0; }\r\n\r\n        .title1-area p {\r\n        color: #fff;\r\n        font-size: 23px;\r\n        font-family: 標楷體;\r\n        padding: 0 61px;\r\n        text-align: left; }\r\n\r\n        .block2 {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 50%;\r\n        width: 100%;\r\n        min-height: 300px;\r\n        background-color: #fff; }\r\n\r\n        /* End block area */\r\n\r\n        .img-hover{\r\n        position: relative;\r\n        width: 35em;\r\n        transform: translateY(0%);\r\n        transition: transform .8s ease-in;\r\n        }\r\n\r\n        .top{\r\n        top: -1em;\r\n        }\r\n\r\n        .img-hover:focus, .img-hover:hover{\r\n        transform: translateY(-5%);\r\n        }\r\n\r\n        .img-2 {\r\n        width: 33em;\r\n        border-radius: 5%;\r\n        margin-bottom: 2em; }\r\n\r\n        /* End image */\r\n\r\n        .modal-title{\r\n        letter-spacing: 0.2em;\r\n        font-weight: 200;\r\n        }\r\n\r\n\r\n        label{\r\n        letter-spacing: 0.1em;\r\n        font-size: 15px !important;\r\n        }\r\n\r\n        /* block 3 box */\r\n        .product-box{\r\n        background: rgba(255, 255, 255, 0.8);\r\n        margin-top: 15px;\r\n        margin-bottom: 25px;\r\n        border:none;\r\n        }\r\n\r\n        .box-content\r\n        {\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n        padding-bottom: 15px;\r\n        }\r\n        /* block 3 box */\r\n\r\n        .no-pb{\r\n        padding: 0;\r\n        border: none;\r\n        }\r\n\r\n        /* box-title */\r\n        .box-title{\r\n        position: relative;\r\n        font-weight: 100;\r\n        color: #000;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        font-size: 2em;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 0.1em;\r\n        }\r\n\r\n        .box-title::before,\r\n        .box-title::after{\r\n        content: \'\';\r\n        position: absolute;\r\n        width: calc((75% - 300px)/2);\r\n        height: 2px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background: gray;\r\n        }\r\n\r\n        .box-title::before{ left: 0;}\r\n        .box-title::after{ right: 0;}\r\n\r\n        .box-small-title, .box-text{\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.1em;\r\n        margin: 5px 0;\r\n        font-size: 1.2em;\r\n        }\r\n        /* box-title */\r\n\r\n        </style>\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}\r\n\r\n::selection{\r\n    background: #ebf2e3;\r\n}\r\n\r\n:focus{\r\n    outline: -webkit-focus-ring-color auto 5px;\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: 9%}\r\n\r\n.box-block-icons{\r\n    display: block;\r\n    position: relative;\r\n    right: 20px;\r\n    padding: 15px;\r\n}\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}\r\n@media (max-width: 812px){.box-dropdown-content{min-width: 255px !important}.box-list-column{column-count: 1; column-gap: 0px; font-size: 20px !important}.ul-title-list-center{padding: 0 !important}.navbar-nav{margin:10.5px -1px !important}.col-md-12{padding-left: 0 !important; padding-right: 0 !important}}\r\n.list-font{font-size: 20px !important}.color-important{-webkit-text-fill-color: #5b8fff;fill: #5b8fff}\r\n.no-js .owl-carousel, .owl-carousel.owl-loaded{padding: 2%}\r\n@media(max-width: 640px){.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 440px}#toTop{font-size: 14px !important}}\r\n\r\n.box-button:hover{\r\n    display: inline-block;\r\n    transition: .1s ease-in-out;\r\n    transition-property: color, background-color, background-position, border-color, box-shadow;\r\n    font-weight: 400;\r\n    letter-spacing: .2px;\r\n    border-image-slice: 3 !important;\r\n    border-image-width: 3px !important;\r\n    border-image-repeat: round !important;\r\n    background: border-box;\r\n    border: 1px solid #D8522C;\r\n    background-color: transparent;\r\n    border-image-source:  url(\'http://www.lohasplus.com.tw/userUpload/images/border-background.png\');\r\n}\r\n\r\n.box-button:after{\r\n    content: \'\';\r\n    display: block;\r\n    width: 0;\r\n    top: 0;\r\n    transition: top .5s ease-in-out;\r\n}\r\n\r\n.box-button:hover::after{\r\n    top: 10px;\r\n    background: lightgray;\r\n}\r\n\r\n.box-list-icons{\r\n    display: inline-flex;\r\n    list-style: none\r\n}\r\n\r\n/* box-title */\r\n.box-title{\r\n    position: relative;\r\n    font-weight: 100;\r\n    color: 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-text {\r\n    font-size: 20px !important;\r\n    color: rgb(197, 197, 197);\r\n}\r\n\r\n.modal-backdrop{background: rgba(0,0,0,.5) !important}\r\n\r\n.bt-23p{\r\n    font-size: 23px;\r\n    color: rgb(197, 197, 197)\r\n}\r\n\r\n.card{\r\n    border-radius: 5px !important;\r\n}\r\n\r\n\r\n\r\n.box-iframe{\r\n    border-radius: 10px !important;\r\n    padding: 0;\r\n    margin: 0;\r\n    background: transparent !important;\r\n}\r\n\r\n.box-reveal{\r\n    padding-top: 1em;\r\n    letter-spacing: 0.1em;\r\n    color: #000;\r\n}\r\n\r\n.box-btn{\r\n    padding: 10px !important;\r\n    margin-bottom: 10px !important;\r\n    margin: 15px !important;\r\n    font-size: 23px !important;\r\n    opacity: 1;\r\n    height: auto !important;\r\n    transition: opacity .5s ease-in-out !important;\r\n}\r\n\r\n.box-btn:hover, .box-btn:focus{\r\n    opacity: .5;\r\n}\r\n\r\n.box-board {\r\n    position: relative;\r\n    padding-left: 15px;\r\n    color: rgb(236, 236, 236)\r\n}\r\n\r\n.box-board::after {\r\n    content: \'\';\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 45%;\r\n    height: 2px;\r\n    background: rgba(170, 170, 170, 0.486)\r\n}\r\n\r\n.box-board::before {\r\n    left: 0\r\n}\r\n\r\n.box-board::after {\r\n    right: 0\r\n}\r\n\r\n.box-board-1 {\r\n    position: relative;\r\n    padding-left: 15px;\r\n    text-align: right;\r\n    float: right;\r\n    color: rgb(236, 236, 236)\r\n}\r\n\r\n.md-form .prefix~input, .md-form .prefix~textarea{margin-bottom: 40px}\r\n\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\r\n.box-board-1::before {\r\n    left: -170px\r\n}\r\n\r\n.box-board-center {\r\n    position: relative;\r\n    text-align: center;\r\n    padding-left: 15px;\r\n    color: rgb(236, 236, 236)\r\n}\r\n\r\n.box-board-center::before,\r\n.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\r\n.box-board-center::before {\r\n    left: 0\r\n}\r\n\r\n.box-board-center::after {\r\n    right: 0\r\n}\r\n\r\n.img-fluid {\r\n    padding: 15px;\r\n}\r\n\r\n.img-center {\r\n    width: 40em;\r\n    transform: translateX(50%);\r\n}\r\n\r\n.board-text {\r\n    font-size: 25px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.1em;\r\n    color: rgb(236, 236, 236)\r\n}\r\n.box-img-center{\r\n    display: block;\r\n    text-align: center;\r\n}\r\n\r\n.box-frame-size{\r\n    width: 500px !important;\r\n    height: 300px !important;\r\n}\r\n\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\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.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\r\n\r\nli: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: 5px;\r\n}\r\n\r\n/* block 3 box */\r\n\r\n.no-pb{\r\n  padding: 0;\r\n  border: none;\r\n}\r\n\r\n.box-content{\r\n    margin-top: 10%;\r\n}\r\n\r\n.mr-top-5{margin-top: 5% !important}\r\n\r\n.box-text-color{fill: lightgreen; -webkit-text-fill-color: lightgreen}\r\n\r\n\r\n/* Galaxy Prime design */\r\n\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{\r\n        position: relative !important;\r\n        background: rgba(0,0,0,.9) !important;\r\n        top: 0\r\n    }\r\n}\r\n\r\n@media (max-width: 812px){\r\n    .box-absolute{\r\n        position: relative !important;\r\n        background: rgba(0,0,0,.9) !important;\r\n        top: 0\r\n    }\r\n\r\n.title1-area p{padding:0 30px !important}\r\n}\r\n\r\n\r\n\r\n\r\n        </style>\r\n\r\n        <style>\r\n        * {\r\n    text-transform: capitalize;\r\n    letter-spacing: 0.1em;\r\n    opacity: 1 !important\r\n}\r\n\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\r\n.btn {\r\n    font-size: 20px !important;\r\n    margin-bottom: 30px !important;\r\n}\r\n\r\nli:hover .dropdown-menu {\r\n    display: block;\r\n}\r\n\r\n.p-top {\r\n    padding: 10%\r\n}\r\n\r\n@media (max-width: 812px) {\r\n    .title1 {\r\n        width: 100% !important\r\n    }\r\n\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    .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    .img-hover {\r\n        width: 23em !important\r\n    }\r\n}\r\n        </style>\r\n\r\n    </head>\r\n\r\n    <body onload =\"auto_title()\">\r\n        <!--Big logo-->\r\n        <section style=\"padding-bottom: 30em;\">\r\n            <div class=\"container-fluid load\" style=\"margin-left: 10px; margin-right: 10px;\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 p-top\">\r\n                        <center>\r\n                            <a href=\"http://www.lohasplus.com.tw/index.php?Act=120\">\r\n                                <img id=\"img-moving\" src=\"http://www.lohasplus.com.tw/userUpload/images/fix-logo.png\" class=\"center-logo hoverable img-mobile\">\r\n                            </a>\r\n                            <h1 id=\"auto-title\" class=\"title1\">\r\n                                大自然最好的禮物\r\n                            </h1>\r\n\r\n                            <a type=\"button\" class=\"btn btn-rounded btn-danger scroll\" href=\"#link-drop\" style=\"letter-spacing: 0.1em; font-size: 15px;\">\r\n                                <img height=\"28\" width=\"28\" src=\"https://www.thrivingparish.org/wp-content/uploads/2018/01/white-down-arrow-png-2.png\">\r\n                                 請按我看下面內容\r\n                            </a>\r\n\r\n                            <div class=\"box-block-icons\">\r\n                                <ul class=\"box-list-icons\">\r\n                                    <li>\r\n                                        <span class=\"icon icon-facebook\"></span>\r\n                                        <a href=\"https://www.facebook.com/%E4%BD%B3%E8%8A%B3%E6%9C%89%E6%A9%9F%E8%8C%B6%E5%9C%92-193919857341948/\" target=\"_blank\" \r\n                                        class=\"box-button\">\r\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60\" height=\"56\" viewBox=\"0 0 60 56\">\r\n                                                <image id=\"facebook-icon\" data-name=\"facebook-icon\" x=\"-2\" y=\"-2\" width=\"60\" height=\"56\" \r\n                                                xlink:href=\"data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA4CAYAAAChbZtkAAAB/UlEQVRoge2av24UMRDG55s5qkhpApSQU8RLpEoZiYoC8R4pUvEGUaq8RFqUSDwIEhIC8a+hQijKn4bMfGhzd9Jy3DWR1z58/qTV7Xlnbf/W9tqzHpCkrJF0nWA7jXrnKFiPbFq7Fm7AtasB164GXLsacO1qwLVrrZ2HwfR8P5ZmbcY3ItyLwMZ8A5AAIIfnb/XovwJeJDN+cseOO0RVblTlPSk/+6ak7AHcTVluEWAzfnPHE1U5ipDDiKWeafKPE0XGcB82d9nZgc34sfstASslgCNkbMZ3CyujcqoWF7NjiPKzj2ESJhJb81+UoHISIa+6NlCNK7l7AHEdoS9Slp8dGOBvEdzOpyu4HxAnMYoYruO1lVbtygJsxh/TOZUkHiyzm4zvid3sMONZyrpkGcMR8lg1LiN0Uybz8D827ni24NbuAX1IWZdcXdoB/LrfrXyasiIrP4Yj8DJlfisLDMjrIfLNNQ9bt36eOQNm/OqO8V8Gxi/u2J797/Y0Ad6Sabe8sgBP3753AuhLepYCjL5talgp1KX9nteSqC08alcp4GJhFtmBUTjOoFALl4ujKQRcrpmzA0+DpIoRt7d07WrAtavEVouR8hCQg34iKY+6a0MXnh1YVb5P3cDjfnrnGZnxsw/sPvSjaVusZY1qwLWrAdeuBly7GnDVEpE/JaimszQ1oPUAAAAASUVORK5CYII=\"/>\r\n                                            </svg>\r\n                                        </a>\r\n                                    </li>\r\n\r\n                                    <li>\r\n                                        <span class=\"icons icon-youtube\"></span>\r\n                                        <a href=\"https://www.youtube.com/watch?time_continue=1&v=-3Wl5b7aYm0\" target=\"_blank\" \r\n                                         class=\"box-button\">\r\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60\" height=\"56\" viewBox=\"0 0 60 56\">\r\n                                                <image id=\"youtube-icon\" data-name=\"youtube-icon\" x=\"-4\" y=\"-2\" width=\"69\" height=\"58\" \r\n                                                xlink:href=\"data:img/png;base64,[BLOB]\"/>\r\n                                            </svg>                                        \r\n                                        </a>\r\n                                    </li>\r\n\r\n                                    <li>\r\n                                        <span class=\"icons icon-tweet\"></span>\r\n                                        <a href=\"https://twitter.com/search?q=%E4%BD%B3%E8%8A%B3%E8%8C%B6%E5%9C%92&src=typd&lang=en\" target=\"_blank\"\r\n                                        class=\"box-button\">\r\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60\" height=\"56\" viewBox=\"0 0 20 56\">\r\n                                                <defs>\r\n                                                    <image id=\"tweet-icon\" data-name=\"tweet-icon\" width=\"30\" height=\"46\" xlink:href=\"data:img/png;base64,[BLOB]\"/>\r\n                                                </defs>\r\n                                                <use id=\"tweet-icon\" data-name=\"tweet-icon\" x=\"-4\" y=\"-2\" xlink:href=\"#image\"/>\r\n                                                <image id=\"tweet-icon\" data-name=\"tweet-icon\" x=\"-4\" y=\"14\" width=\"30\" height=\"25\" xlink:href=\"data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAACoUlEQVRIia1Wv4sTURCemd1NTKJ3argDBQsb9UrRykL8gWghXHVgK9qInX+L5WFlKSicFhYnFpZip50W4RCFU5AQz/3xvpG3ty/ubpLdTc6Bl8e+N2++mW9eZh5TrHQQ8YCPYF5TZi6b6QDP9kQ23HeguktEUcx8MgU+yro8Ag1aqm9HIutN/WBVOEBW1UD1PRMNEqIrRqRfdZQssESIKVa1oxOaVykLNSMIzQurzxFQpZvtOz31I/w4kqDvqE5/RDUBs+8DO4nIqZqAXY4mKC5LAHyNRU4UQ86APdU9w9xl1ViZfUudMksVsAcMjchSHXDJ0RR3bFiIonSXOQiAQZY7bZGen2XJY37YBLELPM6DUj7i/KKVturtkHnLfQfA61jkVimCWpqpeAnH+mnEfcVlO/eAN24jZH5pFT3gm/2ORW5mYFqirYlEZZ0U2Chds/NI5GoHeJ5XMPuXIvU2ALZzUcwD3ppgoUS1NZjYPM8ZUZ1MpNIvO6KTBei/iKj+Rs620Py0LSQd0keFCHO1unFBmEc81V+Gealsd/w/Xla95BzoAVuLApXFgk5jtNCd8kV/vH8AaQOfQpG1aXbKbXG/ZgNDO6N5OZwlOqv0FhZaWQFR5sMHBbXsZbam1vvCYiRyXRQjV6c7ivuLgHaBp9ZGB3g3W2tKD22HZtP1ZztaMc426dHpoyIyN7L+ayr7dNXTx122Bi0ylePA3Z8iT9zxKt0UuKfYgNLFhGg9YT6Tv9k+sJuIrNSBHlL98of5dHZBa520tH7I0zqmNzSfm1B7LDLn3Jl2hJ2mKSm8i+zwIgybHFwNzYO8oysRLjQGLed4SgFx6zbHU4oA0Spw7/u/vDaWQi6yC8Q9xR1PdehKXR5UVOM+zGbqDxEvAkpE9BdjpyUlH3WX8gAAAABJRU5ErkJggg==\"/>\r\n                                                <use id=\"tweet-icon\" data-name=\"tweet-icon\" x=\"-4\" y=\"-2\" xlink:href=\"#image\"/>\r\n                                            </svg>\r\n                                        </a>\r\n                                    </li>\r\n                                </ul>\r\n\r\n                                <ul>\r\n                                    <li>\r\n                                        <div class=\"box-dropdown\">\r\n                                            <button type=\"button\" class=\"box-notification box-dropbtn\" onclick=\"document.getElementById(\'badge\').style.display = \'none\'\">\r\n                                                <span><i class=\"fas fa-bell\"></i> 最新訊息</span>\r\n                                                <span id=\"badge\">1</span>\r\n                                                <div class=\"box-dropdown-content\">\r\n                                                    <a href=\"https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fpermalink.php%3Fstory_fbid%3D2259434837457096%26id%3D193919857341948\">\r\n                                                        廣場展會、有新的有機茶上市\r\n                                                    </a>\r\n                                                </div>\r\n                                                <!--<iframe src=\"https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fpermalink.php%3Fstory_fbid%3D2259434837457096%26id%3D193919857341948&width=500\" width=\"500\" height=\"627\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" allow=\"encrypted-media\"></iframe>-->\r\n                                                <div id=\"fb-root\"></div>\r\n                                                <div class=\"fb-post\" data-href=\"https://www.facebook.com/permalink.php?story_fbid=2259434837457096&amp;id=193919857341948\" data-width=\"500\" data-show-text=\"true\">\r\n                                                    <blockquote cite=\"https://www.facebook.com/permalink.php?story_fbid=2259434837457096&amp;id=193919857341948\" class=\"fb-xfbml-parse-ignore\">\r\n                                                        <p>北部的冰友有福囉！\r\n                                                        佳芳有機茶園在此通知親愛的好冰友、3月1日至3日參加希望廣場展會、有新的有機茶上市、歡迎好冰友蒞臨評嚐、現場有小禮物贈送、謝謝大家支持！\r\n                                                        </p>Posted by \r\n                                                        <a href=\"https://www.facebook.com/&#x4f73;&#x82b3;&#x6709;&#x6a5f;&#x8336;&#x5712;-193919857341948/\">佳芳有機茶園</a> \r\n                                                        on&nbsp;\r\n                                                        <a href=\"https://www.facebook.com/permalink.php?story_fbid=2259434837457096&amp;id=193919857341948\">Thursday, February 28, 2019</a>\r\n                                                    </blockquote>\r\n                                                </div>\r\n                                            </button> \r\n                                        </div>   \r\n                                    </li>\r\n                                </ul>\r\n\r\n                            </div>\r\n\r\n\r\n                        </center>\r\n                    </div>\r\n                </div>\r\n        </section>\r\n\r\n        <!--Block 1-->\r\n        <section id=\"link-drop\" class=\"scroll-1\" style=\"padding-bottom: 15px;\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"title1-area\">\r\n                            <h4 class=\"big-title\">\r\n                              品牌故事\r\n                            </h4>\r\n\r\n                            <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 20px;color: #fff\">\r\n                                <b style=\"font-size: 23px; margin-bottom: 10px;letter-spacing: 0.5em\">栽種有機茶，突破困境，</b><br><br>\r\n                                <p class=\"content-in-block\">\r\n                                \r\n                                  建國百年女神農 佳芳茶園 『陳麗雪』 陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質欵與經濟壓力， 不是一般人所能承受，...                                </p>\r\n                            </p>\r\n                            <a href=\"http://www.lohasplus.com.tw/index.php?Act=120&SK=1205&MK=763&PK=1199\" id=\"brand-story\" class=\"btn btn-danger waves-effect waves-light\">閱讀全文</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <!--Block 2-->\r\n        <section id=\"link-drop\" class=\"scroll-2\" style=\"padding-bottom: 15px;\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"title1-area\" style=\"overflow: hidden;\">\r\n                            <!--�ڪ��G��-->\r\n                            <div class=\"row\" style=\"display: inline; height: 32em\">\r\n                                <h4 class=\"big-title\">\r\n                                  主人故事\r\n                                </h4>\r\n\r\n                                <div class=\"col-md-6 col-sm-4\" style=\"display: block;\">\r\n                                    <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                                        <p class=\"content-in-block\">\r\n                                          臺東縣卑南鄉陳麗雪女士為專業茶農， 具有學習與創新的精神，積極參與各項合作研發，並配合政府政策推行廠農合作、 落實產銷履歷及安全用藥，推展優質安全茶業，開發茶葉新產品。經營有機茶園， 作為推廣有機農業的示範，...                                        </p>\r\n                                    </p>\r\n                                    <a href=\"http://www.lohasplus.com.tw/index.php?Act=120&SK=1209&MK=763&PK=1200\" class=\"btn btn-danger waves-effect waves-light\">閱讀全文</a>                    \r\n                                </div>\r\n\r\n                                <div class=\"col-md-6 col-sm-4\">\r\n                                    <a href=\"http://www.lohasplus.com.tw/index.php?Act=120&SK=1209&MK=763&PK=1200\">\r\n                                        <img class=\"img-hover\" src=\"http://www.lohasplus.com.tw/userUpload/images/about-3(1).jpg\">\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <section>\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"title1-area\" style=\"overflow: hidden\">\r\n\r\n                            <h4 class=\"big-title\">\r\n                              獲獎事蹟\r\n                            </h4>\r\n\r\n\r\n                            <div class=\"col-md-12\">\r\n                                <div class=\"col-md-6\">\r\n                                    <div class=\"view overlay\">\r\n                                        <img src=\"http://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-1.jpg\" alt=\"\" class=\"img-fluid img-responsive waves-effect waves-light img-hover\">\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div class=\"col-md-6\">\r\n                                    <div class=\"box-fill-black\">\r\n                                        <div class=\"box-title-center\">\r\n                                            <h2 style=\"color: rgba(248, 178, 113, 0.918)\">獲獎事蹟</h2>\r\n                                        </div>\r\n\r\n                                        <div class=\"box-text\">\r\n                                            <p>膺選89年優秀茶葉產製技術改良農戶</p>\r\n                                            <p>膺選90年模範勞工</p>\r\n                                            <p>榮獲99年台東縣農會優秀有機農業經營農戶</p>\r\n                                            <p>台東縣農會99年度創新農業經營管理獎</p>\r\n                                            <p>榮獲民國99年國家品質保證 金牌獎...</p>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <a href=\"http://www.lohasplus.com.tw/index.php?Act=120&SK=1211&MK=763&PK=1202\" class=\"btn btn-danger waves-effect waves-light\">閱讀全文</a>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <!--Block 3-->\r\n        <section id=\"link-drop\" class=\"scroll-3\" style=\"padding-bottom: 15px;\">\r\n            <div class=\"row\">\r\n                <div class=\"container product-box\">\r\n                    <div class=\"col-md-12 col-sm-8\">\r\n                        <h4 class=\"box-title\" style=\"color: #000\">產品推薦</h4>\r\n\r\n                        <!--product tea-1 -->\r\n                        <div class=\"col-md-4 col-sm-6\">\r\n                            <div class=\"view overlay product-box z-depth-1-half\">\r\n                                <div class=\"view overlay\">\r\n                                    <button type=\"button\" class=\"no-pb waves-effect waves-light\" onclick=\"product_1()\">\r\n                                        <img src=\"http://www.lohasplus.com.tw/userUpload/images/台灣冷泡綠茶茶包.jpg\" class=\"img-fluid img-responsive\">\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <div class=\"box-content\">\r\n                                    <div class=\"box-small-title\" style=\"color: #000; font-size: 23px\">\r\n                                      有機冷泡綠茶包\r\n                                    </div>\r\n\r\n                                    <div class=\"box-text\" style=\"color: #000\">\r\n                                        <p>\r\n                                          單盒 / 30 包裝\r\n                                        </p>\r\n\r\n                                        <p style=\"background: red; color: #fff;\">售價 $350</p>\r\n                                    </div>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light\" onclick=\"product_1()\" style=\"letter-spacing: 0.1em; font-size: 23px !important;\">\r\n                                      詳細資料\r\n                                    </button>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-brown waves-effect waves-light\" data-toggle=\"modal\" data-target=\"#tea-1\" style=\"letter-spacing: 0.1em; font-size: 23px !important\">立即購買</button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <!--product tea-2 -->\r\n                        <div class=\"col-md-4 col-sm-6\">\r\n                            <div class=\"view overlay product-box z-depth-1-half\">\r\n                                <div class=\"view overlay\">\r\n                                    <button type=\"button\" class=\"no-pb waves-effect waves-light\" onclick=\"product_2()\">\r\n                                        <img src=\"http://www.lohasplus.com.tw/userUpload/images/台東有機紅烏龍.jpg\" class=\"img-fluid img-responsive\">\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <div class=\"box-content\">\r\n                                    <div class=\"box-small-title\" style=\"font-size: 23px\">\r\n                                      有機紅烏龍茶\r\n                                    </div>\r\n\r\n                                    <div class=\"box-text\" style=\"font-size: 23px; color: #000\">\r\n                                        <p>\r\n                                          壹罐150公克±5公克\r\n                                        </p>\r\n\r\n                                        <p style=\"background: red; color: #fff;\">售價 $450</p>\r\n                                    </div>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light\" onclick=\"product_2()\" style=\"letter-spacing: 0.1em; font-size: 23px !important\">\r\n                                      詳細資料\r\n                                    </button>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-brown waves-effect waves-light\" data-toggle=\"modal\" data-target=\"#tea-2\" style=\"letter-spacing: 0.1em; font-size: 23px !important\">立即購買</button>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <!--product tea-4-->\r\n                        <div class=\"col-md-4 col-sm-6\">\r\n                            <div class=\"view overlay product-box z-depth-1-half\">\r\n                                <div class=\"view overlay\">\r\n                                    <button type=\"button\" class=\"no-pb waves-effect waves-light\" onclick=\"product_4()\">\r\n                                        <img src=\"http://www.lohasplus.com.tw/userUpload/images/紅玉紅烏龍.jpg\" class=\"img-fluid img-responsive\" style=\"height: 18.8em; width: 101%;\">\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <div class=\"box-content\">\r\n                                    <div class=\"box-small-title\" style=\" font-size: 23px !important\">\r\n                                      有機頂級紅烏龍\r\n                                    </div>\r\n\r\n                                    <div class=\"box-text\" style=\" font-size: 23px !important; color: #000\">\r\n                                        <p>\r\n                                          單罐 150公克±5公克                           \r\n                                        </p>\r\n\r\n                                        <p style=\"background: red; color: #fff;\">售價 $650</p>\r\n                                    </div>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light\" onclick=\"product_4()\" style=\"letter-spacing: 0.1em; font-size: 23px !important; opacity: 1 !important\">\r\n                                        詳細資料\r\n                                    </button>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-brown waves-effect waves-light\" data-toggle=\"modal\" data-target=\"#tea-4\" style=\"letter-spacing: 0.1em; font-size: 23px !important; opacity: 1 !important\">立即購買</button>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <!--modal 1-->\r\n        <div id=\"tea-1\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"tea-product-1\" aria-hidden=\"true\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n\r\n                    <!--Modal header-->\r\n                    <div class=\"modal-header text-center\">\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"close\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                            <span aria-hidden=\"true\">&times;</span>\r\n                        </button>\r\n\r\n                        <h4 id=\"tea-1\" class=\"modal-title w-100 font-weight-bold\">您所選購買品名：有機冷泡綠茶包</h4>\r\n                    </div>\r\n\r\n                    <form action=\"#sell.php\" method=\"POST\">\r\n                        <div class=\"modal-body mx-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6\">\r\n                                    <div class=\"text-center view overlay zoom\">\r\n                                        <img id=\"tea-1\" src=\"http://www.lohasplus.com.tw/userUpload/images/台灣冷泡綠茶茶包.jpg\" class=\"img-fluid img-responsive z-depth-1-half\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                                    </div>\r\n                                </div>\r\n                                    \r\n                                <div class=\"col-md-6\">\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-user prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-username\" class=\"form-control validated\">\r\n                                        <label for=\"tea-username\">請輸入您的名字</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-phone prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-phone-number\" class=\"form-control validated\">\r\n                                        <label for=\"tea-phone-number\">電話或手機號碼</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-envelope prefix grey-text\"></i>\r\n                                        <input type=\"email\" id=\"tea-user-email\" class=\"form-control validate\">\r\n                                        <label for=\"tea-user-email\">請輸入您的電子郵件</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-4\">\r\n                                        <i class=\"fa fa-map prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-address\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-address\">請輸入您的地址</label>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"modal-footer d-flex justify-content-center\">\r\n                            <button id=\"tea-1\" type=\"submit\" class=\"btn btn-cyan btn-rounded waves-effect waves-light\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">送去\r\n                            <i class=\"fa fa-paper-plane ml-1\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!--modal 2-->\r\n        <div id=\"tea-2\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"tea-product-1\" aria-hidden=\"true\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n\r\n                    <!--Modal header-->\r\n                    <div class=\"modal-header text-center\">\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"close\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                            <span aria-hidden=\"true\">&times;</span>\r\n                        </button>\r\n\r\n                        <h4 class=\"modal-title w-100 font-weight-bold\">您所選購買品名：有機紅烏龍茶</h4>\r\n\r\n                    </div>\r\n\r\n                    <form action=\"#\" method=\"POST\">\r\n                        <div class=\"modal-body mx-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6\">\r\n                                    <div class=\"text-center view overlay zoom\">\r\n                                        <img id=\"tea-1\" src=\"http://www.lohasplus.com.tw/userUpload/images/台東有機紅烏龍.jpg\" class=\"img-fluid img-responsive z-depth-1-half\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                                    </div>\r\n                                </div>\r\n                                    \r\n                                <div class=\"col-md-6\">\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-user prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-username\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-username\">請輸入您的名字</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-phone prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-phone-number\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-phone-number\">電話或手機號碼</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-envelope prefix grey-text\"></i>\r\n                                        <input type=\"email\" id=\"tea-user-email\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-user-email\">請輸入您的電子郵件</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-4\">\r\n                                        <i class=\"fa fa-map prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-address\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-address\">請輸入您的地址</label>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"modal-footer d-flex justify-content-center\">\r\n                            <button id=\"tea-1\" type=\"submit\" class=\"btn btn-cyan btn-rounded waves-effect waves-light\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                              送去\r\n                            <i class=\"fa fa-paper-plane ml-1\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!--modal 4-->\r\n        <div id=\"tea-4\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"tea-product-1\" aria-hidden=\"true\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n\r\n                    <!--Modal header-->\r\n                    <div class=\"modal-header text-center\">\r\n                        <button type=\"button\" class=\"close opacity\" data-dismiss=\"modal\" aria-label=\"close\">\r\n                            <span aria-hidden=\"true\">&times;</span>\r\n                        </button>\r\n\r\n                        <h4 class=\"modal-title w-100 font-weight-bold\">您所選購買品名：有機頂級紅烏龍</h4>\r\n\r\n                    </div>\r\n\r\n                    <form action=\"#sell.php\" method=\"POST\">\r\n                        <div class=\"modal-body mx-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-5\">\r\n                                    <div class=\"text-center view overlay zoom\">\r\n                                        <img id=\"tea-1\" src=\"http://www.lohasplus.com.tw/userUpload/images/紅玉紅烏龍.jpg\" class=\"img-fluid img-responsive z-depth-1-half\" style=\"opacity: 1 !important\">\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                                <div class=\"col-md-7\">\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-user prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-username\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-username\">請輸入您的名字</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-phone prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-phone-number\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-phone-number\">電話或手機號碼</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-envelope prefix grey-text\"></i>\r\n                                        <input type=\"email\" id=\"tea-user-email\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-user-email\">請輸入您的電子郵件</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-4\">\r\n                                        <i class=\"fa fa-map prefix grey-text\"></i>\r\n                                        <input type=\"text\" id=\"tea-address\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-address\">請輸入您的地址</label>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"modal-footer d-flex justify-content-center\">\r\n                            <button id=\"tea-1\" type=\"submit\" class=\"btn btn-cyan btn-rounded waves-effect waves-light\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">送件\r\n                            <i class=\"fa fa-paper-plane ml-1\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <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        <!-- Latest compiled and minified JavaScript -->\r\n	<script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.16/js/mdb.min.js\"></script>\r\n        <script async defer src=\"https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v3.2&appId=766937750338046&autoLogAppEvents=1\"></script>\r\n\r\n        <!--back to top-->\r\n        <script type=\"text/javascript\">\r\n            $(document).ready(function(){\r\n                $(\'body\').append(\'<div id=\"toTop\" class=\"btn btn-info\"><span class=\"glyphicon glyphicon-chevron-up\"></span>回到最上頁</div>\');\r\n                    $(window).scroll(function () {\r\n                        if ($(this).scrollTop() != 0) {\r\n                            $(\'#toTop\').fadeIn();\r\n                        } else {\r\n                            $(\'#toTop\').fadeOut();\r\n                        }\r\n                    }); \r\n                $(\'#toTop\').click(function(){\r\n                    $(\"html, body\").animate({ scrollTop: 0 }, 600);\r\n                    return false;\r\n                });\r\n            });\r\n        </script>\r\n\r\n        <!--scroll-->\r\n        <script type=\"text/javascript\">\r\n            window.sr = ScrollReveal();\r\n\r\n            sr.reveal(\'img\',{\r\n                duration: 2500,\r\n                origin:\'bottom\',\r\n                mobile: true,\r\n                useDelay: \'always\'\r\n            });\r\n\r\n            sr.reveal(\'#img-moving\',{\r\n                duration: 2500,\r\n                origin:\'bottom\',\r\n                mobile: true,\r\n                useDelay: \'always\'\r\n            });\r\n\r\n            sr.reveal(\'.title1\',{\r\n                duration: 3000,\r\n                origin:\'bottom\',\r\n                mobile: true,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            sr.reveal(\'.scroll-1\',{\r\n                duration: 2000,\r\n                origin:\'left\',\r\n                mobile: true,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            sr.reveal(\'button\',{\r\n                duration: 1500,\r\n                origin:\'bottom\',\r\n                mobile: true,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            sr.reveal(\'.scroll-2\',{\r\n                duration: 2000,\r\n                origin:\'right\',\r\n                mobile: true,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            sr.reveal(\'.scroll\',{\r\n                duration: 2000,\r\n                origin: \'bottom\',\r\n                mobile: false,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            $(function() {\r\n        \r\n                $(\"div\").addClass(\"load\");\r\n\r\n            });\r\n\r\n        <!-- Script to Activate the Carousel -->\r\n            $(\'.carousel\').carousel({\r\n                interval: 5000 //changes the speed\r\n            })\r\n            \r\n            $(function() {\r\n                \r\n                $(\"div\").addClass(\"load\");\r\n\r\n            });\r\n\r\n            TweenLite.to(\"#img-moving\", 2.5, { ease: Back.easeOut.config(1.7), y: -30 });   \r\n   \r\n        </script>\r\n\r\n	<script type=\"text/javascript\">\r\n\r\n	    $(\'body, section, div\').mousemove(function(j){\r\n                var moveX = (j.pageX * -1 / 15);\r\n                var moveY = (j.pageY * -1 / 15);\r\n\r\n                $(this).css(\'background-position\', moveX + \'px \' + moveY + \'px\');\r\n            });  \r\n	</script>\r\n\r\n        <script type=\"text/javascript\">\r\n            function product_1(){\r\n                window.open(\'http://www.lohasplus.com.tw/index.php?Act=120&SK=822&MK=335&PK=813\');\r\n            }\r\n\r\n            function product_2(){\r\n                window.open(\'http://www.lohasplus.com.tw/index.php?Act=120&SK=817&MK=335&PK=811\');\r\n            }\r\n\r\n            function product_3(){\r\n                window.open(\'http://www.lohasplus.com.tw/index.php?Act=120&SK=819&MK=335&PK=811\');\r\n            }\r\n\r\n            function product_4(){\r\n                window.open(\'http://www.lohasplus.com.tw/index.php?Act=120&SK=818&MK=335&PK=811\');\r\n            }\r\n\r\n            //Turns Navbar to transparent background if user scrolled.\r\n            function checkNavPosition() {\r\n                var startYp = $(\'.navbar\').height() * 0.2;\r\n                if ($(window).scrollTop() > startYp) {\r\n                    $(\'.navbar\').removeClass(\"AtTop\");\r\n                }\r\n                else {\r\n                    $(\'.navbar\').addClass(\"AtTop\");\r\n                }\r\n            }\r\n            //scroll smooth\r\n            var anchor = document.querySelector(\'a[href=\"#link-drop\"]\')\r\n            var target = document.getElementById(\'link-drop\')\r\n            anchor.addEventListener(\'click\', function (e) {\r\n            if (window.scrollTo) {\r\n                e.preventDefault()\r\n                window.scrollTo({\'behavior\': \'smooth\', \'top\': target.offsetTop})\r\n            }\r\n            })\r\n            //Only activate function after rendering.\r\n            if ($(\'.navbar\').length > 0) {\r\n                $(window).on(\"scroll load resize\", function () { checkNavPosition(); });\r\n            }\r\n\r\n            // jQuery for page scrolling feature - requires jQuery Easing plugin\r\n            $(function () {\r\n                $(\'.Scroll\').bind(\'click\', function (event) {\r\n                    if (location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') || location.hostname == this.hostname) {\r\n                        var target = $(this.hash);\r\n                        target = target.lengt',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,100,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1158,'2018-05-19 11:49:52','2018-05-19 19:49:41',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<a href=\"http://ecloud.ewang.com.tw/index.php?Act=120\" target=\"_parent\"><img alt=\"\" src=\"/userUpload/images/logo(1).png\" /></a></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1159,'2018-12-21 18:55:15','2018-12-22 02:55:15',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'醉台東－小米香酒',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:20px;\"><span style=\"color:#ffa07a;\"><span style=\"font-family:微軟正黑體;\">小米 &mdash; 豐收歡慶的象徵</span></span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:20px;\"><span style=\"color:#ffa07a;\"><span style=\"font-family:微軟正黑體;\">小米酒 &mdash; 用於慶豐年級招待重要客人</span></span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_7165.JPG\" style=\"width: 80%; height: auto;\" /></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<h2 style=\"text-align: center;\">\r\n	<span style=\"font-size:18px;\"><span style=\"color:#ffa07a;\"><span style=\"font-family:微軟正黑體;\"><strong>－產品介紹－</strong></span></span></span></h2>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#000000;\"><span style=\"font-family:微軟正黑體;\">傳統小米酒有特殊的發酵味，有人愛，但也有人比較不能接受&hellip;</span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#000000;\"><span style=\"font-family:微軟正黑體;\">我們在風味上給予改良，添加關山的香米，調整出人人適飲的新風味。</span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#000000;\"><span style=\"font-family:微軟正黑體;\">淡雅的風味，等您來品嚐哦！</span></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<h2 style=\"text-align: center;\">\r\n	<strong><span style=\"color:#ffa07a;\"><span style=\"font-size:18px;\"><span style=\"font-family:微軟正黑體;\">－產品資訊－</span></span></span></strong></h2>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-family:微軟正黑體;\">產品種類：榖類釀造酒</span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-family:微軟正黑體;\">&nbsp; &nbsp;主要原料：小米、芋香米</span></p>\r\n<p>\r\n	<span style=\"font-family:微軟正黑體;\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 容量：300ml</span></p>\r\n<p>\r\n	<span style=\"font-family:微軟正黑體;\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 酒精濃度：12%</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\"><strong><span style=\"color:#ff0000;\"><font face=\"微軟正黑體\">/&nbsp; 東軒坊小提醒&nbsp; /</font></span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\"><strong><span style=\"color:#ff0000;\">飲酒過量有礙健康</span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\"><strong><span style=\"color:#ff0000;\">飲酒後請勿開車</span></strong></span></p>\r\n','','',4481063,'20180531IMG_7165.JPG',4481063,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1160,'2018-12-21 18:55:28','2018-12-22 02:55:28',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'祝福－紫米酒',NULL,'<style type=\"text/css\">\r\np{ \r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#ffa07a;\"><strong><span style=\"font-size:20px;\">紫米 &mdash; 自古以來便是滋補的好食材</span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#ffa07a;\"><strong><span style=\"font-size:20px;\">又有「藥榖」和「帝王米」的別稱</span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_7162.JPG\" style=\"width: 80%; height: auto;\" /></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"color:#ffa07a;\"><span style=\"font-size:18px;\">－產品介紹－</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	純紫米釀造的紫米酒，酒色為花青素的顏色，</p>\r\n<p style=\"text-align: center;\">\r\n	會隨著時間而褐化，所以就像 &quot; 薄酒萊 &quot; 新酒一樣，要及早引用哦。</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:18px;\"><span style=\"color:#ffa07a;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	產品種類：榖類釀造酒</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp;主要原料：台東關山黑糯米</p>\r\n<p>\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 容量：300ml</p>\r\n<p>\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 酒精濃度：12%</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:24px;\"><span style=\"color:#ff0000;\">/&nbsp; &nbsp; 東軒坊小提醒&nbsp; &nbsp;/</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:24px;\"><span style=\"color:#ff0000;\">飲酒過量有礙健康</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:24px;\"><span style=\"color:#ff0000;\">飲酒後請勿開車</span></span></strong></p>\r\n','','',0,'20180531IMG_7162.JPG',4203860,NULL,NULL,NULL,NULL,NULL,999,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1161,'2018-12-21 18:55:51','2018-12-22 02:55:51',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'SAY Q 關山安心良質米－胚芽米',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/tung01.png\" style=\"width: 80%; height: auto;\" /></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:18px;\"><span style=\"color:#ffa07a;\">－產品介紹－</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	來自純淨台東的關山，安心無毒的好健康，家庭號</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"color:#ffa07a;\"><span style=\"font-size:18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	品種：高雄139號</p>\r\n<p>\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：2 Kg</p>\r\n','','',0,'20180531tung01.png',2671909,NULL,NULL,NULL,NULL,NULL,998,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1162,'2018-12-21 18:56:06','2018-12-22 02:56:06',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'SAY Q 關山安心良質米－白米',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/tung02.png\" style=\"width: 80%; height: auto;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	來自純淨台東的關山，安心無毒的好健康，家庭號</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：高雄139號</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：2 Kg</p>\r\n','','',0,'20180531tung02.png',2672181,NULL,NULL,NULL,NULL,NULL,997,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1163,'2018-12-21 18:56:36','2018-12-22 02:56:36',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'SAY Q －美味養生米',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/tung03.png\" style=\"width: 80%; height: auto;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	嚴選自家種植黑糯米(紫米)、白米、胚芽米</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	依黃金比例混合而成，讓您可以方便煮、健康吃</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	讓您可以在一餐中，呷飽呷巧又呷健康。</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	內容：黑糯米(紫米)、白米、胚芽米，三種米混合而成</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：2 Kg</p>\r\n','','',0,'20180531tung03.png',2671660,NULL,NULL,NULL,NULL,NULL,996,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1164,'2018-12-21 18:57:36','2018-12-22 02:57:36',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'SAY Q 關山安心良質米－香米',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/tung04.png\" style=\"width: 80%; height: auto;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	來自純淨台東的關山，安心無毒的好健康，家庭號</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：高雄147號</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：2 Kg</p>\r\n','','',0,'20180531tung04.png',2671143,NULL,NULL,NULL,NULL,NULL,995,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1165,'2018-12-21 18:58:05','2018-12-22 02:58:05',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'茶米結合－呷飽',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\"><img alt=\"\" src=\"/userUpload/images/IMG_7139.JPG\" style=\"width: 80%; height: auto;\" /></span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－</span></span></strong><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	關山好米結合鹿野好茶</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：高雄139號－白米</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：600 g/包</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;茶種類：</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;茶內容：</p>\r\n','','',0,'20180531IMG_7139.JPG',3640224,NULL,NULL,NULL,NULL,NULL,994,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1166,'2018-12-21 18:58:18','2018-12-22 02:58:18',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'茶米結合－呷巧',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_7138.JPG\" style=\"width: 80%; height: auto;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－</span></span></strong><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	關山好米結合鹿野好茶</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：高雄139號－胚芽米</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 重量：600 g/包</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 茶種類：</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 茶內容：</p>\r\n','','',0,'20180531IMG_7138.JPG',3886684,NULL,NULL,NULL,NULL,NULL,993,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1167,'2018-12-21 18:58:31','2018-12-22 02:58:31',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'茶米結合－呷健康',NULL,'<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_7140.JPG\" style=\"width: 80%; height: auto;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－</span></span></strong><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	關山好米結合鹿野好茶</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：養生米</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 重量：600 g/包</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 茶種類：</p>\r\n<p style=\"font-family: 微軟正黑體;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 茶內容：</p>\r\n','','',0,'20180531IMG_7140.JPG',3825466,NULL,NULL,NULL,NULL,NULL,992,NULL,1,NULL,NULL,'36.236.160.64',NULL,NULL,NULL,NULL,NULL,NULL),(1168,'2018-12-22 18:31:41','2018-12-23 02:31:41',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,334,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<html lang=\"zh-TW\">\r\n\r\n  <head>\r\n  \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  \r\n      <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.0.13/css/all.css\" integrity=\"sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp\" crossorigin=\"anonymous\">\r\n      <script defer src=\"https://use.fontawesome.com/releases/v5.0.13/js/all.js\" integrity=\"sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe\" crossorigin=\"anonymous\"></script>\r\n  \r\n      <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.1.0/css/all.css\" integrity=\"sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt\" crossorigin=\"anonymous\">\r\n  \r\n      <!--Google Fonts APIS-->\r\n      <link rel=\"stylesheet\" type=\"text/css\" href=\"https://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans\">\r\n      <link rel=\"stylesheet\" type=\"text/css\" href=\"https://fonts.googleapis.com/css?family=Roboto+Mono&subset=greek\">\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  \r\n      <link rel=\"stylesheet\" id=\"font-awesome-css\" href=\"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css\" type=\"text/css\" media=\"screen\">\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      <!-- Material Design Bootstrap -->\r\n      <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.4/css/mdb.min.css\" rel=\"stylesheet\">\r\n  \r\n      <!-- Fonts -->\r\n      <link href=\"http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800\" rel=\"stylesheet\" type=\"text/css\">\r\n      <link href=\"http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic\" rel=\"stylesheet\" type=\"text/css\">\r\n  \r\n      <link href=\"https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple|3d-float\">\r\n      <!-- Scroll-reaveal -->\r\n      <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \r\n    \r\n      <!-- Google web fonts, https://design.google.com/icons/ -->\r\n      <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n      \r\n      <style type=\"text/css\">\r\n  \r\n  /*iphone 6/7/8 */\r\n  @media (max-width: 812px) {\r\n    .navbar-nav .open .dropdown-menu ul li:hover {\r\n      color: #ddd !important; }\r\n    li:hover .dropdown-menu {\r\n      display: none; } \r\n    .navbar-nav .open .dropdown-menu {\r\n      position: relative;\r\n      float: left;\r\n      width: auto;\r\n      margin-top: 0;\r\n      background-color: #fff;\r\n      border: 0;\r\n      -webkit-box-shadow: none;\r\n      left: 7em;\r\n      box-shadow: 2px 2px 2px 2px #ddd;\r\n      top: 0em; }\r\n    li:hover .dropdown-menu {\r\n      display: none; }.row1{margin: 10px -70px !important}.card{margin: 10px 40px !important} }\r\n  \r\n  /* end iphone design */\r\n  .size{width:170%;height: auto;right:200px}\r\n  @media(max-width:812px){.box-iframe{width: 100%!important; height: 350px !important}.size{width: 100%!important;height:600px!important;right:0!important}}\r\n  .box-iframe{width: 100%;height:550px}\r\n  .bgw {\r\n    background-color: transparent; }\r\n  \r\n  a[id=link-drop]:target ~ #link-drop {\r\n    transform: translateY(-200px); }\r\n  \r\n  /* navbar */\r\n  .d-b {\r\n    display: inline-block;\r\n    overflow: hidden; }\r\n  \r\n  .navbar {\r\n    transition: all 0.6s ease-out; }\r\n  \r\n  .navbar-default .navbar-brand {\r\n    color: saddlebrown;\r\n    font-weight: bold; }\r\n  \r\n  .navbar, .navbar-default, .navbar-brand, .dropdown-menu > li > a {\r\n    font-weight: bold; }\r\n  \r\n  .navbar-default .navbar-brand:hover {\r\n    color: brown;\r\n    font-weight: bold; }\r\n  \r\n  .padding{\r\n    background: rgba(255,255,255,0.8)\r\n  }\r\n  \r\n  section {\r\n    margin: 0;\r\n    padding: 0;\r\n    position: relative; }\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  .dropdown-menu li:hover {\r\n    visibility: visible; }\r\n  \r\n  li:hover .dropdown-menu {\r\n    display: block; }\r\n  \r\n  .dropdown-menu > li {\r\n    -ms-font-size: 14px; }\r\n  \r\n  /* Input */\r\n  /* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n  input:-webkit-autofill,\r\n  input:-webkit-autofill:hover,\r\n  input:-webkit-autofill:focus,\r\n  input:-webkit-autofill:active {\r\n    -webkit-animation: autofill 0s forwards;\r\n    animation: autofill 0s forwards; }\r\n  \r\n  @keyframes autofill {\r\n    100% {\r\n      background: #fff;\r\n      color: inherit; } }\r\n  \r\n  @-webkit-keyframes autofill {\r\n    100% {\r\n      background: #fff;\r\n      color: inherit; } }\r\n  \r\n  input[type=\"search\"] {\r\n    border-bottom: 1px solid #fff !important;\r\n    border-radius: 15px 15px 0 0 !important; }\r\n  \r\n  /* end Input */\r\n  footer {\r\n    background-color: rgba(255, 255, 255, 0.8); }\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  .back-to-top i {\r\n    font-size: 60px; }\r\n  \r\n  .back-to-top:hover, .back-to-top:focus {\r\n    color: #ff4a4a; }\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  #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  .btn-default {\r\n    background-color: transparent; }\r\n  \r\n  .btn-default:hover, .btn-default:focus {\r\n    background-color: transparent; }\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  .form-inline-add {\r\n    position: relative;\r\n    left: -30px;\r\n    top: 4.4em;\r\n    float: right; }\r\n  \r\n  .i-search {\r\n    color: #919191;\r\n    top: 3px;\r\n    left: -8px;\r\n    font-size: 16px; }\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  .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  .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  /* buttons / end */\r\n  div {\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  .load {\r\n    opacity: 1; }\r\n  \r\n  /* dung chung */\r\n  body {\r\n    background-size: cover !important; }\r\n  \r\n  .intro-text{\r\n    color: #fff;\r\n    border:none;\r\n    border-left: 1px solid #fff;\r\n    border-right: 1px solid #fff;\r\n  }\r\n  \r\n  .d-b {\r\n    display: block;\r\n    overflow: hidden; }\r\n  \r\n  /* End dung chung */\r\n  /* Navbar */\r\n  /* End Navbar */\r\n  \r\n  /* section */\r\n  .padding {\r\n    padding-top: 4em;\r\n    padding-bottom: 3em; }\r\n  \r\n  .b-c {\r\n    background-color: rgba(255, 255, 255, 0.8); }\r\n  \r\n  .no-pb{\r\n    padding: 0 !important;\r\n    border: none !important;\r\n  }\r\n  \r\n  .card-p{\r\n    top: 142px;\r\n    right: 56em;\r\n  }\r\n  \r\n  .card-p2{\r\n    top: -20em;\r\n    left: 28em;\r\n  }\r\n  \r\n  @media (max-width: 812px){\r\n    .card-p{\r\n      top: 0;\r\n      right: 0;\r\n    }\r\n  \r\n    .card-p2{\r\n      top: 0;\r\n      left: 0;\r\n    }\r\n  }\r\n  \r\n  .input-width{\r\n     width: 15.3em !important;\r\n     padding-left: 30px !important;\r\n  }\r\n  \r\n  /* End Section */\r\n  \r\n  /* search button position */\r\n  @media (max-width: 812px){\r\n    .btn-search-position{\r\n      top: 1em;\r\n      left: 17em;\r\n      position: absolute;\r\n    }\r\n  \r\n    .form-inline-add{\r\n      top: 1.5em;\r\n      left: 3em;\r\n      position: absolute;\r\n    }\r\n  \r\n    .input-width{\r\n      width: 12.3em !important;\r\n      padding-left: 20px !important;\r\n    }\r\n  \r\n  \r\n  \r\n  }\r\n  \r\n  /* search button position */\r\n  \r\n  /* w3 css */\r\n  * {\r\n    box-sizing: border-box; }\r\n  \r\n  /* center website */\r\n  /* Center website */\r\n  .main {\r\n    max-width: 1000px;\r\n    margin: auto; }\r\n  \r\n  h1 {\r\n    font-size: 50px;\r\n    word-break: break-all; }\r\n  \r\n  .row1 {\r\n    margin: 10px -16px; }\r\n  \r\n  /* Add padding BETWEEN each column */\r\n  .row1\r\n  .row1 >\r\n  .column {\r\n    padding: 8px; }\r\n  \r\n  /* Create three equal columns that floats next to each other */\r\n  .column {\r\n    float: left;\r\n    display: none;\r\n    /* Hide all elements by default */ }\r\n  \r\n  /* Clear floats after rows */\r\n  .row1:after {\r\n    content: \"\";\r\n    display: table;\r\n    clear: both; }\r\n  \r\n  /* Content */\r\n  .content {\r\n    display: block;\r\n    background-color: white;\r\n    padding: 10px; }\r\n  \r\n  /* The \"show\" class is added to the filtered elements */\r\n  .show {\r\n    display: block; }\r\n  \r\n  /* Style the buttons */\r\n  .btn-w {\r\n    border: none;\r\n    border-radius:5px;\r\n    outline: none;\r\n    padding: 12px 16px;\r\n    background-color: white;\r\n    cursor: pointer;\r\n    box-shadow: 2px 2px 2px 2px #ddd; }\r\n  \r\n  .btn-w:hover {\r\n    background-color: lightyellow; }\r\n  \r\n  .btn-w.active {\r\n    background-color: #666;\r\n    color: white; }\r\n  \r\n  /* w3 end css */\r\n  \r\n  /* padding and card-block */\r\n  .p-3{\r\n    padding: 3px;\r\n    padding-left: 10px;\r\n  }\r\n  \r\n  .card-block{\r\n    display: block;\r\n  }\r\n  /* padding */\r\n  \r\n  /* sign title */\r\n  \r\n  .sign-title{\r\n    position: relative;\r\n    font-weight: 100;\r\n    letter-spacing: .06em;\r\n    text-transform: uppercase;\r\n    color: #ffa100 !important;\r\n    font-size: 2em;\r\n    margin-bottom: 50px;\r\n    text-align: center;\r\n  }\r\n  \r\n  .sign-title::before,\r\n  .sign-title::after {\r\n    content: \'\';\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: calc((80% - 300px) / 2);\r\n    height: 2px;\r\n    background: rgba(255, 255, 255, 0.9); \r\n    }\r\n  \r\n  .sign-title::before {\r\n  left: 0; }\r\n  \r\n  .sing-title::after {\r\n  right: 0; }\r\n  \r\n  /* sign title */\r\n  \r\n  /* sign border */\r\n  .border-b{\r\n    background-size: cover;\r\n    border: none;\r\n    border-radius: 3px;\r\n    font-size: 18px;\r\n    padding: 15px;\r\n    font-weight: bold;\r\n    background: rgba(0,0,0,.1);\r\n  }\r\n  \r\n  .border-b > p{\r\n    color: #5d5d5d;\r\n  }\r\n  \r\n  /* sign border */\r\n  \r\n  /* sign input */\r\n  .border-transparent{\r\n    border-left: 1px solid black;\r\n    padding-right: 30px;\r\n    background: transparent;\r\n    left: -1em;\r\n    padding-left: 30px;\r\n  }\r\n  \r\n  .border-transparent .h4{\r\n    font-size: 30px !important;\r\n    font-weight: bold !important;\r\n  }\r\n  \r\n  .border-transparent label{\r\n    font-size: 15px !important;\r\n    font-weight: bold !important;\r\n  }\r\n  \r\n  .md-form .form-control{\r\n    padding: 0.3rem 15px .55rem !important;\r\n  }\r\n  \r\n  .md-form .prefix{\r\n    top: 1.rem;\r\n  }\r\n  \r\n  .md-form{\r\n    margin-bottom: 2.5rem !important;\r\n  }\r\n  \r\n  .md-form .prefix~input, .md-form .prefix~textarea{\r\n      width: -webkit-calc(150% - 2.5rem);\r\n      width: calc(150% - 2.5rem) !important;\r\n  }\r\n  \r\n  .md-form input[type=date]:focus:not([readonly])+label, \r\n  .md-form input[type=datetime-local]:focus:not([readonly])+label, \r\n  .md-form input[type=email]:focus:not([readonly])+label, \r\n  .md-form input[type=number]:focus:not([readonly])+label, \r\n  .md-form input[type=password]:focus:not([readonly])+label, \r\n  .md-form input[type=search-md]:focus:not([readonly])+label, \r\n  .md-form input[type=search]:focus:not([readonly])+label, \r\n  .md-form input[type=tel]:focus:not([readonly])+label, \r\n  .md-form input[type=text]:focus:not([readonly])+label, \r\n  .md-form input[type=time]:focus:not([readonly])+label, \r\n  .md-form input[type=url]:focus:not([readonly])+label, \r\n  .md-form textarea.md-textarea:focus:not([readonly])+label{\r\n    color: #000 !important;\r\n  }\r\n  /* sign input */\r\n  \r\n  /* sign button position */\r\n  .btn-position{\r\n     top: 0em;\r\n     left: -3em;\r\n     z-index: 1;\r\n  }\r\n  \r\n  /* sign button position */\r\n  \r\n  .btn-font{\r\n     letter-spacing: 0.1em;\r\n     font-size: 13px;\r\n  }\r\n  \r\n  @media (max-width: 812px)\r\n  {\r\n  \r\n     .btn-search-position{\r\n       top: 4em;\r\n       left: -16px;\r\n     }\r\n  \r\n     .input-width{\r\n       width: 12.3em !important;\r\n       padding: left 15px !important;\r\n     }   \r\n  \r\n     .form-inline-add{\r\n       top: 4em;\r\n       left: -30px;\r\n     }\r\n  \r\n     .padding{\r\n       display: inline-block;\r\n       top: -3em;\r\n       transition:transform 1.5s cubic-bezier(0.2, 0.2, 0.1, 1) 0s, opacity 1.5s cubic-bezier(0.2, 0.2, 0.1, 1) 0s !important;\r\n       padding-top: 8em !important;\r\n     }\r\n  }\r\n  \r\n  .modal-title{font-size: 23px;text-align: center;}\r\n  * {\r\n      text-transform: capitalize;\r\n      letter-spacing: 0.1em;\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  }\r\n  \r\n  .box-title {\r\n      padding-left: 30px !important;\r\n      color: rgba(255, 255, 255, 0.918)\r\n  }\r\n  \r\n  .box-title-right{\r\n      float: right;\r\n      padding-right: 30px;\r\n      color: rgba(250, 250, 250, 0.918)\r\n  }\r\n  \r\n  .box-fill-black{\r\n      display: block;\r\n      padding: 10px;\r\n      background: rgba(0,0,0,.8);\r\n      overflow: hidden;\r\n      margin-bottom: 25px;\r\n  }\r\n  \r\n  .box-title-center{\r\n      text-align: center;\r\n      color: rgba(250, 250, 250, 0.918)\r\n  }\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;\r\n      color: rgb(197, 197, 197);\r\n  }\r\n  \r\n  .bt-23p{\r\n      font-size: 23px;\r\n      color: rgb(197, 197, 197)\r\n  }\r\n  \r\n  .card{\r\n      border-radius: 5px !important;\r\n  }\r\n  \r\n  \r\n  \r\n  .box-iframe{\r\n      border-radius: 10px !important;\r\n      padding: 0;\r\n      margin: 0;\r\n      background: transparent !important;\r\n  }\r\n  \r\n  .box-reveal{\r\n      padding-top: 1em;\r\n      letter-spacing: 0.1em;\r\n      color: #000;\r\n  }\r\n  \r\n  .box-btn{\r\n      padding: 10px !important;\r\n      margin-bottom: 10px !important;\r\n      margin: 15px !important;\r\n      font-size: 23px !important;\r\n      opacity: 1;\r\n      height: auto !important;\r\n      transition: opacity .5s ease-in-out !important;\r\n  }\r\n  \r\n  .box-btn:hover, .box-btn:focus{\r\n      opacity: .5;\r\n  }\r\n  \r\n  .box-board {\r\n      position: relative;\r\n      padding-left: 15px;\r\n      color: rgb(236, 236, 236)\r\n  }\r\n  \r\n  .btn{font-size: 23px !important}\r\n  \r\n  .box-board::after {\r\n      content: \'\';\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      width: 45%;\r\n      height: 2px;\r\n      background: rgba(170, 170, 170, 0.486)\r\n  }\r\n  \r\n  .box-board::before {\r\n      left: 0\r\n  }\r\n  \r\n  .box-board::after {\r\n      right: 0\r\n  }\r\n  \r\n  .box-board-1 {\r\n      position: relative;\r\n      padding-left: 15px;\r\n      text-align: right;\r\n      float: right;\r\n      color: rgb(236, 236, 236)\r\n  }\r\n  \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  \r\n  .box-board-1::before {\r\n      left: -170px\r\n  }\r\n  \r\n  .box-board-center {\r\n      position: relative;\r\n      text-align: center;\r\n      padding-left: 15px;\r\n      color: rgb(236, 236, 236)\r\n  }\r\n  \r\n  .box-board-center::before,\r\n  .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  \r\n  .box-board-center::before {\r\n      left: 0\r\n  }\r\n  \r\n  .box-board-center::after {\r\n      right: 0\r\n  }\r\n  \r\n  .img-fluid {\r\n      padding: 15px;\r\n  }\r\n  \r\n  .img-center {\r\n      width: 40em;\r\n      transform: translateX(50%);\r\n  }\r\n  \r\n  .board-text {\r\n      font-size: 25px;\r\n      font-weight: 500;\r\n      letter-spacing: 0.1em;\r\n      color: rgb(236, 236, 236)\r\n  }\r\n  \r\n  .card-text, .card-title{font-size: 20px !important}\r\n  \r\n  .box-share{\r\n      font-size: 24px;\r\n      font-family: 標楷體;\r\n      color: rgba(216, 216, 216, 0.815)\r\n  }\r\n  \r\n  .box-img-center{\r\n      display: block;\r\n      text-align: center;\r\n  }\r\n  \r\n  .box-frame-size{\r\n      width: 500px !important;\r\n      height: 300px !important;\r\n  }\r\n  \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  \r\n  .box-container{\r\n      display: block;\r\n      position: relative;\r\n  }\r\n  \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  \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  video{\r\n      transition: opacity .5s ease-in-out;\r\n      backface-visibility: hidden\r\n  }\r\n  \r\n  video:hover .box-hid{\r\n      opacity: .3s;\r\n  }\r\n  \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  \r\n  video .box-hid:focus, video .box-hid:hover{\r\n      background: rgba(0, 0, 0, .75);\r\n      opacity: 1;\r\n      color: #fff\r\n  }\r\n  \r\n  /* btn-search */\r\n  \r\n  input[type=search]{\r\n      width: 130px;\r\n      float: right;\r\n      box-sizing: border-box;\r\n      border-radius: 4px;\r\n      font-size: 16px;\r\n      background: white;\r\n      padding: 12px 20px 12px 40px;\r\n      -webkit-transition: width .4s ease-in-out;\r\n      transition: width .4s ease-in-out;\r\n      z-index: 1000;\r\n      border: 2px solid transparent;\r\n      border-image-source: url(\"../img/test-border.png\")\r\n  }\r\n  \r\n  .positive-form{\r\n      margin-top: 5em;\r\n      margin-right: 2em;\r\n  }\r\n  \r\n  input[type=search]:focus{\r\n      width: 30%;\r\n      border: 3px soild transparent !important;\r\n      border-image: url(\'../img/test-border.png\') 30 stretch\r\n  }\r\n  \r\n  /* Galaxy Prime design */\r\n  \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{\r\n          position: relative !important;\r\n          background: rgba(0,0,0,.9) !important;\r\n          top: 0\r\n      }\r\n  }\r\n  \r\n  @media only screen and (min-device-width: 375px) and (max-device-width: 667px){\r\n      .box-absolute{\r\n          position: relative !important;\r\n          background: rgba(0,0,0,.9) !important;\r\n          top: 0\r\n      }\r\n  }\r\n  \r\n  \r\n  * {\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.1em;\r\n      opacity: 1 !important\r\n  }\r\n  \r\n  .modal-backdrop{background: rgba(0,0,0,.5) !important}\r\n  \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  \r\n  .model-pc {\r\n      display: block;\r\n  }\r\n  \r\n  .btn {\r\n      font-size: 20px !important;\r\n      margin-bottom: 30px !important;\r\n  }\r\n  \r\n  li:hover .dropdown-menu {\r\n      display: block;\r\n  }\r\n  \r\n  .p-top {\r\n      padding: 10%\r\n  }\r\n  \r\n  @media (max-width: 812px) {\r\n      .title1 {\r\n          width: 100% !important\r\n      }\r\n  \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: 20px !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      .model-mobile {\r\n          transform: translateY(0) !important\r\n      }\r\n  \r\n      .img-hover {\r\n          width: 23em !important\r\n      }\r\n  }\r\n  \r\n  \r\n  \r\n      </style>\r\n  \r\n  </head>\r\n  \r\n  <body>\r\n      <section class=\"padding model-pc model-mobile\">\r\n          <div class=\"container-fluid bgw\">\r\n              <div class=\"row\">\r\n                  <div class=\"col-md-12 col-sm-6 d-b\" style=\"padding: 40px\">\r\n                      <div id=\"myBtnContainer\">\r\n                          \r\n                          <button class=\"btn-w\" onclick=\"filterSelection(\'image\')\"> 體驗圖片</button>\r\n                          <button class=\"btn-w\" onclick=\"filterSelection(\'video\')\"> 體驗影片</button>\r\n                          <button class=\"btn-w\" onclick=\"filterSelection(\'sign\')\"> 線上報名</button>\r\n                      </div>\r\n                              \r\n                      <!-- Portfolio Gallery Grid -->\r\n                      <div class=\"row1\">\r\n  <div class=\"row\">\r\n                          <!--First Colum-->\r\n                          <div class=\"col-md-4 col-sm-8\">\r\n                              <div class=\"column image\">\r\n                                  <!--Card-->\r\n                                  <div class=\"card mr-auto\">\r\n  \r\n                                      <!--Card image-->\r\n                                      <div id=\"card\" class=\"view overlay hm-white-slight\">\r\n                                          <button type=\"button\" class=\"no-pb waves-light waves-button\" data-toggle=\"modal\" data-target=\"#image-1\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/78.jpg\" class=\"img-fluid\" alt=\"\">\r\n  \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n                                      <!--/.Card image-->\r\n  \r\n                                      <!--Card content-->\r\n                                      <div class=\"card-block p-3\">\r\n                                          <!--Title-->\r\n                                          <h4 class=\"card-title\">採茶的經驗</h4>\r\n                                          <!--Text-->\r\n                                          <p class=\"card-text\"><b>我們採取綠色好機茶葉</b></p>\r\n                                          <button type=\"button\" class=\"btn btn-elegant\" data-toggle=\"modal\" data-target=\"#image-1\">\r\n                                              看圖片\r\n                                          </button>\r\n                                      </div>\r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--/. First column-->\r\n  \r\n                          <!--Second column-->\r\n                          <div class=\"col-md-4 col-sm-8\">\r\n                              <div class=\"column image\">\r\n  \r\n                                  <!--Card-->\r\n                                  <div class=\"card mr-auto\">\r\n  \r\n                                      <!--Card image-->\r\n                                      <div id=\"card\" class=\"view overlay hm-white-slight\">\r\n                                          <button type=\"button\" class=\"no-pb waves-light waves-button\" data-toggle=\"modal\" data-target=\"#image-2\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/12.jpg\" class=\"img-fluid\" alt=\"\">\r\n  \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                      <!--Card title-->\r\n                                      <div class=\"card-block p-3\">\r\n                                          <h4 class=\"card-title\">我們的笑容。</h4>\r\n                                          <p class=\"card-text\"><b>愛茶愛世界。</b></p>\r\n                                          <button type=\"button\" class=\"btn btn-elegant\" data-toggle=\"modal\" data-target=\"#image-2\">\r\n                                              看圖片\r\n                                          </button>\r\n                                      </div>\r\n                                  </div>\r\n                                  <!--/. Card-->\r\n                              </div>\r\n                          </div>\r\n                          <!--/. Second column-->\r\n  \r\n                          <!--third column-->\r\n                          <div class=\"col-md-4 col-sm-8\">\r\n                              <div class=\"column image\">\r\n  \r\n                                  <!--Card-->\r\n                                  <div class=\"card mr-auto\">\r\n  \r\n                                      <!--Card image-->\r\n                                      <div class=\"view overlay hm-white-slight\">\r\n                                          <button type=\"button\" class=\"no-pb waves-light waves-button\" data-toggle=\"modal\" data-target=\"#image-3\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/125.jpg\" class=\"img-fluid\" alt=\"\">\r\n  \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                      <!--Card title-->\r\n                                      <div class=\"card-block p-3\">\r\n                                          <h4 class=\"card-title\">體驗茶園</h4>\r\n                                          <b class=\"card-text\"><b>家訪有機茶園真的不簡單。</b></p>\r\n                                          <button type=\"button\" class=\"btn btn-elegant\" data-toggle=\"modal\" data-target=\"#image-3\">\r\n                                              看圖片\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--/. Third column--></div><div class=\"row\">\r\n  \r\n                          <!--Four column-->\r\n                          <div class=\"col-md-4 col-sm-8\">\r\n                              <div class=\"column image\">\r\n  \r\n                                  <div class=\"card mr-auto\">\r\n  \r\n                                      <div class=\"view overlay hm-white-slight\">\r\n                                          <button type=\"button\" class=\"no-pb waves-light waves-button\" data-toggle=\"modal\" data-target=\"#image-4\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/66.jpg\" class=\"img-fluid\" alt=\"\">\r\n  \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                      <!--Card content-->\r\n                                      <div class=\"card-block p-3\">\r\n                                          <!--Title-->\r\n                                          <h4 class=\"card-title\">燦爛在太陽下，閃光美少女的笑容</h4>\r\n                                          <!--Text-->\r\n                                          <p class=\"card-text\"><b>就是這種感覺，可展出女人的魅力。</b></p>\r\n                                          <button type=\"button\" class=\"btn btn-elegant\" data-toggle=\"modal\" data-target=\"#image-4\">\r\n                                              看圖片\r\n                                          </button>\r\n                                      </div>\r\n                                          \r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--./ Four column-->\r\n  \r\n                          \r\n                          <!--Five column-->\r\n                          <div class=\"col-md-4 col-sm-8\">\r\n                              <div class=\"column image\">\r\n                                  <div class=\"card mr-auto\">\r\n  \r\n                                      <!--Card image-->\r\n                                      <div class=\"view overlay hm-white-slight\">\r\n                                          <button type=\"button\" class=\"no-pb waves-button waves-light\" data-toggle=\"modal\" data-target=\"#image-5\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/147.JPG\" class=\"img-fluid\" alt=\"\">\r\n                                          \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                      <div class=\"card-block p-3\">\r\n                                          <h4 class=\"card-title\">甜點</h4>\r\n                                          <p class=\"card-text\"><b>依從葉茶為主而製作出美味白色的甜點</b></p>\r\n                                          <button type=\"button\" class=\"btn btn-elegant\" data-toggle=\"modal\" data-target=\"#image-5\">\r\n                                              看圖片\r\n                                          </button>\r\n                                      </div>\r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--./ five column-->\r\n                          \r\n                          <!--six column-->\r\n                          <div class=\"col-md-4 col-sm-8\">\r\n                              <div class=\"column image\">\r\n                                  <div class=\"card mr-auto\">\r\n  \r\n                                      <!--Card image-->\r\n                                      <div class=\"view overlay hm-white-slight\">\r\n                                          <button type=\"button\" class=\"no-pb waves-light waves-button\" data-toggle=\"modal\" data-target=\"#image-6\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/150.jpg\" alt=\"end-travel\" class=\"img-fluid\">\r\n                                          \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                      <!--Card title-->\r\n                                      <div class=\"card-block p-3\">\r\n                                          <h4 class=\"card-title\">最後笑容的時刻</h4>\r\n                                          <b class=\"card-text\"><b>雖然準備結束旅程了，但我們還想再更多體驗不會結束。</b></p>\r\n                                          <button type=\"button\" class=\"btn btn-elegant\" data-toggle=\"modal\" data-target=\"#image-6\">\r\n                                              看圖片\r\n                                          </button>\r\n                                      </div>\r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--/. six column--></div>\r\n  \r\n                          <!--video column-->\r\n  \r\n                          <!--First Column-->\r\n                          <div class = \"col-md-4 col-sm-8\">\r\n                              <div class=\"column video\">\r\n                                  <div class=\"card mr-auto\">\r\n                                      \r\n                                      <!--Image video-->\r\n                                      <div class=\"view overlay hm-white-slight\">\r\n  \r\n                                          <button type=\"button\" class=\"no-pb waves-light waves-block waves-effect waves-button\" data-toggle=\"modal\" data-target=\"#video1\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/%E5%B0%8F%E7%B6%A0%E8%91%89%E7%A6%AA.jpg\" class = \"img-fluid\">\r\n  \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                      <!--Title-->\r\n                                      <div class=\"card-block p-3\">\r\n                                          <h4 class=\"card-title\">台灣佳芳有機茶園茶園體驗一</h4>\r\n                                          <button class=\"btn btn-amber\" data-toggle=\"modal\" data-target=\"#video1\" style=\"font-size: 15px\">\r\n                                              點 擊 看 影 片\r\n                                          </button>\r\n                                      </div>\r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--/. First column-->\r\n  \r\n                          <!--Second Column-->\r\n                          <div class = \"col-md-4 col-sm-8\">\r\n                              <div class=\"column video\">\r\n                                  <div class=\"card mr-auto\">\r\n                                      \r\n                                      <!--Image video-->\r\n                                      <div class=\"view overlay hm-white-slight\">\r\n  \r\n                                          <button type=\"button\" class=\"no-pb waves-light waves-block waves-effect waves-button\" data-toggle=\"modal\" data-target=\"#video2\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/6.jpg\" class = \"img-fluid\">\r\n  \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                      <!--Title-->\r\n                                      <div class=\"card-block p-3\">\r\n                                          <h4 class=\"card-title\">台灣佳芳有機茶園茶園體驗二</h4>\r\n                                          <button class=\"btn btn-amber\" data-toggle=\"modal\" data-target=\"#video2\" style=\"font-size: 15px\">\r\n                                              點 擊 看 影 片\r\n                                          </button>\r\n                                      </div>\r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--/. Second column-->\r\n  \r\n                          <!--Third Column-->\r\n                          <div class = \"col-md-4 col-sm-8\">\r\n                              <div class=\"column video\">\r\n                                  <div class=\"card mr-auto\">\r\n                                      \r\n                                      <!--Image video-->\r\n                                      <div class=\"view overlay hm-white-slight\">\r\n  \r\n                                          <button type=\"button\" class=\"no-pb waves-light waves-block waves-effect waves-button\" data-toggle=\"modal\" data-target=\"#video3\">\r\n                                              <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/1.jpg\" class = \"img-fluid\">\r\n  \r\n                                              <a href=\"#\">\r\n                                                  <div class=\"mask\"></div>\r\n                                              </a>\r\n                                          </button>\r\n                                      </div>\r\n  \r\n                                      <!--Title-->\r\n                                      <div class=\"card-block p-3\">\r\n                                          <h4 class=\"card-title\">台灣佳芳有機茶園開放露營</h4>\r\n                                          <button class=\"btn btn-amber\" data-toggle=\"modal\" data-target=\"#video3\" style=\"font-size: 15px\">\r\n                                              點 擊 看 影 片\r\n                                          </button>\r\n                                      </div>\r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--/. Second column-->\r\n  \r\n                          <!--/. video column-->\r\n  \r\n                          <!--Sign join-->\r\n                          <div class = \"col-md-7 col-sm-8\">\r\n                              <div class=\"column sign\">\r\n                                  <section>\r\n                                      <div class=\"col-md-10\">\r\n                                          <div class=\"border-b\">\r\n                                              <h4 class=\"sign-title\">\r\n                                                  家訪有機茶園體驗活動\r\n                                              </h4>\r\n  \r\n                                              <p> 1. 深度旅遊、採茶體驗、茶園生態管理、喝現打綠茶汁，茶蛋捲以上體驗活動</p>\r\n                                              <p> 每人費：200 TWD。\r\n  \r\n                                              <hr>\r\n  \r\n                                              <p>2. 如要增加翡翠包製作及(翡翠) 各項 DIY 題體驗、單項各加材料費 50 TWD。</p>\r\n  \r\n                                              <hr>\r\n\r\n  					      <p>3. 綠豆涼糕製作。</p>\r\n                                              <p>4. 天然綠茶清潔劑製作。</p>\r\n                                              <p>(3)+(4) -> 費用 1 人加 50 元 TWD。</p>\r\n  \r\n                                              <hr>\r\n  \r\n                                              <p>15 天預約 10 人以上接受報名</p>\r\n                                              <p>體驗活動時間：全年</p>\r\n                                              <p>第 1 體驗 活動時間 2：00</p>\r\n                                              <p>地 2 體驗 活動時間 1：30</p>\r\n  \r\n                                              <hr>\r\n  \r\n                                              <p> 1 + 2 + 3 約 3 到 4小時。\r\n                                          </div>\r\n  \r\n                                      </div>\r\n                                  </section>\r\n                              </div>\r\n                          </div>\r\n  \r\n                          <!--Input data-->\r\n                          <div class=\"col-md-5 col-sm-8\">\r\n                              <div class=\"column sign\">\r\n                                  <div class=\"border-transparent\">\r\n                                      <form class=\"form-horizontal\" action=\"#\" method=\"get\">\r\n                                          <p class=\"h4 text-center mb-4\" style=\"margin-bottom: 30px\">報名體驗</p>\r\n  \r\n                                          <!--Material input-->\r\n                                          <div class=\"md-form\">\r\n                                              <i class=\"fa fa-envelope prefix grey-text\"></i>\r\n                                              <input type=\"email\" id=\"email\" class=\"form-control\">\r\n                                              <label for=\"email\">請輸入您的電子郵件</label>\r\n                                          </div>\r\n  \r\n                                          <div class=\"md-form\">\r\n                                              <i class=\"fa fa-user prefix grey-text\"></i>\r\n                                              <input type=\"text\" id=\"name\" class=\"form-control\">\r\n                                              <label for=\"name\">請輸入您的名字</label>\r\n                                          </div>\r\n  \r\n                                           <div class=\"md-form\">\r\n                                              <i class=\"fa fa-user prefix grey-text\"></i>\r\n                                              <input type=\"text\" id=\"name\" class=\"form-control\">\r\n                                              <label for=\"name\">聯絡人</label>\r\n                                          </div>\r\n  \r\n                                          <div class=\"md-form\">\r\n                                              <i class=\"fa fa-user prefix grey-text\"></i>\r\n                                              <input type=\"text\" id=\"sign-num\" class=\"form-control\">\r\n                                              <label for=\"sign-num\">請輸入報名人數</label>\r\n                                          </div>\r\n  \r\n                                          <div class=\"md-form\">\r\n                                              <i class=\"fa fa-phone prefix grey-text\"></i>\r\n                                              <input type=\"text\" id=\"phone\" class=\"form-control\">\r\n                                              <label for=\"phone\">請輸入您的手機號碼</label>\r\n                                          </div>\r\n  \r\n                                          <div class=\"md-form\">\r\n                                              <i class=\"fa fa-calendar prefix grey-text\"></i>\r\n                                              <input type=\"text\" id=\"calendar\" class=\"form-control\">\r\n                                              <label for=\"calendar\">請輸入報名日期</label>\r\n                                          </div>\r\n  \r\n                                           <div class=\"md-form\">\r\n                                              <i class=\"fa fa-comment prefix grey-text\" aria-hidden=\"true\"></i>\r\n                                              <textarea type=\"text\" id=\"message\" name=\"message\" rows=\"2\" class=\"form-control md-textarea\"></textarea>\r\n                                              <label for=\"message\">備註</label>\r\n                                          </div>\r\n  \r\n                                          <div class=\"text-center mt-4\">\r\n                                              <button class=\"btn btn-outline-secondary btn-position\" type=\"submit\">\r\n                                                  送件\r\n                                                  <i class=\"fa fa-paper-plane ml-2\"></i>\r\n                                              </button>\r\n                                          </div>\r\n                                      </form>\r\n                                  </div>\r\n                              </div>\r\n                          </div>\r\n                          <!--./ Sign join-->\r\n  \r\n                      <!-- END GRID -->\r\n                      </div>\r\n                          \r\n                      <!-- END MAIN -->\r\n                  </div>                \r\n              </div>\r\n          </div>\r\n      </section>\r\n  \r\n      <!--Modal image 1-->\r\n      <div id=\"image-1\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <div class=\"modal-content\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/close-18dp.png\" class=\"img-fluid\">\r\n                      </button>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/78.jpg\" class=\"img-fluid\" alt=\"\">\r\n                  </div>\r\n  \r\n                  <div class=\"modal-footer\">\r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n      <!--End modal I/1-->\r\n  \r\n      <!--Modal image 2-->\r\n      <div id=\"image-2\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <div class=\"modal-content\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/close-18dp.png\" class=\"img-fluid\">\r\n                      </button>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/12.jpg\" class=\"img-fluid\" alt=\"\">\r\n                  </div>\r\n  \r\n                  <div class=\"modal-footer\">\r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n      <!--End modal I/2-->\r\n      \r\n      <!--Modal image 3-->\r\n      <div id=\"image-3\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <div class=\"modal-content\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/close-18dp.png\" class=\"img-fluid\">\r\n                      </button>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/125.jpg\" class=\"img-fluid\" alt=\"\">\r\n                  </div>\r\n  \r\n                  <div class=\"modal-footer\">\r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n      <!--End modal I/3-->\r\n  \r\n      <!--Modal image 4-->\r\n      <div id=\"image-4\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <div class=\"modal-content\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/close-18dp.png\" class=\"img-fluid\">\r\n                      </button>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/66.jpg\" class=\"img-fluid\" alt=\"\">\r\n                  </div>\r\n  \r\n                  <div class=\"modal-footer\">\r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n      <!--End modal I/4-->\r\n  \r\n      <!--Modal image 5-->\r\n      <div id=\"image-5\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <div class=\"modal-content\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/close-18dp.png\" class=\"img-fluid\">\r\n                      </button>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/147.JPG\" class=\"img-fluid\" alt=\"\">\r\n                  </div>\r\n  \r\n                  <div class=\"modal-footer\">\r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n      <!--End modal I/5-->\r\n  \r\n      <!--Modal image 6-->\r\n      <div id=\"image-6\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <div class=\"modal-content\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/close-18dp.png\" class=\"img-fluid\">\r\n                      </button>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/150.jpg\" class=\"img-fluid\" alt=\"\">\r\n                  </div>\r\n  \r\n                  <div class=\"modal-footer\">\r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n      <!--End modal I/6-->\r\n          \r\n      <!--./Image modal-->\r\n  \r\n      <!-- Video 1 modal-->\r\n      <div id=\"video1\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <!--modal-content-->\r\n              <div class=\"modal-content size\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/close-18dp.png\" alt=\"close\">\r\n                      </button>\r\n                      <h4 class=\"modal-title\">台灣佳芳有機茶園茶園體驗一</h4>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      \r\n        <iframe class=\"box-iframe\" src=\"https://www.youtube.com/embed/IOD9aaB7RF0\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n                  </div>\r\n  \r\n                  <div class = \"modal-footer\">\r\n  \r\n                      <h4 class=\"modal-title\" style=\"text-align: left;\">\r\n                          提醒：點擊影片而暫停，然後關閉影片 - 可按交叉符號在頭上或關閉按鈕在腳下。\r\n                      </h4>\r\n  \r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\" style=\"margin-left: 38em\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  \r\n      <!-- Video 2 modal-->\r\n      <div id=\"video2\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <!--modal-content-->\r\n              <div class=\"modal-content size\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/close-18dp.png\" alt=\"close\">\r\n                      </button>\r\n                      <h4 class=\"modal-title\">台灣佳芳有機茶園茶園體驗二</h4>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      <iframe class=\"box-iframe\" src=\"https://www.youtube.com/embed/aowGYLw1jcA\" allowfullscreen frameborder=\"0\" allow=\"autoplay; encrypted-media\"></iframe>\r\n                  </div>\r\n  \r\n                  <div class = \"modal-footer\">\r\n  \r\n                      <h4 class=\"modal-title\" style=\"text-align: left;\">\r\n                          提醒：點擊影片而暫停，然後關閉影片 - 可按交叉符號在頭上或關閉按鈕在腳下。\r\n                      </h4>\r\n  \r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\" style=\"margin-left: 38em\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  \r\n      <!-- Video 3 modal-->\r\n      <div id=\"video3\" class=\"modal fade\" role=\"dialog\">\r\n          <div class=\"modal-dialog\">\r\n  \r\n              <!--modal-content-->\r\n              <div class=\"modal-content size\">\r\n                  <div class=\"modal-header\">\r\n                      <button type=\"button\" class=\"close\" data-dismiss=\"modal\">\r\n                          <img src=\"http://www.lohasplus.com.tw/userUpload/images/%E4%BD%B3%E8%8A%B3/close-18dp.png\" alt=\"close\">\r\n                      </button>\r\n                      <h4 class=\"modal-title\">台灣佳芳有機茶園開放露營</h4>\r\n                  </div>\r\n  \r\n                  <div class=\"modal-body\">\r\n                      <iframe class=\"box-iframe\" src=\"https://www.youtube.com/embed/F-GCfmqeSZU\" allowfullscreen frameborder=\"0\" allow=\"autoplay; encrypted-media\"></iframe>\r\n                  </div>\r\n  \r\n                  <div class = \"modal-footer\">\r\n  \r\n                      <h4 class=\"modal-title\" style=\"text-align: left;\">\r\n                          提醒：點擊影片而暫停，然後關閉影片 - 可按交叉符號在頭上或關閉按鈕在腳下。\r\n                      </h4>\r\n  \r\n                      <button type=\"button\" class=\"btn btn-light-green waves-effect waves-light btn-font\" data-dismiss=\"modal\" style=\"margin-left: 38em\">\r\n                          關閉\r\n                      </button>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n      </div>\r\n  \r\n      <script type=\"text/javascript\" src=\"https://code.jquery.com/jquery-3.3.1.js\"></script>\r\n      <script type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\r\n      \r\n      <!-- JQuery -->\r\n      <script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script>\r\n      <!-- MDB core JavaScript -->\r\n      <script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.4/js/mdb.min.js\"></script>    \r\n  \r\n      <!--smooth scrolling-->\r\n      <script type=\"text/javascript\">\r\n          $(function(){\r\n              //smooth scrolling\r\n              $(\'a[href*=\"#\"]:not([href=\"#\"])\').click(function(){\r\n                  if(location.pathmame.replace(/^\\//,\'\') == this.pathmame.replace(/^\\//,\'\') && \r\n                  location.hostname == this.hostname){\r\n                      var target = $(this.hash);\r\n                      target = target.length ? target : $(\'[name=\' + this.hash.slice(1) +\']\');\r\n  \r\n  \r\n                      if(target.length){\r\n                          $(\'html, body\').animate({\r\n                              scrollTop: target.offset().top\r\n                          }, 1000);\r\n                          return false;\r\n                      }\r\n                  }\r\n              });\r\n          });\r\n      </script>\r\n  \r\n      <!--revealOnScroll-->\r\n      <script type=\"text/javaScript\">\r\n          $(function() {\r\n  \r\n              var $window           = $(window),\r\n                  win_height_padded = $window.height() * 1.1,\r\n                  isTouch           = Modernizr.touch;\r\n  \r\n              if (isTouch) { $(\'.reveal-on-scroll\').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              $(\".reveal-on-scroll: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              $(\".reveal-on-scroll.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          //reveal-on-scroll();\r\n  \r\n      </script>\r\n  \r\n      <!-- Script to Activate the Carousel -->\r\n      <script type=\"text/javaScript\">\r\n      $(\'.carousel\').carousel({\r\n          interval: 5000 //changes the speed\r\n      })\r\n      \r\n      $(function() {\r\n        \r\n        $(\"div\").addClass(\"load\");\r\n  \r\n      });\r\n      \r\n      </script>\r\n  \r\n      <!--image js-->\r\n      <script type=\"text/javascript\">\r\n          filterSelection(\'image\')\r\n          function filterSelection(c) {\r\n          var x, i;\r\n          x = document.getElementsByClassName(\'column\');\r\n          if (c == \"all\") c = \"\";\r\n          for (i = 0; i < x.length; i++) {\r\n              w3RemoveClass(x[i], \'show\');\r\n              if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], \"show\");\r\n          }\r\n          }\r\n  \r\n          function w3AddClass(element, name) {\r\n          var i, arr1, arr2;\r\n          arr1 = element.className.split(\" \");\r\n          arr2 = name.split(\" \");\r\n          for (i = 0; i < arr2.length; i++) {\r\n              if (arr1.indexOf(arr2[i]) == -1) {element.className += \" \" + arr2[i];}\r\n          }\r\n          }\r\n  \r\n          function w3RemoveClass(element, name) {\r\n          var i, arr1, arr2;\r\n          arr1 = element.className.split(\" \");\r\n          arr2 = name.split(\" \");\r\n          for (i = 0; i < arr2.length; i++) {\r\n              while (arr1.indexOf(arr2[i]) > -1) {\r\n              arr1.splice(arr1.indexOf(arr2[i]), 1);     \r\n              }\r\n          }\r\n          element.className = arr1.join(\" \");\r\n          }\r\n  \r\n  \r\n          // Add active class to the current button (highlight it)\r\n          var btnContainer = document.getElementById(\"myBtnContainer\");\r\n          var btns = btnContainer.getElementsByClassName(\"btn\");\r\n          for (var i = 0; i < btns.length; i++) {\r\n          btns[i].addEventListener(\"click\", function(){\r\n              var current = document.getElementsByClassName(\"active\");\r\n              current[0].className = current[0].className.replace(\" active\", \"\");\r\n              this.className += \" active\";\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\").addClass(\"load\");\r\n  \r\n          });\r\n      </script>\r\n  \r\n      <!-- Script to Activate the Carousel -->\r\n      <script type=\"text/javaScript\">\r\n          $(\'.carousel\').carousel({\r\n              interval: 5000 //changes the speed\r\n          })\r\n          \r\n          $(function() {\r\n              \r\n              $(\"div\").addClass(\"load\");\r\n  \r\n          });\r\n          \r\n      </script>\r\n  \r\n      <!--back to top-->\r\n      <script type=\"text/javascript\">\r\n          $(document).ready(function(){\r\n              $(\'body\').append(\'<div id=\"toTop\" class=\"btn btn-info\"><span class=\"glyphicon glyphicon-chevron-up\"></span>回到最上頁</div>\');\r\n                  $(window).scroll(function () {\r\n                      if ($(this).scrollTop() != 0) {\r\n                          $(\'#toTop\').fadeIn();\r\n                      } else {\r\n                          $(\'#toTop\').fadeOut();\r\n                      }\r\n                  }); \r\n              $(\'#toTop\').click(function(){\r\n                  $(\"html, body\").animate({ scrollTop: 0 }, 600);\r\n                  return false;\r\n              });\r\n          });\r\n      </script>\r\n  \r\n      <script type=\"text/javascript\">\r\n          window.sr = ScrollReveal();\r\n          sr.reveal(\'.btn-4\',{\r\n              duration: 2000,\r\n              origin:\'bottom\',\r\n              mobile: true,\r\n          }); \r\n          \r\n          sr.reveal(\'.padding\',{\r\n              duration: 1500,\r\n              origin:\'left\',\r\n              mobile: true,\r\n          });    \r\n  \r\n      </script>\r\n  \r\n  </body>\r\n  \r\n  </html>\r\n  \r\n  ','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1169,'2018-07-15 03:35:19','2018-07-15 11:33:18',NULL,'2018-07-14 00:00:00','2038-01-01 00:00:00',1014,1034,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<body>\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<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n<script src=\"https://code.jquery.com/jquery-3.2.1.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n  <div class=\"panel-group\" id=\"accordion\">\r\n    <div class=\"panel panel-default\">\r\n      <div class=\"panel-heading\">\r\n        <h4 class=\"panel-title\">\r\n          <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse1\">唐詩</a>\r\n        </h4>\r\n      </div>\r\n      <div id=\"collapse1\" class=\"panel-collapse collapse in\">\r\n        <div class=\"panel-body\">\r\n          <p>「唐詩」泛指創作於唐朝或以唐朝風格創作的詩。唐詩有數種選本， 例如蘅塘退士編選的《唐詩三百首》、清朝康熙年間的《全唐詩》。\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"panel panel-default\">\r\n      <div class=\"panel-heading\">\r\n        <h4 class=\"panel-title\">\r\n          <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse2\">宋詞</a>\r\n        </h4>\r\n      </div>\r\n      <div id=\"collapse2\" class=\"panel-collapse collapse\">\r\n        <div class=\"panel-body\">\r\n          <p>「詞」是一種詩歌藝術形式，中國古詩體的一種，又稱曲子詞、詩餘、 長短句、樂府，始於唐朝，在宋朝達到臻峰。\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"panel panel-default\">\r\n      <div class=\"panel-heading\">\r\n        <h4 class=\"panel-title\">\r\n          <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse3\">元曲</a>\r\n        </h4>\r\n      </div>\r\n      <div id=\"collapse3\" class=\"panel-collapse collapse\">\r\n        <div class=\"panel-body\">\r\n          <p>「元曲」是盛行於元朝的戲曲藝術，為散曲與雜劇的合稱， 元曲與唐詩及宋詞有著相同的文學地位。\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      \r\n    <div class=\"panel panel-default\">\r\n      <div class=\"panel-heading\">\r\n        <h4 class=\"panel-title\">\r\n          <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse3\">元曲</a>\r\n        </h4>\r\n      </div>\r\n      <div id=\"collapse4\" class=\"panel-collapse collapse\">\r\n        <div class=\"panel-body\">\r\n          <p>「元曲」是盛行於元朝的戲曲藝術，為散曲與雜劇的合稱， 元曲與唐詩及宋詞有著相7575787878同的文學地位。\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      \r\n  </div>\r\n    \r\n</body>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.140.236',NULL,NULL,NULL,NULL,NULL,NULL),(1170,'2018-07-15 03:37:30','2018-07-15 11:37:15',NULL,'2018-07-15 00:00:00','2038-01-01 00:00:00',1014,1034,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<body>\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  <title>Bootstrap網頁</title>\r\n  <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n  <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n  <script src=\"https://code.jquery.com/jquery-3.2.1.min.js\"></script>\r\n  <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n  <div class=\"panel-group\" id=\"accordion\">\r\n    <div class=\"panel panel-default\">\r\n      <div class=\"panel-heading\">\r\n        <h4 class=\"panel-title\">\r\n          <a data-toggle=\"collapse\"  data-parent=\"#accordion\" href=\"#collapse1\">唐詩</a>\r\n        </h4>\r\n      </div>\r\n      <div id=\"collapse1\" class=\"panel-collapse collapse in\">\r\n        <div class=\"panel-body\">\r\n          <p>「唐詩」泛指創作於唐朝或以唐朝風格創作的詩。唐詩有數種選本， 例如蘅塘退士編選的《唐詩三百首》、清朝康熙年間的《全唐詩》。\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"panel panel-default\">\r\n      <div class=\"panel-heading\">\r\n        <h4 class=\"panel-title\">\r\n          <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse2\">宋詞</a>\r\n        </h4>\r\n      </div>\r\n      <div id=\"collapse2\" class=\"panel-collapse collapse\">\r\n        <div class=\"panel-body\">\r\n          <p>「詞」是一種詩歌藝術形式，中國古詩體的一種，又稱曲子詞、詩餘、 長短句、樂府，始於唐朝，在宋朝達到臻峰。\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"panel panel-default\">\r\n      <div class=\"panel-heading\">\r\n        <h4 class=\"panel-title\">\r\n          <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse3\">元曲</a>\r\n        </h4>\r\n      </div>\r\n      <div id=\"collapse3\" class=\"panel-collapse collapse\">\r\n        <div class=\"panel-body\">\r\n          <p>「元曲」是盛行於元朝的戲曲藝術，為散曲與雜劇的合稱， 元曲與唐詩及宋詞有著相同的文學地位。\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      \r\n    <div class=\"panel panel-default\">\r\n      <div class=\"panel-heading\">\r\n        <h4 class=\"panel-title\">\r\n          <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse3\">元曲</a>\r\n        </h4>\r\n      </div>\r\n      <div id=\"collapse4\" class=\"panel-collapse collapse\">\r\n        <div class=\"panel-body\">\r\n          <p>「元曲」是盛行於元朝的戲曲藝術，為散曲與雜劇的合稱， 元曲與唐詩及宋詞有著相7575787878同的文學地位。\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      \r\n  </div>\r\n    \r\n</body>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.140.236',NULL,NULL,NULL,NULL,NULL,NULL),(1171,'2018-07-15 05:04:18','2018-07-15 12:55:40',NULL,'2018-07-15 00:00:00','2038-01-01 00:00:00',1014,1034,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<body>\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  <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n  <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n  <script src=\"https://code.jquery.com/jquery-3.2.1.min.js\"></script>\r\n  <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n  <div class=\"panel-group\" id=\"myaccordion\">\r\n    <div class=\"panel panel-primary\">\r\n      <div class=\"panel-heading\">\r\n        <h3 class=\"panel-title\" data-target=\"#panel-1\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">first</h3>\r\n      </div>\r\n      <div class=\"panel-collapse collapse\" id=\"panel-1\">\r\n        <div class=\"panel-body\">\r\n          <p>Lorem ipsum dolor sit amet.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n    <div class=\"panel panel-primary\">\r\n      <div class=\"panel-heading\">\r\n        <h3 class=\"panel-title\" data-target=\"#panel-2\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">second</h3>\r\n      </div>\r\n      <div class=\"panel-collapse collapse\" id=\"panel-2\">\r\n        <div class=\"panel-body\">\r\n          <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Distinctio, unde doloremque tempore ratione pariatur molestiae voluptas vero accusantium expedita! Velit.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n    <div class=\"panel panel-primary\">\r\n      <div class=\"panel-heading\">\r\n        <h3 class=\"panel-title\" data-target=\"#panel-3\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">third</h3>\r\n      </div>\r\n      <div class=\"panel-collapse collapse\" id=\"panel-3\">\r\n        <div class=\"panel-body\">\r\n          <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n    \r\n  </div>\r\n</body>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.140.236',NULL,NULL,NULL,NULL,NULL,NULL),(1172,'2018-07-18 07:29:51','2018-07-18 15:29:36',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	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.12',NULL,NULL,NULL,NULL,NULL,NULL),(1173,'2018-07-18 08:25:44','2018-07-18 16:25:41',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	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.12',NULL,NULL,NULL,NULL,NULL,NULL),