<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <head>

        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    
        <!-- Font Awesome -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
        
    
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <!-- Material Design Bootstrap -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
    
        <!-- Fonts -->
        <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">
        <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">
    
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css" />
        <link href='https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather' 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 src='https://www.google.com/recaptcha/api.js'></script>
    
        <script 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">
    
        <!-- Google web fonts, https://design.google.com/icons/ -->
    
  <style>
.view img, .view video{padding: 0 !important}
    @media (max-width: 812px) {.embed-responsive{position: relative;display: block;height: 200px;padding: 0;overflow: hidden;}.embed-responsive-21by9::before{padding-top: 0% !important;}}*{box-sizing: border-box;}.navbar-nav>li>a::after{content: '';display: block;border-bottom: 2px solid #959595;height: 1px;transform: scaleX(0) !important;transition: transform .3s ease-in-out;}
    .navbar-nav>li>a:focus::after, .navbar-nav>li>a:hover::after{transform: scaleX(1) !important;}body {background-size: cover;overflow: visible !important;}.bgw {background-color: rgba(255, 255, 255, 0.8);}a[id=link-drop]:target~#link-drop {transition: all .5s ease-in-out;transform: translateY(-200px);}.d-b {display: block;overflow: hidden;}.navbar {transition: all 0.6s ease-out;}.navbar-default .navbar-brand {color: saddlebrown;font-weight: 500 !important;}.navbar,.navbar-default,.navbar-brand,.dropdown-menu>li>a {font-weight: 500 !important;}.navbar-default .navbar-brand:hover {color: brown;font-weight: 500;}
    section {margin: 0;padding: 0;position: relative;}.dropdown-menu {background: white;position: absolute;top: 100%;opacity: 1;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;}
    @keyframes autofill {100% {background: #fff;color: inherit;}}@-webkit-keyframes autofill {100% {background: #fff;color: inherit;}}footer {background-color: rgba(255, 255, 255, 0.8);}.back-to-top {background: none;margin: 0;position: fixed;bottom: 0;right: 0;width: 70px;height: 70px;z-index: 100;display: none;text-decoration: none;color: #fff;background-color: transparent;}
    .back-to-top i {font-size: 60px;}.back-to-top:hover,.back-to-top:focus {color: #ff4a4a;}#toTop {position: fixed;bottom: 10px;right: 10px;cursor: pointer;display: none;}#toTop {font-family: 標楷體;font-size: 15px;opacity: 0.9;background-color: #ff4a4a !important;border: none;letter-spacing: 0.09em;}
    .btn-default {background-color: transparent;}.btn-default:hover,.btn-default:focus { background-color: transparent;}.move-btn {position: relative;left: -15em;top: 3px;height: 32px;background-color: transparent !important;padding: 4px 10px 1px 12px !important;}
    .btn-rounded {-webkit-border-radius: 10em;border-radius: 10em;}.waves-effect {position: relative;cursor: pointer;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;z-index: 1;}
    .modal div {opacity: 1;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
    div {opacity: 0;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
    .load {opacity: 1 !important;}.navbar-default .navbar-nav>li::after{content: '';height: 2px !important;width: 0 !important;transform: scaleX(0) !important;transition: transform .3s ease-in-out !important;background: black !important;}
    .navbar-default .navbar-nav>li:hover::after{width: 100px;transform: scaleX(1) !important;}
    .navbar-default .navbar-nav>li {display: block !important;color: #000 !important;text-decoration: none !important;}    
    </style>

    <style>
    * {text-transform: capitalize;letter-spacing: 0.1em;line-height: 1.7;-webkit-font-smoothing: antialiased;}
    *, ::after, ::before{ box-sizing: border-box; -webkit-box-sizing: border-box;}::selection{background: #ebf2e3;}:focus{outline: -webkit-focus-ring-color auto 5px;}.box-1 {display: block;margin-bottom: 5em;padding-left: 20px;padding-right: 20px;}.box-block-icons{display: block;position: relative;right: 20px;padding: 15px;}.box-button:hover{display: inline-block;transition: .1s ease-in-out;transition-property: color, background-color, background-position, border-color, box-shadow;font-weight: 400;letter-spacing: .2px;border-image-slice: 3 !important;border-image-width: 3px !important;border-image-repeat: round !important;background: border-box;border: 1px solid #D8522C;background-color: transparent;border-image-source:  url('../img/PS - icons/border-background.svg');}

    .box-button:after{content: '';display: block;width: 0;top: 0;transition: top .5s ease-in-out;}.box-button:hover::after{top: 10px;background: lightgray;}
    .box-list-icons{display: inline-flex;list-style: none}.box-title {padding-left: 30px !important;color: #000;margin-bottom: 3%}.box-title-right{float: right;padding-right: 30px;color: #000}.box-fill-black{display: block;padding: 10px;background: rgba(0,0,0,.8);overflow: hidden;margin-bottom: 25px;}.box-title-center{text-align: center;color: #000}.box-color {background: transparent}.box-text {font-size: 21px !important;color: #000;}
    .modal-backdrop{background: transparent !important}
    .bt-23p{font-size: 23px;color: #000}.card{border-radius: 5px !important;}.box-iframe{border-radius: 10px !important;padding: 0;margin: 0;background: transparent !important;}.box-reveal{padding-top: 1em;letter-spacing: 0.1em;color: #000;}
    .box-btn{padding: 10px !important;margin-bottom: 10px !important;margin: 15px !important;font-size: 23px !important;opacity: 1;height: auto !important;transition: opacity .5s ease-in-out !important;}.box-btn:hover, .box-btn:focus{ opacity: .5;}.box-board{position: relative;padding-left: 15px; margin-bottom: 3%}.box-board::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 45%;height: 2px;background: rgba(170, 170, 170, 0.486)}
    .box-board::before {left: 0}.box-board::after {right: 0}
    .box-board-1 {position: relative;padding-left: 15px;text-align: right;float: right;color: rgb(236, 236, 236)}
    .box-iframe{max-width: 100%; width:100%; height: 300px}
    .box-board-1::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 2px;
        width: calc((15%-300px)/1);
        background: rgba(202, 202, 202, 0.575)
    }
    .box-board-1::before {left: -170px}
    .box-board-center {position: relative;text-align: center;padding-left: 15px;color: rgb(236, 236, 236)}
    .box-board-center::before,.box-board-center::after {
        content: '';
        position: absolute;
        height: 2px;
        width: calc((50%-200px)/2);
        top: 50%;
        transform: translateY(-50%);
        background: rgba(170, 170, 170, .8);
    }
    .box-board-center::before {left: 0}.box-board-center::after {right: 0}.img-fluid {padding: 15px;}
    .img-center { width: 40em;transform: translateX(50%);}.board-text {font-size: 25px;font-weight: 500;letter-spacing: 0.1em;color: rgb(236, 236, 236)}
    .box-share{font-size: 24px;font-family: 標楷體;color: rgba(216, 216, 216, 0.815)}.box-img-center{display: block;text-align: center;}
    .p1{padding: 10px}.p2{padding: 20px}.p3{padding: 30px}.p4{padding: 40px}.p5{padding: 50px}
    .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}
    .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}
    .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}
    .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}
    .box-container{display: block;position: relative;}
    .box-absolute{
        position: absolute;
        display: inline-block;
        background: rgba(0,0,0,.8);
        color: #fff;
        font-weight: 300;
        z-index: 100;
        padding: 10px;
        font-size: 20px;
        letter-spacing: 0.1em;
        top: 1em
    }
    .box-list{
        list-style-type: none !important;
        float: left;
        display: block;
        padding: 0; padding-inline-start: 0; padding-inline-end: 0;
        margin: 0; margin-block-start: 0; margin-block-start: 0;
    }
    .box-list li{padding-bottom: 10px; color: #fff}
    .box-hid{
        display: block;
        position: absolute;
        top: 50%; left: 50%; transform: translate(-50%, -50%);
        text-align: center;
        opacity: 0;
        transition: opacity .5s ease-in-out;
        z-index: 1;
    }
    li:hover .dropdown-menu{display: block;transform: scale(1);}
    .box-content{margin-top: 10%;}.box-text-color{fill: lightgreen; -webkit-text-fill-color: lightgreen}
    @media
    only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (   min--moz-device-pixel-ratio: 3),
    only screen and (     -o-min-device-pixel-ratio: 3/1),
    only screen and (        min-device-pixel-ratio: 3),
    only screen and (                min-resolution: 401dpi),
    only screen and (                min-resolution: 3dppx) { 
        .box-absolute{position: relative !important;background: rgba(0,0,0,.9) !important;top: 0}}
    @media (max-width: 812px){.box-absolute{position: relative !important;background: rgba(0,0,0,.9) !important;top: 0}.col-md-4{padding-left: 0!important; padding-right: 0!important}.box-iframe{max-with: 100%; width: 100% !important; height: auto !important}}
    </style>

    <style>
    /* btn */
    .btn-floating {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
        width: 47px !important;
        height: 47px !important;
        position: relative !important;
        z-index: 1 !important;
        vertical-align: middle !important;
        display: inline-block !important;
        overflow: hidden !important;
        -webkit-transition: all .2s ease-in-out !important;
        -o-transition: all .2s ease-in-out !important;
        transition: all .2s ease-in-out !important;
        margin: 10px !important;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        padding: 0 !important;
        cursor: pointer !important}
    .btn-floating i {font-size: 2.25rem !important;line-height: 47px !important}
    .btn-floating i {display: inline-block !important;width: inherit !important;text-align: center !important;color: #fff !important}
    .btn-floating:hover {-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important}
    .btn-floating:before {-webkit-border-radius: 0 !important;border-radius: 0 !important}.btn-floating.btn-sm {width: 36.15385px;height: 36.15385px}.btn-floating.btn-sm i {font-size: .96154rem;line-height: 36.15385px}.btn-group-sm>.btn,.btn-sm {padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;}.btn .fa {position: relative;font-size: .9rem}.btn .fa.right {margin-left: .3rem}.btn .fa.left {margin-right: .3rem}.btn.btn-lg {padding: 1rem 2.4rem;font-size: .94rem}.btn.btn-lg .fa {font-size: 1rem}.btn.btn-md {padding: .7rem 1.6rem;font-size: .7rem}.btn.btn-md .fa {font-size: .8rem}.btn.btn-sm {padding: .5rem 1.6rem;font-size: .64rem}.btn.btn-sm .fa {font-size: .7rem}
    .btn-fb {background-color: #3b5998 !important;color: #fff !important;}.btn-tw {background-color: #55acee !important;color: #fff !important;}.btn-gplus {background-color: #dd4b39 !important;color: #fff !important;}.btn-ins {background-color: #2e5e86 !important;color: #fff !important;}.btn-pin {background-color: #c61118 !important;color: #fff !important}.btn-pin:hover {background-color: #dd131b}.btn-pin.focus,.btn-pin:focus {-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)}
    .btn-pin.active,.btn-pin:active,.btn-pin:focus {background-color: #68090d}
    .btn-pin:not([disabled]):not(.disabled).active,.btn-pin:not([disabled]):not(.disabled):active,.show>.btn-pin.dropdown-toggle {-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);background-color: #68090d !important}

    .btn-comm{background-color:#30cfc0!important;color:#fff!important}.btn-comm:hover{background-color:#45d4c6}.btn-comm.focus,.btn-comm:focus{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.btn-comm.active,.btn-comm:active,.btn-comm:focus{background-color:#1d7c73}.btn-comm.dropdown-toggle{background-color:#30cfc0!important}.btn-comm.dropdown-toggle:focus,.btn-comm.dropdown-toggle:hover{background-color:#45d4c6!important}.btn-comm:not([disabled]):not(.disabled).active,.btn-comm:not([disabled]):not(.disabled):active,.show>.btn-comm.dropdown-toggle{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);background-color:#1d7c73!important}.btn-comm:not([disabled]):not(.disabled).active:focus,.btn-comm:not([disabled]):not(.disabled):active:focus,.show>.btn-comm.dropdown-toggle:focus{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}
    /* btn */
.box-frame-size{
    width: 500px;
    height: 300px;
}.no-pb{padding: 0;background: transparent; border: none}
    /* flex */
    @media (max-width:812px) {
        .flex-md-row {-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important}
        .flex-md-column {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }.box-board::after{width: 0 !important}.col-md-10{padding-left: 0!important; padding-right: 0 !important}
        .flex-md-row-reverse {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }iframe{width: 100% !important; height: auto !important}
        .justify-content-md-end {
            -webkit-box-pack: end !important;
            -ms-flex-pack: end !important;
            justify-content: flex-end !important
        }.box-frame-size{width: 0 !important; height: 0 !important}

        .justify-content-md-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

        .justify-content-md-between {
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

        .justify-content-md-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important
        }

        .align-content-md-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important
        }

        .align-content-md-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important
        }

        .align-content-md-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important
        }

        .align-content-md-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important
        }

        .align-self-md-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important
        }

        .align-self-md-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important
        }

        .align-self-md-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .align-self-md-center {
            -ms-flex-item-align: center !important;
            align-self: center !important
        }

        .align-self-md-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important
        }

        .align-self-md-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important
        }
    }

    /* flex */
    </style>

    <style>
    * {text-transform: uppercase;letter-spacing: 0.1em;opacity: 1 !important}
    .navbar .dropdown-menu a{font-size: 18px !important}.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{font-size: 23px !important}
    .model-pc {display: block;transform: translateX(-9%);}.btn {font-size: 20px !important;margin-bottom: 30px !important;}
    li:hover .dropdown-menu {display: block;}.p-top {padding: 10%} @media (max-width: 812px) {.title1 {width: 100% !important}.navbar-collapse .mr-auto {padding-left: 30px !important}.collapse.in {display: flex !important;flex-wrap: wrap-reverse !important}.navbar .dropdown-menu a{font-size: 16px !important}.dropdown-menu {display: none !important;}.open .dropdown-menu {display: block !important;background: rgba(226, 226, 226, 0.897) !important;}.p-top {padding-top: 30% !important}.navbar .dropdown-menu a {font-size: 15px !important}
    .navbar-default .navbar-nav>li::after {
        content: '';
        height: 2px !important;
        width: 0 !important;
        transform: scaleX(0) !important;
        transition: transform .3s ease-in-out !important;
        background: black !important;}
    .navbar-default .navbar-nav>li:hover::after {width: 50% !important;transform: scaleX(1) !important;}.model-mobile {transform: translateY(0) !important}.img-hover {width: 23em !important}
    .view img, .view video{padding: 0 !important}
    </style>

    </head>
    
<body onload="auto_title()">

    <section class="model-pc model-mobile" style="margin-top: 5em">
        <div class="container">
            <div class="box-1 box-color">
                <div class="row">
                    <div class="box-board">
                        <h1 id="auto-text1"></h1>
                    </div>

                    <div class="col-md-12">
                        <div class="view overlay box-img-center">
                            <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">
                                    <iframe width="900" height="524" src="https://www.youtube.com/embed/-3Wl5b7aYm0" frameborder="0" allow="autoplay; encrypted-media; muted" allowfullscreen></iframe>
                                </div>
                            </button>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="bt-23p">
                            <p>
                                來看一對茶農夫婦，憑著一股傻勁，
                                種出了神農獎的肯定！陳麗雪從高雄嫁到台東茶農世家跟著學做茶，
                                隨著進口茶、高山茶市場競爭，屬於中低海拔的台東茶逐漸乏人問津，
                                茶區逐漸荒廢。為了扭轉危機，陳麗雪提議轉型有機，卻遭到公公及親友反對，
                                她和先生不惜分家也想試著改變，但初期產量差，茶園長滿雜草根本沒得收成，
                                她甘願冒著"懶惰媳婦"的罪名與經濟壓力，仍堅持有機之路，終於研發出台東特有的紅烏龍茶，
                                喝來甘甜又有果香味，因為風味獨特受到注目，而榮獲神農獎肯定。  
                            </p>
                        </div>
                    </div>

                </div>
            </div>

            <div class="box-1 box-color">
                <div class="row">
                    <div class="box-title">
                        <h1>「亮點茶莊．點亮茶鄉」邀您體驗臺灣茶產業之美</h1>
                    </div>

                    <div class="col-md-12">
                        <div class="view overlay box-img-center">
                            <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">
                                    <iframe width="900" height="506" src="https://www.youtube.com/embed/KtRuHlslEgw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>           
                                </div>
                            </button>
                        </div>
                    </div> 

                    <div class="col-md-12">
                        <div class="bt-23p">
                            <p>
                                亮點茶莊各具特色與風格，包括「行銷茶園景觀」、「茶藝文化學習」、
                                「茶區生態、歷史人文等深度旅遊」、「茶葉採製加工體驗」及「時尚及異業結合」等，
                                來到茶莊透過實地體驗與品飲茶莊優質好茶，可以讓您有不同的茗茶饗宴， 
                                以下就推薦 4 條茶莊遊程路線，讓您有個不一樣的臺灣茶區深度旅行。
                            </p>
                        </div>
                    </div>

                    <a href="https://www.coa.gov.tw/ws.php?id=2504095" class="btn btn-danger waves-effect waves-light box-btn">查看報導</a>

                </div>
            </div>

            <div class="box-1 box-color">
                <div class="row">

                    <div class="col-md-4">
                        <div class="card sticky-action">
                            <div class="card-image waves-effect waves-block waves-light">
                                <iframe width="346.5" height="260" class="box-img-center box-iframe" src="https://www.youtube.com/embed/P4-YkVmDwKA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>                            
                            </div>

                            <div class="card-content">
                                <span class="card-title activator grey-text text-darken-4"><strong>十大神農獎</strong>
                                    <p style="margin: 5px"><strong>陳麗雪拚有機創商機</strong></p>
                                </span>

                                <p>
                                    <a href="http://news.ltn.com.tw/news/local/paper/465834" class="btn btn-danger box-btn">查看報導</a>
                                    
                                </p>
                            </div>

                            <div class="card-reveal">
                                <span class="card-title grey-text text-darken-4">
                                    <i class="material-icons right">close</i>
                                    <strong>十大神農獎 陳麗雪拚有機創商機</strong>
                                </span>
                                
                                <div class="box-text box-reveal">
                                    <p>
                                        二○一一年「十大神農選拔」得獎名單揭曉！
                                        台東縣卑南鄉明峰村牧場茶農陳麗雪獲殊榮；
                                        陳麗雪說，初轉型經營有機茶園時，好幾次者讓生活陷入了困境，
                                        幸經農政單位輔導突破，才逐漸走出逆境，希望這份好結果，能與更多農友一起分享，
                                        共同將明峰打造成有機生態村。
                                    </p>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card sticky-action">
                            <div class="card-image waves-effect waves-light waves-block">
                                <iframe width="346.5" height="260" class="box-img-center box-iframe" src="https://www.youtube.com/embed/cXAjucwSclY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>                            
                            </div>

                            <div class="card-content">
                                <span class="activator card-title grey-text text-darken-4">
                                    <strong>優質有機</strong>   <p style="margin: 5px"><strong>佳芳茶園讓茶變精品</strong></p>

                                    <p>
                                        <a href="https://www.scooptw.com/popular/cover/5330/" class="btn btn-danger box-btn">查看報導</a>
                                        
                                    </p>
                                </span>
                            </div>

                            <div class="card-reveal">
                                <span class="card-title grey-text text-darken-4">
                                    <i class="material-icons right">close</i>
                                    <strong>優質有機佳芳茶園讓茶變精品</strong>
                                </span>

                                <div class="box-text box-reveal">
                                    <p>
                                        面對困境，窮則變，陳麗雪心想，
                                        「市場已經改變，如果我們不改變，只能等著被淘汰」。
                                        所以，陳麗雪與公公商量轉作有機茶，但不被公公認同，
                                        認為有機茶根本不可行，「茶葉怎麼可能不用農藥？噴農藥就已經採收不好，
                                        不用農藥一定沒有收成」陳麗雪的公公說。在無法溝通下，她只好一再請先生幫忙溝通。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card sticky-action">
                            <div class="card-image waves-effect waves-light waves-block">
                                <iframe width="346.5" height="260" src="https://www.youtube.com/embed/p8L4S3e-S9k" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>                            
                            </div>

                            <div class="card-content">
                                <span class="card-title activator grey-text text-darken-4">
                                    <strong>台東採茶新體驗</strong> <p style="margin: 5px"><strong>蔡英文：讓農業成為強勢、高收入產業</strong></p>

                                    <p>
                                        <a href="http://blog.twimi.net/2011/07/blog-post_26.html" class="btn btn-danger box-btn">查看報導</a>
                                        
                                    </p>
                                </span>
                            </div>

                            <div class="card-reveal">
                                <span class="card-title grey-text text-darken-4">
                                    <i class="material-icons right">close</i>
                                    <strong>台東採茶新體驗 蔡英文：讓農業成為強勢、高收入產業</strong>
                                </span>

                                <div class="box-text box-reveal">
                                    <p>
                                        蔡英文盛讚紅烏龍茶是很典型的示範，
                                        她說，「茶農透過將既有的產品創新，開發出新的市場，提高了農業收入」，
                                        如此一來，不僅改變了茶農的生活，轉換當地的茶葉生態，也進而帶動地方整體經濟發展。
                                        蔡英文認為，農業應該結合「創新導向、技術導向與人文導向」，打造新的在地經濟模式。  
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="box-1 box-color">
                <div class="row">
                    <div class="box-title-center">
                        <h1>台東一日農遊，暑假體驗採茶、做蛋捲、賞田園風光</h1>
                    </div>

                    <div class="col-md-6">
                        <div class="view overlay box-img-center">
                            <div class="embed-responsive-fixing embed-responsive-21by9">
                                <iframe class="box-iframe" src="https://www.youtube.com/embed/-6OP6IoCVD0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>                            
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="box-text">
                            <p class="flow-text" style="font-size:23px; padding-top: 5px;">
                                2018年台東暑假活動正旺，除了每年舉辦的「熱氣球嘉年華會」、
                                「池上伯朗大道單車行」，觀光業者與農民合作推出「一日茶園體驗營」包含DIY採茶體驗、
                                製作茶蛋捲、打綠茶汁等活動。   戴斗笠、穿袖套、腰繫茶籠，一系列豐富的茶園體驗內容，敬邀大人和小孩，報名體驗活動。
                            </p>

                            <a href="http://www.lohasplus.com.tw/index.php?Act=120&MK=120&PK=334" class="btn btn-primary box-btn">線上報名</a>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </section>
    
    <!-- Scroll-reaveal -->
    <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>   

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
            
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>      
    
    <script type="text/javascript">
        var i = 0;
        var txt1 = "媒體報導";
        var speed1 = 310;

        function auto_title(){
            if (i < txt1.length){
                document.getElementById("auto-text1").innerHTML += txt1.charAt(i);
                i++;
                setTimeout(auto_title, speed1);
            }
        }
    </script>

    <!--Add class "load"-->
    <script type="text/javascript">
        $(function() {
    
            $("div, section").addClass("load");

        });
    </script>

    <!-- Script to Activate the Carousel -->
    <script type="text/javaScript">
        $('.carousel').carousel({
            interval: 5000 //changes the speed
        })
        
        $(function() {
            
            $("div").addClass("load");

        });
    </script>
</body>
</html>