-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathAbout-us.html
More file actions
1202 lines (976 loc) · 69.4 KB
/
Copy pathAbout-us.html
File metadata and controls
1202 lines (976 loc) · 69.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>- 關於佳芳 - 臺東大學樂活產業創新平台2017</title>
<link rel="stylesheet" media="screen" type="text/css" href="../css/bootstrap.min.css">
<link rel="stylesheet" media="screen" type="text/css" href="../css/animate.css">
<link rel="stylesheet" media="screen" type="text/css" href="../css/styles-chung.css">
<link rel="stylesheet" media="screen" type="text/css" href="../css/css/styles-rieng-3.css">
<link rel="stylesheet" media="screen" type="text/css" href="../MDB Free/css/mdb.min.css">
<link rel="stylesheet" media="screen" type="text/css" href="../MDB Free/css/style.min.css">
<link rel="stylesheet" media="screen" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.9/css/uikit-core-rtl.min.css">
<link rel="stylesheet" media="screen" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.9/css/uikit-core.min.css">
<link rel="stylesheet" media="screen" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.9/css/uikit.min.css">
<link rel="stylesheet" media="screen" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.9/css/uikit-rtl.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css.map">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css.map">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic"
rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple|3d-float">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href='http://fonts.googleapis.com/css?family=Roboto:100&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>
<script type="text/javaScript" LANGUAGE="JavaScript">
// Nannette Thacker http://www.shiningstar.net function confirmSubmit() { var agree=confirm("確定要繼續？"); if (agree) return
true ; else return false ; } // -->
</script>
<!-- Google web fonts, https://design.google.com/icons/ -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<header style="padding-bottom: 15px;">
<nav>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- 在你縮小時，他會幫你變成小框框裝裡面的元素-->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--a class="navbar-brand" href="#">NavBar</a-->
</div>
<!-- 項目 -->
<div class="collapse navbar-collapse">
<!-- 左邊的項目 -->
<ul class="nav navbar-nav navbar-right" id="nav-right">
<li>
<a href="index.php?Act=120&SK=0&MK=0&PK=-10" id="login-or-register">會員登入/加入</a>
</li>
<li>
<a href="#">常見問題</a>
</li>
</ul>
<!-- 右邊的項目 -->
<ul class="nav navbar-nav navbar-start">
<!-- Logo -->
<li>
<div class="d-b">
<a href="../html/homepage.html" style="overflow: hidden">
<img src="../img/logo.png" class="img-fluid ic" id="logo" alt="" style="height: 50px">
</a>
</div>
</li>
<!-- 關於我們 -->
<li>
<a href="../html/ex-travel.html" id="about-us">體驗旅程</a>
</li>
<!-- Dropdown 產品相關 -->
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">產品相關</a>
<ul class="dropdown-menu multi-level">
<li>
<a href="http://ecloud.ewang.com.tw/index.php?Act=120&MK=335&PK=814">相關檢驗</a>
</li>
<li>
<a href="http://ecloud.ewang.com.tw/index.php?Act=120&MK=335&PK=813">茶包</a>
</li>
<li>
<a href="http://ecloud.ewang.com.tw/index.php?Act=120&MK=335&PK=811">茶葉</a>
</li>
</ul>
</li>
<!-- 體驗旅程 -->
<li>
<a href="http://ecloud.ewang.com.tw/index.php?Act=120&MK=120&PK=336">地圖位置</a>
</li>
<!--地圖位置-->
<li>
<a href="http://ecloud.ewang.com.tw/index.php?Act=120&MK=120&PK=815">聯絡我們</a>
</li>
<!-- 聯絡我們 -->
<li>
<a href="../html/About-us.html">關於佳芳</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</nav>
</header>
<!--Btn search-->
<button type="button" class="btn btn-4 btn-danger btn-rounded waves-effect" data-toggle="collapse" data-target="#hidden-search">
<i class="glyphicon glyphicon-search">
<span class="search-word">
搜尋
</span>
</i>
</button>
<!--Hidden Search-->
<div id="hidden-search" class="collapse">
<form class="form-inline form-inline-add" method="GET" action="#" style="z-index: 1">
<div class="form-group row" id="search">
<input type="search" name="search" id="search-product" class="form-control" placeholder="搜尋我們的資料與產品" style="width: 15.3em; padding-left: 40px;">
<a href="#" class="move-btn">
<i class="glyphicon glyphicon-search i-search"></i>
</a>
</div>
</form>
</div>
<div class="container-fluid" style="background: rgba(255,255,255,.6)">
<div class="row bgw">
<div class="col-md-12 col-sm-8">
<ul class="nav nav-tabs" style="padding: 15px;">
<li class="active">
<a href="#brand-story" data-toggle="tab">品牌故事</a>
</li>
<li>
<a href="#farm-master" data-toggle="tab">農場主人</a>
</li>
<li>
<a href="#media" data-toggle="tab">媒體報導</a>
</li>
<li>
<a href="#medals" data-toggle="tab">獲獎事蹟</a>
</li>
</ul>
<div class="tab-content">
<!--Brand story-->
<div id="brand-story" class="tab-pane fade in active">
<div class="border-title">
<h2>品牌故事 Brand Story</h2>
</div>
<div class="col-md-7 col-sm-8">
<div class="border-pane">
<div class="view zoom overlay">
<a href="#" class="waves-button waves-effect" style="padding: 0">
<img src="../img/brand-story/brandstory-1.jpg" class="img-fluid img-gradient-overlay z-depth-1" alt="">
</a>
</div>
<div class="border-content">
<div class="border-text">
<h3>
<strong>栽種有機茶，突破困境，建國百年女神農『陳麗雪』</strong>
</h3>
<hr style="background: #535353; height: 1px;">
<p>
陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質欵與經濟壓力，不是一般人所能承受，但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，還有那長期支持他們的死忠顧客。
而這一路的跌撞辛苦，最終有了回報，民國100年陳麗雪獲選為建國百年女神龍，「佳芳有機茶園 」，再度打響名號。
</p>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-sm-8">
<div class="border-pane">
<div class="view zoom overlay">
<a href="#" class="waves-button waves-effect" style="padding: 0">
<img src="../img/brand-story/sale-3.jpg" class="img-fluid img-gradient-overlay z-depth-1" alt="">
</a>
</div>
<div class="border-content">
<div class="border-text">
<h3>
<strong>栽種有機茶，突破困境，建國百年女神農『陳麗雪』</strong>
</h3>
<hr style="background: #535353; height: 1px;">
<p>
陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質欵與經濟壓力，不是一般人所能承受，但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，還有那長期支持他們的死忠顧客。
而這一路的跌撞辛苦，最終有了回報，民國100年陳麗雪獲選為建國百年女神龍，「佳芳有機茶園 」，再度打響名號。
</p>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-8">
<div class="col-md-5 col-sm-8">
<div class="border-pane view zoom overlay" style="background: rgba(240, 239, 239, 0.952)">
<div class="border-content">
<div class="border-text">
<h2 style="text-align: center">
<strong>嫁為茶農婦，投入夫家製茶事業</strong>
</h2>
<hr style="background: #535353; height: 1px;">
<p>
遠遠望去，層層山巒與茶園交織出一幅翠綠的自然景緻!!令人難以理解的是，佳芳有機茶園竟是這唯一僅存的茶園。 時間回到民國38年，配合政府政策，這曾種植著大片牧草供繁殖牛吃，沒想到，2、3年後卻發現牛無法生產，政府只好放棄該計畫，此時，只得將牧草全都砍掉，沒想到卻遇大水來襲，造成大量土石流失。這時，水土保持局前來關心，發現這裏的地質、氣候適合種茶，對水土保持也很有幫助，於是，以低價提供台茶十二號茶苗給農民栽植，還設立茶改場台東分場輔導茶農製茶。
民國77年，嫁為台東媳婦的陳麗雪，也投入了夫家製茶事業，當時正值黃金期，「茶做了就馬上有人收走。」陳麗雪回憶著說，全盛時期，茶園超過十公頃，年營收達六百萬元。
</p>
</div>
</div>
</div>
</div>
<div class="col-md-7 col-sm-8">
<div class="border-pane view zoom overlay" style="background: rgba(240, 239, 239, 0.952)">
<div class="border-content">
<div class="border-text">
<h2 style="text-align: center">
<strong>市場衝擊，轉型有機尋出路</strong>
</h2>
<hr style="background: #535353; height: 1px;">
<p>
沒想到，當全台經濟起飛時期，卻是陳麗雪面對挑戰的開始。那時阿里山、梨山等高山茶受到消費者喜愛，加上政府開放進口茶，低海拔的茶葉泛人問津，面臨市場淘汰的命運，農民只得紛紛轉型栽種其他作物，而陳麗雪夫家的製茶事業也無法倖免。 「究竟要怎麼做，才能不被市場淘汰?」苦思出路的陳麗雪，先轉型做零售，「批發商都倒了，只能靠自己」，那時，零售量不如批發，茶園面積只得從十公傾，一直減到三公傾，但靠著陳麗雪的用心推廣，還是累積了三、五百位的長期客源。直到去上了「有機」課程，終於讓陳麗雪尋找到扭轉危機的曙光。
「究竟要不要轉型有機?? 」，在了解有機種植對健康、生態有益後，陳麗雪想著：「在我們最慘的時候，親朋好友依然支持我們的茶，我們理當要回饋照顧他們的健康才是。」就是這想法，給了陳麗雪勇氣，取得先生同意下，她多次與親友溝通，卻都遭到反對，只是陳麗雪依然堅持著，最後家族親友勉強同意試種一年有機，沒想到，那年收成慘趺，讓親友們毅然放棄有機，轉回慣型農法。
當時的陳麗雪並不想放棄，最後只得分家，各自栽種，在先生的支持下，夫婦倆獨自打理著有機茶園。 熬過黑暗期，有機茶園漸露曙光 「開始種有機的那一、二年，每株茶樹看起來就像生病一樣，亳無生氣，完全沒有抵抗力，更別談收成了」陳麗雪回想著說。當時，只能給予有機肥，以人工抓蟲、除草，提升茶樹的抵抗力，讓土地恢復地力。「記得那年兒子還好小，但沒有收入，卻還得把錢投入購買有機肥、機具等，只好每天都煮粥給他吃，根本沒錢買奶粉。」陳麗雪帶著一絲虧欠地說。
幸好，第三年茶樹恢復了健康，加上茶改場的協助，部分改種具有強韌生命力、抗病菌強，且含氧量高的台灣原生種「清心大冇」，並輔以深層海洋水灌溉，終於開始有了那麼一點回收。接著，陳麗雪將茶園中的茶樹陸續換植為新品種，現今有金萱、清心大冇等，而自然生態也慢慢形成，小綠葉蟬、蜘蛛、螳蚓、飄蟲都陸續出現在茶園中。
「草也是很要的，不可以太早把草砍光。」陳麗雪笑著說。原來有次在收成前十幾天左右，擔心採茶工人不好採，便先把茶樹周邊的草都砍盡，沒想到，到了採茶前幾天，卻發現茶葉變的好醜，詢問了茶改場才知，原來草可以分攤草食性昆蟲的啃食，若是太早把草砍光，那麼昆蟲只能吃茶葉了。有過這次經驗，現今，都是在採茶前二日，才會進行除草。
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-8">
<hr style="background: #535353; height: 1px;">
</div>
<div class="col-md-12 col-sm-8">
<div class="border-pane">
<div class="row border-content">
<div class="col-md-7 col-sm-6">
<div class="view zoom overlay">
<a href="#" class="waves-button waves-effect">
<img src="../img/brand-story/brandstory-2.jpg" class="img-fluid img-gradient-overlay z-depth-1-half center" alt="">
</a>
</div>
</div>
<div class="col-md-5 col-sm-6">
<div class="border-text">
<h2>
<strong>結合休閒觀光，讓「茶園」變的好好玩</strong>
</h2>
<hr style="background: #535353; height: 1px;">
<p>
民國99年，陳麗雪將五甲的有機茶園規劃成體驗區，帶領遊客在茶園中體驗採茶，觀察茶園生態，甚至還研發茶品DIY，每年絞盡腦汁推陳出新，就是要讓遊客玩的盡興。像是將採下的茶葉，經過清洗後，以果汁機打成綠茶汁，加入梅子、蜂蜜微調，便是好喝又解喝的養生飲品；麵粉中加入綠茶汁，便是翡翠包DIY的外皮；或是麵粉、蛋白、奶油再調入紅烏龍茶和成麵糊，便可體驗蛋捲製作，「每每那煎蛋捲的香氣四溢，總讓客人忍不住要自己動手做一條品嚐。」陳麗雪開心地說，再配上現場沖泡的茶飲，任誰都是帶著滿足而愉快的心情離開。
推動茶園體驗已有四年，如今陳麗雪想帶領著鄰居以「一戶一特色」來推動社區有機村，讓年輕人有回鄉工作的意願，讓老一輩有傳承教導的機會，這是她未來努力想完成的夢。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Master Farm-->
<div id="farm-master" class="tab-pane fade">
<div class="border-title">
農場主人 About Me
</div>
<div class="col-md-5 col-sm-8">
<div class="col-md-12 col-sm-8">
<div class="border-pane">
<div class="border-content">
<div class="border-text">
<h3>
<strong>陳麗雪女士</strong>
</h3>
<hr style="background: #535353; height: 1px;">
<p>
臺東縣卑南鄉陳麗雪女士為專業茶農，具有學習與創新的精神，積極參與各項合作研發，並配合政府政策推行廠農合作、落實產銷履歷及安全用藥，推展優質安全茶業，開發茶葉新產品。經營有機茶園，作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度，開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，朝向觀光茶園發展。
</p>
</div>
</div>
<div class="view zoom overlay">
<a href="#" class="waves-button waves-effect" style="padding: 0">
<img src="../img/farm-master/about-3.jpg" class="img-fluid img-gradient-overlay z-depth-1 center-block" alt="">
</a>
</div>
</div>
</div>
<div class="col-md-12 col-sm-8">
<div class="row border-pane">
<div class="border-content">
<div class="border-text">
<h3>
<strong>女神農堅持有機茶</strong>
</h3>
<hr style="background: #535353; height: 1px;">
<p>
陳麗雪有機是留給後代的財富 2011年以堅持種植有機茶，獲行政院農委會頒發神農獎的陳麗雪，從1998年開始學種有機茶。為了種有機茶，陳麗雪夫妻倆必須打零工維持家計，10多年辛苦走來，終於受到肯定。陳麗雪說，如果能重來一次，她還是會堅持走有機農業，留給下一代一個清淨的家園。
陳麗雪娘家在高雄，20多年前嫁到臺東，開始跟著先生和公公種茶，當時雖然辛苦但是收入還算穩定，陳麗雪說，茶葉採收後要經過36小時加工成品，這段加工的時間，可以說是不眠不休來完成，遇到產季時，整整一星期無法上床睡覺是常有的事，只能和先生輪流坐在椅子上瞇一下眼，雖然辛苦但是有固定的盤商收購，價格合理，所以生活還算穩定。
1990年代起，茶葉市場開始走下坡，盤商不再上門收購，通路中斷後，有一段時間，陳麗雪要把茶葉帶回高雄娘家，跑茶行甚至挨家挨戶去推銷，茶行因為市場競爭激烈，往往把價格壓到幾乎沒有利潤，而且只收最好的極品部份，其他就全部被打回票。這樣臺東、高雄往返奔波苦撐，當時市場卻開始流行高海拔茶葉，大量傾銷的進口茶更讓中低價位的茶品難以招架，讓陳麗雪體認一定要做改變。
</p>
</div>
</div>
<div class="view zoom overlay">
<a href="#" class="waves-button waves-effect">
<img src="../img/farm-master/about-1.jpg" class="img-fluid img-gradient-overlay center-block" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="col-md-7 col-sm-8">
<div class="row border-pane">
<div class="col-md-6 col-sm-6">
<div class="view zoom overlay">
<a href="#" class="waves-button waves-effect" style="padding: 0; margin-top: 35px;">
<img src="../img/farm-master/about-2.jpg" class="img-fluid img-gradient-overlay z-depth-1 center-block" alt="">
</a>
</div>
<div class="border-content">
<div class="border-text">
<h3>
<strong>小農行銷出頭天</strong>
</h3>
<hr style="background: #535353; height: 1px;">
<p>
一路走來，陳麗雪對茶園的經營更有心得，為了更有效管理，選擇種植生命力強韌的臺灣特有種「青心烏龍」，研發不團揉、不發酵的加工技術，推出有機冷泡綠茶，不斷研發紅烏龍、梅子綠茶、香草花茶等新產品，迎合茶飲料市場需求，成功打開新的通路。 陳麗雪的經營理念，多來自臺東大學的指導，茶園的工作雖然忙碌，陳麗雪還是報名就讀臺東大學綠色產業科技學系，當時已經40出頭，是全班最年長的學生，她笑稱同學有的比她孩子還小，陳麗雪表示，有了學理的啟示，讓她了解管理的重要。嫁到臺東來投入農業經營，從只知道辛苦的付出勞力，到慢慢摸索體會，再加上教授的指導，讓陳麗雪獲益良多。為了改善茶農們普遍老化，不擅長行銷的缺憾，陳麗雪想出「廠農合作」計畫，由「佳芳茶園」以保證價格收購茶菁，統整雇工採收、加工、包裝的製茶流程，不但創造社區就業機會，茶農也有固定收益，茶廠有優質的茶菁製茶，消費者可以安心喝好茶，一舉數得。
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-8">
<div class="border-content">
<div class="border-text">
<h3>
<strong>沒農藥的茶給蟲吃</strong>
</h3>
<hr style="background: #535353; height: 1px;">
<p>
「我們茶園海拔不夠，環境不允許，只有走有機這條路」，認真思考後，陳麗雪開始斷用農藥，種了一輩子茶的公公第1個反對，他說：「不用農藥是種給蟲子吃的嗎？」 兩年過去幾乎沒有收成的茶園，讓家裡斷了生計，夫妻只好出去打零工，陳麗雪回憶當時老三才1歲多，好幾次沒有錢買奶粉，堅持到第3年，先生在茶園鋤草時覺得不一樣了，回家拉著陳麗雪到園子裡，果然土壤因為休養充足變的鬆軟有彈性，小瓢蟲、螳螂、蜘蛛......許多昆蟲又活過來，茶樹的嫩芽顯得綠油油，整個茶園一片生機盎然，陳麗雪證明自己的決定是對的。
當時認證的概念還未普及，不過有機茶已經慢慢在市場推展開來，但要怎麼說明自己種的是有機茶，又怎麼證明不是隨便講講？陳麗雪說，當時不只花了7,000元去做農藥殘留檢驗，後來還到中興大學參加有機農業研習後，才有了申請有機茶園認證的行動。歷經10年的努力堅持，陳麗雪的「佳芳茶園」從2008年起申請茶葉生產履歷認證，2009年通過認證，而且在2008到2010年連續3年，都通過多重農藥殘留分析檢驗合格，經「
慈心有機農業發展基金會」驗證有機茶園。
</p>
</div>
</div>
<div class="border-content">
<div class="border-text">
<h3>
<strong>有機只是農民的義務</strong>
</h3>
<hr style="background: #535353; height: 1px;">
<p>
問陳麗雪如果再重來一次，還會選擇種有機茶嗎？她很堅定的說「會」！從事有機農業越久，越能體認愛這片土地的重要，陳麗雪說，長期大量使用農藥，使得土壤嚴重的汙染，各種重金屬沉積在我們生活的這片土地，我們吃下這些污染的農作物，身體當然不好，陳麗雪說，政府民間都已經建立環境保護的觀念，雖然有點晚但是大家一起積極的行動，還是能讓被污染的土地再活起來，她甚至強調要把有機農業的觀念，向下紮根放進教材裡，讓小朋友從小建立愛土地的觀念。
得獎表示獲得肯定，但是陳麗雪謙虛的說，只是盡一個農民的義務，希望把有機農業成功的推廣出去，讓下一代生活的環境更健康更優質。
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-7 col-sm-8">
<div class="row border-pane">
<div class="col-md-7 col-sm-8">
<div class="view zoom overlay">
<a href="#" class="waves-button waves-effect" style="margin-top: 25px;">
<img src="../img/farm-master/about-4.jpg" class="img-fluid img-gradient-overlay center-block" alt="">
</a>
</div>
</div>
<div class="col-md-5 col-sm-8">
<h2>
<strong>陳 麗 雪 學 經 歷</strong>
</h2>
<hr style="background: #535353; height: 1px;">
<p>學歷：</p>
<ul class="circle">
<li>嘉義縣後塘國小</li>
<li>嘉義縣鹿草國中</li>
<li>私立高雄國際商工商科畢業</li>
<li>台東大學綠色產業學士班</li>
</ul>
<p>經歷：</p>
<ul class="circle">
<li>茶園經營管理30年</li>
<li>茶葉市場行銷28年</li>
<li>茶葉產銷班班長5年</li>
<li>有機驗證13年</li>
<li>茶葉生產履歷驗證6年</li>
<li>廠農合作負責人</li>
<li>有機協會創會理事長</li>
</ul>
</div>
</div>
</div>
</div>
<!--Media-->
<div id="media" class="tab-pane fade">
<div class="col-md-4 col-sm-12">
<div class="media-border">
<div class="view zoom overlay">
<a href="#" class="waves-block waves-effect" style="margin: auto; left: 38%; border-radius: 45%">
<img src="../img/media/chen-100x100.jpg" class="img-fluid img-circle img-gradient-overlay" alt="">
</a>
</div>
<div class="border-content">
<div class="border-text" style="text-align: center">
<h4>
<i>陳麗雪女士</i>
</h5>
<h5>經營願景</h5>
<p>
秉持「安全」、「永續」理念，並配合政府政策施行生產履歷、有機栽培，作為推廣有機農業的示範。推廣休閒農業，行銷臺東茶葉，結合初鹿休閒農業區，朝向觀光茶園發展。
</p>
</div>
</div>
</div>
</div>
<!--Amzing-->
<div class="col-md-8 col-sm-12" style="margin-top: 15px; margin-bottom: 15px;">
<div class="w3-content w3-display-container">
<div class="mySlides w3-display-container w3-animate-opacity">
<button class="no-pb waves-block waves-effect" data-toggle="modal" data-target="#amazing-image-1">
<img src="../img/media/media_slider-2.jpg" class="w-100">
</button>
</div>
<div class="mySlides w3-display-container w3-animate-opacity">
<button class="no-pb waves-block waves-effect" data-toggle="modal" data-target="#amazing-image-2">
<img src="../img/media/media_slider-e1520004074858.jpg" class="w-100">
</button>
</div>
</div>
<button class="w3-button w3-grey w3-display-left" onclick="plusDivs(-1)" style="z-index: 1;">❮</button>
<button class="w3-button w3-grey w3-display-right" onclick="plusDivs(1)" style="z-index: 1;">❯</button>
</div>
<div class="col-md-12 col-sm-12">
<div class="border-content">
<div class="border-title">
<h1>媒體影片 Media Video</h1>
</div>
</div>
<!--Big video-->
<div class="col-md-12 col-sm-6">
<div class="d-block w-100">
<div class="view overlay">
<button class="waves-button waves-effect waves-light no-pb" data-toggle="modal" data-target="#video-1">
<div class="embed-responsive-fixing embed-responsive-21by9">
<video class="text-center embed-responsive-item" autoplay muted loop id="box-video" src="../2017.05.07【台灣真善美】堅持有機夢的_傻夫妻_.mp4"
type="video/mp4"></video>
</div>
</button>
<!-- box heading content-->
<div class="box-content">
<h1>【台灣真善美】堅持有機夢的"傻夫妻"</h1>
<p style="font-size: 1.3em; letter-spacing: 0.1em;">
來看一對茶農夫婦，憑著一股傻勁，種出了神農獎的肯定！陳麗雪從高雄嫁到台東茶農世家跟著學做茶，隨著進口茶、高山茶市場競爭，屬於中低海拔的台東茶逐漸乏人問津，茶區逐漸荒廢。為了扭轉危機，陳麗雪提議轉型有機，卻遭到公公及親友反對，她和先生不惜分家也想試著改變，但初期產量差，茶園長滿雜草根本沒得收成，她甘願冒著"懶惰媳婦"的罪名與經濟壓力，仍堅持有機之路，終於研發出台東特有的紅烏龍茶，喝來甘甜又有果香味，因為風味獨特受到注目，而榮獲神農獎肯定。
</p>
<button class="btn waves-button waves-effect waves-light btn-light-green" id="box-btn" onclick="video_box_function()">暫停影片</button>
<button class="btn waves-button waves-effect waves-light btn-light-green" id="box-btn" data-toggle="modal" data-target="#video-1">看影片</button>
</div>
</div>
</div>
<hr style="background: #535353; height: 1px;">
</div>
<!--small media player-->
<div class="col-md-12 col-sm-8">
<div class="row">
<!--First video-->
<div class="col-md-4 col-sm-8">
<div class="card mr-auto">
<!--Image video-->
<div class="view zoom overlay">
<button type="button" class="no-pb waves-light waves-button waves-effect" data-toggle="modal" data-target="#video-2">
<img src="../img/資料圖檔/5.jpg" class="img-fluid img-responsive">
<a href="#">
<div class="mask"></div>
</a>
</button>
</div>
<!--Title-->
<div class="card-block p-3">
<h4 class="card-title">十大神農獎 陳麗雪拚有機創商機</h4>
<p class="card-text">
二○一一年「十大神農選拔」得獎名單揭曉！台東縣卑南鄉明峰村牧場茶農陳麗雪獲殊榮；陳麗雪說，初轉型經營有機茶園時，好幾次者讓生活陷入了困境，幸經農政單位輔導突破，才逐漸走出逆境，希望這份好結果，能與更多農友一起分享，共同將明峰打造成有機生態村。
</p>
<button class="btn btn-amber btn-rounded btn-md ml-4" data-toggle="modal" data-target="#video-2" style="font-size: 15px">
點 擊 看 影 片
</button>
<button class="btn btn-amber btn-rounded btn-md ml-4" onclick="video_2()">
查 看 報 導
</button>
</div>
</div>
</div>
<!--Second video-->
<div class="col-md-4 col-sm-8">
<div class="card mr-auto">
<!--Image video-->
<div class="view zoom overlay hm-white-slight">
<button type="button" class="no-pb waves-light waves-block waves-effect waves-button" data-toggle="modal" data-target="#video-3">
<img tabindex="-1" controlslist="nodownload" src="../img/資料圖檔/7.jpg" class="img-fluid img-responsive"></img>
<a href="#">
<div class="mask"></div>
</a>
</button>
</div>
<!--Title-->
<div class="card-block p-3">
<h4 class="card-title">優質有機 佳芳茶園讓茶變精品</h4>
<p class="card-text">
面對困境，窮則變，陳麗雪心想，「市場已經改變，如果我們不改變，只能等著被淘汰」。所以，陳麗雪與公公商量轉作有機茶，但不被公公認同，認為有機茶根本不可行，「茶葉怎麼可能不用農藥？噴農藥就已經採收不好，不用農藥一定沒有收成」陳麗雪的公公說。在無法溝通下，她只好一再請先生幫忙溝通。
</p>
<button class="btn btn-amber btn-rounded btn-md ml-4" data-toggle="modal" data-target="#video-3" style="font-size: 15px">
點 擊 看 影 片
</button>
<button class="btn btn-amber btn rounded btn-md ml-4" onclick="video_3()">
查 看 報 導
</button>
</div>
</div>
</div>
<!--Third video-->
<div class="col-md-4 col-sm-8">
<div class="card mr-auto">
<!--Image video-->
<div class="view zoom overlay hm-white-slight">
<button type="button" class="no-pb waves-light waves-block waves-effect waves-button" data-toggle="modal" data-target="#video-4">
<img tabindex="-1" controlslist="nodownload" src="../img/照片/宣傳特色照/16.JPG" class="img-fluid"></img>
<a href="#">
<div class="mask"></div>
</a>
</button>
</div>
<!--Title-->
<div class="card-block p-3">
<h4 class="card-title">台東採茶新體驗 蔡英文：讓農業成為強勢、高收入產業</h4>
<p class="card-text">
蔡英文盛讚紅烏龍茶是很典型的示範，她說，「茶農透過將既有的產品創新，開發出新的市場，提高了農業收入」，如此一來，不僅改變了茶農的生活，轉換當地的茶葉生態，也進而帶動地方整體經濟發展。蔡英文認為，農業應該結合「創新導向、技術導向與人文導向」，打造新的在地經濟模式。
</p>
<button class="btn btn-amber btn-rounded btn-md ml-4" data-toggle="modal" data-target="#video-4" style="font-size: 15px">
點 擊 看 影 片
</button>
<button class="btn btn-amber btn rounded btn-md ml-4" onclick="video_4()">
查 看 報 導
</button>
</div>
</div>
</div>
</div>
<hr style="background: #535353; height: 1px;">
</div>
</div>
<!--big video 2-->
<div class="containter">
<div class="row">
<div class="col-md-10 col-sm-8" style="transform: translateX(10%)">
<h4 class="border-title-2">「亮點茶莊．點亮茶鄉」邀您體驗臺灣茶產業之美 </h4>
<p style="font-size: 1.3em; letter-spacing: 0.1em;">
亮點茶莊各具特色與風格，包括「行銷茶園景觀」、「茶藝文化學習」、「茶區生態、歷史人文等深度旅遊」、「茶葉採製加工體驗」及「時尚及異業結合」等，來到茶莊透過實地體驗與品飲茶莊優質好茶，可以讓您有不同的茗茶饗宴， 以下就推薦 4 條茶莊遊程路線，讓您有個不一樣的臺灣茶區深度旅行。
</p>
<button type="button" class="btn waves-light waves-effect waves-block ml-4 btn-md btn-rounded btn-danger" onclick="big_video_2()">
查看報導
</button>
</div>
<div class="col-md-10 col-sm-8" style="transform: translateX(10%)">
<div class="embed-responsive embed-responsive-21by9" style="height: 38em; margin-bottom: 2em;">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/KtRuHlslEgw" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<!--Medals-->
<div id="medals" class="tab-pane fade">
<div class="border-title">
獲獎事蹟 Reward
</div>
<div class="col-md-12 col-sm-8">
<div class="center-block border-card">
<div class="view zoom overlay">
<a href="../img/chen-100x100.jpg" uk-lightbox title="">
<img src="../img/chen-100x100.jpg" class="img-fluid img-response img-circle" style="margin: auto; left: 0%;">
</a>
</div>
<div class="border-content">
<div class="border-text">
<h3 class="border-title">品牌建立</h3>
<p>
佳芳茶園以產銷班為組織，配合廠農合作，申請註冊商標，自創品牌共用行銷以台東茶，有機茶、綠茶、紅茶、紅烏龍行銷全國。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Modal image 1-->
<div id="amazing-image-1" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content" style="width: 170%; height: 38rem; right: 200px">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<img src="../img/1x/close-18dp.png" class="img-fluid">
</button>
</div>
<div class="modal-body">
<img src="../img/media/media_slider-2.jpg" class="img-fluid" alt="">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-light-green" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!--End modal I/1-->
<!--Modal image 2-->
<div id="amazing-image-2" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content" style="width: 170%; height: 38rem; right: 200px">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<img src="../img/1x/close-18dp.png" class="img-fluid">
</button>
</div>
<div class="modal-body">
<img src="../img/media/media_slider-e1520004074858.jpg" class="img-fluid" alt="">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-light-green" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!--End modal I/2-->
<!--Video modals -1 -->
<div class="modal fade" id="video-1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<!--modal content-->
<div class="modal-content">
<div class="modal-body mb-0 p-0">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half h-27rem ">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/-3Wl5b7aYm0" allowfullscreen></iframe>
</div>
</div>
<div class="modal-footer justify-content-center flex-column flex-md-row">
<span class="mr-4">分享影片：</span>
<div class="btn-group-sm" style="margin-right: 25%;">
<a class="btn-floating btn-sm btn-fb icon-circle">
<i class="fa fa-facebook fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-tw icon-circle">
<i class="fa fa-twitter fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-gplus icon-circle">
<i class="fa fa-google-plus fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-ins icon-circle">
<i class="fa fa-linkedin fixing-icon"></i>
</a>
</div>
<button type="button" class="btn btn-light-green waves-effect waves-button waves-light btn-md ml-4 btn-rounded" data-dismiss="modal">關閉</button>
</div>
</div>
</div>
</div>
<!--Video modals 2 -->
<div class="modal fade" id="video-2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<!--modal content-->
<div class="modal-content">
<div class="modal-body mb-0 p-0">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half h-27rem ">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/P4-YkVmDwKA" allowfullscreen></iframe>
</div>
</div>
<div class="modal-footer justify-content-center flex-column flex-md-row">
<span class="mr-4">分享影片：</span>
<div class="btn-group-sm" style="margin-right: 25%;">
<a class="btn-floating btn-sm btn-fb icon-circle">
<i class="fa fa-facebook fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-tw icon-circle">
<i class="fa fa-twitter fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-gplus icon-circle">
<i class="fa fa-google-plus fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-ins icon-circle">
<i class="fa fa-linkedin fixing-icon"></i>
</a>
</div>
<button type="button" class="btn btn-light-green waves-effect waves-button waves-light btn-md ml-4 btn-rounded" data-dismiss="modal">關閉</button>
</div>
</div>
</div>
</div>
<!--Media video 1-->
<div class="modal fade" id="video-2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<!--modal content-->
<div class="modal-content">
<div class="modal-body mb-0 p-0">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half h-27rem ">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/P4-YkVmDwKA" allowfullscreen></iframe>
</div>
</div>
<div class="modal-footer justify-content-center flex-column flex-md-row">
<span class="mr-4">分享影片：</span>
<div class="btn-group-sm" style="margin-right: 25%;">
<a class="btn-floating btn-sm btn-fb icon-circle">
<i class="fa fa-facebook fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-tw icon-circle">
<i class="fa fa-twitter fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-gplus icon-circle">
<i class="fa fa-google-plus fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-ins icon-circle">
<i class="fa fa-linkedin fixing-icon"></i>
</a>
</div>
<button type="button" class="btn btn-light-green waves-effect waves-button waves-light btn-md ml-4 btn-rounded" data-dismiss="modal">關閉</button>
</div>
</div>
</div>
</div>
<!--Media video 2-->
<div class="modal fade" id="video-3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<!--modal content-->
<div class="modal-content">
<div class="modal-body mb-0 p-0">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half h-27rem ">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/cXAjucwSclY" allowfullscreen></iframe>
</div>
</div>
<div class="modal-footer justify-content-center flex-column flex-md-row">
<span class="mr-4">分享影片：</span>
<div class="btn-group-sm" style="margin-right: 25%;">
<a class="btn-floating btn-sm btn-fb icon-circle">
<i class="fa fa-facebook fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-tw icon-circle">
<i class="fa fa-twitter fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-gplus icon-circle">
<i class="fa fa-google-plus fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-ins icon-circle">
<i class="fa fa-linkedin fixing-icon"></i>
</a>
</div>
<button type="button" class="btn btn-light-green waves-effect waves-button waves-light btn-md ml-4 btn-rounded" data-dismiss="modal">關閉</button>
</div>
</div>
</div>
</div>
<!--Media video 3-->
<div class="modal fade" id="video-4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<!--modal content-->
<div class="modal-content">
<div class="modal-body mb-0 p-0">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half h-27rem ">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/p8L4S3e-S9k" allowfullscreen></iframe>
</div>
</div>
<div class="modal-footer justify-content-center flex-column flex-md-row">
<span class="mr-4">分享影片：</span>
<div class="btn-group-sm" style="margin-right: 25%;">
<a class="btn-floating btn-sm btn-fb icon-circle">
<i class="fa fa-facebook fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-tw icon-circle">
<i class="fa fa-twitter fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-gplus icon-circle">
<i class="fa fa-google-plus fixing-icon"></i>
</a>
<a class="btn-floating btn-sm btn-ins icon-circle">
<i class="fa fa-linkedin fixing-icon"></i>
</a>
</div>
<button type="button" class="btn btn-light-green waves-effect waves-button waves-light btn-md ml-4 btn-rounded" data-dismiss="modal">關閉</button>
</div>
</div>
</div>
</div>
<!--footer-->
<footer>
<div class="container-fluid bgw" style="margin-top: 10px; ">
<div class="row">