INSERT INTO `nttucloud2017_main` VALUES (1270,'2019-05-15 10:10:22','2019-05-15 18:07:57',NULL,'2019-05-15 00:00:00','2038-01-01 00:00:00',925,930,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <!-- Optional theme -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n\r\n    <!-- Latest compiled and minified JavaScript -->\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n    <style>\r\n        .nav-tabs {\r\n            border-bottom: 1px solid black;\r\n        }\r\n\r\n        .nav-tabs>li>a {\r\n            margin-right: 3px;\r\n            line-height: 1.42857143;\r\n            border: 1px solid transparent;\r\n            border-radius: 4px 4px 0 0;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .nav-tabs>li.active>a,\r\n        .nav-tabs>li.active>a:focus,\r\n        .nav-tabs>li.active>a:hover {\r\n            color: blue;\r\n            cursor: default;\r\n            background-color: #fff;\r\n            border: 1px solid #ddd;\r\n            font-size: 20px;\r\n            border-bottom-color: transparent;\r\n            font-family: 微軟正黑體;\r\n        }\r\n       \r\n        hr {\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    border: 0;\r\n    border-top: 0px solid #eee;\r\n}\r\n\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 20px;\r\n            color: white;\r\n            background: background-color: #ddffaa;\r\nbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'120\' height=\'120\' viewBox=\'0 0 120 120\'%3E%3Cpolygon fill=\'%23AE9\' points=\'120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 \'/%3E%3C/svg%3E\");\r\n        }\r\n\r\n        footer {\r\n            font-size: 14px;\r\n            color: white;\r\n            background: brown;\r\n            overflow: hidden;\r\n\r\n        }\r\n\r\n        h2 {\r\n            color: white;\r\n            font-size: 40px;\r\n        }\r\n\r\n        .navbar-default {\r\n            border-color: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li>a {\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            border-radius: 0;\r\n            background: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n            color: white;\r\n            background: brown;\r\n\r\n\r\n        }\r\n\r\n        .videoWrapper {\r\n            position: relative;\r\n            padding-bottom: 60%;\r\n\r\n        }\r\n\r\n        .videoWrapper iframe {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n\r\n        @media (min-width: 992px) {\r\n            .col-md-offset-1 {\r\n                margin-left: 0%;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            .col-md-10 {\r\n                width: 100%;\r\n                margin-top: -105px;\r\n            }\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(255, 255, 255, 0.0);\r\n        }\r\n    </style>\r\n\r\n\r\n</head>\r\n\r\n<body>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"col-md-12 col-sm-12 col-xs-12 text-center\">\r\n            <h2>感謝各大媒體支持</h2>\r\n            <p >THANK FOR SUPPORT</p>\r\n        </div>\r\n    </div>\r\n    <div\r\n        style=\"margin-top:15px; margin-bottom:18px; border:4px solid grey; border-radius:4px; padding:25px; background: white;\">\r\n        <ul class=\"nav nav-tabs\">\r\n            <li class=\"active\"><a data-toggle=\"tab\" href=\"#home\">平面報導</a></li>\r\n            <li><a data-toggle=\"tab\" href=\"#menu1\">影音報導</a></li>\r\n\r\n        </ul>\r\n        <div class=\"tab-content\">\r\n            <div id=\"home\" class=\"tab-pane fade in active\">\r\n\r\n\r\n                <div class=\"container\">\r\n                    <p style=\"text-align:center\"><span style=\"font-size:48px;\">平面報導</span></p>\r\n                    <p style=\"text-align:center\"><span style=\"font-size:25px;\">flat coverage</span></p>\r\n\r\n                    <hr />\r\n                    <br>\r\n\r\n\r\n                    <div class=\"list-group\">\r\n                        <a href=\"http://www.kaofarmers.tw/content/farmer_profile?id=42\"\r\n                            class=\"list-group-item\">型農大聯盟</a>\r\n                        <a href=\"https://www.kaofarmers.tw/content/news_detail?id=9 \" class=\"list-group-item\">草生果園裡的珍珠芭樂     2015-12-20</a>\r\n                        <a href=\"#\" class=\"list-group-item\">Third item</a>\r\n                        <a href=\"#\" class=\"list-group-item\">Third item</a>\r\n                        <a href=\"#\" class=\"list-group-item\">Third item</a>\r\n                        <a href=\"#\" class=\"list-group-item\">Third item</a>\r\n                        <a href=\"#\" class=\"list-group-item\">Third item</a>\r\n                        <a href=\"#\" class=\"list-group-item\">Third item</a>\r\n                        <a href=\"#\" class=\"list-group-item\">Third item</a>\r\n                        <a href=\"#\" class=\"list-group-item\">Third item</a>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <div id=\"menu1\" class=\"tab-pane fade\">\r\n\r\n                <div class=\"container\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 col-sm-12 col-xs-12 \">\r\n\r\n                            <p style=\"text-align: center;\">\r\n                                <span style=\"font-size:48px;\">影音報導</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;\">Audio and video coverage</span></p>\r\n                        </div>\r\n\r\n                        <hr />\r\n\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\"\r\n                                        src=\"https://www.youtube.com/embed/WPqw0D4aSv4\" width=\"560\"></iframe></div>\r\n                            </div>\r\n                            <div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n                                <h3>\r\n                                    <br />\r\n                                    <span style=\"color:#000000;\">芳林芭樂宣傳片</span><br />\r\n                                    <br />\r\n                                    &nbsp;</h3>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n                            <div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n                                <div class=\"videoWrapper\">\r\n                                    <iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n                                <h3>\r\n                                    <br />\r\n                                    <span style=\"color:#000000;\">待上傳</span><br />\r\n                                    <br />\r\n                                    &nbsp;</h3>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n                            <div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n                                <div class=\"videoWrapper\">\r\n                                    <iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n                                <h3>\r\n                                    <br />\r\n                                    <span style=\"color:#000000;\">待上傳</span><br />\r\n                                    <br />\r\n                                    &nbsp;</h3>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n\r\n</body>\r\n\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1005,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1271,'2019-06-09 17:45:31','2019-05-17 05:42:21',NULL,'2019-05-16 00:00:00','2038-01-01 00:00:00',925,926,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <!-- Optional theme -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n\r\n    <!-- Latest compiled and minified JavaScript -->\r\n    <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">\r\n    <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">    \r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n    \r\n\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: \"微軟正黑體\";\r\n            font-family: 25px;\r\n            background-color: #33fffc;\r\n            background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'120\' height=\'120\' viewBox=\'0 0 120 120\'%3E%3Cpolygon fill=\'%232de0ee\' points=\'120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 \'/%3E%3C/svg%3E\");\r\n        }\r\n\r\n        p{\r\n            letter-spacing: 3px;\r\n        }\r\n\r\n        hr {\r\n            margin-top: 0px;\r\n            margin-bottom: 0px;\r\n            border: 0;\r\n            border-top: 0px solid #eee;\r\n        }\r\n\r\n        h2 {\r\n            color: white;\r\n        }\r\n\r\n        .navbar-default {\r\n            border-color: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li>a {\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            border-radius: 0;\r\n            background: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n            color: white;\r\n            background: brown;\r\n        }\r\n\r\n\r\n\r\n        .intro {\r\n            width: 100%;\r\n            height: 100vh;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6),\r\n                rgba(0, 0, 0, 0.6)),\r\n                url(/userUpload/images/10512106/guavabgw.jpg);\r\n            background-attachment: fixed;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: cover;\r\n            position: relative;\r\n            ;\r\n\r\n\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(225, 225, 225, 0.0);\r\n        }\r\n\r\n\r\n        .content {\r\n            background: rgba(146, 139, 139, 0.7);\r\n            border: 1px solid rgba(146, 139, 139, 0.7);\r\n            border-radius: 25px;\r\n            font-family: \"標楷體\";\r\n            font-size: 40px;\r\n            text-align: center;\r\n            color: white;\r\n            margin: 0px;\r\n            padding: 0px;\r\n            position: relative;\r\n            top: 250px;\r\n            left: 0%;\r\n        }\r\n\r\n        .container-fluid {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-left: 0px;\r\n            margin-right: 0px;\r\n\r\n        }\r\n\r\n        footer {\r\n            font-size: 18px;\r\n            color: white;\r\n            background: #a15749;\r\n\r\n\r\n        }\r\n\r\n        .container {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n\r\n\r\n\r\n        #section1 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: black;\r\n            background-color: white;\r\n        }\r\n        \r\n        @media (max-width: 992px) {\r\n            #section1 {\r\n                height: 100%;\r\n \r\n            }\r\n\r\n        }\r\n\r\n        #section1 div {\r\n\r\n            padding: 5rem;\r\n            margin: 30px 0px;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 20px;\r\n            height: 800px;\r\n\r\n        }\r\n        @media (max-width: 1200px) {\r\n           p{\r\n               letter-spacing: 0px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section1 div {\r\n                height: 100%;\r\n                margin: 0px 0px;\r\n            }\r\n        }\r\n\r\n\r\n        #section1 div h3 {\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 30px;\r\n            color: brown;\r\n            font-weight: 400;\r\n\r\n        }\r\n\r\n\r\n        #section2 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            background: url(/userUpload/images/10512106/introbgw.jpg);\r\n            background-size: 100% auto;\r\n            background-position: top;\r\n            background-repeat:no-repeat; \r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section2 {\r\n                height: 100%;\r\n               background: burlywood;\r\n \r\n            }\r\n\r\n        }\r\n\r\n        #section3 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background: url(\"/userUpload/images/10512106/storybgw(1).jpg\");\r\n            font-size: 20px;\r\n            background-size: 100% auto;\r\n            background-position: center;\r\n            background-repeat:no-repeat; \r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section3 {\r\n                height: 100%;\r\n                background:black;\r\n            }\r\n        }\r\n\r\n        #section4 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background: url(/userUpload/images/10512106/experiencebgw.jpg);\r\n            font-size: 20px;\r\n            background-size: 100% auto;\r\n            background-position: bottom;\r\n            background-repeat:no-repeat;\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section4 {\r\n                height: 100%;\r\n                background: green;\r\n\r\n            }\r\n        }\r\n\r\n        .button {\r\n            list-style-type: none;\r\n            margin: 0;\r\n            padding: 0;\r\n            border: 1px solid blanchedalmond;\r\n            background: #ff9800;\r\n            color: white;\r\n            width: 220px;\r\n            height: 50px;\r\n        }\r\n\r\n        .button:hover a {\r\n            text-decoration: none;\r\n            color: white;\r\n        }\r\n\r\n        /* Back to top button */\r\n        #back-to-top {\r\n            position: fixed;\r\n            background: #71c55d;\r\n            line-height: 1;\r\n            color: #fff;\r\n            padding: 7px 12px 13px 12px;\r\n            font-size: 16px;\r\n            border-radius: 2px;\r\n            right: 15px;\r\n            bottom: 15px;\r\n            transition: background 0.5s;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #back-to-top {\r\n                bottom: 15px;\r\n            }\r\n        }\r\n\r\n        #back-to-top:focus {\r\n            background: #71c55d;\r\n            color: #fff;\r\n            outline: none;\r\n        }\r\n\r\n        #back-to-top:hover {\r\n            background: #55b03f;\r\n            color: #fff;\r\n        }\r\n\r\n        .btn-default {\r\n            background: none;\r\n            color: white;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 25px;\r\n\r\n        }\r\n\r\n        .btn-default:hover {\r\n            background: #a15749;\r\n            color: #ff9800;\r\n        }\r\n\r\n        .position {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n        }\r\n\r\n        .fa-cannabis {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-smile-wink {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-qrcode {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-leaf {\r\n            font-size: 100px;\r\n            color: #71c55d;\r\n        }\r\n\r\n        .col-md-12 {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n        }\r\n\r\n        #ourcarousel {\r\n            width: 600px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #ourcarousel {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        #sedcarousel{\r\n            width: 600px;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #sedcarousel{\r\n            width: 100%;\r\n        }\r\n        }\r\n\r\n        .jumbotron{\r\n            background-color: rgba(70, 67, 67, 0.9);\r\n        }\r\n\r\n        @media (min-width: 992px){\r\n.col-md-offset-1 {\r\n    margin-left: 0%;\r\n}}\r\n@media (min-width: 992px){\r\n.col-md-10 {\r\n    width: 100%;\r\n    margin-top: -103px;\r\n}\r\n}\r\n    </style>\r\n    <title>關於芳林</title>\r\n</head>\r\n\r\n<body>\r\n    <div class=\"intro\" >\r\n        <div class=\"container\" >\r\n            <p class=\"content\" data-aos=\"zoom-in\">\r\n                <i class=\"fas fa-leaf\"></i><br>\r\n                \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n                <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n                <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n                <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n                <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a><br>\r\n\r\n            </p>\r\n\r\n        </div>\r\n      \r\n    </div>\r\n    <div id=\"section1\" class=\"container-fluid text-center  \">\r\n        <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success \" >\r\n            <i class=\"fas fa-cannabis\" data-aos=\"zoom-in\"></i>\r\n           \r\n            <h3 data-aos=\"fade-up\">草生栽培農法 </h3>\r\n                <br>\r\n                \r\n                <h4 style=\"font-size:25px\" data-aos=\"fade-up\" >什麼是草生栽培？</h4><br>\r\n                <p data-aos=\"fade-up\">\r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n\r\n\r\n                草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n                例如<br><br>\r\n\r\n                (1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n                (2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n           \r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n            <i class=\"far fa-smile-wink\" data-aos=\"zoom-in\"></i>\r\n            <h3  data-aos=\"fade-up\">優質的保證 </h3> <br>\r\n            <p data-aos=\"fade-up\"> 鄭宗林隸屬大社區農會的果樹產銷第7班，\r\n                已通過產銷履歷認證，種植總面積2公頃，\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                <h4 data-aos=\"fade-up\" style=\"font-size:30px; color:chocolate;\" >芳林特色</h4>\r\n                <p style=\"color:red; font-weight:700;\" data-aos=\"fade-up\">1.通過屏科大產銷履歷認證<br><br>\r\n                    2.通過311項無農藥殘留檢測<br><br>\r\n                    3.採草生栽培、友善耕作</p>\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n            <i class=\"fas fa-qrcode\" data-aos=\"zoom-in\"></i>\r\n            <h3 data-aos=\"fade-up\">產銷履歷</h3>\r\n            <p data-aos=\"fade-up\"> 產銷QR code</p>\r\n            <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n            <div data-aos=\"fade-up\">\r\n\r\n                <p>產銷履歷</p>\r\n                <p>水質檢測認證</p>\r\n                <p>無農藥檢測認證</p>\r\n                <p>下面有附件請自行下載</p>\r\n\r\n\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"section2\" class=\"container-fluid text-center\" >\r\n        <br>\r\n        <br><br>\r\n        <h1 style=\"color:black;\">農園介紹</h1>\r\n        <h2 style=\"color:black;\">天然無毒的珍珠芭樂農園</h2>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0\"  ></div>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12\" data-aos=\"fade-right\">\r\n                <br>\r\n                <div class=\"jumbotron\">\r\n                    <p>\r\n                高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n                    是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                    大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                    加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，\r\n                    然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，\r\n                    一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。 </p></div>\r\n            </div>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12 \"data-aos=\"fade-left\">\r\n            <div class=\"container\">\r\n                <div id=\"ourcarousel\" class=\"carousel slide\" data-ride=\"carousel\" >\r\n                    <!-- Indicators -->\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"1\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"2\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"3\"></li>\r\n                    </ol>\r\n\r\n                    <!-- Wrapper for slides -->\r\n                    <div class=\"carousel-inner\">\r\n\r\n                        <div class=\"item active\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E5%9C%B0.jpg\" alt=\"\" style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>綠意盎然的草地</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草小鴨</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>草生栽培</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%92.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>芭樂園</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                                <img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"\"\r\n                                    style=\"width:100%;\">\r\n                                <div class=\"carousel-caption\">\r\n                                    <h3>岡山超峰寺</h3>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- Left and right controls -->\r\n                    <a class=\"left carousel-control\" href=\"#ourcarousel\" data-slide=\"prev\">\r\n                        <span class=\"glyphicon glyphicon-chevron-left\"></span>\r\n                        <span class=\"sr-only\">Previous</span>\r\n                    </a>\r\n                    <a class=\"right carousel-control\" href=\"#ourcarousel\" data-slide=\"next\">\r\n                        <span class=\"glyphicon glyphicon-chevron-right\"></span>\r\n                        <span class=\"sr-only\">Next</span>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n       \r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n\r\n    </div>\r\n    <div id=\"section3\" class=\"container-fluid  text-center text-dark\">\r\n        <br>\r\n       \r\n        <h1> 故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n       \r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 text-center\"  data-aos=\"fade-in\">\r\n                <div class=\"jumbotron\" >\r\n            <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n                畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n                希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n                對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n                像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n                經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。\r\n                一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n            </p></div>\r\n\r\n        </div>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12  text-center \" data-aos=\"fade-in\" >\r\n           \r\n                <div class=\"jumbotron\" >\r\n                <p>\r\n                鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n                2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n                2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n                返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n                也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n                除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n                證明只要願意努力，新手也可以闖出一片天。\r\n            </p></div></div>\r\n       \r\n\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12  \">\r\n            <center>\r\n            <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\"  class=\"img-responsive img-thumbnail\" alt=\"\"></center>\r\n        </div>\r\n        \r\n    </div>\r\n    <div id=\"section4\" class=\"container text-center\">\r\n        <br>\r\n        <br>\r\n        <h1>過程經驗</h1>\r\n        <br><br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12 \"  data-aos=\"fade-up\">\r\n                <p>\r\n                        經歷：<br>\r\n        \r\n                        。行政院農委會 第一屆 百大青年農民<br>\r\n        \r\n                        。高雄市農業局 高雄型農<br>\r\n        \r\n                        。培訓班 高雄型農精英班<br>\r\n        \r\n                        。高雄市青年農民聯誼會會長<br>\r\n                        \r\n                    </p>\r\n        </div>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 \" data-aos=\"fade-up\">\r\n       <p>\r\n                善用政府資源讓新手變老手<br>\r\n                「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br>\r\n                 鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br>\r\n                </p>\r\n                </div>\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12  \"  data-aos=\"fade-up\">\r\n                <p>\r\n               \r\n                「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」<br>\r\n                鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。<br>\r\n            </p>\r\n        </div>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0  \"></div>\r\n        </div>\r\n\r\n        <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">\r\n        <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n        <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js\"></script>\r\n       \r\n        <a href=\"#\" id=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n</body>\r\n\r\n\r\n\r\n<script>\r\n        AOS.init({\r\n  duration: 1500,\r\n})\r\n      </script>\r\n\r\n        <script type=\"text/javascript\">\r\n            \r\n            $(function() {\r\n                \r\n                var documentEl = $(document),\r\n                    fadeElem = $(\'.fade-scroll\');\r\n                \r\n                \r\n                documentEl.on(\'scroll\', function() {\r\n                    var currScrollPos = documentEl.scrollTop();\r\n                    \r\n                    fadeElem.each(function() {\r\n                        var $this = $(this),\r\n                            elemOffsetTop = $this.offset().top;\r\n                        if (currScrollPos > elemOffsetTop) $this.css(\'opacity\', 1 - (currScrollPos-elemOffsetTop)/400);\r\n                    }); \r\n                });\r\n                \r\n            });\r\n        \r\n        </script>\r\n\r\n<script type=\"text/javascript\">\r\n    $(function() {\r\n        /* 按下back-to-top按鈕時的事件 */\r\n        $(\'#back-to-top\').click(function(){\r\n            $(\'html,body\').animate({ scrollTop: 0 }, \'slow\');   /* 返回到最頂上 */\r\n            return false;\r\n        });\r\n         \r\n        /* 偵測卷軸滑動時，往下滑超過500px就讓GoTop按鈕出現 */\r\n        $(window).scroll(function() {\r\n            if ( $(this).scrollTop() > 400){\r\n                $(\'#back-to-top\').fadeIn();\r\n            } else {\r\n                $(\'#back-to-top\').fadeOut();\r\n            }\r\n        });\r\n    });\r\n    </script><!-- 記得要把按鈕放到網頁上, 否則它不會出現 -->\r\n<script>\r\n// Select all links with hashes\r\n$(\'a[href*=\"#\"]\')\r\n  // Remove links that don\'t actually link to anything\r\n  .not(\'[href=\"#\"]\')\r\n  .not(\'[href=\"#0\"]\')\r\n  .click(function(event) {\r\n    // On-page links\r\n    if (\r\n      location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') \r\n      && \r\n      location.hostname == this.hostname\r\n    ) {\r\n      // Figure out element to scroll to\r\n      var target = $(this.hash);\r\n      target = target.length ? target : $(\'[name=\' + this.hash.slice(1) + \']\');\r\n      // Does a scroll target exist?\r\n      if (target.length) {\r\n        // Only prevent default if animation is actually gonna happen\r\n        event.preventDefault();\r\n        $(\'html, body\').animate({\r\n          scrollTop: target.offset().top\r\n        }, 1000, function() {\r\n          // Callback after animation\r\n          // Must change focus!\r\n          var $target = $(target);\r\n          $target.focus();\r\n          if ($target.is(\":focus\")) { // Checking if the target was focused\r\n            return false;\r\n          } else {\r\n            $target.attr(\'tabindex\',\'-1\'); // Adding tabindex for elements not focusable\r\n            $target.focus(); // Set focus again\r\n          };\r\n        });\r\n      }\r\n    }\r\n  });\r\n</script>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1272,'2019-05-16 15:59:05','2019-05-16 23:56:43',NULL,'2019-05-16 00:00:00','2038-01-01 00:00:00',925,926,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <!-- Optional theme -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n\r\n    <!-- Latest compiled and minified JavaScript -->\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n    <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js\"></script>\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n\r\n\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: \"微軟正黑體\";\r\n            font-family: 25px;\r\n            background-color: #33fffc;\r\n            background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'120\' height=\'120\' viewBox=\'0 0 120 120\'%3E%3Cpolygon fill=\'%232de0ee\' points=\'120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 \'/%3E%3C/svg%3E\");\r\n        }\r\n\r\n        p{\r\n            letter-spacing: 3px;\r\n        }\r\n\r\n        hr {\r\n            margin-top: 0px;\r\n            margin-bottom: 0px;\r\n            border: 0;\r\n            border-top: 0px solid #eee;\r\n        }\r\n\r\n        h2 {\r\n            color: white;\r\n        }\r\n\r\n        .navbar-default {\r\n            border-color: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li>a {\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            border-radius: 0;\r\n            background: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n            color: white;\r\n            background: brown;\r\n        }\r\n\r\n\r\n        #owl-demo .item {\r\n            margin: 3px;\r\n        }\r\n\r\n        #owl-demo .item img {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n        }\r\n\r\n        .intro {\r\n            width: 100%;\r\n            height: 100vh;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6),\r\n                rgba(0, 0, 0, 0.6)),\r\n                url(/userUpload/images/10512106/guavatree.jpg);\r\n            background-attachment: fixed;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: cover;\r\n            position: relative;\r\n            ;\r\n\r\n\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(225, 225, 225, 0.0);\r\n        }\r\n\r\n\r\n        .content {\r\n            background: rgba(146, 139, 139, 0.7);\r\n            border: 1px solid rgba(146, 139, 139, 0.7);\r\n            border-radius: 25px;\r\n            font-family: \"標楷體\";\r\n            font-size: 40px;\r\n            text-align: center;\r\n            color: white;\r\n            margin: 0px;\r\n            padding: 0px;\r\n            position: relative;\r\n            top: 250px;\r\n            left: 0%;\r\n        }\r\n\r\n        .container-fluid {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-left: 0px;\r\n            margin-right: 0px;\r\n\r\n        }\r\n\r\n        footer {\r\n            font-size: 18px;\r\n            color: white;\r\n            background: #a15749;\r\n\r\n\r\n        }\r\n\r\n        .container {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n\r\n\r\n\r\n        #section1 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: black;\r\n            background-color: white;\r\n        }\r\n        \r\n        @media (max-width: 992px) {\r\n            #section1 {\r\n                height: 100%;\r\n \r\n            }\r\n\r\n        }\r\n\r\n        #section1 div {\r\n\r\n            padding: 5rem;\r\n            margin: 30px 0px;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 20px;\r\n            height: 800px;\r\n\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section1 div {\r\n                height: 100%;\r\n                margin: 0px 0px;\r\n            }\r\n        }\r\n\r\n\r\n        #section1 div h3 {\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 30px;\r\n            color: brown;\r\n            font-weight: 400;\r\n\r\n        }\r\n\r\n\r\n        #section2 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            background: url(./img/guavabgw.jpg);\r\n            background-size: 100% auto;\r\n            background-position: center;\r\n            background-repeat:no-repeat; \r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section2 {\r\n                height: 100%;\r\n                background-size: 100% 100%;\r\n \r\n            }\r\n\r\n        }\r\n\r\n        #section3 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background: url(./img/storybgw.jpg);\r\n            font-size: 20px;\r\n            background-size: 100% auto;\r\n            background-position: center;\r\n            background-repeat:no-repeat; \r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section3 {\r\n                height: 100%;\r\n                background-size: 100% 100%;\r\n            }\r\n        }\r\n\r\n        #section4 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background: url(./img/experiencebgw.jpg);\r\n            font-size: 20px;\r\n            background-size: 100% auto;\r\n            background-position: bottom;\r\n            background-repeat:no-repeat;\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section4 {\r\n                height: 100%;\r\n                background-size: 100% 100%;\r\n\r\n            }\r\n        }\r\n\r\n        .button {\r\n            list-style-type: none;\r\n            margin: 0;\r\n            padding: 0;\r\n            border: 1px solid blanchedalmond;\r\n            background: #ff9800;\r\n            color: white;\r\n            width: 220px;\r\n            height: 50px;\r\n        }\r\n\r\n        .button:hover a {\r\n            text-decoration: none;\r\n            color: white;\r\n        }\r\n\r\n        /* Back to top button */\r\n        #back-to-top {\r\n            position: fixed;\r\n            background: #71c55d;\r\n            line-height: 1;\r\n            color: #fff;\r\n            padding: 7px 12px 13px 12px;\r\n            font-size: 16px;\r\n            border-radius: 2px;\r\n            right: 15px;\r\n            bottom: 15px;\r\n            transition: background 0.5s;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #back-to-top {\r\n                bottom: 15px;\r\n            }\r\n        }\r\n\r\n        #back-to-top:focus {\r\n            background: #71c55d;\r\n            color: #fff;\r\n            outline: none;\r\n        }\r\n\r\n        #back-to-top:hover {\r\n            background: #55b03f;\r\n            color: #fff;\r\n        }\r\n\r\n        .btn-default {\r\n            background: none;\r\n            color: white;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 25px;\r\n\r\n        }\r\n\r\n        .btn-default:hover {\r\n            background: #a15749;\r\n            color: #ff9800;\r\n        }\r\n\r\n        .position {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n        }\r\n\r\n        .fa-cannabis {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-smile-wink {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-qrcode {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-leaf {\r\n            font-size: 100px;\r\n            color: #71c55d;\r\n        }\r\n\r\n        .col-md-12 {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n        }\r\n\r\n        #ourcarousel {\r\n            width: 600px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #ourcarousel {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        #sedcarousel{\r\n            width: 600px;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #sedcarousel{\r\n            width: 100%;\r\n        }\r\n        }\r\n\r\n        .jumbotron{\r\n            background-color: rgb(110, 109, 109,0.7);\r\n        }\r\n\r\n        @media (min-width: 992px){\r\n.col-md-offset-1 {\r\n    margin-left: 0%;\r\n}}\r\n@media (min-width: 992px){\r\n.col-md-10 {\r\n    width: 100%;\r\n    margin-top: -103px;\r\n}\r\n}\r\n\r\n.fade-in{\r\n    animation: fadeIn 5s;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from{\r\n        opacity: 0;\r\n    }\r\n    to{\r\n        opacity: 1;\r\n    }\r\n\r\n} \r\n\r\n.hideme{\r\n    opacity: 0;\r\n}\r\n\r\n\r\n    </style>\r\n    <title>關於芳林</title>\r\n</head>\r\n\r\n<body>\r\n    <div class=\"intro\">\r\n        <div class=\"container fade-in\" >\r\n            <p class=\"content\">\r\n                <i class=\"fas fa-leaf\"></i><br>\r\n                \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n                <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n                <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n                <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n                <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n            </p>\r\n\r\n        </div>\r\n    </div>\r\n    <div id=\"section1\" class=\"container-fluid text-center  \">\r\n        <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n            <i class=\"fas fa-cannabis\"></i>\r\n           \r\n            <p><h3>草生栽培農法 </h3>\r\n                <br>\r\n                \r\n                <h4 style=\"font-size:25px\" >什麼是草生栽培？</h4><br>\r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n\r\n\r\n                草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n                例如<br><br>\r\n\r\n                (1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n                (2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n           \r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n            <i class=\"far fa-smile-wink\"></i>\r\n            <h3>優質的保證 </h3> <br>\r\n            <p>鄭宗林隸屬大社區農會的果樹產銷第7班，\r\n                已通過產銷履歷認證，種植總面積2公頃，\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                <h4>芳林特色</h4>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                    2.通過311項無農藥殘留檢測<br><br>\r\n                    3.採草生栽培、友善耕作</p>\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n            <i class=\"fas fa-qrcode\"></i>\r\n            <h3>產銷履歷</h3>\r\n            <p>產銷QR code</p>\r\n            <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n            <div>\r\n\r\n                <p>產銷履歷</p>\r\n                <p>水質檢測認證</p>\r\n                <p>無農藥檢測認證</p>\r\n                <p>下面有附件請自行下載</p>\r\n\r\n\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"section2\" class=\"container-fluid text-center\" >\r\n        <br>\r\n        <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h2>天然無毒的珍珠芭樂農園</h2>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0  hideme\"></div>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \">\r\n            <div class=\"container\">\r\n                <div id=\"ourcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                    <!-- Indicators -->\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"1\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"2\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"3\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"4\"></li>\r\n                    </ol>\r\n\r\n                    <!-- Wrapper for slides -->\r\n                    <div class=\"carousel-inner\">\r\n\r\n                        <div class=\"item active\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E5%9C%B0.jpg\" alt=\"\" style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>綠意盎然的草地</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草小鴨</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>草生栽培</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%92.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>芭樂園</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                                <img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"\"\r\n                                    style=\"width:100%;\">\r\n                                <div class=\"carousel-caption\">\r\n                                    <h3>岡山超峰寺</h3>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- Left and right controls -->\r\n                    <a class=\"left carousel-control\" href=\"#ourcarousel\" data-slide=\"prev\">\r\n                        <span class=\"glyphicon glyphicon-chevron-left\"></span>\r\n                        <span class=\"sr-only\">Previous</span>\r\n                    </a>\r\n                    <a class=\"right carousel-control\" href=\"#ourcarousel\" data-slide=\"next\">\r\n                        <span class=\"glyphicon glyphicon-chevron-right\"></span>\r\n                        <span class=\"sr-only\">Next</span>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12\" >\r\n            <br>\r\n            <div class=\"hideme \">\r\n                <p>\r\n            高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n                是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。 </p></div>\r\n        </div>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0  hideme\"></div>\r\n\r\n    </div>\r\n    <div id=\"section3\" class=\"container-fluid text-center \">\r\n        <br>\r\n       \r\n        <h1> 故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0  hideme\"></div>\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12 text-center hideme\">\r\n               \r\n            <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n                畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n                希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n                對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n                像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n                經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。\r\n                一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n            </p>\r\n        </div>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 text-center hideme\" >\r\n                <p>\r\n                鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n                2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n                2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n                返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n                也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n                除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n                證明只要願意努力，新手也可以闖出一片天。\r\n            </p>\r\n        </div>\r\n       \r\n\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12  \">\r\n            <center>\r\n            <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\"  class=\"img-responsive img-thumbnail\" alt=\"\"></center>\r\n        </div>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0  hideme\"></div>\r\n    </div>\r\n    <div id=\"section4\" class=\"container text-center\">\r\n        <br>\r\n        <br>\r\n        <h1>過程經驗</h1>\r\n        <br><br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 \">\r\n                <div class=\"container\">\r\n                        <div id=\"sedcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                            <!-- Indicators -->\r\n                            <ol class=\"carousel-indicators\">\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"1\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"2\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"3\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"4\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"5\"></li>\r\n                            </ol>\r\n        \r\n                            <!-- Wrapper for slides -->\r\n                            <div class=\"carousel-inner\">\r\n        \r\n                                <div class=\"item active\">\r\n                                    <img src=\"/userUpload/images/10512106/%E8%BE%B2%E4%BE%86%E8%B6%A3app.jpg\" alt=\"\" style=\"width:100%;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>農來趣app</h3>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n        \r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2.jpg\" alt=\"\" style=\"width:100%;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>型農新勢力</h3>\r\n                                       \r\n                                    </div>\r\n                                </div>\r\n        \r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E5%9C%96.jpg\" alt=\"\"\r\n                                        style=\"width:100%; height:500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        \r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E6%9C%AC%E8%89%B2.jpg\" alt=\"\"\r\n                                        style=\"width:100%;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>型農大聯盟</h3>\r\n                                       \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E9%97%9C%E6%96%BC%E8%8A%B3%E6%9E%97.jpg\" alt=\"\"\r\n                                        style=\"width:100%;height: 500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>芳林</h3>\r\n                                       \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97.png\" alt=\"\"\r\n                                        style=\"width:100%; height: 500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>鄭宗林</h3>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                               \r\n        \r\n                            </div>\r\n        \r\n                            <!-- Left and right controls -->\r\n                            <a class=\"left carousel-control\" href=\"#sedcarousel\" data-slide=\"prev\">\r\n                                <span class=\"glyphicon glyphicon-chevron-left\"></span>\r\n                                <span class=\"sr-only\">Previous</span>\r\n                            </a>\r\n                            <a class=\"right carousel-control\" href=\"#sedcarousel\" data-slide=\"next\">\r\n                                <span class=\"glyphicon glyphicon-chevron-right\"></span>\r\n                                <span class=\"sr-only\">Next</span>\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"col-lg-2 col-xs-12 col-sm-12 hideme\">\r\n       \r\n            <p>\r\n                經歷：<br>\r\n\r\n                。行政院農委會 第一屆 百大青年農民<br>\r\n\r\n                。高雄市農業局 高雄型農<br>\r\n\r\n                。培訓班 高雄型農精英班<br>\r\n\r\n                。高雄市青年農民聯誼會會長<br>\r\n                \r\n            </p>\r\n        </div>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12  hideme\">\r\n        \r\n           \r\n                <p>\r\n                善用政府資源讓新手變老手<br>\r\n               「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br>\r\n                鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br>\r\n                「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」<br>\r\n                鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。<br>\r\n            </p>\r\n        </div>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0  hideme\"></div>\r\n        </div>\r\n\r\n        <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n       \r\n\r\n</body>\r\n<script>\r\n$(document).ready(function() {\r\n    \r\n    /* Every time the window is scrolled ... */\r\n    $(window).scroll( function(){\r\n    \r\n        /* Check the location of each desired element */\r\n        $(\'.hideme\').each( function(i){\r\n            \r\n            var bottom_of_object = $(this).offset().top + $(this).outerHeight();\r\n            var bottom_of_window = $(window).scrollTop() + $(window).height();\r\n            \r\n            /* If the object is completely visible in the window, fade it it */\r\n            if( bottom_of_window > bottom_of_object ){\r\n                \r\n                $(this).animate({\'opacity\':\'1\'},1000);\r\n                    \r\n            }\r\n            \r\n        }); \r\n    \r\n    });\r\n    \r\n});\r\n    </script>\r\n\r\n\r\n<a href=\"#\" id=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n<script type=\"text/javascript\">\r\n    $(function() {\r\n        /* 按下back-to-top按鈕時的事件 */\r\n        $(\'#back-to-top\').click(function(){\r\n            $(\'html,body\').animate({ scrollTop: 0 }, \'slow\');   /* 返回到最頂上 */\r\n            return false;\r\n        });\r\n         \r\n        /* 偵測卷軸滑動時，往下滑超過500px就讓GoTop按鈕出現 */\r\n        $(window).scroll(function() {\r\n            if ( $(this).scrollTop() > 400){\r\n                $(\'#back-to-top\').fadeIn();\r\n            } else {\r\n                $(\'#back-to-top\').fadeOut();\r\n            }\r\n        });\r\n    });\r\n    </script><!-- 記得要把按鈕放到網頁上, 否則它不會出現 -->\r\n<script>\r\n// Select all links with hashes\r\n$(\'a[href*=\"#\"]\')\r\n  // Remove links that don\'t actually link to anything\r\n  .not(\'[href=\"#\"]\')\r\n  .not(\'[href=\"#0\"]\')\r\n  .click(function(event) {\r\n    // On-page links\r\n    if (\r\n      location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') \r\n      && \r\n      location.hostname == this.hostname\r\n    ) {\r\n      // Figure out element to scroll to\r\n      var target = $(this.hash);\r\n      target = target.length ? target : $(\'[name=\' + this.hash.slice(1) + \']\');\r\n      // Does a scroll target exist?\r\n      if (target.length) {\r\n        // Only prevent default if animation is actually gonna happen\r\n        event.preventDefault();\r\n        $(\'html, body\').animate({\r\n          scrollTop: target.offset().top\r\n        }, 1000, function() {\r\n          // Callback after animation\r\n          // Must change focus!\r\n          var $target = $(target);\r\n          $target.focus();\r\n          if ($target.is(\":focus\")) { // Checking if the target was focused\r\n            return false;\r\n          } else {\r\n            $target.attr(\'tabindex\',\'-1\'); // Adding tabindex for elements not focusable\r\n            $target.focus(); // Set focus again\r\n          };\r\n        });\r\n      }\r\n    }\r\n  });\r\n</script>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1273,'2019-05-16 18:29:09','2019-05-17 02:26:14',NULL,'2019-05-17 00:00:00','2038-01-01 00:00:00',925,926,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <!-- Optional theme -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n\r\n    <!-- Latest compiled and minified JavaScript -->\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n    <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js\"></script>\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n\r\n\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: \"微軟正黑體\";\r\n            font-family: 25px;\r\n            background-color: #33fffc;\r\n            background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'120\' height=\'120\' viewBox=\'0 0 120 120\'%3E%3Cpolygon fill=\'%232de0ee\' points=\'120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 \'/%3E%3C/svg%3E\");\r\n        }\r\n\r\n        p{\r\n            letter-spacing: 3px;\r\n        }\r\n\r\n        hr {\r\n            margin-top: 0px;\r\n            margin-bottom: 0px;\r\n            border: 0;\r\n            border-top: 0px solid #eee;\r\n        }\r\n\r\n        h2 {\r\n            color: white;\r\n        }\r\n\r\n        .navbar-default {\r\n            border-color: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li>a {\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            border-radius: 0;\r\n            background: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n            color: white;\r\n            background: brown;\r\n        }\r\n\r\n\r\n        #owl-demo .item {\r\n            margin: 3px;\r\n        }\r\n\r\n        #owl-demo .item img {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n        }\r\n\r\n        .intro {\r\n            width: 100%;\r\n            height: 100vh;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6),\r\n                rgba(0, 0, 0, 0.6)),\r\n                url(/userUpload/images/10512106/guavabgw.jpg);\r\n            background-attachment: fixed;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: cover;\r\n            position: relative;\r\n            ;\r\n\r\n\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(225, 225, 225, 0.0);\r\n        }\r\n\r\n\r\n        .content {\r\n            background: rgba(146, 139, 139, 0.7);\r\n            border: 1px solid rgba(146, 139, 139, 0.7);\r\n            border-radius: 25px;\r\n            font-family: \"標楷體\";\r\n            font-size: 40px;\r\n            text-align: center;\r\n            color: white;\r\n            margin: 0px;\r\n            padding: 0px;\r\n            position: relative;\r\n            top: 250px;\r\n            left: 0%;\r\n        }\r\n\r\n        .container-fluid {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-left: 0px;\r\n            margin-right: 0px;\r\n\r\n        }\r\n\r\n        footer {\r\n            font-size: 18px;\r\n            color: white;\r\n            background: #a15749;\r\n\r\n\r\n        }\r\n\r\n        .container {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n\r\n\r\n\r\n        #section1 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: black;\r\n            background-color: white;\r\n        }\r\n        \r\n        @media (max-width: 992px) {\r\n            #section1 {\r\n                height: 100%;\r\n \r\n            }\r\n\r\n        }\r\n\r\n        #section1 div {\r\n\r\n            padding: 5rem;\r\n            margin: 30px 0px;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 20px;\r\n            height: 800px;\r\n\r\n        }\r\n        @media (max-width: 1200px) {\r\n           p{\r\n               letter-spacing: 0px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section1 div {\r\n                height: 100%;\r\n                margin: 0px 0px;\r\n            }\r\n        }\r\n\r\n\r\n        #section1 div h3 {\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 30px;\r\n            color: brown;\r\n            font-weight: 400;\r\n\r\n        }\r\n\r\n\r\n        #section2 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            background: url(/userUpload/images/10512106/introbgw.jpg);\r\n            background-size: 100% auto;\r\n            background-position: top;\r\n            background-repeat:no-repeat; \r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section2 {\r\n                height: 100%;\r\n               background: burlywood;\r\n \r\n            }\r\n\r\n        }\r\n\r\n        #section3 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background: url(/userUpload/images/10512106/storybgw.jpg);\r\n            font-size: 20px;\r\n            background-size: 100% auto;\r\n            background-position: center;\r\n            background-repeat:no-repeat; \r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section3 {\r\n                height: 100%;\r\n                background:black;\r\n            }\r\n        }\r\n\r\n        #section4 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background: url(/userUpload/images/10512106/experiencebgw.jpg);\r\n            font-size: 20px;\r\n            background-size: 100% auto;\r\n            background-position: bottom;\r\n            background-repeat:no-repeat;\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section4 {\r\n                height: 100%;\r\n                background: green;\r\n\r\n            }\r\n        }\r\n\r\n        .button {\r\n            list-style-type: none;\r\n            margin: 0;\r\n            padding: 0;\r\n            border: 1px solid blanchedalmond;\r\n            background: #ff9800;\r\n            color: white;\r\n            width: 220px;\r\n            height: 50px;\r\n        }\r\n\r\n        .button:hover a {\r\n            text-decoration: none;\r\n            color: white;\r\n        }\r\n\r\n        /* Back to top button */\r\n        #back-to-top {\r\n            position: fixed;\r\n            background: #71c55d;\r\n            line-height: 1;\r\n            color: #fff;\r\n            padding: 7px 12px 13px 12px;\r\n            font-size: 16px;\r\n            border-radius: 2px;\r\n            right: 15px;\r\n            bottom: 15px;\r\n            transition: background 0.5s;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #back-to-top {\r\n                bottom: 15px;\r\n            }\r\n        }\r\n\r\n        #back-to-top:focus {\r\n            background: #71c55d;\r\n            color: #fff;\r\n            outline: none;\r\n        }\r\n\r\n        #back-to-top:hover {\r\n            background: #55b03f;\r\n            color: #fff;\r\n        }\r\n\r\n        .btn-default {\r\n            background: none;\r\n            color: white;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 25px;\r\n\r\n        }\r\n\r\n        .btn-default:hover {\r\n            background: #a15749;\r\n            color: #ff9800;\r\n        }\r\n\r\n        .position {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n        }\r\n\r\n        .fa-cannabis {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-smile-wink {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-qrcode {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-leaf {\r\n            font-size: 100px;\r\n            color: #71c55d;\r\n        }\r\n\r\n        .col-md-12 {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n        }\r\n\r\n        #ourcarousel {\r\n            width: 600px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #ourcarousel {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        #sedcarousel{\r\n            width: 600px;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #sedcarousel{\r\n            width: 100%;\r\n        }\r\n        }\r\n\r\n        .jumbotron{\r\n            background-color: rgba(70, 67, 67, 0.9);\r\n        }\r\n\r\n        @media (min-width: 992px){\r\n.col-md-offset-1 {\r\n    margin-left: 0%;\r\n}}\r\n@media (min-width: 992px){\r\n.col-md-10 {\r\n    width: 100%;\r\n    margin-top: -103px;\r\n}\r\n}\r\n\r\n.fade-in{\r\n    animation: fadeIn 5s;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from{\r\n        opacity: 0;\r\n    }\r\n    to{\r\n        opacity: 1;\r\n    }\r\n\r\n} \r\n\r\n\r\n\r\n\r\n    </style>\r\n    <title>關於芳林</title>\r\n</head>\r\n\r\n<body>\r\n    <div class=\"intro\">\r\n        <div class=\"container fade-in\" >\r\n            <p class=\"content\">\r\n                <i class=\"fas fa-leaf\"></i><br>\r\n                \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n                <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n                <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n                <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n                <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a><br>\r\n\r\n            </p>\r\n\r\n        </div>\r\n      \r\n    </div>\r\n    <div id=\"section1\" class=\"container-fluid text-center  \">\r\n        <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n            <i class=\"fas fa-cannabis\"></i>\r\n           \r\n            <p><h3>草生栽培農法 </h3>\r\n                <br>\r\n                \r\n                <h4 style=\"font-size:25px\" >什麼是草生栽培？</h4><br>\r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n\r\n\r\n                草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n                例如<br><br>\r\n\r\n                (1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n                (2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n           \r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n            <i class=\"far fa-smile-wink\"></i>\r\n            <h3>優質的保證 </h3> <br>\r\n            <p>鄭宗林隸屬大社區農會的果樹產銷第7班，\r\n                已通過產銷履歷認證，種植總面積2公頃，\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                <h4>芳林特色</h4>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                    2.通過311項無農藥殘留檢測<br><br>\r\n                    3.採草生栽培、友善耕作</p>\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n            <i class=\"fas fa-qrcode\"></i>\r\n            <h3>產銷履歷</h3>\r\n            <p>產銷QR code</p>\r\n            <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n            <div>\r\n\r\n                <p>產銷履歷</p>\r\n                <p>水質檢測認證</p>\r\n                <p>無農藥檢測認證</p>\r\n                <p>下面有附件請自行下載</p>\r\n\r\n\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"section2\" class=\"container-fluid text-center\" >\r\n        <br>\r\n        <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h2>天然無毒的珍珠芭樂農園</h2>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0\"  ></div>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \">\r\n            <div class=\"container\">\r\n                <div id=\"ourcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                    <!-- Indicators -->\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"1\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"2\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"3\"></li>\r\n                    </ol>\r\n\r\n                    <!-- Wrapper for slides -->\r\n                    <div class=\"carousel-inner\">\r\n\r\n                        <div class=\"item active\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E5%9C%B0.jpg\" alt=\"\" style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>綠意盎然的草地</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草小鴨</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>草生栽培</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%92.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>芭樂園</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                                <img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"\"\r\n                                    style=\"width:100%;\">\r\n                                <div class=\"carousel-caption\">\r\n                                    <h3>岡山超峰寺</h3>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- Left and right controls -->\r\n                    <a class=\"left carousel-control\" href=\"#ourcarousel\" data-slide=\"prev\">\r\n                        <span class=\"glyphicon glyphicon-chevron-left\"></span>\r\n                        <span class=\"sr-only\">Previous</span>\r\n                    </a>\r\n                    <a class=\"right carousel-control\" href=\"#ourcarousel\" data-slide=\"next\">\r\n                        <span class=\"glyphicon glyphicon-chevron-right\"></span>\r\n                        <span class=\"sr-only\">Next</span>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12\" >\r\n            <br>\r\n            <div class=\"jumbotron\">\r\n                <p>\r\n            高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n                是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。 </p></div>\r\n        </div>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n\r\n    </div>\r\n    <div id=\"section3\" class=\"container-fluid  text-center text-dark\">\r\n        <br>\r\n       \r\n        <h1> 故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br>\r\n       \r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12 text-center\">\r\n         \r\n            <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n                畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n                希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n                對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n                像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n                經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。\r\n                一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n            </p>\r\n        </div>\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12 text-center \" >\r\n                <p>\r\n                鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n                2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n                2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n                返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n                也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n                除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n                證明只要願意努力，新手也可以闖出一片天。\r\n            </p>\r\n        </div>\r\n       \r\n\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12  \">\r\n            <center>\r\n            <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\"  class=\"img-responsive img-thumbnail\" alt=\"\"></center>\r\n        </div>\r\n        <div class=\"col-lg-2 col-xs-0 col-sm-0  \"></div>\r\n    </div>\r\n    <div id=\"section4\" class=\"container text-center\">\r\n        <br>\r\n        <br>\r\n        <h1>過程經驗</h1>\r\n        <br><br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12 \">\r\n                <p>\r\n                        經歷：<br>\r\n        \r\n                        。行政院農委會 第一屆 百大青年農民<br>\r\n        \r\n                        。高雄市農業局 高雄型農<br>\r\n        \r\n                        。培訓班 高雄型農精英班<br>\r\n        \r\n                        。高雄市青年農民聯誼會會長<br>\r\n                        \r\n                    </p>\r\n        </div>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 \">\r\n       <p>\r\n                善用政府資源讓新手變老手<br>\r\n                「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br>\r\n                 鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br>\r\n                </p>\r\n                </div>\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12  \">\r\n                <p>\r\n               \r\n                「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」<br>\r\n                鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。<br>\r\n            </p>\r\n        </div>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0  \"></div>\r\n        </div>\r\n\r\n        <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n       \r\n\r\n</body>\r\n\r\n<a href=\"#\" id=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n<script type=\"text/javascript\">\r\n    $(function() {\r\n        /* 按下back-to-top按鈕時的事件 */\r\n        $(\'#back-to-top\').click(function(){\r\n            $(\'html,body\').animate({ scrollTop: 0 }, \'slow\');   /* 返回到最頂上 */\r\n            return false;\r\n        });\r\n         \r\n        /* 偵測卷軸滑動時，往下滑超過500px就讓GoTop按鈕出現 */\r\n        $(window).scroll(function() {\r\n            if ( $(this).scrollTop() > 400){\r\n                $(\'#back-to-top\').fadeIn();\r\n            } else {\r\n                $(\'#back-to-top\').fadeOut();\r\n            }\r\n        });\r\n    });\r\n    </script><!-- 記得要把按鈕放到網頁上, 否則它不會出現 -->\r\n<script>\r\n// Select all links with hashes\r\n$(\'a[href*=\"#\"]\')\r\n  // Remove links that don\'t actually link to anything\r\n  .not(\'[href=\"#\"]\')\r\n  .not(\'[href=\"#0\"]\')\r\n  .click(function(event) {\r\n    // On-page links\r\n    if (\r\n      location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') \r\n      && \r\n      location.hostname == this.hostname\r\n    ) {\r\n      // Figure out element to scroll to\r\n      var target = $(this.hash);\r\n      target = target.length ? target : $(\'[name=\' + this.hash.slice(1) + \']\');\r\n      // Does a scroll target exist?\r\n      if (target.length) {\r\n        // Only prevent default if animation is actually gonna happen\r\n        event.preventDefault();\r\n        $(\'html, body\').animate({\r\n          scrollTop: target.offset().top\r\n        }, 1000, function() {\r\n          // Callback after animation\r\n          // Must change focus!\r\n          var $target = $(target);\r\n          $target.focus();\r\n          if ($target.is(\":focus\")) { // Checking if the target was focused\r\n            return false;\r\n          } else {\r\n            $target.attr(\'tabindex\',\'-1\'); // Adding tabindex for elements not focusable\r\n            $target.focus(); // Set focus again\r\n          };\r\n        });\r\n      }\r\n    }\r\n  });\r\n</script>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1274,'2019-06-04 20:20:29','2019-05-18 06:35:03',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,1,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  \r\n  <title></title>\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.4.0/css/bootstrap.min.css\">\r\n  <link href=\"https://fonts.googleapis.com/css?family=Lato\" rel=\"stylesheet\" type=\"text/css\">\r\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat\" rel=\"stylesheet\" type=\"text/css\">\r\n  <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n  <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n  <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js\"></script>\r\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css\">\r\n  <link href=\"https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css\" rel=\"stylesheet\">\r\n  <link href=\"https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css\" rel=\"stylesheet\">\r\n  <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">\r\n    <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n <style>\r\n  body {\r\n    font: 400 15px/1.8 Lato, sans-serif;\r\n    color: white;\r\n    overflow-x: hidden;\r\n    background-color: #fff;\r\n    padding-top: 0px;\r\n  }\r\n  h1, h2, h3, h4, h5, h6 {\r\n  margin: 0;\r\n}\r\n\r\nh2 {\r\n    color: white;\r\n    font-weight: 600;\r\n    font-size: 48px;\r\n    font-family: 微軟正黑體;\r\n}\r\n\r\nh4 {\r\n  color: black;\r\n  font-size: 15x;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  line-height: 2;\r\n}\r\n\r\nh5 {\r\n  color: #626262;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\na {\r\n  letter-spacing: 2px;\r\n  text-decoration: none;\r\n}\r\n\r\nul {\r\n  letter-spacing: 1px;\r\n}\r\n\r\nli {\r\n  color: #626262;\r\n  font-size: 20px;\r\n  font-weight: 400;\r\n  letter-spacing: 2px;\r\n  text-transform: capitalize;\r\n}\r\n\r\np {\r\n  font-size: 14px;\r\n  font-weight: 300;\r\n\r\n}\r\n\r\n.container {\r\n    padding-left: -15px;\r\n  padding-right: -15px;\r\n  }\r\n \r\n  .btn {\r\n  border: 1px solid #fff;\r\n  border-radius: 50px;\r\n  color: #fff;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  padding: 15px 40px;\r\n  text-transform: uppercase;\r\n  -moz-transition: all 0.5s ease-in-out 0s;\r\n  -ms-transition: all 0.5s ease-in-out 0s;\r\n  -o-transition: all 0.5s ease-in-out 0s;\r\n  -webkit-transition: all 0.5s ease-in-out 0s;\r\n  transition: all 0.5s ease-in-out 0s;\r\n}\r\n\r\n  .btn:hover, .btn:focus {\r\n    border: 1px solid #333;\r\n    background-color: #fff;\r\n    color: #000;\r\n  }\r\n\r\n.col-md-10 {\r\n    width: 106%;\r\n    margin-top: -105px;\r\n}\r\n.col-md-offset-1 {\r\n    margin-left: -3%;\r\n}\r\n\r\n  @media (max-width: 992px){\r\n.col-md-offset-1 {\r\n    margin-left: 0%;\r\n}}\r\n@media (max-width: 992px){\r\n.col-md-10 {\r\n    width: 100%;\r\n    margin-top: -100px;\r\n}\r\n}\r\n.bgw{\r\nbackground-color: rgba(255, 255, 255, 0.0);\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .col-md-10{\r\n  padding-right: 0px;\r\n  padding-left: 0px;\r\n }\r\n\r\n .container-fluid {\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n}\r\n}\r\n\r\n/*--------------------------------------------------------------\r\n# intro Section\r\n--------------------------------------------------------------*/\r\n#intro {\r\n  width: 100%;\r\n  height: 100vh;\r\n  background:linear-gradient(\r\n    rgba(0,0,0,0.3),\r\n    rgba(0,0,0,0.3)\r\n  ),\r\n   url(/userUpload/images/10512106/welcome.jpg);\r\n   background-attachment: fixed; \r\n   background-repeat:no-repeat;\r\n   background-position: center top; \r\n  background-size: cover;\r\n  position: relative;\r\n  margin-top: 40px;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n  #intro {\r\n    background-attachment: fixed;\r\n  }\r\n}\r\n\r\n#intro .intro-container {\r\n  position: absolute;\r\n  bottom: 0;\r\n  top: 80%;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  text-align: center;\r\n}\r\n\r\n#intro h1 {\r\n  margin: 0 0 10px 0;\r\n  font-size: 48px;\r\n  font-weight: 700;\r\n  line-height: 56px;\r\n  font-family:  \"微軟正黑體\";\r\n  color: #71c55d;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #intro h1 {\r\n    font-size: 28px;\r\n    line-height: 36px;\r\n  }\r\n}\r\n\r\n#intro h2 {\r\n  color: #777;\r\n  margin-bottom: 30px;\r\n  font-size: 20px;\r\n  font-family: \"微軟正黑體\";\r\n  font-weight: 300;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #intro h2 {\r\n    font-size: 18px;\r\n    line-height: 24px;\r\n    margin-bottom: 30px;\r\n  }\r\n}\r\n\r\n#intro img {\r\n  max-width: 95%;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n#intro .btn-get-started {\r\n  font-family: \"微軟正黑體\";\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  letter-spacing: 1px;\r\n  display: inline-block;\r\n  padding: 11px 36px;\r\n  border-radius: 50px;\r\n  transition: 0.5s;\r\n  margin-bottom: 30px;\r\n  border: 2px solid #71c55d;\r\n  color: white;\r\n  text-decoration: none;\r\n}\r\n\r\n#intro .btn-get-started:hover {\r\n  background: darkorange;\r\n  color: #fff;\r\n}\r\n\r\n#intro .btns a {\r\n  color: #555;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  margin: 4px 20px;\r\n  text-decoration: none;\r\n  transition: 0.3s;\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  #intro .btns a {\r\n    margin: 4px 8px;\r\n  }\r\n}\r\n\r\n#intro .btns a:hover {\r\n  color: #71c55d;\r\n}\r\n\r\n/*--------------------------------------------------------------\r\n# Navigation Menu\r\n--------------------------------------------------------------*/\r\n  .navbar {\r\n    font-family: Montserrat, sans-serif;\r\n    margin-bottom: 0;\r\n    background-color: brown;\r\n    border: 0;\r\n    font-size: 14px !important;\r\n    font-family: \"微軟正黑體\";\r\n    letter-spacing: 5px;\r\n\r\n  }\r\n  .navbar li a, .navbar .navbar-brand { \r\n    color: #d5d5d5 !important;\r\n  }\r\n  .navbar-nav li a:hover {\r\n    color: #fff !important;\r\n  }\r\n.navbar-nav li.active a {\r\n    color: lightgreen !important;\r\n    background-color: brown !important;\r\n}\r\n  .navbar-default .navbar-toggle {\r\n    border-color: transparent;\r\n  }\r\n\r\n  footer {\r\n    background-color: brown;\r\n    color: #f5f5f5;\r\n    \r\n  }\r\n  footer a {\r\n    color: #f5f5f5;\r\n  }\r\n  footer a:hover {\r\n    text-decoration: none;\r\n  }  \r\n  .form-control {\r\n    border-radius: 0;\r\n  }\r\n  textarea {\r\n    resize: none;\r\n  }\r\n/* About Us Section\r\n--------------------------------*/\r\n#about{\r\n  background: linear-gradient(\r\n    rgba(0,0,0,0.5),\r\n    rgba(0,0,0,0.5)\r\n  ),\r\n  url(/userUpload/images/10512106/guavatree.jpg);\r\n  background-repeat: no-repeat;\r\n  background-position: bottom center;\r\n  background-attachment: fixed;\r\n  background-size: cover;\r\n  width: 100%;\r\n  height: 100vh;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n\r\n#about {\r\nheight: 100%;}\r\n}\r\n\r\n\r\n#about img {\r\n  max-width: 100%;\r\n}\r\n\r\n#about .about-content {\r\n  padding-top: 100px;\r\n}\r\n\r\n#about .about-content  p{\r\n  color: white;\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 25px;\r\n  font-weight: 100;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 20px;\r\n  text-transform: capitalize;\r\n}\r\n\r\n  .separator {\r\n  color: #ddd;\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 25px;\r\n  font-weight: 300;\r\n  margin-bottom: 30px;\r\n  text-transform: capitalize;\r\n}\r\n\r\n/* Contact Section\r\n--------------------------------*/\r\n#contact {\r\n\r\nwidth: 100%;\r\nheight: 100vh;\r\nbackground: linear-gradient(\r\n  rgba(0,0,0,0.3),\r\n  rgba(0,0,0,0.3)\r\n),\r\nurl(/userUpload/images/10512106/contact.jpg);\r\nbackground-repeat: no-repeat;\r\nbackground-position: top center;\r\nbackground-attachment: fixed;\r\nbackground-size: cover;\r\nz-index: -5;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n\r\n  #contact {\r\nheight: 100%;}\r\n}\r\n \r\n\r\n#contact .info {\r\ncolor: #222;\r\n}\r\n\r\n#contact .info i {\r\nfont-size: 40px;\r\ncolor: white;\r\nfloat: left;\r\n}\r\n\r\n\r\n#contact .info p {\r\npadding: 0 0 13px 60px;\r\nmargin-bottom: 20px;\r\nline-height: 27px;\r\nfont-size: 25px;\r\nfont-family: 微軟正黑體;\r\ncolor: #ddd;\r\n}\r\n\r\n\r\n#contact .info .email p {\r\npadding-top: 5px;\r\n}\r\n\r\n#contact .social-links {\r\npadding-bottom: 50px;\r\ntext-align: center;\r\n}\r\n\r\n#contact .social-links a {\r\nfont-size: 18px;\r\ndisplay: inline-block;\r\nbackground: blue;\r\ncolor: #fff;\r\nline-height: 1;\r\npadding: 8px 0 8px 0;\r\nborder-radius: 50%;\r\ntext-align: center;\r\nwidth: 36px;\r\nheight: 36px;\r\ntransition: 0.3s;\r\n}\r\n\r\n#contact .social-links a:hover {\r\nbackground: rgb(85, 161, 212);\r\ncolor: #fff;\r\n}\r\n\r\n.iframe-rwd {\r\nposition: relative;\r\npadding-bottom: 65.25%;\r\npadding-top: 30px;\r\nheight: 0;\r\noverflow: hidden;\r\n\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    margin-top: 50px;\r\n      }\r\n\r\n      /* product Section\r\n--------------------------------*/\r\n#product {\r\n  display: inline-block;\r\n  height: 100%;\r\n  width: 100%;\r\n  background-color: rgb(216, 179, 76);\r\n}\r\n\r\n\r\n#product .product-block {\r\n  background: #fff none repeat scroll 0 0;\r\n  padding: 30px 20px;\r\n  margin: 30px 20px;\r\n  transition: all 0.5s ease-in-out 0s;\r\n}\r\n\r\n#product .product-block:hover {\r\n  box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);\r\n  transition: all 0.5s ease-in-out 0s;\r\n}\r\n\r\n#product .product-block h4 {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n/* environment Section\r\n--------------------------------*/\r\n\r\n#environment {\r\n  width: 100%;\r\n  height: 100vh;\r\n  font-family: \"微軟正黑體\";\r\n  background: linear-gradient(\r\n    rgba(0,0,0,0.3),\r\n    rgba(0,0,0,0.3)\r\n  ),\r\n  url(/userUpload/images/10512106/environment.jpg);\r\n  background-repeat: no-repeat;\r\n  background-position: top center;\r\n  background-attachment: fixed;\r\n  background-size: cover;\r\n  \r\n}\r\n\r\n@media (max-width: 992px) {\r\n\r\n#environment {\r\nheight: 100%;}\r\n}\r\n.owl-dot.active > span {\r\n  height: 10px !important;\r\n  width: 10px !important;\r\n}\r\n\r\n.owl-theme .owl-dots .owl-dot span {\r\n  height: 10px !important;\r\n  width: 10px !important;\r\n}\r\n\r\n.owl-item img {\r\n  cursor: pointer;\r\n}\r\n\r\n.owl-stage-outer {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.owl-theme .owl-nav {\r\n  display: none;\r\n  margin-top: 10px;\r\n}\r\n\r\n.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {\r\n  background: #71c55d;\r\n}\r\n\r\n.owl-theme .owl-dots .owl-dot span {\r\n  background: #ddd;\r\n}\r\n\r\n.img-fluid {\r\n  height: 100%;\r\n  margin-bottom: 30px;\r\n  width: 100%;\r\n}\r\n\r\n/************button***************/\r\nbutton{\r\n  color:black;\r\n  border: 1px solid #338023;\r\n  font-size: 25px;\r\n  border-radius: 4px;\r\n  transition: .6s;\r\n  overflow: hidden;\r\n}\r\nbutton:focus{\r\n  outline: none;\r\n\r\n}\r\n\r\nbutton::before{\r\n  content: \'\';\r\n  display: block;\r\n  position: absolute;\r\n  background: rgba(255,255, 255, 0.5);\r\n  width: 30px;\r\n  height: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  opacity: .5s;\r\n  filter:blur(45px);\r\n  text-decoration: none;\r\n  \r\n}\r\n\r\nbutton::after{\r\n  content: \'\';\r\n  display: block;\r\n  position: absolute;\r\n  background: rgba(255, 255, 255, .2);\r\n  width:30px;\r\n  height: 100%;\r\n  left:30px;\r\n  top:0;\r\n  opacity: 0;\r\n  filter: blur(45px);\r\n  text-decoration: none;\r\n \r\n}\r\n\r\nbutton:hover{\r\n  background:#338033;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  \r\n}\r\n\r\nbutton:hover:before{\r\n  transform: translateX(300px) skewX(-15deg);\r\n  opacity:.6 ;\r\n  transition: .7s;\r\n  text-decoration: none;\r\n}\r\n\r\n/*************************************/\r\n.col-md-12{\r\n  padding-right: 0px;\r\n  padding-left: 0px;\r\n}\r\n.row {\r\n    margin-right: 0px;\r\n    margin-left: 0px;\r\n}\r\n\r\n  </style>\r\n</head>\r\n<body id=\"myPage\" data-spy=\"scroll\" data-target=\".navbar\" data-offset=\"50\">\r\n\r\n<nav class=\"navbar navbar-default navbar-fixed-top\">\r\n  <div class=\"container-fluid\">\r\n    <div class=\"navbar-header\">\r\n      <button type=\"button\" class=\"navbar-toggle\" data-toggle=\"collapse\" data-target=\"#myNavbar\">\r\n        <span class=\"icon-bar\"></span>\r\n        <span class=\"icon-bar\"></span>\r\n        <span class=\"icon-bar\"></span>                        \r\n      </button>\r\n      <a class=\"navbar-brand\" href=\"http://www.lohasplus.com.tw/index.php?Act=925\">芳林芭樂</a>\r\n    </div>\r\n    <div class=\"collapse navbar-collapse\" id=\"myNavbar\">\r\n      <ul class=\"nav navbar-nav navbar-right\">\r\n        <li><a href=\"#myPage\">回首頁</a></li>\r\n        <li><a href=\"#about\">關於我們</a></li>\r\n        <li><a href=\"#product\">產品介紹</a></li>\r\n        <li><a href=\"#environment\">芳林生態</a></li>\r\n        <li><a href=\"#contact\">聯絡我們</a></li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</nav>\r\n\r\n  <!--==========================\r\n    intro Section\r\n  ============================-->\r\n  <section id=\"intro\" class=\"wow fadeIn\">\r\n      <div class=\"intro-container\">\r\n         \r\n        <a href=\"#about\" class=\"btn-get-started scrollto\">點我向下</a>\r\n      </div>\r\n    </section><!-- #hero -->\r\n\r\n\r\n\r\n<!--==========================\r\n    About Us Section\r\n  ============================-->\r\n<div id=\"about\" class=\"container text-center\">\r\n    <br> <br> <br>\r\n    <h2 data-aos=\"zoom-in\">WELCOME</h2>\r\n    <div class=\"about-content\">\r\n  <p class=\"separator\" data-aos=\"zoom-in\">\r\n\r\n    一生懸命，自慢的芭樂—芳林<br>\r\n\r\n    芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，<br>\r\n    \r\n    嚴謹的管理及記錄生產過程，並讓它以最自然的方式自然生長，<br>\r\n    \r\n    讓它擁有該有的原始風味，就像種給自己家人吃一樣，<br>\r\n    \r\n    希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。<br>\r\n     \r\n</p>\r\n</div>\r\n<br> <br> <br>\r\n</div>\r\n\r\n<!--==========================\r\n  product Section\r\n  ============================-->\r\n\r\n  <section id=\"product\" class=\"padd-section text-center wow fadeInUp\">\r\n      <br> <br> <br>\r\n    <div class=\"container\">\r\n      <div class=\"section-title text-center\">\r\n        <h2>芭樂展現浪漫原味</h2>\r\n        <br>\r\n        <p class=\"separator\">“我的芭樂自然熟成，八、九分熟最好吃！”</p>\r\n      </div>\r\n    </div>\r\n    <br>\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n\r\n        <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-right\">\r\n          <div class=\"product-block\">\r\n            <img src=\"/userUpload/images/10512106/guava1.png\" alt=\"img\" class=\"img-fluid\" >\r\n            <h4>芭樂</h4>\r\n            <button type=\"button\"><a href=\"http://www.lohasplus.com.tw/index.php?Act=925&SK=979&MK=925&PK=935\">read more</a></button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-md-6 col-lg-4\" data-aos=\"zoom-in\">\r\n          <div class=\"product-block\">\r\n            <img src=\"/userUpload/images/10512106/guava2.png\" alt=\"img\" class=\"img-fluid\" >\r\n            <h4>禮盒</h4>\r\n            <button type=\"button\"><a href=\"http://www.lohasplus.com.tw/index.php?Act=925&SK=978&MK=925&PK=935\">read more</a></button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-left\">\r\n          <div class=\"product-block\">\r\n            <img src=\"/userUpload/images/10512106/guava3.png\" alt=\"img\" class=\"img-fluid\" >\r\n            <h4>超大禮盒</h4>\r\n            <button type=\"button\"><a href=\"http://www.lohasplus.com.tw/index.php?Act=925&SK=981&MK=925&PK=935\">read more</a></button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <br> <br> <br>\r\n  </section>\r\n\r\n  <!--==========================\r\n   environment Section\r\n  ============================-->\r\n  <section id=\"environment\" class=\"padd-section text-center wow fadeInUp\">\r\n      <br> <br> <br>\r\n    <div class=\"container\">\r\n      <div class=\"section-title text-center\">\r\n        <h2>芳林生態</h2>\r\n        <br>\r\n        <p class=\"separator\"> 大地的滋潤，讓芭樂香甜美味</p>\r\n      </div>\r\n    </div>\r\n    <br>\r\n    <div class=\"container\">\r\n      <div class=\"owl-carousel owl-theme\">\r\n\r\n        <div><img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"img\"></div>\r\n        <div><img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"img\"></div>\r\n        <div><img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%922.png\" alt=\"img\"></div>\r\n        <div><img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"img\"></div>\r\n\r\n      </div>\r\n    </div>\r\n    <br> <br> <br> <br>\r\n  </section>\r\n  \r\n\r\n<!--==========================\r\n    Contact Section\r\n  ============================-->\r\n  <section id=\"contact\" class=\"padd-section wow fadeInUp\">\r\n    <br>   <br>   <br>\r\n    <div class=\"container\">\r\n      <div class=\"section-title text-center\">\r\n        <h2>聯絡我們</h2>\r\n        <br>\r\n        <p class=\"separator\">聯絡資訊</p>\r\n        <br> <br>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"row justify-content-center\">\r\n\r\n        <div class=\"col-lg-6 col-md-4\" data-aos=\"zoom-in\">\r\n\r\n          <div class=\"info\">\r\n              <div>\r\n                  <i class=\"fa fa-user\" ></i>\r\n                  <p>鄭宗林</p>\r\n                </div>\r\n\r\n                <div>\r\n                    <i class=\"fa fa-mobile\" ></i>\r\n                    <p>0910-326-822</p>\r\n                  </div>\r\n                  <div>\r\n                      <i class=\"fab fa-line\"></i>\r\n                      <p>kenny335a</p>\r\n                    </div>\r\n\r\n            <div>\r\n              <i class=\"fa fa-map-marker\"> </i>\r\n              <p>820高雄市岡山區嘉峰路600巷高鐵 橋下</p>\r\n            </div>\r\n\r\n            <div class=\"email\">\r\n              <i class=\"fa fa-envelope\"></i>\r\n              <p>kenny335a@\r\n                  yahoo.com.tw</p>\r\n            </div>\r\n\r\n            <div>\r\n              <i class=\"fa fa-phone\"></i>\r\n              <p>07-371-2376</p>\r\n            </div>\r\n            <div>\r\n                <i class=\"fa fa-car\"></i>\r\n                <p>可前往岡山火車站轉乘計程車($200)或由農場主人接送</p>\r\n              </div>\r\n\r\n\r\n          </div>\r\n\r\n         \r\n\r\n          <div class=\"social-links\">\r\n            <a href=\"#\" class=\"twitter\"><i class=\"fab fa-twitter\"></i></a>&nbsp;&nbsp;\r\n            <a href=\"#\" class=\"facebook\"><i class=\"fab fa-facebook-f\"></i></a>&nbsp;&nbsp;\r\n            <a href=\"#\" class=\"instagram\"><i class=\"fab fa-instagram\"></i></a>&nbsp;&nbsp;\r\n            <a href=\"#\" class=\"google-plus\"><i class=\"fab fa-google-plus-g\"></i></a>&nbsp;&nbsp;\r\n            <a href=\"#\" class=\"linkedin\"><i class=\"fab fa-linkedin-in\"></i></a>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"col-lg-6 col-md-8\">\r\n          <div class=\"iframe-rwd\">\r\n            <iframe src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7354.3677329882885!2d120.316526!3d22.832686!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1554895992005!5m2!1szh-TW!2stw\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen></iframe>\r\n          </div>\r\n          </div>\r\n      </div>\r\n    </div>\r\n  \r\n  </section><!-- #contact -->\r\n\r\n<!-- Footer -->\r\n<footer class=\"text-center\">\r\n  <a class=\"up-arrow\" href=\"#myPage\" data-toggle=\"tooltip\" title=\"TO TOP\">\r\n    <span class=\"glyphicon glyphicon-chevron-up\"></span>\r\n  </a><br> \r\n</footer>\r\n\r\n<script>\r\n$(document).ready(function(){\r\n  // Initialize Tooltip\r\n  $(\'[data-toggle=\"tooltip\"]\').tooltip(); \r\n  \r\n  // Add smooth scrolling to all links in navbar + footer link\r\n  $(\".navbar a, footer a[href=\'#myPage\']\").on(\'click\', function(event) {\r\n\r\n    // Make sure this.hash has a value before overriding default behavior\r\n    if (this.hash !== \"\") {\r\n\r\n      // Prevent default anchor click behavior\r\n      event.preventDefault();\r\n\r\n      // Store hash\r\n      var hash = this.hash;\r\n\r\n      // Using jQuery\'s animate() method to add smooth page scroll\r\n      // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area\r\n      $(\'html, body\').animate({\r\n        scrollTop: $(hash).offset().top\r\n      }, 900, function(){\r\n   \r\n        // Add hash (#) to URL when done scrolling (default click behavior)\r\n        window.location.hash = hash;\r\n      });\r\n    } // End if\r\n  });\r\n})\r\n</script>\r\n\r\n<!-- JavaScript Libraries -->\r\n\r\n\r\n<script src=\"https://briancherne.github.io/jquery-hoverIntent/jquery.hoverIntent.js\"></script>\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/superfish/1.7.10/js/superfish.min.js\"></script>\r\n<script src=\"http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js\"></script>\r\n<script>\r\n/**\r\n * Modules in this bundle\r\n * @license\r\n *\r\n * modal-video:\r\n *   license: appleple\r\n *   author: appleple\r\n *   homepage: http://developer.a-blogcms.jp\r\n *   version: 2.4.1\r\n *\r\n * custom-event-polyfill:\r\n *   license: MIT (http://opensource.org/licenses/MIT)\r\n *   maintainers: krambuhl <evan.krambuhl@gmail.com>\r\n *   contributors: Frank Panetta, Mikhail Reenko <reenko@yandex.ru>, Joscha Feth <joscha@feth.com>\r\n *   homepage: https://github.com/krambuhl/custom-event-polyfill#readme\r\n *   version: 0.3.0\r\n *\r\n * es6-object-assign:\r\n *   license: MIT (http://opensource.org/licenses/MIT)\r\n *   author: Rubén Norte <rubennorte@gmail.com>\r\n *   homepage: https://github.com/rubennorte/es6-object-assign\r\n *   version: 1.1.0\r\n *\r\n * This header is generated by licensify (https://github.com/twada/licensify)\r\n */\r\n (function(f){if(typeof exports===\"object\"&&typeof module!==\"undefined\"){module.exports=f()}else if(typeof define===\"function\"&&define.amd){define([],f)}else{var g;if(typeof window!==\"undefined\"){g=window}else if(typeof global!==\"undefined\"){g=global}else if(typeof self!==\"undefined\"){g=self}else{g=this}g.ModalVideo = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module \'\"+o+\"\'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){\r\n// Polyfill for creating CustomEvents on IE9/10/11\r\n\r\n// code pulled from:\r\n// https://github.com/d4tocchini/customevent-polyfill\r\n// https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent#Polyfill\r\n\r\ntry {\r\n    var ce = new window.CustomEvent(\'test\');\r\n    ce.preventDefault();\r\n    if (ce.defaultPrevented !== true) {\r\n        // IE has problems with .preventDefault() on custom events\r\n        // http://stackoverflow.com/questions/23349191\r\n        throw new Error(\'Could not prevent default\');\r\n    }\r\n} catch(e) {\r\n  var CustomEvent = function(event, params) {\r\n    var evt, origPrevent;\r\n    params = params || {\r\n      bubbles: false,\r\n      cancelable: false,\r\n      detail: undefined\r\n    };\r\n\r\n    evt = document.createEvent(\"CustomEvent\");\r\n    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\r\n    origPrevent = evt.preventDefault;\r\n    evt.preventDefault = function () {\r\n      origPrevent.call(this);\r\n      try {\r\n        Object.defineProperty(this, \'defaultPrevented\', {\r\n          get: function () {\r\n            return true;\r\n          }\r\n        });\r\n      } catch(e) {\r\n        this.defaultPrevented = true;\r\n      }\r\n    };\r\n    return evt;\r\n  };\r\n\r\n  CustomEvent.prototype = window.Event.prototype;\r\n  window.CustomEvent = CustomEvent; // expose definition to window\r\n}\r\n\r\n},{}],2:[function(require,module,exports){\r\n/**\r\n * Code refactored from Mozilla Developer Network:\r\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\r\n */\r\n\r\n\'use strict\';\r\n\r\nfunction assign(target, firstSource) {\r\n  if (target === undefined || target === null) {\r\n    throw new TypeError(\'Cannot convert first argument to object\');\r\n  }\r\n\r\n  var to = Object(target);\r\n  for (var i = 1; i < arguments.length; i++) {\r\n    var nextSource = arguments[i];\r\n    if (nextSource === undefined || nextSource === null) {\r\n      continue;\r\n    }\r\n\r\n    var keysArray = Object.keys(Object(nextSource));\r\n    for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {\r\n      var nextKey = keysArray[nextIndex];\r\n      var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\r\n      if (desc !== undefined && desc.enumerable) {\r\n        to[nextKey] = nextSource[nextKey];\r\n      }\r\n    }\r\n  }\r\n  return to;\r\n}\r\n\r\nfunction polyfill() {\r\n  if (!Object.assign) {\r\n    Object.defineProperty(Object, \'assign\', {\r\n      enumerable: false,\r\n      configurable: true,\r\n      writable: true,\r\n      value: assign\r\n    });\r\n  }\r\n}\r\n\r\nmodule.exports = {\r\n  assign: assign,\r\n  polyfill: polyfill\r\n};\r\n\r\n},{}],3:[function(require,module,exports){\r\n\'use strict\';\r\n\r\nObject.defineProperty(exports, \"__esModule\", {\r\n  value: true\r\n});\r\n\r\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\r\n\r\nrequire(\'custom-event-polyfill\');\r\n\r\nvar _util = require(\'../lib/util\');\r\n\r\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\r\n\r\nvar assign = require(\'es6-object-assign\').assign;\r\n\r\nvar defaults = {\r\n  channel: \'youtube\',\r\n  facebook: {},\r\n  youtube: {\r\n    autoplay: 1,\r\n    cc_load_policy: 1,\r\n    color: null,\r\n    controls: 1,\r\n    disablekb: 0,\r\n    enablejsapi: 0,\r\n    end: null,\r\n    fs: 1,\r\n    h1: null,\r\n    iv_load_policy: 1,\r\n    list: null,\r\n    listType: null,\r\n    loop: 0,\r\n    modestbranding: null,\r\n    origin: null,\r\n    playlist: null,\r\n    playsinline: null,\r\n    rel: 0,\r\n    showinfo: 1,\r\n    start: 0,\r\n    wmode: \'transparent\',\r\n    theme: \'dark\',\r\n    nocookie: false\r\n  },\r\n  ratio: \'16:9\',\r\n  vimeo: {\r\n    api: false,\r\n    autopause: true,\r\n    autoplay: true,\r\n    byline: true,\r\n    callback: null,\r\n    color: null,\r\n    height: null,\r\n    loop: false,\r\n    maxheight: null,\r\n    maxwidth: null,\r\n    player_id: null,\r\n    portrait: true,\r\n    title: true,\r\n    width: null,\r\n    xhtml: false\r\n  },\r\n  allowFullScreen: true,\r\n  animationSpeed: 300,\r\n  classNames: {\r\n    modalVideo: \'modal-video\',\r\n    modalVideoClose: \'modal-video-close\',\r\n    modalVideoBody: \'modal-video-body\',\r\n    modalVideoInner: \'modal-video-inner\',\r\n    modalVideoIframeWrap: \'modal-video-movie-wrap\',\r\n    modalVideoCloseBtn: \'modal-video-close-btn\'\r\n  },\r\n  aria: {\r\n    openMessage: \'You just openned the modal video\',\r\n    dismissBtnMessage: \'Close the modal by clicking here\'\r\n  }\r\n};\r\n\r\nvar ModalVideo = function () {\r\n  function ModalVideo(ele, option) {\r\n    var _this = this;\r\n\r\n    _classCallCheck(this, ModalVideo);\r\n\r\n    var opt = assign({}, defaults, option);\r\n    var selectors = typeof ele === \'string\' ? document.querySelectorAll(ele) : ele;\r\n    var body = document.querySelector(\'body\');\r\n    var classNames = opt.classNames;\r\n    var speed = opt.animationSpeed;\r\n    [].forEach.call(selectors, function (selector) {\r\n      selector.addEventListener(\'click\', function (event) {\r\n        if (selector.tagName === \'A\') {\r\n          event.preventDefault();\r\n        }\r\n        var videoId = selector.dataset.videoId;\r\n        var channel = selector.dataset.channel || opt.channel;\r\n        var id = (0, _util.getUniqId)();\r\n        var videoUrl = selector.dataset.videoUrl || _this.getVideoUrl(opt, channel, videoId);\r\n        var html = _this.getHtml(opt, videoUrl, id);\r\n        (0, _util.append)(body, html);\r\n        var modal = document.getElementById(id);\r\n        var btn = modal.querySelector(\'.js-modal-video-dismiss-btn\');\r\n        modal.focus();\r\n        modal.addEventListener(\'click\', function () {\r\n          (0, _util.addClass)(modal, classNames.modalVideoClose);\r\n          setTimeout(function () {\r\n            (0, _util.remove)(modal);\r\n            selector.focus();\r\n          }, speed);\r\n        });\r\n        modal.addEventListener(\'keydown\', function (e) {\r\n          if (e.which === 9) {\r\n            e.preventDefault();\r\n            if (document.activeElement === modal) {\r\n              btn.focus();\r\n            } else {\r\n              modal.setAttribute(\'aria-label\', \'\');\r\n              modal.focus();\r\n            }\r\n          }\r\n        });\r\n        btn.addEventListener(\'click\', function () {\r\n          (0, _util.triggerEvent)(modal, \'click\');\r\n        });\r\n      });\r\n    });\r\n  }\r\n\r\n  _createClass(ModalVideo, [{\r\n    key: \'getPadding\',\r\n    value: function getPadding(ratio) {\r\n      var arr = ratio.split(\':\');\r\n      var width = Number(arr[0]);\r\n      var height = Number(arr[1]);\r\n      var padding = height * 100 / width;\r\n      return padding + \'%\';\r\n    }\r\n  }, {\r\n    key: \'getQueryString\',\r\n    value: function getQueryString(obj) {\r\n      var url = \'\';\r\n      Object.keys(obj).forEach(function (key) {\r\n        url += key + \'=\' + obj[key] + \'&\';\r\n      });\r\n      return url.substr(0, url.length - 1);\r\n    }\r\n  }, {\r\n    key: \'getVideoUrl\',\r\n    value: function getVideoUrl(opt, channel, videoId) {\r\n      if (channel === \'youtube\') {\r\n        return this.getYoutubeUrl(opt.youtube, videoId);\r\n      } else if (channel === \'vimeo\') {\r\n        return this.getVimeoUrl(opt.vimeo, videoId);\r\n      } else if (channel === \'facebook\') {\r\n        return this.getFacebookUrl(opt.facebook, videoId);\r\n      }\r\n      return \'\';\r\n    }\r\n  }, {\r\n    key: \'getVimeoUrl\',\r\n    value: function getVimeoUrl(vimeo, videoId) {\r\n      var query = this.getQueryString(vimeo);\r\n      return \'//player.vimeo.com/video/\' + videoId + \'?\' + query;\r\n    }\r\n  }, {\r\n    key: \'getYoutubeUrl\',\r\n    value: function getYoutubeUrl(youtube, videoId) {\r\n      var query = this.getQueryString(youtube);\r\n      if (youtube.nocookie === true) {\r\n        return \'//www.youtube-nocookie.com/embed/\' + videoId + \'?\' + query;\r\n      }\r\n\r\n      return \'//www.youtube.com/embed/\' + videoId + \'?\' + query;\r\n    }\r\n  }, {\r\n    key: \'getFacebookUrl\',\r\n    value: function getFacebookUrl(facebook, videoId) {\r\n      return \'//www.facebook.com/v2.10/plugins/video.php?href=https://www.facebook.com/facebook/videos/\' + videoId + \'&\' + this.getQueryString(facebook);\r\n    }\r\n  }, {\r\n    key: \'getHtml\',\r\n    value: function getHtml(opt, videoUrl, id) {\r\n      var padding = this.getPadding(opt.ratio);\r\n      var classNames = opt.classNames;\r\n      return \'\\n      <div class=\"\' + classNames.modalVideo + \'\" tabindex=\"-1\" role=\"dialog\" aria-label=\"\' + opt.aria.openMessage + \'\" id=\"\' + id + \'\">\\n        <div class=\"\' + classNames.modalVideoBody + \'\">\\n          <div class=\"\' + classNames.modalVideoInner + \'\">\\n            <div class=\"\' + classNames.modalVideoIframeWrap + \'\" style=\"padding-bottom:\' + padding + \'\">\\n              <button class=\"\' + classNames.modalVideoCloseBtn + \' js-modal-video-dismiss-btn\" aria-label=\"\' + opt.aria.dismissBtnMessage + \'\"></button>\\n              <iframe width=\\\'460\\\' height=\\\'230\\\' src=\"\' + videoUrl + \'\" frameborder=\\\'0\\\' allowfullscreen=\' + opt.allowFullScreen + \' tabindex=\"-1\"/>\\n            </div>\\n          </div>\\n        </div>\\n      </div>\\n    \';\r\n    }\r\n  }]);\r\n\r\n  return ModalVideo;\r\n}();\r\n\r\nexports.default = ModalVideo;\r\nmodule.exports = exports[\'default\'];\r\n\r\n},{\"../lib/util\":5,\"custom-event-polyfill\":1,\"es6-object-assign\":2}],4:[function(require,module,exports){\r\n\'use strict\';\r\n\r\nmodule.exports = require(\'./core/\');\r\n\r\n},{\"./core/\":3}],5:[function(require,module,exports){\r\n\'use strict\';\r\n\r\nObject.defineProperty(exports, \"__esModule\", {\r\n  value: true\r\n});\r\nvar append = exports.append = function append(element, string) {\r\n  var div = document.createElement(\'div\');\r\n  div.innerHTML = string;\r\n  while (div.children.length > 0) {\r\n    element.appendChild(div.children[0]);\r\n  }\r\n};\r\n\r\nvar getUniqId = exports.getUniqId = function getUniqId() {\r\n  return (Date.now().toString(36) + Math.random().toString(36).substr(2, 5)).toUpperCase();\r\n};\r\n\r\nvar remove = exports.remove = function remove(element) {\r\n  if (element && element.parentNode) {\r\n    element.parentNode.removeChild(element);\r\n  }\r\n};\r\n\r\nvar addClass = exports.addClass = function addClass(element, className) {\r\n  if (element.classList) {\r\n    element.classList.add(className);\r\n  } else {\r\n    element.className += \' \' + className;\r\n  }\r\n};\r\n\r\nvar triggerEvent = exports.triggerEvent = function triggerEvent(el, eventName, options) {\r\n  var event = void 0;\r\n  if (window.CustomEvent) {\r\n    event = new CustomEvent(eventName, { cancelable: true });\r\n  } else {\r\n    event = document.createEvent(\'CustomEvent\');\r\n    event.initCustomEvent(eventName, false, false, options);\r\n  }\r\n  el.dispatchEvent(event);\r\n};\r\n\r\n},{}]},{},[4])(4)\r\n});\r\n\r\n</script>\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js\"></script>\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js\"></script>\r\n<!-- Contact Form JavaScript File -->\r\n<script>\r\n    jQuery(document).ready(function($) {\r\n  \"use strict\";\r\n\r\n  //Contact\r\n  $(\'form.contactForm\').submit(function() {\r\n    var f = $(this).find(\'.form-group\'),\r\n      ferror = false,\r\n      emailExp = /^[^\\s()<>@,;:\\/]+@\\w[\\w\\.-]+\\.[a-z]{2,}$/i;\r\n\r\n    f.children(\'input\').each(function() { // run all inputs\r\n\r\n      var i = $(this); // current input\r\n      var rule = i.attr(\'data-rule\');\r\n\r\n      if (rule !== undefined) {\r\n        var ierror = false; // error flag for current input\r\n        var pos = rule.indexOf(\':\', 0);\r\n        if (pos >= 0) {\r\n          var exp = rule.substr(pos + 1, rule.length);\r\n          rule = rule.substr(0, pos);\r\n        } else {\r\n          rule = rule.substr(pos + 1, rule.length);\r\n        }\r\n\r\n        switch (rule) {\r\n          case \'required\':\r\n            if (i.val() === \'\') {\r\n              ferror = ierror = true;\r\n            }\r\n            break;\r\n\r\n          case \'minlen\':\r\n            if (i.val().length < parseInt(exp)) {\r\n              ferror = ierror = true;\r\n            }\r\n            break;\r\n\r\n          case \'email\':\r\n            if (!emailExp.test(i.val())) {\r\n              ferror = ierror = true;\r\n            }\r\n            break;\r\n\r\n          case \'checked\':\r\n            if (! i.is(\':checked\')) {\r\n              ferror = ierror = true;\r\n            }\r\n            break;\r\n\r\n          case \'regexp\':\r\n            exp = new RegExp(exp);\r\n            if (!exp.test(i.val())) {\r\n              ferror = ierror = true;\r\n            }\r\n            break;\r\n        }\r\n        i.next(\'.validation\').html((ierror ? (i.attr(\'data-msg\') !== undefined ? i.attr(\'data-msg\') : \'wrong Input\') : \'\')).show(\'blind\');\r\n      }\r\n    });\r\n    f.children(\'textarea\').each(function() { // run all inputs\r\n\r\n      var i = $(this); // current input\r\n      var rule = i.attr(\'data-rule\');\r\n\r\n      if (rule !== undefined) {\r\n        var ierror = false; // error flag for current input\r\n        var pos = rule.indexOf(\':\', 0);\r\n        if (pos >= 0) {\r\n          var exp = rule.substr(pos + 1, rule.length);\r\n          rule = rule.substr(0, pos);\r\n        } else {\r\n          rule = rule.substr(pos + 1, rule.length);\r\n        }\r\n\r\n        switch (rule) {\r\n          case \'required\':\r\n            if (i.val() === \'\') {\r\n              ferror = ierror = true;\r\n            }\r\n            break;\r\n\r\n          case \'minlen\':\r\n            if (i.val().length < parseInt(exp)) {\r\n              ferror = ierror = true;\r\n            }\r\n            break;\r\n        }\r\n        i.next(\'.validation\').html((ierror ? (i.attr(\'data-msg\') != undefined ? i.attr(\'data-msg\') : \'wrong Input\') : \'\')).show(\'blind\');\r\n      }\r\n    });\r\n    if (ferror) return false;\r\n    else var str = $(this).serialize();\r\n    var action = $(this).attr(\'action\');\r\n    if( ! action ) {\r\n      action = \'contactform/contactform.php\';\r\n    }\r\n    $.ajax({\r\n      type: \"POST\",\r\n      url: action,\r\n      data: str,\r\n      success: function(msg) {\r\n        // alert(msg);\r\n        if (msg == \'OK\') {\r\n          $(\"#sendmessage\").addClass(\"show\");\r\n          $(\"#errormessage\").removeClass(\"show\");\r\n          $(\'.contactForm\').find(\"input, textarea\").val(\"\");\r\n        } else {\r\n          $(\"#sendmessage\").removeClass(\"show\");\r\n          $(\"#errormessage\").addClass(\"show\");\r\n          $(\'#errormessage\').html(msg);\r\n        }\r\n\r\n      }\r\n    });\r\n    return false;\r\n  });\r\n\r\n});\r\n  \r\n  \r\n</script>\r\n\r\n<!-- Template Main Javascript File -->\r\n<script>\r\njQuery(document).ready(function( $ ) {\r\n\r\n$(window).scroll(function () {\r\n  var height = $(window).height();\r\n  var scroll = $(window).scrollTop();\r\n  if (scroll) {\r\n    $(\".header-hide\").addClass(\"scroll-header\");\r\n  } else {\r\n    $(\".header-hide\").removeClass(\"scroll-header\");\r\n  }\r\n\r\n});\r\n\r\n// Back to top button\r\n$(window).scroll(function() {\r\n  if ($(this).scrollTop() > 100) {\r\n    $(\'.back-to-top\').fadeIn(\'slow\');\r\n  } else {\r\n    $(\'.back-to-top\').fadeOut(\'slow\');\r\n  }\r\n});\r\n$(\'.back-to-top\').click(function(){\r\n  $(\'html, body\').animate({scrollTop : 0},1500, \'easeInOutExpo\');\r\n  return false;\r\n});\r\n\r\n// Initiate the wowjs animation library\r\nnew WOW().init();\r\n\r\n// Initiate superfish on nav menu\r\n$(\'.nav-menu\').superfish({\r\n  animation: {\r\n    opacity: \'show\'\r\n  },\r\n  speed: 400\r\n});\r\n\r\n// Mobile Navigation\r\nif ($(\'#nav-menu-container\').length) {\r\n  var $mobile_nav = $(\'#nav-menu-container\').clone().prop({\r\n    id: \'mobile-nav\'\r\n  });\r\n  $mobile_nav.find(\'> ul\').attr({\r\n    \'class\': \'\',\r\n    \'id\': \'\'\r\n  });\r\n  $(\'body\').append($mobile_nav);\r\n  $(\'body\').prepend(\'<button type=\"button\" id=\"mobile-nav-toggle\"><i class=\"fa fa-bars\"></i></button>\');\r\n  $(\'body\').append(\'<div id=\"mobile-body-overly\"></div>\');\r\n  $(\'#mobile-nav\').find(\'.menu-has-children\').prepend(\'<i class=\"fa fa-chevron-down\"></i>\');\r\n\r\n  $(document).on(\'click\', \'.menu-has-children i\', function(e) {\r\n    $(this).next().toggleClass(\'menu-item-active\');\r\n    $(this).nextAll(\'ul\').eq(0).slideToggle();\r\n    $(this).toggleClass(\"fa-chevron-up fa-chevron-down\");\r\n  });\r\n\r\n  $(document).on(\'click\', \'#mobile-nav-toggle\', function(e) {\r\n    $(\'body\').toggleClass(\'mobile-nav-active\');\r\n    $(\'#mobile-nav-toggle i\').toggleClass(\'fa-times fa-bars\');\r\n    $(\'#mobile-body-overly\').toggle();\r\n  });\r\n\r\n  $(document).click(function(e) {\r\n    var container = $(\"#mobile-nav, #mobile-nav-toggle\");\r\n    if (!container.is(e.target) && container.has(e.target).length === 0) {\r\n      if ($(\'body\').hasClass(\'mobile-nav-active\')) {\r\n        $(\'body\').removeClass(\'mobile-nav-active\');\r\n        $(\'#mobile-nav-toggle i\').toggleClass(\'fa-times fa-bars\');\r\n        $(\'#mobile-body-overly\').fadeOut();\r\n      }\r\n    }\r\n  });\r\n} else if ($(\"#mobile-nav, #mobile-nav-toggle\").length) {\r\n  $(\"#mobile-nav, #mobile-nav-toggle\").hide();\r\n}\r\n\r\n// Smooth scroll for the menu and links with .scrollto classes\r\n$(\'.nav-menu a, #mobile-nav a, .scrollto\').on(\'click\', function() {\r\n  if (location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') && location.hostname == this.hostname) {\r\n    var target = $(this.hash);\r\n    if (target.length) {\r\n      var top_space = 0;\r\n\r\n      if ($(\'#header\').length) {\r\n        top_space = $(\'#header\').outerHeight();\r\n\r\n        if( ! $(\'#header\').hasClass(\'header-fixed\') ) {\r\n          top_space = top_space - 20;\r\n        }\r\n      }\r\n\r\n      $(\'html, body\').animate({\r\n        scrollTop: target.offset().top - top_space\r\n      }, 1500, \'easeInOutExpo\');\r\n\r\n      if ($(this).parents(\'.nav-menu\').length) {\r\n        $(\'.nav-menu .menu-active\').removeClass(\'menu-active\');\r\n        $(this).closest(\'li\').addClass(\'menu-active\');\r\n      }\r\n\r\n      if ($(\'body\').hasClass(\'mobile-nav-active\')) {\r\n        $(\'body\').removeClass(\'mobile-nav-active\');\r\n        $(\'#mobile-nav-toggle i\').toggleClass(\'fa-times fa-bars\');\r\n        $(\'#mobile-body-overly\').fadeOut();\r\n      }\r\n      return false;\r\n    }\r\n  }\r\n});\r\n\r\n// Modal video\r\nnew ModalVideo(\'.js-modal-btn\', {channel: \'youtube\'});\r\n\r\n// Init Owl Carousel\r\n$(\'.owl-carousel\').owlCarousel({\r\n  items: 4,\r\n  autoplay: true,\r\n  loop: true,\r\n  margin: 30,\r\n  dots: true,\r\n  responsiveClass: true,\r\n  responsive: {\r\n\r\n    320: { items: 1},\r\n    480: { items: 2},\r\n    600: { items: 2},\r\n    767: { items: 3},\r\n    768: { items: 3},\r\n    992: { items: 4}\r\n  }\r\n});\r\n\r\n// custom code\r\n\r\n});\r\n\r\n</script>\r\n<script>\r\n        AOS.init({\r\n  duration: 1000,\r\n})\r\n      </script>\r\n\r\n</html>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1275,'2019-06-04 19:03:39','2019-06-04 22:49:36',NULL,'2019-06-04 00:00:00','2038-01-01 00:00:00',925,929,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"utf-8\">\r\n    <title>芳林芭樂農園</title>\r\n    <meta name=\"description\" content=\"\">\r\n    <meta name=\"author\" content=\"\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">  \r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.0/pace.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n<link rel=\"stylesheet\" href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" />\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">  \r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css\">\r\n<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n  <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js\"></script>\r\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css\">\r\n\r\n  \r\n  <script src=\"https://code.jquery.com/jquery-3.2.1.js\"></script>\r\n  <script src=\"https://www.ruan-jian.com/ajax/libs/jquery-placeholder/2.1.2/jquery.placeholder.js\"></script>\r\n  <script src=\"https://www.ruan-jian.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.js\"></script>\r\n  <script src=\"https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js\"></script>\r\n  <script src=\"https://unpkg.com/imagesloaded@3.2.0/imagesloaded.pkgd.min.js\"></script>\r\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js\"></script>\r\n  <script src=\"https://cdn.bootcss.com/photoswipe/4.1.2/photoswipe.min.js\"></script>\r\n  <script src=\"https://cdn.bootcss.com/photoswipe/4.1.2/photoswipe-ui-default.min.js\"></script>   \r\n   <script src=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js\"></script>\r\n  <script src=\"https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js\"></script>\r\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js\"></script>\r\n<style>\r\n\r\n.col-md-10 {\r\n    width: 106%;\r\n    margin-top: -105px;\r\n}\r\n.col-md-offset-1 {\r\n    margin-left: -3%;\r\n}\r\n\r\n  @media (max-width: 992px){\r\n.col-md-offset-1 {\r\n    margin-left: 0%;\r\n}}\r\n@media (max-width: 992px){\r\n.col-md-10 {\r\n    width: 100%;\r\n    margin-top: -100px;\r\n}\r\n}\r\n.bgw{\r\nbackground-color: rgba(255, 255, 255, 0.0);\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .col-md-10{\r\n  padding-right: 0px;\r\n  padding-left: 0px;\r\n }\r\n\r\n .container-fluid {\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n}\r\n}\r\n\r\n\r\n\r\nbody {\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 1.7rem;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    line-height: 1.765;\r\n    color: gray;\r\n    margin: 0;\r\n    padding: 0;\r\n    word-wrap: break-word;\r\n    text-rendering: optimizeLegibility;\r\n    -webkit-overflow-scrolling: touch;\r\n    -webkit-text-size-adjust: none;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    -webkit-font-smoothing: antialiased;\r\n\r\n}\r\n\r\n\r\n\r\np{\r\n  margin-bottom: 3rem;\r\n    font-size: 22px;\r\n    font-family: \"微軟正黑體\";\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n    box-sizing: inherit;\r\n}\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## links\r\n * ------------------------------------------------------------------- */\r\na {\r\n    text-decoration: none;\r\n    line-height: inherit;\r\n}\r\n\r\na img {\r\n    border: none;\r\n}\r\n\r\n/* ===================================================================\r\n * # slick slider\r\n * http://kenwheeler.github.io/slick/\r\n * ------------------------------------------------------------------- */\r\n .slick-slider {\r\n  position: relative;\r\n  display: block;\r\n  box-sizing: border-box;\r\n  -webkit-touch-callout: none;\r\n  -webkit-user-select: none;\r\n  -khtml-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  -ms-touch-action: pan-y;\r\n  touch-action: pan-y;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.slick-list {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.slick-list:focus {\r\n  outline: none;\r\n}\r\n.slick-list.dragging {\r\n  cursor: pointer;\r\n  cursor: hand;\r\n}\r\n\r\n.slick-slider .slick-track,\r\n.slick-slider .slick-list {\r\n  -webkit-transform: translate3d(0, 0, 0);\r\n  -moz-transform: translate3d(0, 0, 0);\r\n  -ms-transform: translate3d(0, 0, 0);\r\n  -o-transform: translate3d(0, 0, 0);\r\n  transform: translate3d(0, 0, 0);\r\n}\r\n\r\n.slick-track {\r\n  position: relative;\r\n  left: 0;\r\n  top: 0;\r\n  display: block;\r\n}\r\n.slick-track:before,\r\n.slick-track:after {\r\n  content: \"\";\r\n  display: table;\r\n}\r\n.slick-track:after {\r\n  clear: both;\r\n}\r\n.slick-loading .slick-track {\r\n  visibility: hidden;\r\n}\r\n\r\n.slick-slide {\r\n  float: left;\r\n  height: 100%;\r\n  min-height: 1px;\r\n  display: none;\r\n}\r\n[dir=\"rtl\"] .slick-slide {\r\n  float: right;\r\n}\r\n.slick-slide img {\r\n  display: block;\r\n}\r\n.slick-slide.slick-loading img {\r\n  display: none;\r\n}\r\n.slick-slide.dragging img {\r\n  pointer-events: none;\r\n}\r\n.slick-initialized .slick-slide {\r\n  display: block;\r\n}\r\n.slick-loading .slick-slide {\r\n  visibility: hidden;\r\n}\r\n.slick-vertical .slick-slide {\r\n  display: block;\r\n  height: auto;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.slick-arrow.slick-hidden {\r\n  display: none;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/* ===================================================================\r\n * # reusable and common theme styles\r\n *\r\n * ------------------------------------------------------------------- */\r\n\r\n\r\n.light-gray {\r\n  background-color: #f1f1f1;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## display headings\r\n * ------------------------------------------------------------------- */\r\n.display-1 {\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 6rem;\r\n  line-height: 1.3;\r\n  letter-spacing: 0;\r\n  color: #000000;\r\n  letter-spacing: -0.03rem;\r\n  margin-top: 0;\r\n  margin-bottom: 4.8rem;\r\n}\r\n.display-1--light {\r\n  color: #ffffff;\r\n}\r\n\r\n.subhead {\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 3.6rem;\r\n    line-height: 1.3125;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.25rem;\r\n    color: brown;\r\n    margin-top: 0;\r\n    margin-bottom: 2.1rem;\r\n}\r\n.subhead::before {\r\n  content: \"/ \";\r\n}\r\n\r\n/* ------------------------------------------------------------------- \r\n * responsive:\r\n * display headings\r\n * ------------------------------------------------------------------- */\r\n@media only screen and (max-width: 1400px) {\r\n  .display-1 {\r\n    font-size: 5.6rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 1200px) {\r\n  .display-1 {\r\n    font-size: 5.2rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 950px) {\r\n  .display-1 {\r\n    font-size: 4.6rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 800px) {\r\n  .display-1 {\r\n    font-size: 4.2rem;\r\n    margin-bottom: 4.2rem;\r\n  }\r\n\r\n  .subhead {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 700px) {\r\n  .display-1 {\r\n    font-size: 4rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .display-1 {\r\n    font-size: 3.6rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 500px) {\r\n  .display-1 {\r\n    font-size: 3.3rem;\r\n  }\r\n\r\n  .subhead {\r\n    font-size: 1.4rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 400px) {\r\n  .display-1 {\r\n    font-size: 3rem;\r\n  }\r\n}\r\n\r\n\r\n/* ===================================================================\r\n * # header styles\r\n *\r\n * ------------------------------------------------------------------- */\r\n.s-header {\r\n  z-index: 500;\r\n  width: 100%;\r\n  height: 96px;\r\n  background-color: transparent;\r\n  position: absolute;\r\n  top: 24px;\r\n}\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## main navigation \r\n * ------------------------------------------------------------------- */\r\n.header-nav {\r\n  z-index: 900;\r\n  font-family:  \"微軟正黑體\";\r\n  font-size: 2rem;\r\n  line-height: 1.846;\r\n  padding: 3.6rem 3rem 3.6rem 3.6rem;\r\n  height: 100%;\r\n  width: 280px;\r\n  background: #0c0c0c;\r\n  color: rgba(255, 255, 255, 0.25);\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  position: fixed;\r\n  right: 0;\r\n  top: 0;\r\n  -webkit-transition: all 0.5s ease;\r\n  transition: all 0.5s ease;\r\n  -webkit-transform: translateZ(0);\r\n  -webkit-transform: translateX(100%);\r\n  -ms-transform: translateX(100%);\r\n  transform: translateX(100%);\r\n  visibility: hidden;\r\n}\r\n.header-nav a,\r\n.header-nav a:visited {\r\n  color: rgba(255, 255, 255, 0.5);\r\n}\r\n.header-nav a:hover,\r\n.header-nav a:focus,\r\n.header-nav a:active {\r\n  color: white;\r\n}\r\n.header-nav h3 {\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 22px;\r\n  line-height: 1.363;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.25rem;\r\n  margin-bottom: 4.8rem;\r\n  margin-top: 0.9rem;\r\n  color: #cc147f;\r\n}\r\n.header-nav p {\r\n  margin-bottom: 2.7rem;\r\n}\r\n\r\n.header-nav__content {\r\n  background: #0c0c0c;\r\n  position: relative;\r\n  left: 50px;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n}\r\n\r\n.header-nav__list {\r\n  font-family:  \"微軟正黑體\";\r\n  font-size: 2rem;\r\n  margin: 3.6rem 0 3rem 0;\r\n  padding: 0 0 1.8rem 0;\r\n  list-style: none;\r\n  counter-reset: ctr;\r\n}\r\n.header-nav__list li {\r\n  border-top: 1px solid rgba(255, 255, 255, 0.09);\r\n  line-height: 4.8rem;\r\n  position: relative;\r\n}\r\n.header-nav__list li:last-child {\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n}\r\n.header-nav__list a {\r\n  display: block;\r\n  color: #ffffff;\r\n  position: relative;\r\n  padding-left: 3.5rem;\r\n}\r\n.header-nav__list a::before {\r\n  content: counter(ctr, decimal-leading-zero) \".\";\r\n  counter-increment: ctr;\r\n  font-family:  \"微軟正黑體\";\r\n  font-size: 20px;\r\n  color: rgba(255, 255, 255, 0.25);\r\n  -webkit-transition: all 0.5s ease-in-out;\r\n  transition: all 0.5s ease-in-out;\r\n  position: absolute;\r\n  left: 3px;\r\n  top: 0;\r\n}\r\n.header-nav__list a:hover::before {\r\n  color: #cc147f;\r\n}\r\n\r\n.header-nav__social {\r\n  list-style: none;\r\n  display: inline-block;\r\n  font-size: 1.8rem;\r\n  margin: 0;\r\n}\r\n.header-nav__social li {\r\n  display: inline-block;\r\n  margin-right: 12px;\r\n  padding-left: 0;\r\n  font-size:22px\r\n}\r\n.header-nav__social li a {\r\n  color: rgba(85, 206, 49, 0.5);\r\n}\r\n.header-nav__social li a:hover,\r\n.header-nav__social li a:focus {\r\n  color: white;\r\n}\r\n.header-nav__social li:last-child {\r\n  margin: 0;\r\n}\r\n\r\n.header-nav__close {\r\n  z-index: 800;\r\n  display: block;\r\n  background-color: rgba(0, 0, 0, 0.3);\r\n  height: 30px;\r\n  width: 30px;\r\n  border-radius: 3px;\r\n  position: absolute;\r\n  top: 36px;\r\n  right: 30px;\r\n  font: 0/0 a;\r\n  text-shadow: none;\r\n  color: transparent;\r\n}\r\n.header-nav__close span::before,\r\n.header-nav__close span::after {\r\n  content: \"\";\r\n  display: block;\r\n  height: 2px;\r\n  width: 12px;\r\n  background-color: #ffffff;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 9px;\r\n  margin-top: -1px;\r\n}\r\n.header-nav__close span::before {\r\n  -webkit-transform: rotate(-45deg);\r\n  -ms-transform: rotate(-45deg);\r\n  transform: rotate(-45deg);\r\n}\r\n.header-nav__close span::after {\r\n  -webkit-transform: rotate(45deg);\r\n  -ms-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n/* menu is open\r\n * ----------------------------------------------- */\r\n.menu-is-open .header-nav {\r\n  -webkit-transform: translateX(0);\r\n  -ms-transform: translateX(0);\r\n  transform: translateX(0);\r\n  visibility: visible;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n.menu-is-open .header-nav .header-nav__content {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  -webkit-transition-property: all;\r\n  transition-property: all;\r\n  -webkit-transition-duration: 0.5s;\r\n  transition-duration: 0.5s;\r\n  -webkit-transition-timing-function: ease-in-out;\r\n  transition-timing-function: ease-in-out;\r\n  -webkit-transition-delay: 0.3s;\r\n  transition-delay: 0.3s;\r\n  left: 0;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## mobile menu toggle \r\n * ------------------------------------------------------------------- */\r\n.header-menu-toggle {\r\n  position: fixed;\r\n  right: 110px;\r\n  top: 42px;\r\n  width: 48px;\r\n  height: 45px;\r\n  line-height: 45px;\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 18px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.4rem;\r\n  color: #ffffff;\r\n  -webkit-transition: all 0.5s ease-in-out;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n.header-menu-toggle::before {\r\n  display: inline-block;\r\n  content: \"Menu\";\r\n  height: 45px;\r\n  left: auto;\r\n  text-align: right;\r\n  padding-left: 15px;\r\n  padding-right: 10px;\r\n  position: absolute;\r\n  top: 0;\r\n  right: 100%;\r\n}\r\n.header-menu-toggle.opaque {\r\n  background-color: #000000;\r\n}\r\n.header-menu-toggle.opaque::before {\r\n  display: none;\r\n}\r\n.header-menu-toggle:hover,\r\n.header-menu-toggle:focus,\r\n.header-menu-toggle:active {\r\n  color: #cc147f;\r\n}\r\n\r\n.header-menu-icon {\r\n  display: block;\r\n  width: 26px;\r\n  height: 2px;\r\n  margin-top: -1px;\r\n  right: auto;\r\n  bottom: auto;\r\n  background-color: white;\r\n  position: absolute;\r\n  left: 11px;\r\n  top: 50%;\r\n}\r\n.header-menu-icon::before,\r\n.header-menu-icon::after {\r\n  content: \"\";\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: inherit;\r\n  position: absolute;\r\n  left: 0;\r\n}\r\n.header-menu-icon::before {\r\n  top: -9px;\r\n}\r\n.header-menu-icon::after {\r\n  bottom: -9px;\r\n}\r\n\r\n/* ------------------------------------------------------------------- \r\n * responsive:\r\n * header\r\n * ------------------------------------------------------------------- */\r\n@media only screen and (max-width: 1600px) {\r\n  .header-logo {\r\n    left: 60px;\r\n  }\r\n\r\n  .header-menu-toggle {\r\n    right: 60px;\r\n  }\r\n}\r\n@media only screen and (max-width: 800px) {\r\n  .header-logo {\r\n    left: 40px;\r\n  }\r\n\r\n  .header-menu-toggle {\r\n    right: 40px;\r\n  }\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .s-header {\r\n    height: 90px;\r\n    top: 12px;\r\n  }\r\n\r\n  .header-logo {\r\n    left: 30px;\r\n  }\r\n  .header-logo img {\r\n    width: 180px;\r\n    height: 34px;\r\n  }\r\n\r\n  .header-menu-toggle {\r\n    right: 25px;\r\n    top: 30px;\r\n  }\r\n}\r\n@media only screen and (max-width: 500px) {\r\n  .header-menu-toggle::before {\r\n    display: none;\r\n  }\r\n}\r\n@media only screen and (max-width: 400px) {\r\n  .s-header {\r\n    top: 6px;\r\n  }\r\n\r\n  .header-logo {\r\n    left: 25px;\r\n  }\r\n  .header-logo img img {\r\n    width: 141px;\r\n    height: 27px;\r\n  }\r\n\r\n  .header-menu-toggle {\r\n    top: 24px;\r\n    right: 20px;\r\n  }\r\n}\r\n\r\n\r\n/* ===================================================================\r\n * # home\r\n *\r\n * ------------------------------------------------------------------- */\r\n.s-home {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 786px;\r\n  background-color: transparent;\r\n  position: relative;\r\n  display: table;\r\n}\r\n.s-home .shadow-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0.4;\r\n  background: linear-gradient(to right, black 0%, black 20%, transparent 100%);\r\n}\r\n.s-home::before {\r\n  display: block;\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0.65;\r\n  background-color: #000000;\r\n}\r\n\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## home content\r\n * ------------------------------------------------------------------- */\r\n.home-content {\r\n    background:linear-gradient(\r\n    rgba(0,0,0,0.4),\r\n    rgba(0,0,0,0.3)\r\n  ),\r\n   url(images/guavabgw.jpg);\r\n   background-attachment: fixed; \r\n   background-repeat:no-repeat;\r\n   background-position: center top; \r\n  background-size: cover;\r\n  display: table-cell;\r\n  width: 100%;\r\n  height: 100%;\r\n  vertical-align: middle;\r\n  padding-bottom: 15.6rem;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.home-content h1 {\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 7rem;\r\n  line-height: 1.1;\r\n  margin-top: 0;\r\n  color: #ffffff;\r\n}\r\n.home-content h1 + p {\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 3.8rem;\r\n  line-height: 1.421;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin-top: 2.4rem;\r\n  padding-left: 10rem;\r\n  position: relative;\r\n}\r\n.home-content h1 + p::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 6.5rem;\r\n  height: 1px;\r\n  background-color: #cc4e14;\r\n  position: absolute;\r\n  left: 6px;\r\n  top: 2.7rem;\r\n}\r\n\r\n.home-content__main {\r\n  padding-top: 15rem;\r\n  padding-right: 20rem;\r\n  position: relative;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## home sidelinks\r\n * ------------------------------------------------------------------- */\r\n.home-sidelinks {\r\n  list-style: none;\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 1.4rem;\r\n  line-height: 1.714;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.3rem;\r\n  margin: 0;\r\n  -webkit-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 0;\r\n}\r\n.home-sidelinks li {\r\n  display: block;\r\n  padding: 0;\r\n  text-align: left;\r\n  background-color: rgba(0, 0, 0, 0.2);\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n  -webkit-transition: all 0.5s ease-in-out;\r\n  transition: all 0.5s ease-in-out;\r\n  position: relative;\r\n}\r\n.home-sidelinks li:last-child {\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n.home-sidelinks li::before {\r\n  content: \"\";\r\n  display: block;\r\n  height: 6px;\r\n  width: 6px;\r\n  background-color: #cc147f;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: 3rem;\r\n  left: 2rem;\r\n}\r\n.home-sidelinks a {\r\n  display: block;\r\n  padding: 2.1rem 15rem 2.1rem 4rem;\r\n  color: #ffffff;\r\n}\r\n.home-sidelinks span {\r\n  display: block;\r\n  font-family:\"微軟正黑體\";\r\n  font-size: 1.5rem;\r\n  line-height: 1.6rem;\r\n  color: rgba(255, 255, 255, 0.5);\r\n  text-transform: none;\r\n  letter-spacing: 0;\r\n}\r\n.home-sidelinks li:hover {\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## home scroll\r\n * ------------------------------------------------------------------- */\r\n.home-scroll {\r\n  height: 4.8rem;\r\n  position: absolute;\r\n  right: 110px;\r\n  bottom: 6.6rem;\r\n}\r\n.home-scroll__text {\r\n  display: inline-block;\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 11px;\r\n  line-height: 4.8rem;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.3rem;\r\n  color: #ffffff;\r\n  border-bottom: 1px solid transparent;\r\n  -webkit-transition: all 0.3s ease-in-out;\r\n  transition: all 0.3s ease-in-out;\r\n  position: relative;\r\n  right: 7.5rem;\r\n}\r\n.home-scroll__icon {\r\n  display: block;\r\n  height: 4.8rem;\r\n  width: 4.8rem;\r\n  background-color: #ffffff;\r\n  background-image: url(images/icons/icon-arrow-down.svg);\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-size: 10px 15px;\r\n  border-radius: 50%;\r\n  -webkit-transition: all 0.3s ease-in-out;\r\n  transition: all 0.3s ease-in-out;\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n.home-scroll:hover .home-scroll__text {\r\n  border-bottom: 1px solid #ffffff;\r\n}\r\n\r\n.no-svg .home-scroll__icon {\r\n  background-image: url(images/icons/png/icon-arrow-down.png);\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## home scroll\r\n * ------------------------------------------------------------------- */\r\n.home-social {\r\n  list-style: none;\r\n  font-size: 14px;\r\n  line-height: 4.8rem;\r\n  margin: 0;\r\n  color: #ffffff;\r\n  position: absolute;\r\n  bottom: 6.6rem;\r\n  left: 110px;\r\n}\r\n.home-social a {\r\n  color: #ffffff;\r\n  border-bottom: 1px solid transparent;\r\n  -webkit-transition: all 0.5s ease-in-out;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n.home-social a:hover {\r\n  border-bottom: 1px solid #ffffff;\r\n}\r\n.home-social i {\r\n  display: none;\r\n}\r\n.home-social .home-social-title {\r\n  font-family: \"微軟正黑體\";\r\n  padding-right: 4rem;\r\n  margin-right: 0.8rem;\r\n  position: relative;\r\n}\r\n.home-social .home-social-title::after {\r\n  display: block;\r\n  content: \"\";\r\n  width: 2.4rem;\r\n  height: 1px;\r\n  background-color: rgba(255, 255, 255, 0.1);\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n}\r\n.home-social li {\r\n  display: inline-block;\r\n  position: relative;\r\n  margin-right: 0.6rem;\r\n}\r\n.home-social li a {\r\n  display: block;\r\n}\r\n.home-social li:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n/* animate .home-content__main\r\n * ------------------------------------------------------------------- */\r\nhtml.cl-preload .home-content__main {\r\n  opacity: 0;\r\n}\r\n\r\nhtml.cl-loaded .home-content__main {\r\n  animation-duration: 2s;\r\n  -webkit-animation-name: fadeIn;\r\n  animation-name: fadeIn;\r\n}\r\n\r\nhtml.no-csstransitions .home-content__main {\r\n  opacity: 1;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## home animations\r\n * ------------------------------------------------------------------- */\r\n/* fade in */\r\n@-webkit-keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, 150%, 0);\r\n    -ms-transform: translate3d(0, 150%, 0);\r\n    transform: translate3d(0, 150%, 0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n    -ms-transform: translate3d(0, 0, 0);\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, 150%, 0);\r\n    -ms-transform: translate3d(0, 150%, 0);\r\n    transform: translate3d(0, 150%, 0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    -webkit-transform: translate3d(0, 0, 0);\r\n    -ms-transform: translate3d(0, 0, 0);\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n/* fade out */\r\n@-webkit-keyframes fadeOut {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, -150%, 0);\r\n    -ms-transform: translate3d(0, -150%, 0);\r\n    transform: translate3d(0, -150%, 0);\r\n  }\r\n}\r\n@keyframes fadeOut {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    -webkit-transform: translate3d(0, -150%, 0);\r\n    -ms-transform: translate3d(0, -150%, 0);\r\n    transform: translate3d(0, -150%, 0);\r\n  }\r\n}\r\n\r\n/* ------------------------------------------------------------------- \r\n * responsive:\r\n * home\r\n * ------------------------------------------------------------------- */\r\n@media only screen and (max-width: 1600px) {\r\n  .home-content h1 {\r\n    font-size: 8.8rem;\r\n  }\r\n  .home-content h1 + p {\r\n    font-size: 3.6rem;\r\n  }\r\n\r\n  .home-content__main {\r\n    padding-top: 18rem;\r\n  }\r\n\r\n  .home-sidelinks {\r\n    font-size: 1.3rem;\r\n  }\r\n\r\n  .home-scroll {\r\n    right: 60px;\r\n  }\r\n\r\n  .home-social {\r\n    left: 60px;\r\n  }\r\n}\r\n@media only screen and (max-width: 1500px) {\r\n  .home-content h1 {\r\n    font-size: 8.6rem;\r\n  }\r\n\r\n  .home-content__main {\r\n    max-width: 1100px;\r\n  }\r\n}\r\n@media only screen and (max-width: 1400px) {\r\n  .home-content h1 {\r\n    font-size: 7.8rem;\r\n  }\r\n  .home-content h1 + p {\r\n    font-size: 3rem;\r\n  }\r\n  .home-content h1 + p::before {\r\n    top: 2.4rem;\r\n  }\r\n\r\n  .home-content__main {\r\n    max-width: 1000px;\r\n  }\r\n\r\n  .home-sidelinks a {\r\n    padding: 2.1rem 12rem 2.1rem 4rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 1200px) {\r\n  .home-content h1 {\r\n    font-size: 7.2rem;\r\n  }\r\n  .home-content h1 + p {\r\n    font-size: 2.4rem;\r\n    padding-right: 2rem;\r\n    padding-left: 8rem;\r\n  }\r\n  .home-content h1 + p::before {\r\n    width: 5.5rem;\r\n    top: 1.8rem;\r\n  }\r\n  .home-content br {\r\n    display: none;\r\n  }\r\n\r\n  .home-content__main {\r\n    max-width: 850px;\r\n  }\r\n\r\n  .home-sidelinks a {\r\n    padding: 1.8rem 6rem 1.8rem 4rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 1000px) {\r\n  .home-content__main {\r\n    max-width: 650px;\r\n    padding-right: 0;\r\n  }\r\n\r\n  .home-sidelinks {\r\n    display: none;\r\n  }\r\n}\r\n@media only screen and (max-width: 900px) {\r\n  .home-content h1 {\r\n    font-size: 7rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 800px) {\r\n  .home-content h1 {\r\n    font-size: 6.5rem;\r\n  }\r\n\r\n  .home-content__main {\r\n    max-width: 580px;\r\n  }\r\n\r\n  .home-scroll {\r\n    right: 40px;\r\n  }\r\n  .home-scroll__text {\r\n    display: none;\r\n  }\r\n\r\n  .home-social {\r\n    left: 40px;\r\n  }\r\n}\r\n@media only screen and (max-width: 700px) {\r\n  .home-content h1 {\r\n    font-size: 5.5rem;\r\n  }\r\n  .home-content h1 + p {\r\n    font-size: 2.2rem;\r\n    padding-right: 0;\r\n  }\r\n  .home-content h1 + p::before {\r\n    top: 1.6rem;\r\n  }\r\n\r\n  .home-content__main {\r\n    max-width: 480px;\r\n  }\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .home-content h1 {\r\n    font-size: 5.4rem;\r\n  }\r\n  .home-content h1 + p {\r\n    padding-top: 3rem;\r\n    padding-left: 0;\r\n  }\r\n  .home-content h1 + p::before {\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n\r\n  .home-content__main {\r\n    width: auto;\r\n    padding-left: 35px;\r\n    padding-right: 35px;\r\n  }\r\n\r\n  .home-social {\r\n    left: 30px;\r\n    bottom: 6rem;\r\n    bottom: 6rem;\r\n  }\r\n  .home-social i {\r\n    display: inline;\r\n  }\r\n  .home-social .home-social-text {\r\n    display: none;\r\n  }\r\n\r\n  .home-scroll {\r\n    right: 30px;\r\n    bottom: 6rem;\r\n  }\r\n  .home-scroll__icon {\r\n    height: 4.2rem;\r\n    width: 4.2rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 500px) {\r\n  .home-content h1 {\r\n    font-size: 5rem;\r\n  }\r\n  .home-content h1 + p {\r\n    padding-top: 2.8rem;\r\n  }\r\n\r\n  .s-home {\r\n    min-height: 642px;\r\n  }\r\n}\r\n@media only screen and (max-width: 450px) {\r\n  .home-content h1 {\r\n    font-size: 4.6rem;\r\n  }\r\n  .home-content h1 + p {\r\n    padding-top: 2.4rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 400px) {\r\n  .s-home {\r\n    min-height: 630px;\r\n  }\r\n\r\n  .home-content h1 {\r\n    font-size: 4.2rem;\r\n  }\r\n  .home-content h1 + p {\r\n    padding-top: 2.1rem;\r\n  }\r\n\r\n  .home-content__main {\r\n    padding-left: 25px;\r\n    padding-right: 25px;\r\n  }\r\n\r\n  .home-social {\r\n    font-size: 13px;\r\n    left: 25px;\r\n  }\r\n  .home-social .home-social-title {\r\n    padding-right: 0.6rem;\r\n  }\r\n  .home-social .home-social-title::after {\r\n    display: none;\r\n  }\r\n\r\n  .home-scroll {\r\n    right: 25px;\r\n  }\r\n}\r\n\r\n\r\n\r\n/* ===================================================================\r\n * # about\r\n *\r\n * ------------------------------------------------------------------- */\r\n.s-about {\r\n  padding-top: 18rem;\r\n  padding-bottom: 18rem;\r\n  background-color: #ffffff;\r\n  position: relative;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## about process\r\n * ------------------------------------------------------------------- */\r\n.process {\r\n  margin-top: 4.2rem;\r\n  position: relative;\r\n}\r\n.process__vline-left,\r\n.process__vline-right {\r\n  display: block;\r\n  width: 1px;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.15);\r\n  position: absolute;\r\n}\r\n.process__vline-left {\r\n  top: 0;\r\n  left: calc(20px + 24px);\r\n}\r\n.process__vline-right {\r\n  top: 0;\r\n  left: calc(50% + 20px + 24px);\r\n}\r\n.process h4 {\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 2.8rem;\r\n  line-height: 1.5;\r\n  margin-top: 0;\r\n  position: relative;\r\n}\r\n.process__col {\r\n  position: relative;\r\n  min-height: 24.6rem;\r\n}\r\n.process__col::before {\r\n  content: attr(data-item);\r\n  display: block;\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 2.1rem;\r\n  text-align: center;\r\n  color: #ffffff;\r\n  background-color: #26bfb5;\r\n  height: 48px;\r\n  width: 48px;\r\n  line-height: 48px;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 18px #ffffff;\r\n  position: absolute;\r\n  left: 20px;\r\n  top: 0;\r\n}\r\n.process__text {\r\n  margin-left: 7.5rem;\r\n  padding-right: 30px;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * responsive:\r\n * about\r\n * ------------------------------------------------------------------- */\r\n@media only screen and (max-width: 1200px) {\r\n  .s-about {\r\n    padding-top: 15rem;\r\n    padding-bottom: 15rem;\r\n  }\r\n\r\n  .process__vline-left {\r\n    left: calc(15px + 22px);\r\n  }\r\n  .process__vline-right {\r\n    left: calc(50% + 15px + 22px);\r\n  }\r\n  .process h4 {\r\n    font-size: 2.6rem;\r\n  }\r\n  .process__col::before {\r\n    height: 45px;\r\n    width: 45px;\r\n    line-height: 45px;\r\n    font-size: 1.8rem;\r\n    left: 15px;\r\n  }\r\n  .process__text {\r\n    margin-left: 6.8rem;\r\n    padding-right: 0;\r\n  }\r\n}\r\n@media only screen and (max-width: 800px) {\r\n  .s-about {\r\n    padding-top: 12rem;\r\n    padding-bottom: 12rem;\r\n  }\r\n\r\n  .process {\r\n    margin-top: 3rem;\r\n  }\r\n  .process__vline-right {\r\n    display: none;\r\n  }\r\n  .process__col {\r\n    min-height: 0;\r\n  }\r\n  .process__col::before {\r\n    top: -3px;\r\n  }\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .process__vline-left {\r\n    left: calc(10px + 22px);\r\n  }\r\n  .process__col::before {\r\n    top: -3px;\r\n    left: 10px;\r\n  }\r\n  .process h4 {\r\n    font-size: 2.4rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 400px) {\r\n  .s-about {\r\n    padding-top: 9.6rem;\r\n  }\r\n\r\n  .process h4 {\r\n    font-size: 2.2rem;\r\n    padding-left: 5.4rem;\r\n    margin-bottom: 1.8rem;\r\n  }\r\n  .process__vline-left {\r\n    display: none;\r\n  }\r\n  .process__col {\r\n    margin-bottom: 4.2rem;\r\n  }\r\n  .process__col::before {\r\n    height: 36px;\r\n    width: 36px;\r\n    line-height: 36px;\r\n    font-size: 1.6rem;\r\n    top: -3px;\r\n    left: 0;\r\n  }\r\n  .process__text {\r\n    margin-left: 0;\r\n  }\r\n}\r\n\r\n\r\n\r\n/* ===================================================================\r\n * # services\r\n *\r\n * ------------------------------------------------------------------- */\r\n.s-services {\r\n  padding-top: 18rem;\r\n  padding-bottom: 18rem;\r\n  color: #555555;\r\n  position: relative;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## services list\r\n * ------------------------------------------------------------------- */\r\n.services-list {\r\n  margin-top: 6rem;\r\n}\r\n.services-list .service-item {\r\n  margin-bottom: 1.5rem;\r\n}\r\n.services-list .service-item h3 {\r\n  margin-top: 0;\r\n  margin-bottom: 1.8rem;\r\n}\r\n.services-list .service-icon {\r\n  color: #26bfb5;\r\n  font-size: 4.8rem;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * responsive:\r\n * services\r\n * ------------------------------------------------------------------- */\r\n@media only screen and (max-width: 1200px) {\r\n  .s-services {\r\n    padding-top: 15rem;\r\n    padding-bottom: 15rem;\r\n  }\r\n\r\n  .services-list [class*=\"col-\"]:nth-child(2n + 1) {\r\n    padding-right: 30px;\r\n  }\r\n  .services-list [class*=\"col-\"]:nth-child(2n + 2) {\r\n    padding-left: 30px;\r\n  }\r\n}\r\n@media only screen and (max-width: 800px) {\r\n  .s-services {\r\n    padding-top: 12rem;\r\n    padding-bottom: 12rem;\r\n  }\r\n\r\n  .services-list {\r\n    margin-top: 3rem;\r\n  }\r\n  .services-list .service-icon {\r\n    font-size: 4.5rem;\r\n  }\r\n  .services-list [class*=\"col-\"]:nth-child(n) {\r\n    padding: 0 15px;\r\n  }\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .services-list [class*=\"col-\"]:nth-child(n) {\r\n    padding: 0 10px;\r\n  }\r\n}\r\n@media only screen and (max-width: 400px) {\r\n  .s-services {\r\n    padding-top: 9.6rem;\r\n  }\r\n\r\n  .services-list [class*=\"col-\"]:nth-child(n) {\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n\r\n/* ===================================================================\r\n * # works\r\n *\r\n * ------------------------------------------------------------------- */\r\n.s-works {\r\n  background: #ffffff;\r\n  padding: 18rem 0 24rem;\r\n  position: relative;\r\n}\r\n\r\n\r\n\r\n/* ===================================================================\r\n * # testimonials\r\n *\r\n * ------------------------------------------------------------------- */\r\n.testimonials-header {\r\n  text-align: center;\r\n  margin-top: 7.2rem;\r\n}\r\n\r\n.testimonials {\r\n  font-size: 1.8rem;\r\n  line-height: 2;\r\n  margin-top: 4.2rem;\r\n  border-top: 1px solid rgba(0, 0, 0, 0.15);\r\n  position: relative;\r\n}\r\n\r\n.testimonials__slider {\r\n  position: relative;\r\n}\r\n.testimonials__slider .slick-slide {\r\n  outline: none;\r\n}\r\n.testimonials__slider .slick-dots {\r\n  display: block;\r\n  list-style: none;\r\n  width: 100%;\r\n  padding: 0;\r\n  margin: 3rem 0 0 0;\r\n  text-align: center;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n}\r\n.testimonials__slider .slick-dots li {\r\n  display: inline-block;\r\n  width: 27px;\r\n  height: 27px;\r\n  margin: 0;\r\n  padding: 9px;\r\n  cursor: pointer;\r\n}\r\n.testimonials__slider .slick-dots li button {\r\n  display: block;\r\n  width: 10px;\r\n  height: 10px;\r\n  line-height: 10px;\r\n  border-radius: 50%;\r\n  background: rgba(0, 0, 0, 0.4);\r\n  border: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  cursor: pointer;\r\n  font: 0/0 a;\r\n  text-shadow: none;\r\n  color: transparent;\r\n}\r\n.testimonials__slider .slick-dots li button:hover,\r\n.testimonials__slider .slick-dots li button:focus {\r\n  outline: none;\r\n}\r\n.testimonials__slider .slick-dots li.slick-active button,\r\n.testimonials__slider .slick-dots li:hover button {\r\n  background: #000000;\r\n}\r\n\r\n.testimonials__slide {\r\n  position: relative;\r\n  padding-top: 4.5rem;\r\n  padding-left: 12rem;\r\n  padding-right: 3rem;\r\n}\r\n.testimonials__slide::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 1px;\r\n  height: 3.9rem;\r\n  position: absolute;\r\n  left: calc(7.8rem / 2);\r\n  top: 0;\r\n  background-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.testimonials__avatar {\r\n  width: 7.8rem;\r\n  height: 7.8rem;\r\n  border-radius: 100%;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 4.8rem;\r\n  outline: none;\r\n}\r\n\r\n.testimonials__author {\r\n  margin-top: 0rem;\r\n  font-family: \"metropolis-bold\", sans-serif;\r\n  font-size: 1.8rem;\r\n  line-height: 1.5;\r\n  color: #000000;\r\n}\r\n.testimonials__author span {\r\n  display: block;\r\n  font-family: \"metropolis-regular\", sans-serif;\r\n  font-size: 1.4rem;\r\n  line-height: 1.5;\r\n  color: rgba(85, 85, 85, 0.7);\r\n  text-transform: none;\r\n  letter-spacing: 0;\r\n}\r\n\r\n/* ------------------------------------------------------------------- \r\n * responsive:\r\n * testimonials\r\n * ------------------------------------------------------------------- */\r\n@media only screen and (max-width: 1100px) {\r\n  .testimonials {\r\n    font-size: 1.7rem;\r\n  }\r\n\r\n  .testimonials__slide {\r\n    padding-left: 9.5rem;\r\n  }\r\n  .testimonials__slide::before {\r\n    left: calc(6.6rem / 2);\r\n  }\r\n\r\n  .testimonials__avatar {\r\n    width: 6.6rem;\r\n    height: 6.6rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .testimonials-header h1 {\r\n    font-size: 2.7rem;\r\n  }\r\n\r\n  .testimonials {\r\n    margin-top: 3rem;\r\n  }\r\n\r\n  .testimonials__slide {\r\n    padding: 13.2rem 0 0;\r\n    text-align: center;\r\n  }\r\n  .testimonials__slide::before {\r\n    left: 50%;\r\n  }\r\n\r\n  .testimonials__avatar {\r\n    left: 50%;\r\n    margin-left: -3.3rem;\r\n  }\r\n}\r\n\r\n\r\n\r\n/* ===================================================================\r\n * # stats \r\n *\r\n * ------------------------------------------------------------------- */\r\n.s-stats {\r\n  padding-top: 4.2rem;\r\n  padding-bottom: 4.2rem;\r\n  background-color: #050505;\r\n  background-image: url(../images/stats-bg.jpg);\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: cover;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.s-stats::before {\r\n  display: block;\r\n  content: \"\";\r\n  background-color: #050505;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0.8;\r\n}\r\n\r\n.stats {\r\n  text-align: center;\r\n}\r\n.stats__col {\r\n  margin: 5.4rem 0;\r\n  padding: 0 2rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n.stats__count {\r\n  font-family: \"metropolis-light\", sans-serif;\r\n  font-size: 9.2rem;\r\n  line-height: 1;\r\n  color: #ffffff;\r\n  padding-bottom: 1.8rem;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  position: relative;\r\n}\r\n.stats__count::after {\r\n  display: block;\r\n  content: \"\";\r\n  height: 1px;\r\n  width: 100px;\r\n  background-color: rgba(255, 255, 255, 0.1);\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  margin-left: -50px;\r\n}\r\n.stats h5 {\r\n  font-family: \"metropolis-regular\", sans-serif;\r\n  font-size: 1.8rem;\r\n  line-height: 1.333;\r\n  color: rgba(255, 255, 255, 0.5);\r\n  margin-top: 1.8rem;\r\n  position: relative;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * responsive:\r\n * stats\r\n * ------------------------------------------------------------------- */\r\n@media only screen and (max-width: 1200px) {\r\n  .stats {\r\n    max-width: 900px;\r\n  }\r\n  .stats__col {\r\n    margin: 3rem 0;\r\n  }\r\n  .stats__count {\r\n    font-size: 9rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .stats__count {\r\n    font-size: 8.4rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 400px) {\r\n  .s-stats {\r\n    padding-top: 4.5rem;\r\n    padding-bottom: 4.5rem;\r\n  }\r\n\r\n  .stats__count {\r\n    font-size: 8.2rem;\r\n  }\r\n}\r\n\r\n\r\n\r\n/* ===================================================================\r\n * # contact \r\n *\r\n * ------------------------------------------------------------------- */\r\n.s-contact {\r\n  padding-top: 20rem;\r\n  padding-bottom: 10.2rem;\r\n background:linear-gradient(\r\n    rgba(0,0,0,0.3),\r\n    rgba(0,0,0,0.4)\r\n  ),\r\n   url(images/contact.jpg);\r\n   background-attachment: fixed; \r\n   background-repeat:no-repeat;\r\n   background-position: center; \r\n  background-size: cover;\r\n  color: rgba(255, 255, 255, 0.3);\r\n  position: relative;\r\n}\r\n.s-contact a {\r\n  color: #ffffff;\r\n  border-bottom: 1px solid transparent;\r\n  display: inline-block;\r\n}\r\n.s-contact a:hover,\r\n.s-contact a:focus {\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.contact-main {\r\n  margin-top: 14.4rem;\r\n  margin-bottom: 4.8rem;\r\n}\r\n\r\n.contact-email {\r\n  display: inline-block;\r\n  font-family: \"metropolis-light\", sans-serif;\r\n  font-size: 5.4rem;\r\n  line-height: 1.222;\r\n  color: #ffffff;\r\n  padding-top: 3.6rem;\r\n  position: relative;\r\n}\r\n.contact-email::before {\r\n  content: \"\";\r\n  display: block;\r\n  height: 1px;\r\n  width: 60px;\r\n  background-color: #cc147f;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.contact-number {\r\n  font-family: \"metropolis-light\", sans-serif;\r\n  font-size: 3rem;\r\n  line-height: 1.7;\r\n  display: block;\r\n}\r\n\r\n.contact-address {\r\n  font-family: \"metropolis-regular\", sans-serif;\r\n  font-size: 2.8rem;\r\n  line-height: 1.607;\r\n  margin-top: 2.4rem;\r\n}\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## contact social\r\n * ------------------------------------------------------------------- */\r\n.contact-social {\r\n  list-style: none;\r\n  display: inline-block;\r\n  margin: 0 0 0 0.3rem;\r\n  font-size: 3rem;\r\n}\r\n.contact-social li {\r\n  margin-right: 15px;\r\n  padding-left: 0;\r\n  display: inline-block;\r\n}\r\n.contact-social li a {\r\n  color: rgba(255, 255, 255, 0.3);\r\n  border: none !important;\r\n}\r\n.contact-social li a:hover,\r\n.contact-social li a:focus {\r\n  color: #ffffff;\r\n}\r\n.contact-social li:last-child {\r\n  margin: 0;\r\n}\r\n\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## go to top\r\n * ------------------------------------------------------------------- */\r\n.cl-go-top {\r\n  z-index: 600;\r\n  position: absolute;\r\n  bottom: 10.8rem;\r\n  right: 105px;\r\n}\r\n.cl-go-top a {\r\n  text-decoration: none;\r\n  border: 0 none;\r\n  display: block;\r\n  height: 60px;\r\n  width: 60px;\r\n  line-height: 60px;\r\n  text-align: center;\r\n  background: black;\r\n  color: white;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  border-radius: 50%;\r\n  -webkit-transition: all 0.3s ease-in-out;\r\n  transition: all 0.3s ease-in-out;\r\n}\r\n.cl-go-top a i {\r\n  font-size: 21px;\r\n  line-height: inherit;\r\n}\r\n.cl-go-top a:hover,\r\n.cl-go-top a:focus {\r\n  background-color: #ffffff;\r\n  color: #000000;\r\n}\r\n.cl-go-top::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 1px;\r\n  height: 100px;\r\n  background-color: rgba(255, 255, 255, 0.1);\r\n  position: absolute;\r\n  top: -115px;\r\n  left: 50%;\r\n}\r\n.cl-go-top::after {\r\n  content: \"back to top\";\r\n  display: inline-block;\r\n  width: 120px;\r\n  font-size: 1.2rem;\r\n  line-height: 30px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.2rem;\r\n  color: rgba(255, 255, 255, 0.15);\r\n  -webkit-transition: all 0.5s ease-in-out;\r\n  transition: all 0.5s ease-in-out;\r\n  -webkit-transform: rotate(-90deg);\r\n  -ms-transform: rotate(-90deg);\r\n  transform: rotate(-90deg);\r\n  -webkit-transform-origin: left bottom;\r\n  -ms-transform-origin: left bottom;\r\n  transform-origin: left bottom;\r\n  position: absolute;\r\n  left: calc(30px + 15px);\r\n  top: -165px;\r\n}\r\n\r\n.menu-is-open .cl-go-top {\r\n  display: none;\r\n}\r\n\r\n/* ------------------------------------------------------------------- \r\n * responsive:\r\n * contact\r\n * ------------------------------------------------------------------- */\r\n@media only screen and (max-width: 1600px) {\r\n  .cl-go-top {\r\n    right: 55px;\r\n  }\r\n}\r\n@media only screen and (max-width: 1200px) {\r\n  .s-contact {\r\n    padding-top: 15rem;\r\n  }\r\n\r\n  .contact-main {\r\n    margin-top: 13.2rem;\r\n  }\r\n\r\n  .contact-email {\r\n    font-size: 5rem;\r\n  }\r\n\r\n  .contact-number {\r\n    font-size: 2.6rem;\r\n  }\r\n\r\n  .contact-address {\r\n    font-size: 2.4rem;\r\n  }\r\n\r\n  .contact-social {\r\n    font-size: 2.8rem;\r\n  }\r\n\r\n  .cl-copyright {\r\n    margin-top: 3rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 1000px) {\r\n  .contact-email {\r\n    font-size: 4.2rem;\r\n  }\r\n\r\n  .contact-number {\r\n    font-size: 2.4rem;\r\n  }\r\n\r\n  .contact-address {\r\n    font-size: 2.1rem;\r\n  }\r\n\r\n  .contact-social {\r\n    font-size: 2.4rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 800px) {\r\n  .s-contact {\r\n    padding-top: 12rem;\r\n    padding-bottom: 9rem;\r\n  }\r\n\r\n  .contact-secondary,\r\n  .cl-copyright {\r\n    padding-right: 7.8rem;\r\n  }\r\n\r\n  .contact-secondary {\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .contact-email {\r\n    font-size: 3.6rem;\r\n  }\r\n\r\n  .contact-number {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .contact-address {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .cl-go-top {\r\n    right: 35px;\r\n    bottom: 9rem;\r\n  }\r\n  .cl-go-top a {\r\n    height: 48px;\r\n    width: 48px;\r\n    line-height: 48px;\r\n  }\r\n  .cl-go-top a i {\r\n    font-size: 18px;\r\n  }\r\n  .cl-go-top::after {\r\n    font-size: 1.1rem;\r\n    left: calc(24px + 15px);\r\n  }\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .s-contact {\r\n    padding-bottom: 6rem;\r\n  }\r\n\r\n  .contact-main {\r\n    margin-top: 12rem;\r\n  }\r\n\r\n  .contact-email {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  .contact-number {\r\n    font-size: 1.8rem;\r\n  }\r\n\r\n  .contact-address {\r\n    font-size: 1.8rem;\r\n  }\r\n\r\n  .contact-social {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .cl-go-top {\r\n    right: 25px;\r\n    bottom: 7.2rem;\r\n  }\r\n}\r\n@media only screen and (max-width: 480px) {\r\n  .contact-subscribe {\r\n    margin-top: 3rem;\r\n  }\r\n\r\n  .mc-form input[type=\"email\"],\r\n  .mc-form label {\r\n    text-align: center;\r\n  }\r\n  .mc-form input[type=\"email\"] {\r\n    padding: 1.2rem 20px 1.2rem;\r\n  }\r\n  .mc-form input[type=\"submit\"] {\r\n    position: static;\r\n    width: 100%;\r\n    margin-bottom: 1.8rem;\r\n  }\r\n\r\n  .cl-copyright {\r\n    margin-top: 0;\r\n  }\r\n}\r\n@media only screen and (max-width: 400px) {\r\n  .s-contact {\r\n    padding-top: 9.6rem;\r\n    padding-bottom: 3rem;\r\n  }\r\n\r\n  .contact-main {\r\n    margin-top: 9.6rem;\r\n  }\r\n\r\n  .contact-secondary {\r\n    padding: 0;\r\n  }\r\n\r\n  .contact-email {\r\n    font-size: 2.4rem;\r\n  }\r\n\r\n  .contact-number {\r\n    font-size: 1.6rem;\r\n  }\r\n\r\n  .cl-copyright {\r\n    margin-top: 9rem;\r\n    padding: 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .cl-copyright span {\r\n    font-size: 14px;\r\n  }\r\n  .cl-copyright span::after {\r\n    display: none;\r\n  }\r\n\r\n  .cl-go-top {\r\n    bottom: 12rem;\r\n    right: 50%;\r\n    margin-right: -24px;\r\n  }\r\n  .cl-go-top::before,\r\n  .cl-go-top::after {\r\n    display: none;\r\n  }\r\n}\r\n\r\n/*# sourceMappingURL=main.css.map */\r\n\r\n\r\n</style>\r\n</head>\r\n\r\n<body id=\"top\">\r\n\r\n    <!-- header\r\n    ================================================== -->\r\n    <header class=\"s-header\">\r\n\r\n       \r\n\r\n        <nav class=\"header-nav\">\r\n\r\n            <a href=\"#0\" class=\"header-nav__close\" title=\"close\"><span>Close</span></a>\r\n\r\n            <div class=\"header-nav__content\">\r\n                <h3>導引欄</h3>\r\n                \r\n                <ul class=\"header-nav__list\">\r\n                    <li class=\"current\"><a class=\"smoothscroll\"  href=\"#home\" title=\"home\">回首頁</a></li>\r\n                    <li><a class=\"smoothscroll\"  href=\"#about\" title=\"about\">關於我們</a></li>\r\n                    <li><a class=\"smoothscroll\"  href=\"#works\" title=\"works\">產品介紹</a></li>\r\n                    <li><a class=\"smoothscroll\"  href=\"#contact\" title=\"contact\">聯絡我們</a></li>\r\n                </ul>\r\n    \r\n                <p>社群媒體</p>\r\n    \r\n                <ul class=\"header-nav__social\">\r\n                    <li>\r\n                        <a href=\"https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%BE%B2%E5%9C%92-297327576945814/\"><i class=\"fab fa-facebook\"></i></a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"https://blog.xuite.net/kenny335a/twblog\"><i class=\"fab fa-blogger\"></i></a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"#0\"><i class=\"fab fa-line\"></i></a>\r\n                    </li>\r\n                </ul>\r\n\r\n            </div> <!-- end header-nav__content -->\r\n\r\n        </nav> <!-- end header-nav -->\r\n\r\n        <a class=\"header-menu-toggle\" href=\"#0\">\r\n            <span class=\"header-menu-icon\"></span>\r\n        </a>\r\n\r\n    </header> <!-- end s-header -->\r\n\r\n\r\n    <!-- home\r\n    ================================================== -->\r\n    <section id=\"home\" class=\"s-home \" data-parallax=\"scroll\" data-image-src=\"images/hero-bg.jpg\" data-natural-width=3000 data-natural-height=2000 data-position-y=top>\r\n\r\n        <div class=\"shadow-overlay\"></div>\r\n\r\n        <div class=\"home-content\">\r\n\r\n            <div class=\"row home-content__main\">\r\n                <h1>\r\n               歡迎來到芳林芭樂農園\r\n                </h1>\r\n\r\n                <p>\r\n                    一生懸命，自慢的芭樂 <br>\r\n                    芳林\r\n                </p>\r\n            </div> <!-- end home-content__main -->\r\n\r\n        </div> <!-- end home-content -->\r\n\r\n        <ul class=\"home-sidelinks\">\r\n            <li><a class=\"smoothscroll\" href=\"#about\">關於我們<span>about us</span></a></li>\r\n            <li><a class=\"smoothscroll\" href=\"#services\">產品介紹<span>our product</span></a></li>\r\n            <li><a  class=\"smoothscroll\" href=\"#contact\">聯絡我們<span>contact us</span></a></li>\r\n        </ul> <!-- end home-sidelinks -->\r\n\r\n        <ul class=\"home-social\">\r\n            <li class=\"home-social-title\">關注我們</li>\r\n            <li><a href=\"https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%BE%B2%E5%9C%92-297327576945814/\">\r\n              <i class=\"fab fa-facebook-f\"></i>\r\n                <span class=\"home-social-text\">Facebook</span>\r\n            </a></li>\r\n            <li><a href=\'javascript: void(window.open(&apos;https://lineit.line.me/share/ui?url=&apos; .concat(encodeURIComponent(location.href)) ));\' title=\'分享給 LINE 好友\'>\r\n              <i class=\"fab fa-line\"></i>\r\n                <span class=\"home-social-text\">line</span>\r\n            </a></li>\r\n            <li><a href=\"https://blog.xuite.net/kenny335a/twblog\">\r\n              <i class=\"fab fa-blogger\"></i>\r\n                <span class=\"home-social-text\">blog</span>\r\n            </a></li>\r\n        </ul> <!-- end home-social -->\r\n\r\n        <a href=\"#about\" class=\"home-scroll smoothscroll\">\r\n            <span class=\"home-scroll__text\">Scroll Down</span>\r\n            <span class=\"home-scroll__icon\"></span>\r\n        </a> <!-- end home-scroll -->\r\n\r\n    </section> <!-- end s-home -->\r\n\r\n\r\n    <!-- about\r\n    ================================================== -->\r\n    <section id=\'about\' class=\"s-about\">\r\n\r\n        <div class=\"row section-header\" data-aos=\"fade-up\">\r\n            <div class=\"col-full\">\r\n                <h3 class=\"subhead\">關於我們</h3>\r\n                <h1 class=\"display-1\">WELCOME</h1>\r\n            </div>\r\n        </div> <!-- end section-header -->\r\n\r\n        <div class=\"row\" data-aos=\"fade-up\">\r\n            <div class=\"col-full\">\r\n                <p class=\"lead\">\r\n                    芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，<br>\r\n                    嚴謹的管理及記錄生產過程，並讓它以最自然的方式自然生長，<br>\r\n                    讓它擁有該有的原始風味，就像種給自己家人吃一樣，<br>\r\n                    希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。\r\n                </p>\r\n            </div>\r\n        </div> <!-- end about-desc -->\r\n\r\n        <div class=\"row\">\r\n                \r\n            <div class=\"about-process process block-1-2 block-tab-full\">\r\n\r\n                <div class=\"process__vline-left\"></div>\r\n                <div class=\"process__vline-right\"></div>\r\n\r\n                <div class=\"col-block process__col\" data-item=\"1\" data-aos=\"fade-up\">\r\n                    <div class=\"process__text\">\r\n                        <h4>天然無毒的栽培方式</h4>\r\n\r\n                        <p>\r\n                        草生栽培\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-block process__col\" data-item=\"2\" data-aos=\"fade-up\">\r\n                    <div class=\"process__text\">\r\n                        <h4>產銷履歷把關</h4>\r\n\r\n                        <p>\r\n                        證明\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-block process__col\" data-item=\"3\" data-aos=\"fade-up\">\r\n                    <div class=\"process__text\">\r\n                        <h4>老闆的經驗</h4>\r\n\r\n                        <p>\r\n                         為何要來栽種芭樂\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-block process__col\" data-item=\"4\" data-aos=\"fade-up\">\r\n                    <div class=\"process__text\">\r\n                        <h4>珍珠芭樂的香甜介紹</h4>\r\n\r\n                        <p>\r\n                        芭樂的好吃\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n\r\n            </div> <!-- end process -->\r\n\r\n        </div> <!-- end about-stats -->\r\n\r\n    </section> <!-- end s-about -->\r\n\r\n\r\n    <!-- services\r\n    ================================================== -->\r\n    <section id=\'services\' class=\"s-services light-gray\">\r\n\r\n        <div class=\"row section-header\" data-aos=\"fade-up\">\r\n            <div class=\"col-full\">\r\n                <h3 class=\"subhead\">草生栽培</h3>\r\n                <h1 class=\"display-1\">We have everything you need to launch and grow a successful digital business.</h1>\r\n            </div>\r\n        </div> <!-- end section-header -->\r\n\r\n        <div class=\"row\" data-aos=\"fade-up\">\r\n            <div class=\"col-full\">\r\n                <p class=\"lead\">\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. Duis aute irure dolor in reprehenderit in voluptate velit esse. \r\n                </p>\r\n            </div>\r\n        </div> <!-- end about-desc -->\r\n\r\n        <div class=\"row services-list block-1-3 block-m-1-2 block-tab-full\">\r\n\r\n            <div class=\"col-block service-item \" data-aos=\"fade-up\">\r\n                <div class=\"service-icon service-icon--brand-identity\">\r\n                    <i class=\"icon-tv\"></i>\r\n                </div>\r\n                <div class=\"service-text\">\r\n                    <h3 class=\"h4\">Brand Identity</h3>\r\n                    <p>Nemo cupiditate ab quibusdam quaerat impedit magni. Earum suscipit ipsum laudantium. \r\n                    Quo delectus est. Maiores voluptas ab sit natus veritatis ut. Debitis nulla cumque veritatis.\r\n                    Sunt suscipit voluptas ipsa in tempora esse soluta sint.\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-block service-item\" data-aos=\"fade-up\">\r\n                <div class=\"service-icon  service-icon--illustration\">\r\n                    <i class=\"icon-group\"></i>\r\n                </div>\r\n                <div class=\"service-text\">\r\n                    <h3 class=\"h4\">Illustration</h3>\r\n                    <p>Nemo cupiditate ab quibusdam quaerat impedit magni. Earum suscipit ipsum laudantium. \r\n                    Quo delectus est. Maiores voluptas ab sit natus veritatis ut. Debitis nulla cumque veritatis.\r\n                    Sunt suscipit voluptas ipsa in tempora esse soluta sint.\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"col-block service-item\" data-aos=\"fade-up\">\r\n                <div class=\"service-icon  service-icon--web-design\">\r\n                    <i class=\"icon-earth\"></i>\r\n                </div>  \r\n                <div class=\"service-text\">\r\n                    <h3 class=\"h4\">Web Design</h3>\r\n                    <p>Nemo cupiditate ab quibusdam quaerat impedit magni. Earum suscipit ipsum laudantium. \r\n                    Quo delectus est. Maiores voluptas ab sit natus veritatis ut. Debitis nulla cumque veritatis.\r\n                    Sunt suscipit voluptas ipsa in tempora esse soluta sint.\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div> <!-- end services-list -->\r\n\r\n    </section> <!-- end s-services -->\r\n\r\n\r\n    <!-- works\r\n    ================================================== -->\r\n    <section id=\'works\' class=\"s-works\">\r\n                \r\n        <div class=\"row section-header\" data-aos=\"fade-up\">\r\n            <div class=\"col-full\">\r\n                <h3 class=\"subhead\">芳林生態</h3>\r\n                <h1 class=\"display-1\">大地的滋潤，讓芭樂香甜美味</h1>\r\n            </div>\r\n        </div> <!-- end section-header -->\r\n\r\n     \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n        <div class=\"testimonials-wrap\" data-aos=\"fade-up\">\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-full testimonials-header\">\r\n                    <h2 class=\"h1\">What Clients Are Saying.</h2>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row testimonials\">\r\n\r\n                <div class=\"col-full testimonials__slider\">\r\n\r\n                    <div class=\"testimonials__slide\">\r\n                        <img src=\"images/avatars/user-01.jpg\" alt=\"Author image\" class=\"testimonials__avatar\">\r\n                        <p>Qui ipsam temporibus quisquam velMaiores eos cumque distinctio nam accusantium ipsum. \r\n                        Laudantium quia consequatur molestias delectus culpa facere hic dolores aperiam. Accusantium quos qui praesentium corpori.</p>\r\n                        <div class=\"testimonials__author\">\r\n                            Tim Cook\r\n                            <span>CEO, Apple</span>\r\n                        </div>\r\n                    </div> <!-- end testimonials__slide -->\r\n\r\n                    <div class=\"testimonials__slide\">\r\n                        <img src=\"images/avatars/user-05.jpg\" alt=\"Author image\" class=\"testimonials__avatar\">\r\n                        <p>Excepturi nam cupiditate culpa doloremque deleniti repellat. Veniam quos repellat voluptas animi adipisci.\r\n                        Nisi eaque consequatur. Quasi voluptas eius distinctio. Atque eos maxime. Qui ipsam temporibus quisquam vel.</p>\r\n                        <div class=\"testimonials__author\">\r\n                            Sundar Pichai\r\n                            <span>CEO, Google</span>\r\n                        </div>\r\n                    </div> <!-- end testimonials__slide -->\r\n\r\n                    <div class=\"testimonials__slide\">\r\n                        <img src=\"images/avatars/user-02.jpg\" alt=\"Author image\" class=\"testimonials__avatar\">\r\n                        <p>Repellat dignissimos libero. Qui sed at corrupti expedita voluptas odit. Nihil ea quia nesciunt. Ducimus aut sed ipsam.  \r\n                        Autem eaque officia cum exercitationem sunt voluptatum accusamus. Quasi voluptas eius distinctio.</p>\r\n                        <div class=\"testimonials__author\">\r\n                            Satya Nadella\r\n                            <span>CEO, Microsoft</span>\r\n                        </div>\r\n                    </div> <!-- end testimonials__slide -->\r\n                    \r\n                </div> <!-- end testimonials__slider -->\r\n\r\n            </div> <!-- end testimonials -->\r\n\r\n        </div> <!-- end testimonials-wrap -->\r\n\r\n    </section> <!-- end s-works -->\r\n\r\n\r\n   \r\n\r\n    <!-- contact\r\n    ================================================== -->\r\n    <section id=\"contact\" class=\"s-contact\">\r\n\r\n        <div class=\"row section-header\" data-aos=\"fade-up\">\r\n            <div class=\"col-full\">\r\n                <h3 class=\"subhead subhead--light\">聯絡我們</h3>\r\n                <h1 class=\"display-1 display-1--light\">聯絡資訊及交通路徑</h1>\r\n            </div>\r\n        </div> <!-- end section-header -->\r\n\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-full contact-main\" data-aos=\"fade-up\">\r\n                <p>\r\n                        <span class=\"contact-number\">鄭宗林</span>\r\n                <a href=\"mailto:#0\" class=\"contact-email\">kenny335a@ yahoo.com.tw</a>\r\n                <span class=\"contact-number\">07-371-2376</span>\r\n                <span class=\"contact-number\">0910-326-822</span>\r\n                <span class=\"contact-number\">可前往岡山火車站轉乘計程車($200)或由農場主人接送</span>\r\n                </p>\r\n            </div> <!-- end contact-main -->\r\n\r\n        </div> <!-- end row -->\r\n\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-five tab-full contact-secondary\" data-aos=\"fade-up\">\r\n                <h3 class=\"subhead subhead--light\">地址</h3>\r\n\r\n                <p class=\"contact-address\">\r\n                    820高雄市岡山區嘉峰路600巷高鐵 橋下\r\n                </p>\r\n            </div> <!-- end contact-secondary -->\r\n\r\n            <div class=\"col-five tab-full contact-secondary\" data-aos=\"fade-up\">\r\n                <h3 class=\"subhead subhead--light\">追蹤我們</h3>\r\n\r\n                <ul class=\"contact-social\">\r\n                    <li>\r\n                        <a href=\"#0\"><i class=\"fab fa-facebook\"></i></a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"#0\"><i class=\"fab fa-twitter\"></i></a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"#0\"><i class=\"fab fa-instagram\"></i></a>\r\n                    </li>\r\n                </ul> <!-- end contact-social -->\r\n\r\n            </div> <!-- end contact-secondary -->\r\n\r\n        </div> <!-- end row -->\r\n\r\n        <div class=\"cl-go-top\">\r\n            <a class=\"smoothscroll\" title=\"Back to Top\" href=\"#top\"><i class=\"fas fa-arrow-up\" aria-hidden=\"true\"></i></a>\r\n        </div>\r\n\r\n    </section> <!-- end s-contact -->\r\n\r\n\r\n\r\n \r\n\r\n\r\n    <!-- Java Script\r\n    ================================================== -->\r\n    \r\n    <script src=\"https://code.jquery.com/jquery-3.2.1.js\"></script>\r\n    <script src=\"https://www.ruan-jian.com/ajax/libs/jquery-placeholder/2.1.2/jquery.placeholder.js\"></script>\r\n    <script src=\"https://www.ruan-jian.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.js\"></script>\r\n    <script src=\"https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js\"></script>\r\n    <script src=\"https://unpkg.com/imagesloaded@3.2.0/imagesloaded.pkgd.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js\"></script>\r\n    <script src=\"https://cdn.bootcss.com/photoswipe/4.1.2/photoswipe.min.js\"></script>\r\n    <script src=\"https://cdn.bootcss.com/photoswipe/4.1.2/photoswipe-ui-default.min.js\"></script>   \r\n     <script src=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js\"></script>\r\n    <script src=\"https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js\"></script>\r\n  \r\n\r\n\r\n    \r\n    <script type=\"text/javascript\">\r\n    \r\n    (function($) {\r\n\r\n\"use strict\";\r\n\r\nvar cfg = {\r\n    scrollDuration : 800, // smoothscroll duration\r\n    mailChimpURL   : \'https://facebook.us8.list-manage.com/subscribe/post?u=cdb7b577e41181934ed6a6a44&amp;id=e6957d85dc\'   \r\n},\r\n\r\n$WIN = $(window);\r\nvar doc = document.documentElement;\r\ndoc.setAttribute(\'data-useragent\', navigator.userAgent);\r\n\r\n\r\n/* Preloader\r\n* -------------------------------------------------- */\r\nvar clPreloader = function() {\r\n    \r\n    $(\"html\").addClass(\'cl-preload\');\r\n\r\n    $WIN.on(\'load\', function() {\r\n\r\n        //force page scroll position to top at page refresh\r\n        // $(\'html, body\').animate({ scrollTop: 0 }, \'normal\');\r\n\r\n        // will first fade out the loading animation \r\n        $(\"#loader\").fadeOut(\"slow\", function() {\r\n            // will fade out the whole DIV that covers the website.\r\n            $(\"#preloader\").delay(300).fadeOut(\"slow\");\r\n        }); \r\n        \r\n        // for hero content animations \r\n        $(\"html\").removeClass(\'cl-preload\');\r\n        $(\"html\").addClass(\'cl-loaded\');\r\n    \r\n    });\r\n};\r\n\r\n\r\n/* Menu on Scrolldown\r\n* ------------------------------------------------------ */\r\nvar clMenuOnScrolldown = function() {\r\n    \r\n    var menuTrigger = $(\'.header-menu-toggle\');\r\n\r\n    $WIN.on(\'scroll\', function() {\r\n\r\n        if ($WIN.scrollTop() > 150) {\r\n            menuTrigger.addClass(\'opaque\');\r\n        }\r\n        else {\r\n            menuTrigger.removeClass(\'opaque\');\r\n        }\r\n\r\n    });\r\n};\r\n\r\n\r\n/* OffCanvas Menu\r\n* ------------------------------------------------------ */\r\nvar clOffCanvas = function() {\r\n\r\n    var menuTrigger     = $(\'.header-menu-toggle\'),\r\n        nav             = $(\'.header-nav\'),\r\n        closeButton     = nav.find(\'.header-nav__close\'),\r\n        siteBody        = $(\'body\'),\r\n        mainContents    = $(\'section, footer\');\r\n\r\n    // open-close menu by clicking on the menu icon\r\n    menuTrigger.on(\'click\', function(e){\r\n        e.preventDefault();\r\n        siteBody.toggleClass(\'menu-is-open\');\r\n    });\r\n\r\n    // close menu by clicking the close button\r\n    closeButton.on(\'click\', function(e){\r\n        e.preventDefault();\r\n        menuTrigger.trigger(\'click\');\r\n    });\r\n\r\n    // close menu clicking outside the menu itself\r\n    siteBody.on(\'click\', function(e){\r\n        if( !$(e.target).is(\'.header-nav, .header-nav__content, .header-menu-toggle, .header-menu-toggle span\') ) {\r\n            siteBody.removeClass(\'menu-is-open\');\r\n        }\r\n    });\r\n\r\n};\r\n\r\n\r\n/* photoswipe\r\n* ----------------------------------------------------- */\r\nvar clPhotoswipe = function() {\r\n    var items = [],\r\n        $pswp = $(\'.pswp\')[0],\r\n        $folioItems = $(\'.item-folio\');\r\n\r\n    // get items\r\n    $folioItems.each( function(i) {\r\n\r\n        var $folio = $(this),\r\n            $thumbLink =  $folio.find(\'.thumb-link\'),\r\n            $title = $folio.find(\'.item-folio__title\'),\r\n            $caption = $folio.find(\'.item-folio__caption\'),\r\n            $titleText = \'<h4>\' + $.trim($title.html()) + \'</h4>\',\r\n            $captionText = $.trim($caption.html()),\r\n            $href = $thumbLink.attr(\'href\'),\r\n            $size = $thumbLink.data(\'size\').split(\'x\'),\r\n            $width  = $size[0],\r\n            $height = $size[1];\r\n    \r\n        var item = {\r\n            src  : $href,\r\n            w    : $width,\r\n            h    : $height\r\n        }\r\n\r\n        if ($caption.length > 0) {\r\n            item.title = $.trim($titleText + $captionText);\r\n        }\r\n\r\n        items.push(item);\r\n    });\r\n\r\n    // bind click event\r\n    $folioItems.each(function(i) {\r\n\r\n        $(this).on(\'click\', function(e) {\r\n            e.preventDefault();\r\n            var options = {\r\n                index: i,\r\n                showHideOpacity: true\r\n            }\r\n\r\n            // initialize PhotoSwipe\r\n            var lightBox = new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options);\r\n            lightBox.init();\r\n        });\r\n\r\n    });\r\n};\r\n\r\n\r\n/* Stat Counter\r\n* ------------------------------------------------------ */\r\nvar clStatCount = function() {\r\n    \r\n    var statSection = $(\".s-stats\"),\r\n        stats = $(\".stats__count\");\r\n\r\n    statSection.waypoint({\r\n\r\n        handler: function(direction) {\r\n\r\n            if (direction === \"down\") {\r\n\r\n                stats.each(function () {\r\n                    var $this = $(this);\r\n\r\n                    $({ Counter: 0 }).animate({ Counter: $this.text() }, {\r\n                        duration: 4000,\r\n                        easing: \'swing\',\r\n                        step: function (curValue) {\r\n                            $this.text(Math.ceil(curValue));\r\n                        }\r\n                    });\r\n                });\r\n\r\n            } \r\n\r\n            // trigger once only\r\n            this.destroy();\r\n\r\n        },\r\n\r\n        offset: \"90%\"\r\n\r\n    });\r\n};\r\n\r\n\r\n\r\n\r\n\r\n/* slick slider\r\n * ------------------------------------------------------ */\r\nvar clSlickSlider = function() {\r\n    \r\n    $(\'.testimonials__slider\').slick({\r\n        arrows: false,\r\n        dots: true,\r\n        infinite: true,\r\n        slidesToShow: 2,\r\n        slidesToScroll: 1,\r\n        pauseOnFocus: false,\r\n        autoplaySpeed: 1500,\r\n        responsive: [\r\n            {\r\n                breakpoint: 900,\r\n                settings: {\r\n                    slidesToShow: 1,\r\n                    slidesToScroll: 1\r\n                }\r\n            }\r\n        ]\r\n    });\r\n};\r\n\r\n\r\n/* Smooth Scrolling\r\n* ------------------------------------------------------ */\r\nvar clSmoothScroll = function() {\r\n    \r\n    $(\'.smoothscroll\').on(\'click\', function (e) {\r\n        var target = this.hash,\r\n        $target    = $(target);\r\n        \r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\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),(1276,'2019-06-05 06:55:15','2019-06-05 04:09:10',NULL,'2019-06-05 00:00:00','2038-01-01 00:00:00',925,929,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html xmlns=\"http://www.w3.org/1999/xhtml\">\r\n\r\n<head>\r\n    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\r\n    <title>芳林</title>\r\n    <meta name=\"author\" content=\"Matthew Howell\" />\r\n    <meta name=\"description\" content=\"fullPage continuous scrolling demo.\" />\r\n    <meta name=\"keywords\"  content=\"fullpage,jquery,demo,scroll,loop,continuous\" />\r\n    <meta name=\"Resource-type\" content=\"Document\" />\r\n\r\n\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.css\" />\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.0/pace.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">  \r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css\">\r\n<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n  <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js\"></script>\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://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n  \r\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css\">\r\n\r\n\r\n  <link href=\"https://fonts.googleapis.com/css?family=Lato\" rel=\"stylesheet\" type=\"text/css\">\r\n  <link href=\"https://fonts.googleapis.com/css?family=Montserrat\" rel=\"stylesheet\" type=\"text/css\">\r\n  <link href=\"https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css\" rel=\"stylesheet\">\r\n  <link href=\"https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css\" rel=\"stylesheet\">\r\n  <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">\r\n    <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n\r\n    <!--[if IE]>\r\n        <script type=\"text/javascript\">\r\n             var console = { log: function() {} };\r\n        </script>\r\n    <![endif]-->\r\n</head>\r\n\r\n<style>\r\n   \r\n\r\n/* Reset CSS\r\n * --------------------------------------- */\r\nbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,\r\nform,fieldset,input,textarea,p,blockquote,th,td {\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\na{\r\n	text-decoration:none;\r\n}\r\ntable {\r\n    border-spacing: 0;\r\n}\r\nfieldset,img {\r\n    border: 0;\r\n}\r\naddress,caption,cite,code,dfn,em,strong,th,var {\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}\r\nstrong{\r\n	font-weight: bold;\r\n}\r\nol,ul {\r\n    list-style: none;\r\n    margin:0;\r\n    padding:0;\r\n}\r\ncaption,th {\r\n    text-align: left;\r\n\r\n}\r\nh1,h2,h3,h4,h5,h6 {\r\n    font-weight: normal;\r\n    font-size: 100%;\r\n    margin:0;\r\n    padding:0;\r\n    color:#444;\r\n}\r\nq:before,q:after {\r\n    content:\'\';\r\n}\r\nabbr,acronym { border: 0;\r\n}\r\n\r\n\r\n\r\nbody{\r\n	font-family: arial,helvetica;\r\n	color: #333;\r\n	color: rgba(0,0,0,0.5);\r\n}\r\n.wrap{\r\n	margin-left: auto;\r\n	margin-right: auto;\r\n	width: 960px;\r\n	position: relative;\r\n}\r\nh1{\r\n	font-size: 6em;\r\n}\r\np{\r\n	font-size: 2em;\r\n}\r\n\r\n.section{\r\n   font-family: \"微軟正黑體\"；\r\n}\r\n#menu li {\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 18px;\r\n	display:inline-block;\r\n	margin: 10px;\r\n	color: #000;\r\n	background:#fff;\r\n	background: rgba(255,255,255, 0.5);\r\n	-webkit-border-radius: 10px;\r\n            border-radius: 10px;\r\n}\r\n#menu li.active{\r\n	background:#666;\r\n	background: rgba(0,0,0, 0.5);\r\n	color: #fff;\r\n}\r\n#menu li a {\r\n    text-decoration: none;\r\n    color: blueviolet;\r\n}\r\n#menu li.active a:hover{\r\n	color: #000;\r\n}\r\n#menu li:hover{\r\n	background: rgba(255,255,255, 0.8);\r\n}\r\n#menu li a,\r\n#menu li.active a{\r\n	padding: 9px 18px;\r\n	display:block;\r\n}\r\n#menu li.active a{\r\n	color: #fff;\r\n}\r\n#menu {\r\n    position: fixed;\r\n    bottom: 0;\r\n    text-align: center;\r\n    height: 10%;\r\n    z-index: 70;\r\n    width: 100%;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n\r\n/* ===================================================================\r\n * # home\r\n *\r\n * ------------------------------------------------------------------- */\r\n .s-home {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: transparent;\r\n  position: relative;\r\n  display: table;\r\n}\r\n\r\n.s-home::before {\r\n  display: block;\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0.65;\r\n  background-color: #000000;\r\n}\r\n\r\n\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## home content\r\n * ------------------------------------------------------------------- */\r\n.home-content {\r\n    background:linear-gradient(\r\n    rgba(0,0,0,0.01),\r\n    rgba(0,0,0,0.3)\r\n  ),\r\n   url(/userUpload/images/10512106/guavabgw.jpg);\r\n   background-attachment: fixed; \r\n   background-repeat:no-repeat;\r\n   background-position: center top; \r\n  background-size: cover;\r\n  display: table-cell;\r\n  width: 100%;\r\n  height: 100%;\r\n  vertical-align: middle;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.home-content h1 {\r\n    padding-left: 18%;\r\n    font-family: \"微軟正黑體\";\r\n    font-weight: 700;\r\n    font-size: 4.2rem;\r\n    line-height: 2.1;\r\n    margin-top: 0;\r\n    color: #ffffff;\r\n}\r\n.home-content h1 + p {\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 2rem;\r\n  line-height: 1.421;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin-top: 1.2rem;\r\n  padding-left: 12rem;\r\n  position: relative;\r\n}\r\n.home-content h1 + p::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 10rem;\r\n    height: 4px;\r\n    background-color: #cc4e14;\r\n    position: absolute;\r\n    left: 25px;\r\n    top: 1.2rem;\r\n}\r\n\r\n/* ------------------------------------------------------------------- \r\n * ## home scroll\r\n * ------------------------------------------------------------------- */\r\n .home-scroll {\r\n  height: 4.8rem;\r\n  position: absolute;\r\n  right: 110px;\r\n  bottom: 6.6rem;\r\n}\r\n.home-scroll__text {\r\n  display: inline-block;\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 11px;\r\n  line-height: 2.8rem;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.3rem;\r\n  color: #ffffff;\r\n  border-bottom: 1px solid transparent;\r\n  -webkit-transition: all 0.3s ease-in-out;\r\n  transition: all 0.3s ease-in-out;\r\n  position: relative;\r\n  right: 7.5rem;\r\n}\r\n.home-scroll__icon {\r\n  display: block;\r\n  height: 3rem;\r\n  width: 3rem;\r\n  background-image: url(http://www.shejiye.com/uploadfile/icon/2017/0203/shejiyeiconzypo432cfcz.png);\r\n  background-color: #ffffff;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-size: 10px 10px;\r\n  border-radius: 50%;\r\n  -webkit-transition: all 0.3s ease-in-out;\r\n  transition: all 0.3s ease-in-out;\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n.home-scroll:hover .home-scroll__text {\r\n  border-bottom: 1px solid #ffffff;\r\n}\r\n\r\n/******scroll************/\r\n#fp-nav ul li .fp-tooltip {\r\n    position: absolute;\r\n    top: -2px;\r\n    color: yellow;\r\n    font-size: 18px;\r\n    font-family: \"微軟正黑體\";\r\n    max-width: 220px;\r\n    overflow: hidden;\r\n    display: block;\r\n    opacity: 0;\r\n    width: 0;\r\n    cursor: pointer;\r\n}\r\n\r\n#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {\r\n  width: 10px;\r\n  height: 10px;\r\n  background: aqua;\r\n  margin: -5px 0px 0px -5px;\r\n}\r\n\r\n#fp-nav ul li a span, .fp-slidesNav ul li a span {\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  z-index: 1;\r\n  height: 4px;\r\n  width: 4px;\r\n  border: 0;\r\n  background: blue;\r\n  left: 50%;\r\n  top: 50%;\r\n  margin: -2px 0 0 -2px;\r\n  -webkit-transition: all 0.1s ease-in-out;\r\n  -moz-transition: all 0.1s ease-in-out;\r\n  -o-transition: all 0.1s ease-in-out;\r\n  transition: all 0.1s ease-in-out;\r\n}\r\n\r\n.container {\r\n    padding-left: -15px;\r\n  padding-right: -15px;\r\n  }\r\n\r\n  /* ourlife Section\r\n--------------------------------*/\r\n\r\n#ourlife {\r\n  width: 100%;\r\n  height: 100vh;\r\n  font-family: \"微軟正黑體\";\r\n  background: linear-gradient(\r\n    rgba(0,0,0,0.3),\r\n    rgba(0,0,0,0.3)\r\n  ),\r\n  url(/userUpload/images/10512106/environment.jpg);\r\n  background-repeat: no-repeat;\r\n  background-position: top center;\r\n  background-attachment: fixed;\r\n  background-size: cover;\r\n  \r\n}\r\n\r\n@media (max-width: 992px) {\r\n\r\n#ourlife {\r\nheight: 100%;}\r\n}\r\n.owl-dot.active > span {\r\n  height: 10px !important;\r\n  width: 10px !important;\r\n}\r\n\r\n.owl-theme .owl-dots .owl-dot span {\r\n  height: 10px !important;\r\n  width: 10px !important;\r\n}\r\n\r\n.owl-item img {\r\n  cursor: pointer;\r\n}\r\n\r\n.owl-stage-outer {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.owl-theme .owl-nav {\r\n  display: none;\r\n  margin-top: 10px;\r\n}\r\n\r\n.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {\r\n  background: #71c55d;\r\n}\r\n\r\n.owl-theme .owl-dots .owl-dot span {\r\n  background: #ddd;\r\n}\r\n\r\n.img-fluid {\r\n  height: 100%;\r\n  margin-bottom: 30px;\r\n  width: 100%;\r\n}\r\n\r\n.separator {\r\n  color: #ddd;\r\n  font-family: \"微軟正黑體\";\r\n  font-size: 25px;\r\n  font-weight: 300;\r\n  margin-bottom: 30px;\r\n  text-transform: capitalize;\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n  margin: 0;\r\n}\r\n\r\nh2 {\r\n    color: white;\r\n    font-weight: 600;\r\n    font-size: 48px;\r\n    font-family: 微軟正黑體;\r\n}\r\n\r\n/* Contact Section\r\n--------------------------------*/\r\n#section4 {\r\n\r\nwidth: 100%;\r\nheight: 100vh;\r\nbackground: linear-gradient(\r\n  rgba(0,0,0,0.3),\r\n  rgba(0,0,0,0.3)\r\n),\r\nurl(/userUpload/images/10512106/contact.jpg);\r\nbackground-repeat: no-repeat;\r\nbackground-position: top center;\r\nbackground-attachment: fixed;\r\nbackground-size: cover;\r\nz-index: -5;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n\r\n  #section4 {\r\nheight: 100%;}\r\n}\r\n \r\n\r\n#section4 .info {\r\ncolor: #222;\r\n}\r\n\r\n#section4 .info i {\r\nfont-size: 40px;\r\ncolor: white;\r\nfloat: left;\r\n}\r\n\r\n\r\n#section4 .info p {\r\npadding: 0 0 13px 60px;\r\nmargin-bottom: 20px;\r\nline-height: 27px;\r\nfont-size: 25px;\r\nfont-family: 微軟正黑體;\r\ncolor: #ddd;\r\n}\r\n\r\n\r\n#section4 .info .email p {\r\npadding-top: 5px;\r\n}\r\n\r\n#section4 .social-links {\r\npadding-bottom: 50px;\r\ntext-align: center;\r\n}\r\n\r\n#section4 .social-links a {\r\nfont-size: 18px;\r\ndisplay: inline-block;\r\nbackground: blue;\r\ncolor: #fff;\r\nline-height: 1;\r\npadding: 8px 0 8px 0;\r\nborder-radius: 50%;\r\ntext-align: center;\r\nwidth: 36px;\r\nheight: 36px;\r\ntransition: 0.3s;\r\n}\r\n\r\n#section4 .social-links a:hover {\r\nbackground: rgb(85, 161, 212);\r\ncolor: #fff;\r\n}\r\n\r\n.iframe-rwd {\r\nposition: relative;\r\npadding-bottom: 65.25%;\r\npadding-top: 30px;\r\nheight: 0;\r\noverflow: hidden;\r\n\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    margin-top: 50px;\r\n      }\r\n\r\n\r\n</style>\r\n<body>\r\n<div id=\"fullpage\">\r\n    <div class=\"section\" id=\"section0\">\r\n         \r\n<!-- home ================================================== -->\r\n    <section id=\"home\" class=\"s-home \" >\r\n\r\n\r\n        <div class=\"home-content\">\r\n\r\n            <div class=\"row home-content__main \" data-aos=\"fade-right\" >\r\n                <h1 >\r\n               歡迎來到芳林芭樂農園\r\n                </h1>\r\n\r\n                <p>\r\n                    一生懸命，自慢的芭樂 <br>\r\n                    芳林\r\n                </p>\r\n            </div> <!-- end home-content__main -->\r\n            <ul id=\"menu\">\r\n                <li data-menuanchor=\"product\"><a href=\"#product\">產品介紹</a></li>\r\n                <li data-menuanchor=\"ourlife\"><a href=\"#ourlife\">芳林生態</a></li>\r\n                <li data-menuanchor=\"contact\"><a href=\"#contact\">聯絡我們</a></li>\r\n                <li><a href=\"https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%BE%B2%E5%9C%92-297327576945814/\">\r\n              <i class=\"fab fa-facebook-f\"></i>\r\n                <span class=\"home-social-text\">Facebook</span>\r\n            </a></li>\r\n            <li><a href=\"javascript: void(window.open(&apos;https://lineit.line.me/share/ui?url=&apos; .concat(encodeURIComponent(location.href)) ));\" title=\"分享給 LINE 好友\">\r\n                <i class=\"fab fa-line\"></i>\r\n                  <span class=\"home-social-text\">line</span>\r\n              </a></li>\r\n              <li><a href=\"https://blog.xuite.net/kenny335a/twblog\">\r\n                <i class=\"fab fa-blogger\"></i>\r\n                  <span class=\"home-social-text\">blog</span>\r\n              </a></li>\r\n            </ul>\r\n            <a href=\"#about\" class=\"home-scroll smoothscroll\"><span class=\"home-scroll__text\">Scroll Down</span><i class=\" home-scroll__icon\"></i></a>\r\n        </div> <!-- end home-content -->\r\n        \r\n \r\n        \r\n    </section> <!-- end s-home -->\r\n\r\n\r\n    </div>\r\n    <div class=\"section\" id=\"section1\">\r\n        <h1>Section 2</h1>\r\n    </div>\r\n    <div class=\"section\" id=\"section2\">\r\n        <h1>Section 3</h1>\r\n    </div>\r\n     <!--==========================ourlife Section============================-->\r\n	<div class=\"section\" id=\"section3\" class=\"padd-section text-center wow fadeInUp\">\r\n        \r\n  \r\n    <br> <br> <br>\r\n  <div class=\"container\">\r\n    <div class=\"section-title text-center\">\r\n      <h2>芳林生態</h2>\r\n      <br>\r\n      <p class=\"separator\"> 大地的滋潤，讓芭樂香甜美味</p>\r\n    </div>\r\n  </div>\r\n  <br>\r\n  <div class=\"container\">\r\n    <div class=\"owl-carousel owl-theme\">\r\n\r\n      <div><img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"img\"></div>\r\n      <div><img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"img\"></div>\r\n      <div><img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%922.png\" alt=\"img\"></div>\r\n      <div><img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"img\"></div>\r\n\r\n    </div>\r\n  </div>\r\n  <br> <br> <br> <br>\r\n    </div>\r\n    <!--==========================\r\n    Contact Section\r\n  ============================-->\r\n	<div class=\"section\" id=\"section4\" class=\"padd-section wow fadeInUp\" >\r\n       \r\n\r\n        <br>   <br>   <br>\r\n        <div class=\"container\">\r\n          <div class=\"section-title text-center\">\r\n            <h2>聯絡我們</h2>\r\n            <br>\r\n            <p class=\"separator\">聯絡資訊</p>\r\n            <br> <br>\r\n          </div>\r\n        </div>\r\n    \r\n        <div class=\"container\">\r\n                <div class=\"row justify-content-center\">\r\n          \r\n                  <div class=\"col-lg-6 col-md-4\">\r\n          \r\n                    <div class=\"info\">\r\n                        <div>\r\n                            <i class=\"fa fa-user\" ></i>\r\n                            <p>鄭宗林</p>\r\n                          </div>\r\n          \r\n                          <div>\r\n                              <i class=\"fa fa-mobile\" ></i>\r\n                              <p>0910-326-822</p>\r\n                            </div>\r\n                            <div>\r\n                                <i class=\"fab fa-line\"></i>\r\n                                <p>kenny335a</p>\r\n                              </div>\r\n          \r\n                      <div>\r\n                        <i class=\"fa fa-map-marker\"> </i>\r\n                        <p>820高雄市岡山區嘉峰路600巷高鐵 橋下</p>\r\n                      </div>\r\n          \r\n                      <div class=\"email\">\r\n                        <i class=\"fa fa-envelope\"></i>\r\n                        <p>kenny335a@\r\n                            yahoo.com.tw</p>\r\n                      </div>\r\n          \r\n                      <div>\r\n                        <i class=\"fa fa-phone\"></i>\r\n                        <p>07-371-2376</p>\r\n                      </div>\r\n                      <div>\r\n                          <i class=\"fa fa-car\"></i>\r\n                          <p>可前往岡山火車站轉乘計程車($200)或由農場主人接送</p>\r\n                        </div>\r\n          \r\n          \r\n                    </div>\r\n          \r\n                   \r\n          \r\n                    <div class=\"social-links\">\r\n                      <a href=\"#\" class=\"twitter\"><i class=\"fab fa-twitter\"></i></a>&nbsp;&nbsp;\r\n                      <a href=\"#\" class=\"facebook\"><i class=\"fab fa-facebook-f\"></i></a>&nbsp;&nbsp;\r\n                      <a href=\"#\" class=\"instagram\"><i class=\"fab fa-instagram\"></i></a>&nbsp;&nbsp;\r\n                      <a href=\"#\" class=\"google-plus\"><i class=\"fab fa-google-plus-g\"></i></a>&nbsp;&nbsp;\r\n                      <a href=\"#\" class=\"linkedin\"><i class=\"fab fa-linkedin-in\"></i></a>\r\n                    </div>\r\n          \r\n                  </div>\r\n          \r\n                  <div class=\"col-lg-6 col-md-8\">\r\n                    <div class=\"iframe-rwd\">\r\n                      <iframe src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7354.3677329882885!2d120.316526!3d22.832686!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1554895992005!5m2!1szh-TW!2stw\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen></iframe>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n              </div>\r\n            \r\n    \r\n      <!-- #contact -->\r\n    </div>\r\n</div>\r\n<!-- Java Script\r\n    ================================================== -->\r\n    \r\n    <script src=\"https://code.jquery.com/jquery-3.2.1.js\"></script>\r\n    <script src=\"https://www.ruan-jian.com/ajax/libs/jquery-placeholder/2.1.2/jquery.placeholder.js\"></script>\r\n    <script src=\"https://www.ruan-jian.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.js\"></script>\r\n    <script src=\"https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js\"></script>\r\n    <script src=\"https://unpkg.com/imagesloaded@3.2.0/imagesloaded.pkgd.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js\"></script>\r\n    <script src=\"https://cdn.bootcss.com/photoswipe/4.1.2/photoswipe.min.js\"></script>\r\n    <script src=\"https://cdn.bootcss.com/photoswipe/4.1.2/photoswipe-ui-default.min.js\"></script>   \r\n     <script src=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js\"></script>\r\n    <script src=\"https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js\"></script>\r\n\r\n    <script src=\"https://briancherne.github.io/jquery-hoverIntent/jquery.hoverIntent.js\"></script>\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/superfish/1.7.10/js/superfish.min.js\"></script>\r\n<script src=\"http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js\"></script>\r\n\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js\"></script>\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js\"></script>\r\n  \r\n<script type=\"text/javascript\" src=\"https://cdn.bootcss.com/fullPage.js/3.0.5/fullpage.js\"></script>\r\n<script type=\"text/javascript\">\r\n    var myFullpage = new fullpage(\'#fullpage\', {\r\n        sectionsColor: [\'white\', \'#4BBFC3\', \'#7BAABE\', \'whitesmoke\', \'#ccddff\'],\r\n        anchors: [\'page\', \'about\', \'product\',\'ourlife\',\'contact\'],\r\n        navigation:true,\r\n        navigationTooltips: [\'回頂頁\', \'關於我們\', \'產品介紹\',\'芳林生態\',\'聯絡我們\'],\r\n        showActiveTooltip: true,\r\n        menu: \'#menu\'\r\n    });\r\n</script>\r\n\r\n// Init Owl Carousel\r\n<script>\r\n$(\'.owl-carousel\').owlCarousel({\r\n  items: 4,\r\n  autoplay: true,\r\n  loop: true,\r\n  margin: 30,\r\n  dots: true,\r\n  responsiveClass: true,\r\n  responsive: {\r\n\r\n    320: { items: 1},\r\n    480: { items: 2},\r\n    600: { items: 2},\r\n    767: { items: 3},\r\n    768: { items: 3},\r\n    992: { items: 4}\r\n  }\r\n});\r\n\r\n</script>\r\n<script>\r\n        AOS.init({\r\n  duration: 1000,\r\n})\r\n      </script>\r\n\r\n</body>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'110.28.129.240',NULL,NULL,NULL,NULL,NULL,NULL),(1277,'2019-06-13 09:05:30','2019-06-13 17:05:30',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,1,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html xmlns=\"http://www.w3.org/1999/xhtml\">\r\n\r\n<head>\r\n  <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\r\n  <title>芳林</title>\r\n\r\n\r\n  <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.css\" />\r\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css\">\r\n  <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n  <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n  <link href=\"https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css\"\r\n    rel=\"stylesheet\">\r\n  <link href=\"https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css\"\r\n    rel=\"stylesheet\">\r\n  <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">\r\n  <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n  <link rel=\"stylesheet\" href=\"https://necolas.github.io/normalize.css/8.0.1/normalize.css\">\r\n\r\n  <!--[if IE]>\r\n        <script type=\"text/javascript\">\r\n             var console = { log: function() {} };\r\n        </script>\r\n    <![endif]-->\r\n</head>\r\n\r\n<style>\r\n  body {\r\n    font-family: cursive;\r\n    color: #333;\r\n    color: rgba(0, 0, 0, 0.5);\r\n    padding-top: 100px;\r\n  }\r\n\r\n  .wrap {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    width: 960px;\r\n    position: relative;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 6em;\r\n  }\r\n   \r\n  h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  h5,\r\n  h6 {\r\n    margin: 0;\r\n  }\r\n\r\n  h2 {\r\n    color: white;\r\n    font-weight: 600;\r\n    font-size: 48px;\r\n    font-family: cursive;\r\n    letter-spacing: 8px;\r\n  }\r\n\r\n  p {\r\n    font-size: 2em;\r\n  }\r\n\r\n  .section {\r\n    font-family: cursive；\r\n  }\r\n\r\n  #menu li {\r\n    font-family: cursive;\r\n    font-size: 18px;\r\n    display: inline-block;\r\n    margin: 10px;\r\n    color: #000;\r\n    background: #fff;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    -webkit-border-radius: 10px;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  #menu li.active {\r\n    background: #666;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    color: #fff;\r\n  }\r\n\r\n  #menu li a {\r\n    text-decoration: none;\r\n    color: blueviolet;\r\n  }\r\n\r\n  #menu li.active a:hover {\r\n    color: #000;\r\n  }\r\n\r\n  #menu li:hover {\r\n    background: rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  #menu li a,\r\n  #menu li.active a {\r\n    padding: 9px 18px;\r\n    display: block;\r\n  }\r\n\r\n  #menu li.active a {\r\n    color: #fff;\r\n  }\r\n\r\n  #menu {\r\n    position: fixed;\r\n    bottom: 0;\r\n    right: 0%;\r\n    text-align: center;\r\n    height: 10%;\r\n    z-index: 70;\r\n    width: 100%;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n \r\n\r\n  /* ===================================================================\r\n * # home\r\n *\r\n * ------------------------------------------------------------------- */\r\n  .s-home {\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: transparent;\r\n    position: relative;\r\n    display: table;\r\n  }\r\n\r\n  .s-home::before {\r\n    display: block;\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.65;\r\n    background-color: #000000;\r\n  }\r\n\r\n\r\n\r\n  /* ------------------------------------------------------------------- \r\n * ## home content\r\n * ------------------------------------------------------------------- */\r\n  .home-content {\r\n    background: linear-gradient(rgba(0, 0, 0, 0.2),\r\n      rgba(0, 0, 0, 0.3)),\r\n      url(/userUpload/images/10512106/guavabgw.jpg);\r\n\r\n    background-repeat: no-repeat;\r\n    background-position: center top;\r\n    background-size: cover;\r\n    display: table-cell;\r\n    width: 100%;\r\n    height: 100%;\r\n    vertical-align: middle;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n\r\n  .home-content h1 {\r\n    padding-left: 18%;\r\n    border: 1px solid white;\r\n    font-family: cursive;\r\n    font-weight: 500;\r\n    font-size: 7rem;\r\n    line-height: 2.1;\r\n    margin-top: 0;\r\n    color: #ffffff;\r\n    background: rgba(255,255,255,.2);\r\n    letter-spacing: 4px;\r\n    top: -10rem;\r\n    position: relative;\r\n}\r\n \r\n\r\n  .home-content h1 + p {\r\n    font-family: cursive;\r\n    font-size: 4rem;\r\n    line-height: 1.421;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    margin-top: 1.2rem;\r\n    padding-left: 35rem;\r\n    position: relative;\r\n    letter-spacing: 3.5px;\r\n  }\r\n  .home-content h1+p::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 20rem;\r\n    height: 4px;\r\n    background-color: #cc4e14;\r\n    position: absolute;\r\n    left: 10rem;\r\n    top: 1.2rem;\r\n  }\r\n \r\n\r\n  /* ------------------------------------------------------------------- \r\n * ## home content RWD\r\n * ------------------------------------------------------------------- */\r\n @media (max-width: 768px) {\r\n\r\n.home-content h1 {\r\n  font-size: 4.5rem;\r\n}\r\n\r\n.home-content h1+p {\r\n      font-size: 3rem;\r\n      padding-left: 14rem;\r\n    }\r\n.home-content h1+p::before {\r\n      width: 10rem;\r\n      left: 30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n  \r\n\r\n  /* ------------------------------------------------------------------- \r\n * ## home scroll\r\n * ------------------------------------------------------------------- */\r\n  .home-scroll {\r\n    height: 5.8rem;\r\n    position: absolute;\r\n    right: 30%;\r\n    bottom: 6.6rem;\r\n  }\r\n\r\n  .home-scroll__text {\r\n    display: inline-block;\r\n    font-family: cursive;\r\n    font-size: 11px;\r\n    line-height: 2.8rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.3rem;\r\n    color: #ffffff;\r\n    border-bottom: 1px solid transparent;\r\n    -webkit-transition: all 0.3s ease-in-out;\r\n    transition: all 0.3s ease-in-out;\r\n    position: relative;\r\n    right: 7.5rem;\r\n  }\r\n\r\n\r\n  .home-scroll__icon {\r\n    display: block;\r\n    height: 3rem;\r\n    width: 3rem;\r\n    background-image: url(http://www.shejiye.com/uploadfile/icon/2017/0203/shejiyeiconzypo432cfcz.png);\r\n    background-color: #ffffff;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    background-size: 10px 10px;\r\n    border-radius: 50%;\r\n    -webkit-transition: all 0.3s ease-in-out;\r\n    transition: all 0.3s ease-in-out;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n  }\r\n\r\n  .home-scroll:hover .home-scroll__text {\r\n    border-bottom: 1px solid #ffffff;\r\n  }\r\n\r\n  /* About Us Section\r\n--------------------------------*/\r\n  .about {\r\n    background: white;\r\n    background-repeat: no-repeat;\r\n    background-position: bottom center;\r\n    color: black;\r\n    background-size: cover;\r\n    width: 100%;\r\n    height: 100vh;\r\n  }\r\n\r\n \r\n\r\n  .about {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .about .about-content {\r\n    padding-top: 100px;\r\n  }\r\n\r\n  .about .about-content p {\r\n    font-family: cursive;\r\n    font-size: 25px;\r\n    font-weight: 100;\r\n    letter-spacing: 4px;\r\n    margin-bottom: 20px;\r\n    text-transform: capitalize;\r\n    float: left;\r\n    padding-left: 25%;\r\n    text-align: left;\r\n    position: relative;\r\n    top: 3rem;\r\n}\r\n\r\n\r\n\r\n\r\n  /* product Section\r\n--------------------------------*/\r\n  .product {\r\n    display: inline-block;\r\n    width: 100%;\r\n    height: 100vh;\r\n    font-family: \"微軟正黑體\";\r\n    background: url(/userUpload/images/10512106/guavabg.jpg);\r\n    background-repeat: no-repeat;\r\n    background-position: top center;\r\n    background-size: cover;\r\n  }\r\n\r\n\r\n  .product .product-block {\r\n    background: transparent;\r\n    padding: 30px 20px;\r\n    margin: 30px 20px;\r\n    transition: all 0.5s ease-in-out 0s;\r\n}\r\n.product .product-block:hover {\r\n    box-shadow: 0 0 35px rgba(0, 0, 0, .5);\r\n    transition: all 0.5s ease-in-out 0s;\r\n    background: #fff;\r\n}\r\n  .product .product-block h4 {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  /************button***************/\r\n  button {\r\n    color: black;\r\n    border: 1px solid #338023;\r\n    font-size: 25px;\r\n    border-radius: 4px;\r\n    transition: .6s;\r\n    overflow: hidden;\r\n  }\r\n\r\n  button:focus {\r\n    outline: none;\r\n\r\n  }\r\n\r\n  button::before {\r\n    content: \'\';\r\n    display: block;\r\n    position: absolute;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    width: 30px;\r\n    height: 100%;\r\n    left: 0;\r\n    top: 0;\r\n    opacity: .5s;\r\n    filter: blur(45px);\r\n    text-decoration: none;\r\n\r\n  }\r\n\r\n  button::after {\r\n    content: \'\';\r\n    display: block;\r\n    position: absolute;\r\n    background: rgba(255, 255, 255, .2);\r\n    width: 30px;\r\n    height: 100%;\r\n    left: 30px;\r\n    top: 0;\r\n    opacity: 0;\r\n    filter: blur(45px);\r\n    text-decoration: none;\r\n\r\n  }\r\n\r\n  button:hover {\r\n    background: #338033;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n\r\n  }\r\n\r\n  button:hover:before {\r\n    transform: translateX(300px) skewX(-15deg);\r\n    opacity: .6;\r\n    transition: .7s;\r\n    text-decoration: none;\r\n  }\r\n\r\n  /******scroll************/\r\n  #fp-nav ul li .fp-tooltip {\r\n    position: absolute;\r\n    top: -2px;\r\n    color: rgba(247, 159, 31, 1.0);\r\n    font-size: 18px;\r\n    font-family: \"微軟正黑體\";\r\n    max-width: 220px;\r\n    overflow: hidden;\r\n    display: block;\r\n    opacity: 0;\r\n    width: 0;\r\n    cursor: pointer;\r\n    letter-spacing: 3px;\r\n    font-weight: 600;\r\n}\r\n\r\n  #fp-nav ul li:hover a span,\r\n  .fp-slidesNav ul li:hover a span {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: aqua;\r\n    margin: -5px 0px 0px -5px;\r\n  }\r\n\r\n  #fp-nav ul li a span,\r\n  .fp-slidesNav ul li a span {\r\n    border-radius: 50%;\r\n    position: absolute;\r\n    z-index: 1;\r\n    height: 4px;\r\n    width: 4px;\r\n    border: 0;\r\n    background: blue;\r\n    left: 50%;\r\n    top: 50%;\r\n    margin: -2px 0 0 -2px;\r\n    -webkit-transition: all 0.1s ease-in-out;\r\n    -moz-transition: all 0.1s ease-in-out;\r\n    -o-transition: all 0.1s ease-in-out;\r\n    transition: all 0.1s ease-in-out;\r\n  }\r\n\r\n  \r\n\r\n  /* ourlife Section\r\n--------------------------------*/\r\n\r\n  .ourlife {\r\n    width: 100%;\r\n    height: 100vh;\r\n    font-family: cursive;\r\n    background: linear-gradient(rgba(0, 0, 0, 0.3),\r\n      rgba(0, 0, 0, 0.3)),\r\n      url(/userUpload/images/10512106/environment.jpg);\r\n    background-repeat: no-repeat;\r\n    background-position: top center;\r\n\r\n    background-size: cover;\r\n\r\n  }\r\n\r\n\r\n  .owl-dot.active>span {\r\n    height: 10px !important;\r\n    width: 10px !important;\r\n  }\r\n\r\n  .owl-theme .owl-dots .owl-dot span {\r\n    height: 10px !important;\r\n    width: 10px !important;\r\n  }\r\n\r\n  .owl-item img {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .owl-stage-outer {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .owl-theme .owl-nav {\r\n    display: none;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .owl-theme .owl-dots .owl-dot.active span,\r\n  .owl-theme .owl-dots .owl-dot:hover span {\r\n    background: #71c55d;\r\n  }\r\n\r\n  .owl-theme .owl-dots .owl-dot span {\r\n    background: #ddd;\r\n  }\r\n\r\n  .img-fluid {\r\n    height: 100%;\r\n    margin-bottom: 30px;\r\n    width: 100%;\r\n  }\r\n\r\n  .separator {\r\n    color: #ddd;\r\n    font-family: cursive;\r\n    font-size: 25px;\r\n    font-weight: 300;\r\n    margin-bottom: 30px;\r\n    text-transform: capitalize;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  \r\n  /* Contact Section\r\n--------------------------------*/\r\n  .conatct {\r\n\r\n    width: 100%;\r\n    height: 100vh;\r\n    background: linear-gradient(rgba(0, 0, 0, 0.3),\r\n      rgba(0, 0, 0, 0.3)),\r\n      url(/userUpload/images/10512106/contact.jpg);\r\n    background-repeat: no-repeat;\r\n    background-position: top center;\r\n    background-size: cover;\r\n    z-index: -5;\r\n  }\r\n\r\n  .conatct .info {\r\n    color: #222;\r\n    text-align: left;\r\n    padding-left: 5%;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n  .conatct .info i {\r\n    font-size: 40px;\r\n    color: white;\r\n    float: left;\r\n  }\r\n\r\n  \r\n  .conatct .info p {\r\n      padding: 0 0 10px 25px;\r\n      margin-bottom: 20px;\r\n      line-height: 2rem;\r\n      font-size: 18px;\r\n      font-family: cursive;\r\n      color: #ddd;\r\n    }\r\n\r\n\r\n  .conatct .info .email p {\r\n    padding-top: 5px;\r\n  }\r\n\r\n  .conatct .social-links {\r\n    padding-bottom: 50px;\r\n    text-align: center;\r\n  }\r\n\r\n  .conatct .social-links a {\r\n    font-size: 18px;\r\n    display: inline-block;\r\n    background: blue;\r\n    color: #fff;\r\n    line-height: 1;\r\n    padding: 8px 0 8px 0;\r\n    border-radius: 50%;\r\n    text-align: center;\r\n    width: 36px;\r\n    height: 36px;\r\n    transition: 0.3s;\r\n  }\r\n\r\n  .conatct .social-links a:hover {\r\n    background: rgb(85, 161, 212);\r\n    color: #fff;\r\n  }\r\n\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\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    margin-top: 50px;\r\n  }\r\n\r\n\r\n\r\n  /******************網頁修改*******************/\r\n\r\n.navbar-default{\r\n\r\nbackground: rgba(230,126,34,1.0);\r\nfont-family: cursive;\r\nborder-color: transparent;\r\n\r\n}\r\n\r\na:focus, a:hover{\r\n  color: yellowgreen;\r\n  text-decoration: none;\r\n}\r\n\r\n.navbar-nav>li>a{\r\n  padding-top: 0px;\r\n  padding-bottom: 0px;\r\n  line-height: 50px;\r\n  font-size: 20px;\r\n  text-transform: uppercase;\r\n  position: relative;\r\n}\r\n  \r\n.navbar-nav>li>a::before {\r\n    content: \'\';\r\n    width: 0px;\r\n    height: 3px;\r\n    background: chartreuse;\r\n    position: absolute;\r\n    top: 120%;\r\n    right: 40px;\r\n    transition: .5s;\r\n    mix-blend-mode: multiply;\r\n}\r\n\r\n.navbar-nav>li>a::after {\r\n    content: \'\';\r\n    width: 0;\r\n    height: 3px;\r\n    background: #f0f;\r\n    position: absolute;\r\n    top: 120%;\r\n    right: 10px;\r\n    transition: .5s;\r\n    mix-blend-mode: multiply;\r\n}\r\n\r\n.navbar-nav>li:hover a::before{\r\n    width: 50%;\r\n    transform: translateX(100%);\r\n}\r\n\r\n.navbar-nav>li:hover a::after{\r\n    width: 50%;\r\n    transform: translateX(-100%);\r\n}\r\n  \r\n  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: #fff;\r\n    background-color: transparent;\r\n}\r\n\r\n.navbar-fixed-top {\r\n top: 0;\r\n padding-left: 5rem;\r\n}\r\n  .container {\r\n    padding-left: -15px;\r\n    padding-right: -15px;\r\n  }\r\n  .col-md-12 {\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n  }\r\n\r\n  .row {\r\n    margin-right: 0px;\r\n    margin-left: 0px;\r\n  }\r\n\r\n  .col-md-10 {\r\n    width: 106%;\r\n    margin-top: -105px;\r\n  }\r\n\r\n  .col-md-offset-1 {\r\n    margin-left: -3%;\r\n  }\r\n\r\n  \r\n\r\n  @media (max-width: 992px) {\r\n    .col-md-offset-1 {\r\n      margin-left: 0%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .col-md-10 {\r\n      width: 100%;\r\n      margin-top: -100px;\r\n    }\r\n  }\r\n\r\n  .bgw {\r\n    background-color: rgba(255, 255, 255, 0.0);\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .col-md-10 {\r\n      padding-right: 0px;\r\n      padding-left: 0px;\r\n    }\r\n\r\n    .container-fluid {\r\n      padding-right: 0px;\r\n      padding-left: 0px;\r\n    }\r\n  }\r\n\r\n  a {\r\n    color: #00b894;\r\n}\r\n  html.fp-enabled,\r\n  .fp-enabled body {\r\n    margin: 0px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    padding-top: 50px;\r\n  }\r\n\r\n  /*******RWD*********/\r\n\r\n  @media (max-width: 992px) {\r\n\r\n.about {\r\n  height: 100%;\r\n  font-size: 15px;\r\n}\r\n.ourlife {\r\n  height: 100%;\r\n}\r\n.conatct {\r\n  height: 100%;\r\n}\r\n}\r\n\r\n\r\n@media (max-width: 768px) {\r\n    #menu{\r\n      width: 105%;\r\n    }\r\n    h2{\r\n      font-size: 35px;\r\n    }\r\n\r\n    .about .about-content p{\r\n      font-size: 24px;\r\n      letter-spacing: 1px;\r\n      margin-bottom: 20px;\r\n      padding-left: 0%;\r\n      top: -3rem;\r\n    }\r\n\r\n    button{\r\n      font-size: 17px;\r\n    }\r\n    .conatct .info{\r\n      padding-left: 0%;\r\n    }\r\n    .conatct .info i{\r\n      font-size: 17px;\r\n    }\r\n    .conatct .info p{\r\n      padding: 0 0 0 0px;\r\n      margin-bottom: 0px;\r\n    }\r\n    .fp-enabled body {\r\n    margin: -10px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    padding-top: 50px;\r\n  }\r\n    \r\n  }\r\n\r\n\r\n\r\n</style>\r\n\r\n<body>\r\n  <div id=\"fullpage\">\r\n    <div class=\"section\" id=\"section0\">\r\n        <div class=\"slide\" id=\"slide1\">\r\n\r\n      <!-- home ================================================== -->\r\n      <div class=\"s-home \">\r\n\r\n\r\n        <div class=\"home-content\">\r\n\r\n          <div class=\"row \" data-aos=\"fade-right\">\r\n            <h1>\r\n              歡迎來到芳林芭樂農園\r\n            </h1>\r\n\r\n            <p>\r\n              一生懸命 <br>\r\n              自慢的芭樂，芳林\r\n            </p>\r\n          </div> \r\n          <ul id=\"menu\">\r\n\r\n            <li><a\r\n                href=\"https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%BE%B2%E5%9C%92-297327576945814/\">\r\n                <i class=\"fab fa-facebook-f\"></i>\r\n                <span class=\"home-social-text\">Facebook</span>\r\n              </a></li>\r\n            <li><a\r\n                href=\"javascript: void(window.open(&apos;https://lineit.line.me/share/ui?url=&apos; .concat(encodeURIComponent(location.href)) ));\"\r\n                title=\"分享給 LINE 好友\">\r\n                <i class=\"fab fa-line\"></i>\r\n                <span class=\"home-social-text\">line</span>\r\n              </a></li>\r\n            <li><a href=\"https://blog.xuite.net/kenny335a/twblog\">\r\n                <i class=\"fab fa-blogger\"></i>\r\n                <span class=\"home-social-text\">blog</span>\r\n              </a></li>\r\n          </ul>\r\n          <a href=\"#about\" class=\"home-scroll smoothscroll\"><span class=\"home-scroll__text\">Scroll Down</span><i\r\n              class=\" home-scroll__icon\"></i></a>\r\n        </div> <!-- end home-content -->\r\n\r\n\r\n\r\n      </div> <!-- end s-home -->\r\n\r\n    </div>\r\n    </div>\r\n    <div class=\"section\" id=\"section1\">\r\n        <div class=\"slide\" id=\"slide2\">\r\n      <!--==========================\r\n    About Us Section\r\n  ============================-->\r\n      <div class=\"container text-center about\">\r\n        <br> <br> <br> <br> <br>\r\n        <h2 style=\"color:black; font-family: monospace\">WELCOME</h2>\r\n        <div class=\"about-content\">\r\n          <p class=\"separator\" style=\"color:black;\">\r\n\r\n            一生懸命，自慢的芭樂—芳林<br>\r\n            芳林․芭樂莊園所生產的芭樂<br>\r\n            以對土地較友善的種植方式<br>\r\n            嚴謹的管理及記錄生產過程<br>\r\n            並讓它以最自然的方式自然生長<br>\r\n            讓它擁有該有的原始風味<br>\r\n            就像種給自己家人吃一樣<br>\r\n            希望您也可以透過芳林<br>\r\n            安心與健康的食用<br>\r\n            這就是芳林給您最好的祝福<br>\r\n\r\n          </p>\r\n        </div>\r\n        <br> <br> <br>\r\n      </div>\r\n    </div>\r\n</div>\r\n\r\n    <!--==========================\r\n      product Section\r\n      ============================-->\r\n    <div class=\"section  text-center product\" id=\"section2\">\r\n        <div class=\"slide\" id=\"slide3\">\r\n\r\n      <br> <br> <br>\r\n      <div class=\"container\">\r\n        <div class=\"section-title\">\r\n          <h2 style=\"color: black;\">芭樂展現浪漫原味</h2>\r\n          <br>\r\n          <p class=\"separator\" style=\"color: black;\">“我的芭樂自然熟成，八、九分熟最好吃！”</p>\r\n        </div>\r\n      </div>\r\n      <br>\r\n      <div class=\"container\">\r\n        <div class=\"row\">\r\n\r\n          <div class=\"col-xs-4 col-md-6 col-lg-4\">\r\n            <div class=\"product-block\">\r\n              <img src=\"/userUpload/images/10512106/guava1.png\" alt=\"img\" class=\"img-fluid\">\r\n              <h4>芭樂</h4>\r\n              <button type=\"button\"><a href=\"http://www.lohasplus.com.tw/index.php?Act=925&SK=979&MK=925&PK=935\">read\r\n                  more</a></button>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-xs-4 col-md-6 col-lg-4\">\r\n            <div class=\"product-block\">\r\n              <img src=\"/userUpload/images/10512106/guava2.png\" alt=\"img\" class=\"img-fluid\">\r\n              <h4>禮盒</h4>\r\n              <button type=\"button\"><a href=\"http://www.lohasplus.com.tw/index.php?Act=925&SK=978&MK=925&PK=935\">read\r\n                  more</a></button>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-xs-4 col-md-6 col-lg-4\">\r\n            <div class=\"product-block\">\r\n              <img src=\"/userUpload/images/10512106/guava3.png\" alt=\"img\" class=\"img-fluid\">\r\n              <h4>超大禮盒</h4>\r\n              <button type=\"button\"><a href=\"http://www.lohasplus.com.tw/index.php?Act=925&SK=981&MK=925&PK=935\">read\r\n                  more</a></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n</div>\r\n      <br> <br> <br>\r\n\r\n\r\n    </div>\r\n    <!--==========================ourlife Section============================-->\r\n    <div class=\"section text-center ourlife\" id=\"section3\">\r\n        <div class=\"slide\" id=\"slide4\">\r\n\r\n      <br> <br> <br>\r\n      <div class=\"container \">\r\n        <div class=\"section-title \">\r\n          <h2>芳林生態</h2>\r\n          <br>\r\n          <p class=\"separator\"> 大地的滋潤，讓芭樂香甜美味</p>\r\n        </div>\r\n      </div>\r\n      <br>\r\n      <div class=\"container\">\r\n        <div class=\"owl-carousel owl-theme\">\r\n\r\n          <div><img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"img\"></div>\r\n          <div><img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"img\"></div>\r\n          <div><img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%922.png\" alt=\"img\"></div>\r\n          <div><img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"img\"></div>\r\n\r\n        </div>\r\n      </div>\r\n      <br> <br> <br> <br>\r\n    </div>\r\n    </div>\r\n    <!--==========================\r\n    Contact Section\r\n  ============================-->\r\n    <div class=\"section text-center conatct\" id=\"section4\">\r\n        <div class=\"slide\" id=\"slide5\">\r\n\r\n      <br> <br> <br>\r\n      <div class=\"container  \">\r\n        <div class=\"section-title \">\r\n          <h2>聯絡我們</h2>\r\n          <br>\r\n          <p class=\"separator\">聯絡資訊</p>\r\n          <br> <br>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"container\">\r\n        <div class=\"row justify-content-center\">\r\n\r\n          <div class=\"col-xs-7 col-lg-6 col-md-12\">\r\n\r\n            <div class=\"info\">\r\n              <div>\r\n                <i class=\"fa fa-user\"></i>\r\n                <p>&nbsp;&nbsp;&nbsp;鄭宗林</p>\r\n              </div>\r\n\r\n              <div>\r\n                <i class=\"fa fa-mobile\"></i>\r\n                <p>&nbsp;&nbsp;&nbsp;0910-326-822</p>\r\n              </div>\r\n              <div>\r\n                <i class=\"fab fa-line\"></i>\r\n                <p>&nbsp;&nbsp;&nbsp;kenny335a</p>\r\n              </div>\r\n\r\n              <div>\r\n                <i class=\"fa fa-map-marker\"> </i>\r\n                <p>&nbsp;&nbsp;&nbsp;820高雄市岡山區嘉峰路600巷高鐵 橋下</p>\r\n              </div>\r\n\r\n              <div class=\"email\">\r\n                <i class=\"fa fa-envelope\"></i>\r\n                <p>&nbsp;&nbsp;&nbsp;kenny335a@\r\n                  yahoo.com.tw</p>\r\n              </div>\r\n\r\n              <div>\r\n                <i class=\"fa fa-phone\"></i>\r\n                <p>&nbsp;&nbsp;&nbsp;07-371-2376</p>\r\n              </div>\r\n              <div>\r\n                <i class=\"fa fa-car\"></i>\r\n                <p>&nbsp;&nbsp;&nbsp;可前往岡山火車站轉乘計程車($200)或由農場主人接送</p>\r\n              </div>\r\n\r\n            </div>\r\n            <div class=\"social-links\">\r\n              <a href=\"#\" class=\"facebook\"><i class=\"fab fa-facebook-f\"></i></a>&nbsp;&nbsp;\r\n              <a href=\"#\" class=\"instagram\"><i class=\"fab fa-instagram\"></i></a>&nbsp;&nbsp;\r\n              <a href=\"#\" class=\"google-plus\"><i class=\"fab fa-google-plus-g\"></i></a>&nbsp;&nbsp;\r\n              \r\n            </div>\r\n            <br><br><br>\r\n\r\n\r\n          </div>\r\n          <div class=\"col-xs-4 col-lg-6 col-md-12\">\r\n              <div class=\"iframe-rwd\">\r\n                  <iframe src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7354.3677329882885!2d120.316526!3d22.832686!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1554895992005!5m2!1szh-TW!2stw\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen></iframe>\r\n                </div>\r\n          </div>\r\n\r\n\r\n        </div>\r\n      </div>\r\n\r\n</div>\r\n      <!-- #contact -->\r\n    </div>\r\n  </div>\r\n  <!-- Java Script\r\n    ================================================== -->\r\n\r\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js\"></script>\r\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js\"></script>\r\n\r\n  <script type=\"text/javascript\" src=\"https://cdn.bootcss.com/fullPage.js/3.0.5/fullpage.js\"></script>\r\n  <script type=\"text/javascript\">\r\n    var myFullpage = new fullpage(\'#fullpage\', {\r\n      sectionsColor: [\'white\', \'transparent\', \'transparent\', \'transparent\', \'transparent\'],\r\n      anchors: [\'page\', \'about\', \'product\', \'ourlife\', \'contact\'],\r\n      navigation: true,\r\n      navigationTooltips: [\'回頂頁\', \'關於我們\', \'產品介紹\', \'芳林生態\', \'聯絡我們\'],\r\n      showActiveTooltip: true,\r\n      scrollOverflow: true,\r\n      menu: \'#menu\'\r\n    });\r\n  </script>\r\n\r\n  // Init Owl Carousel\r\n  <script>\r\n    $(\'.owl-carousel\').owlCarousel({\r\n      items: 4,\r\n      autoplay: true,\r\n      loop: true,\r\n      margin: 30,\r\n      dots: true,\r\n      responsiveClass: true,\r\n      responsive: {\r\n\r\n        320: { items: 1 },\r\n        480: { items: 2 },\r\n        600: { items: 2 },\r\n        767: { items: 3 },\r\n        768: { items: 3 },\r\n        992: { items: 4 }\r\n      }\r\n    });\r\n\r\n  </script>\r\n  <script>\r\n    AOS.init({\r\n      duration: 1000,\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,1,NULL,NULL,'27.52.7.181',NULL,NULL,NULL,NULL,NULL,NULL),(1278,'2019-06-12 14:01:13','2019-06-12 22:01:13',NULL,'2019-06-10 00:00:00','2038-01-01 00:00:00',925,926,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <!-- Optional theme -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n\r\n    <!-- Latest compiled and minified JavaScript -->\r\n    <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">\r\n    <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n\r\n\r\n\r\n    <style>\r\n        /**********content*************/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: cursive;\r\n            font-size: 25px;\r\n            background: #12CBC4;\r\n        }\r\n\r\n        p {\r\n            letter-spacing: 3px;\r\n        }\r\n\r\n        div::first-letter {\r\n            color: #ffdd59;\r\n            font-size: 200%;\r\n        }\r\n\r\n        hr {\r\n            margin-top: 0px;\r\n            margin-bottom: 0px;\r\n            border: 0;\r\n            border-top: 0px solid #eee;\r\n        }\r\n\r\n        h2 {\r\n            color: white;\r\n        }\r\n\r\n        h1 {\r\n            font-size: 36px;\r\n            text-align: center;\r\n        }\r\n\r\n\r\n\r\n        .position {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n        }\r\n\r\n        /******************intro*********************/\r\n\r\n        .intro {\r\n            width: 100%;\r\n            height: 100vh;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6),\r\n                rgba(0, 0, 0, 0.6)),\r\n                url(/userUpload/images/10512106/guavabgw.jpg);\r\n            background-attachment: fixed;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: cover;\r\n            position: relative;\r\n            ;\r\n\r\n\r\n        }\r\n\r\n\r\n\r\n\r\n        .button {\r\n            list-style-type: none;\r\n            margin: 0;\r\n            padding: 0;\r\n            border: 1px solid blanchedalmond;\r\n            background: #ff9800;\r\n            color: white;\r\n            width: 220px;\r\n            height: 50px;\r\n        }\r\n\r\n        .button:hover a {\r\n            text-decoration: none;\r\n            color: white;\r\n        }\r\n\r\n        .btn-default {\r\n            background: none;\r\n            color: white;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 25px;\r\n\r\n        }\r\n\r\n        .btn-default:hover {\r\n            background: #a15749;\r\n            color: #ff9800;\r\n        }\r\n\r\n        .content {\r\n            background: rgba(146, 139, 139, 0.7);\r\n            border: 1px solid rgba(146, 139, 139, 0.7);\r\n            border-radius: 25px;\r\n            font-family: \"標楷體\";\r\n            font-size: 40px;\r\n            text-align: center;\r\n            color: white;\r\n            margin: 0px;\r\n            padding: 0px;\r\n            position: relative;\r\n            top: 250px;\r\n            left: 0%;\r\n        }\r\n\r\n        /******************intro RWD*********************/\r\n        @media (max-width:1200px) {\r\n            .content {\r\n                background: rgba(146, 139, 139, 0.9);\r\n                border: 1px solid rgba(146, 139, 139, 0.7);\r\n                border-radius: 0px;\r\n                font-family: \"標楷體\";\r\n                font-size: 30px;\r\n                text-align: center;\r\n                color: white;\r\n                margin: 0%;\r\n                padding: 0px;\r\n                position: relative;\r\n                top: 13rem;\r\n                left: 0%;\r\n            }\r\n        }\r\n\r\n        /******************section1*********************/\r\n\r\n        #section1 {\r\n            width: 100%;\r\n            height: 100%;\r\n            color: black;\r\n            background-color: white;\r\n        }\r\n\r\n\r\n        #section1 div {\r\n\r\n            padding: 5rem;\r\n            margin: 30px 0px;\r\n            font-family: cursive;\r\n            font-size: 20px;\r\n            height: 800px;\r\n\r\n        }\r\n\r\n        #section1 div h3 {\r\n            font-family: cursive;\r\n            font-size: 30px;\r\n            color: brown;\r\n            font-weight: 400;\r\n            letter-spacing: 4px;\r\n\r\n        }\r\n\r\n        .fa-cannabis {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-smile-wink {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-qrcode {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-leaf {\r\n            font-size: 100px;\r\n            color: #71c55d;\r\n        }\r\n\r\n        /******************section1RWD*********************/\r\n\r\n\r\n\r\n        @media (max-width: 992px) {\r\n            #section1 {\r\n                height: 100%;\r\n\r\n            }\r\n\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            p {\r\n                letter-spacing: 0px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section1 div {\r\n                height: 100%;\r\n                margin: 0px 0px;\r\n            }\r\n        }\r\n\r\n        /******************section2*********************/\r\n\r\n        #section2 {\r\n            width: 100%;\r\n            height: 100%;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            background: url(/userUpload/images/10512106/introbgw.jpg);\r\n            background-size: 100% auto;\r\n            background-position: top;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        #ourcarousel {\r\n            width: 600px;\r\n        }\r\n\r\n        #sedcarousel {\r\n            width: 600px;\r\n        }\r\n\r\n\r\n        /******************section2RWD*********************/\r\n\r\n        @media (max-width: 992px) {\r\n            #section2 {\r\n                height: 100%;\r\n                background: burlywood;\r\n\r\n            }\r\n\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #ourcarousel {\r\n                width: 100%;\r\n            }\r\n\r\n            #sedcarousel {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        /******************section3*********************/\r\n\r\n        #section3 {\r\n            width: 100%;\r\n            height: 100%;\r\n            color: #fff;\r\n            background: url(\"/userUpload/images/10512106/storybgw(1).jpg\");\r\n            font-size: 20px;\r\n            background-size: 100% auto;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .img-thumbnail {\r\n            margin: -20%;\r\n        }\r\n\r\n        /******************section3RWD*********************/\r\n        @media (max-width: 992px) {\r\n            #section3 {\r\n                height: 100%;\r\n                background: black;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .img-thumbnail {\r\n                margin: 0%;\r\n            }\r\n        }\r\n\r\n        /******************section4*********************/\r\n        #section4 {\r\n            width: 100%;\r\n            height: 100%;\r\n            color: #fff;\r\n            background: url(/userUpload/images/10512106/experiencebgw.jpg);\r\n            font-size: 20px;\r\n            background-size: 100% auto;\r\n            background-position: bottom;\r\n            background-repeat: no-repeat;\r\n            position: relative;\r\n            float: left;\r\n            text-align: left;\r\n        }\r\n\r\n        /******************section4RWD*********************/\r\n\r\n        @media (max-width: 992px) {\r\n            #section4 {\r\n                height: 100%;\r\n                background: green;\r\n\r\n            }\r\n        }\r\n\r\n        /*************** Back to top button *****************/\r\n        #back-to-top {\r\n            position: fixed;\r\n            background: #71c55d;\r\n            line-height: 1;\r\n            color: #fff;\r\n            padding: 7px 12px 13px 12px;\r\n            font-size: 16px;\r\n            border-radius: 2px;\r\n            right: 15px;\r\n            bottom: 15px;\r\n            transition: background 0.5s;\r\n        }\r\n\r\n\r\n\r\n        #back-to-top:focus {\r\n            background: #71c55d;\r\n            color: #fff;\r\n            outline: none;\r\n        }\r\n\r\n        #back-to-top:hover {\r\n            background: #55b03f;\r\n            color: #fff;\r\n        }\r\n\r\n        /********back to top button RWD ***********/\r\n        @media (max-width: 768px) {\r\n            #back-to-top {\r\n                bottom: 15px;\r\n            }\r\n        }\r\n\r\n\r\n\r\n        /***********RWD************/\r\n\r\n        .col-md-12 {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n        }\r\n\r\n\r\n\r\n        .jumbotron {\r\n            background-color: rgba(70, 67, 67, 0.9);\r\n\r\n        }\r\n\r\n        .jumbotron p {\r\n            position: relative;\r\n            text-align: left;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .jumbotron {\r\n                background-color: rgba(70, 67, 67, 0.0);\r\n            }\r\n\r\n        }\r\n\r\n\r\n        @media (max-width:1710px) {\r\n\r\n\r\n            #section1 div {\r\n                padding: 2rem;\r\n                margin: 15px 0px;\r\n                font-family: cursive;\r\n                font-size: 16px;\r\n                height: 800px;\r\n            }\r\n\r\n            .jumbotron p {\r\n\r\n                font-size: 17px;\r\n                font-weight: 200;\r\n                position: relative;\r\n                text-align: left;\r\n                letter-spacing: 2px;\r\n            }\r\n        }\r\n\r\n        /****************網頁調整*******************/\r\n        @media (min-width: 992px) {\r\n            .col-md-offset-1 {\r\n                margin-left: 0%;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            .col-md-10 {\r\n                width: 100%;\r\n                margin-top: -103px;\r\n            }\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(225, 225, 225, 0.0);\r\n        }\r\n\r\n        .navbar-default {\r\n\r\n            background: rgba(230, 126, 34, 1.0);\r\n            font-family: cursive;\r\n            border-color: transparent;\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-nav>li>a {\r\n            padding-top: 0px;\r\n            padding-bottom: 0px;\r\n            line-height: 50px;\r\n            font-size: 20px;\r\n            text-transform: uppercase;\r\n            position: relative;\r\n        }\r\n\r\n        .navbar-nav>li>a::before {\r\n            content: \'\';\r\n            width: 0px;\r\n            height: 3px;\r\n            background: chartreuse;\r\n            position: absolute;\r\n            top: 120%;\r\n            right: 40px;\r\n            transition: .5s;\r\n            mix-blend-mode: multiply;\r\n        }\r\n\r\n        .navbar-nav>li>a::after {\r\n            content: \'\';\r\n            width: 0;\r\n            height: 3px;\r\n            background: #f0f;\r\n            position: absolute;\r\n            top: 120%;\r\n            right: 10px;\r\n            transition: .5s;\r\n            mix-blend-mode: multiply;\r\n        }\r\n\r\n        .navbar-nav>li:hover a::before {\r\n            width: 50%;\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .navbar-nav>li:hover a::after {\r\n            width: 50%;\r\n            transform: translateX(-100%);\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n            background-image: -webkit-linear-gradient(top,transparent 0,transparent 100%);\r\n            color: #fff;\r\n            background-color: transparent;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li>a {\r\n    color: #fff;\r\n}\r\n\r\n        .container-fluid {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-left: 0px;\r\n            margin-right: 0px;\r\n\r\n        }\r\n\r\n        .container {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n        footer {\r\n            font-size: 1.2rem;\r\n            color: white;\r\n            background: #a15749;\r\n        }\r\n\r\n\r\n\r\n\r\n        /***************************************************/\r\n    </style>\r\n    <title>關於芳林</title>\r\n</head>\r\n\r\n<body>\r\n    <div class=\"intro\">\r\n        <div class=\"container\">\r\n            <p class=\"content\" data-aos=\"zoom-in\">\r\n                <i class=\"fas fa-leaf\"></i><br>\r\n                \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n                <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n                <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n                <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n                <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a><br>\r\n\r\n            </p>\r\n\r\n        </div>\r\n\r\n    </div>\r\n    <div id=\"section1\" class=\"container-fluid text-center  \">\r\n        　　　　　<br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success \">\r\n            <i class=\"fas fa-cannabis\" data-aos=\"zoom-in\"></i>\r\n\r\n            <h3 data-aos=\"fade-up\">草生栽培農法 </h3>\r\n            <br>\r\n\r\n            <h4 style=\"font-size:25px\" data-aos=\"fade-up\">什麼是草生栽培？</h4><br>\r\n            <p data-aos=\"fade-up\">\r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n\r\n\r\n                草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n                例如<br><br>\r\n\r\n                (1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n                (2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n            <i class=\"far fa-smile-wink\" data-aos=\"zoom-in\"></i>\r\n            <h3 data-aos=\"fade-up\">優質的保證 </h3> <br>\r\n            <p data-aos=\"fade-up\"> 鄭宗林隸屬大社區農會的果樹產銷第7班，\r\n                已通過產銷履歷認證，種植總面積2公頃，\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                <h4 data-aos=\"fade-up\" style=\"font-size:30px; color:chocolate;\">芳林特色</h4>\r\n                <p style=\"color:red; font-weight:700;\" data-aos=\"fade-up\">1.通過屏科大產銷履歷認證<br><br>\r\n                    2.通過311項無農藥殘留檢測<br><br>\r\n                    3.採草生栽培、友善耕作</p>\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n            <i class=\"fas fa-qrcode\" data-aos=\"zoom-in\"></i>\r\n            <h3 data-aos=\"fade-up\">產銷履歷</h3>\r\n            <p data-aos=\"fade-up\"> 產銷QR code</p>\r\n            <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n            <p data-aos=\"fade-up\">產銷履歷</p>\r\n            <p data-aos=\"fade-up\">水質檢測認證</p>\r\n            <p data-aos=\"fade-up\">無農藥檢測認證</p>\r\n            <p data-aos=\"fade-up\">下面有附件請自行下載</p>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"section2\" class=\"container-fluid text-center\">\r\n        <br> <br> <br>\r\n        <h1 style=\"color:black;\">農園介紹</h1>\r\n        <h2 style=\"color:black;\">天然無毒的珍珠芭樂農園</h2>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0\"></div>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12\" data-aos=\"fade-right\">\r\n            <br>\r\n            <div class=\"jumbotron\">\r\n                <p>\r\n                    高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n                    是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                    大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                    加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，\r\n                    然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，\r\n                    一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。 </p>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12 \" data-aos=\"fade-left\">\r\n            <div class=\"container\">\r\n                <div id=\"ourcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                    <!-- Indicators -->\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"1\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"2\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"3\"></li>\r\n                    </ol>\r\n\r\n                    <!-- Wrapper for slides -->\r\n                    <div class=\"carousel-inner\">\r\n\r\n                        <div class=\"item active\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E5%9C%B0.jpg\" alt=\"\" style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>綠意盎然的草地</h3>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草小鴨</h3>\r\n\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>草生栽培</h3>\r\n\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%92.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>芭樂園</h3>\r\n\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\"\r\n                                alt=\"\" style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>岡山超峰寺</h3>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- Left and right controls -->\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n\r\n    </div>\r\n    <div id=\"section3\" class=\"container-fluid  text-center text-dark\">\r\n        <br> <br>\r\n\r\n        <h1> 故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 text-center\" data-aos=\"fade-in\">\r\n            <div class=\"jumbotron\">\r\n                <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n                    畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n                    希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n                    對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。<br>\r\n                    <div\r\n                        style=\"position: relative; text-align: left; letter-spacing: 2px; font-size: 17px; font-family: cursive; font-weight: 200;\">\r\n                        像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n                        經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。\r\n                        一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。</div>\r\n                </p>\r\n                </p>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12  text-center \" data-aos=\"fade-in\">\r\n\r\n            <div class=\"jumbotron\">\r\n                <p>\r\n                    鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n                    2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n                    2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n                    <br>\r\n                    <div\r\n                        style=\"position: relative; text-align: left; letter-spacing: 2px; font-size: 17px; font-family: cursive ; font-weight: 200;\">\r\n                        返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n                        也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n                        除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n                        證明只要願意努力，新手也可以闖出一片天。</div>\r\n                </p>\r\n            </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12  \">\r\n            <center>\r\n                <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\"\r\n                    class=\"img-responsive img-thumbnail\" alt=\"\"></center>\r\n        </div>\r\n\r\n    </div>\r\n    <div id=\"section4\" class=\"container text-center\">\r\n        <br>\r\n        <br>\r\n        <h1>過程經驗</h1>\r\n        <br><br>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0 \"></div>\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12 \" data-aos=\"fade-up\">\r\n            <p>\r\n                <span\r\n                    style=\" text-align: center; color: orangered; font-size:28px;  padding-left: 43%;\">經歷：</span><br><br>\r\n\r\n                。行政院農委會 第一屆 百大青年農民<br>\r\n\r\n                。高雄市農業局 高雄型農<br>\r\n\r\n                。培訓班 高雄型農精英班<br>\r\n\r\n                。高雄市青年農民聯誼會會長<br>\r\n\r\n            </p>\r\n        </div>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 \" data-aos=\"fade-up\">\r\n            <p>\r\n                <span\r\n                    style=\" text-align:center; color: orangered; font-size:28px; padding-left: 15%;\">善用政府資源讓新手變老手</span><br><br>\r\n                「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br><br>\r\n                鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br>\r\n            </p>\r\n\r\n        </div>\r\n        <div class=\"col-lg-3 col-xs-12 col-sm-12  \" data-aos=\"fade-up\">\r\n            <p>\r\n\r\n                我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。<br><br>\r\n                鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。<br>\r\n            </p>\r\n        </div>\r\n        <div class=\"col-lg-1 col-xs-0 col-sm-0  \"></div>\r\n    </div>\r\n\r\n    <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">\r\n    <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js\"></script>\r\n\r\n    <a href=\"#\" id=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n</body>\r\n\r\n\r\n\r\n<script>\r\n    AOS.init({\r\n        duration: 1500,\r\n    })\r\n</script>\r\n\r\n<script type=\"text/javascript\">\r\n\r\n    $(function () {\r\n\r\n        var documentEl = $(document),\r\n            fadeElem = $(\'.fade-scroll\');\r\n\r\n\r\n        documentEl.on(\'scroll\', function () {\r\n            var currScrollPos = documentEl.scrollTop();\r\n\r\n            fadeElem.each(function () {\r\n                var $this = $(this),\r\n                    elemOffsetTop = $this.offset().top;\r\n                if (currScrollPos > elemOffsetTop) $this.css(\'opacity\', 1 - (currScrollPos - elemOffsetTop) / 400);\r\n            });\r\n        });\r\n\r\n    });\r\n\r\n</script>\r\n\r\n<script type=\"text/javascript\">\r\n    $(function () {\r\n        /* 按下back-to-top按鈕時的事件 */\r\n        $(\'#back-to-top\').click(function () {\r\n            $(\'html,body\').animate({ scrollTop: 0 }, \'slow\');   /* 返回到最頂上 */\r\n            return false;\r\n        });\r\n\r\n        /* 偵測卷軸滑動時，往下滑超過500px就讓GoTop按鈕出現 */\r\n        $(window).scroll(function () {\r\n            if ($(this).scrollTop() > 400) {\r\n                $(\'#back-to-top\').fadeIn();\r\n            } else {\r\n                $(\'#back-to-top\').fadeOut();\r\n            }\r\n        });\r\n    });\r\n</script><!-- 記得要把按鈕放到網頁上, 否則它不會出現 -->\r\n<script>\r\n    // Select all links with hashes\r\n    $(\'a[href*=\"#\"]\')\r\n        // Remove links that don\'t actually link to anything\r\n        .not(\'[href=\"#\"]\')\r\n        .not(\'[href=\"#0\"]\')\r\n        .click(function (event) {\r\n            // On-page links\r\n            if (\r\n                location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\')\r\n                &&\r\n                location.hostname == this.hostname\r\n            ) {\r\n                // Figure out element to scroll to\r\n                var target = $(this.hash);\r\n                target = target.length ? target : $(\'[name=\' + this.hash.slice(1) + \']\');\r\n                // Does a scroll target exist?\r\n                if (target.length) {\r\n                    // Only prevent default if animation is actually gonna happen\r\n                    event.preventDefault();\r\n                    $(\'html, body\').animate({\r\n                        scrollTop: target.offset().top\r\n                    }, 1000, function () {\r\n                        // Callback after animation\r\n                        // Must change focus!\r\n                        var $target = $(target);\r\n                        $target.focus();\r\n                        if ($target.is(\":focus\")) { // Checking if the target was focused\r\n                            return false;\r\n                        } else {\r\n                            $target.attr(\'tabindex\', \'-1\'); // Adding tabindex for elements not focusable\r\n                            $target.focus(); // Set focus again\r\n                        };\r\n                    });\r\n                }\r\n            }\r\n        });\r\n</script>\r\n\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1279,'0000-00-00 00:00:00','2019-06-12 16:59:49',NULL,NULL,NULL,45,49,NULL,1,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'大型作品','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1280,'0000-00-00 00:00:00','2019-06-12 17:00:11',NULL,NULL,NULL,45,49,NULL,1,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'柴燒茶具','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1281,'0000-00-00 00:00:00','2019-06-12 17:00:30',NULL,NULL,NULL,45,49,NULL,1,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'柴燒茶杯','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1282,'0000-00-00 00:00:00','2019-06-12 17:00:55',NULL,NULL,NULL,45,49,NULL,1,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'釉燒作品','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1283,'2019-06-20 02:09:27','2019-06-20 10:09:27',NULL,'2019-06-17 00:00:00','2038-01-01 00:00:00',45,1282,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'原味之鄉',NULL,'<h3>\r\n	<strong><span style=\"font-size:14px;\"><img alt=\"\" src=\"/userUpload/images/IMG_2706-163.jpg\" style=\"width: 400px; height: 257px;\" /></span></strong></h3>\r\n<p>\r\n	<span style=\"font-size:14px;\">此商品為三件一組，整組販售。<br />\r\n	尺寸：</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">杯：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">盤：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">湯匙：</span></p>\r\n<hr />\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	<br />\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190617DSC_4687.JPG',172123,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1284,'2019-06-20 09:25:40','2019-06-20 17:25:40',NULL,'2019-06-17 00:00:00','2038-01-01 00:00:00',45,1282,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'酋長杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2545-2_%E5%89%AF%E6%9C%AC.jpg\" style=\"width: 450px; height: 466px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：</span></p>\r\n<hr />\r\n<p>\r\n	<span style=\"font-size: 14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size: 14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<div>\r\n	&nbsp;</div>\r\n','','',0,'20190620IMG_2545-2_副本.jpg',142692,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1285,'2019-06-20 02:09:14','2019-06-20 10:09:14',NULL,'2019-06-17 00:00:00','2038-01-01 00:00:00',45,1282,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'故事杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/DSC_4628.JPG\" style=\"width: 400px; height: 321px;\" /></p>\r\n<div>\r\n	<span style=\"font-size:14px;\">蓄勢迷人的勇氣，永存自我最榮譽的剎那，用琉璃珠和陶杯說故事給你聽&hellip;</span></div>\r\n<div>\r\n	<span style=\"font-size:14px;\">勇士之珠，綻放英勇的榮耀。</span></div>\r\n<div>\r\n	<span style=\"font-size:14px;\">排灣族階級制度分明，唯有凱旋歸來最勇敢果斷的部落戰士，才能佩戴那榮譽的記號。</span></div>\r\n<div>\r\n	<span style=\"font-size:14px;\">這一仗，為誰而戰？</span></div>\r\n<div>\r\n	<span style=\"font-size:14px;\">跨越困境、超越理想，在艷陽下迎接自我璀璨的凱旋。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">尺寸：</span></div>\r\n<div>\r\n	<hr />\r\n	<p>\r\n		<span style=\"font-size: 14px;\">付款方式與運費計算</span></p>\r\n	<p>\r\n		<span style=\"font-size: 14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n	<p>\r\n		<span style=\"font-size: 14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n	<p>\r\n		<span style=\"font-size: 14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n	<p>\r\n		<br />\r\n		<span style=\"font-size: 14px;\">注意事項：</span></p>\r\n	<p>\r\n		<span style=\"font-size: 14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n	<p>\r\n		<span style=\"font-size: 14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n	<p>\r\n		<span style=\"font-size: 14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n	<div>\r\n		&nbsp;</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190617DSC_4628.JPG',187254,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1286,'2019-06-20 09:06:38','2019-06-20 17:06:38',NULL,'2019-06-17 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒地瓜杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_9812.JPG\" style=\"width: 448px; height: 405px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：直 徑 約 60 mm， 高約 55 mm</span></p>\r\n<hr />\r\n<p>\r\n	<span style=\"font-size: 14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size: 14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<div>\r\n	&nbsp;</div>\r\n','','',120427,'20190617IMG_9812.JPG',120427,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1287,'2019-06-20 09:06:58','2019-06-20 17:06:58',NULL,'2019-06-17 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒圖騰圓杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_9808.JPG\" style=\"width: 448px; height: 405px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：直徑 約 70 mm， 高 約 60 mm</span><br />\r\n	<br />\r\n	&nbsp;</p>\r\n<hr />\r\n<p>\r\n	<span style=\"font-size: 14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size: 14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<div>\r\n	&nbsp;</div>\r\n','','',0,'20190617IMG_9808.JPG',134924,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1288,'2019-06-17 01:59:07','2019-06-17 09:59:07',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',45,0,NULL,1,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'最新消息',NULL,'<p>\r\n	<span style=\"font-size:22px;\">最新消息<br />\r\n	線上商店裡已可以購買九鳥商品囉</span></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.175.37',NULL,NULL,NULL,NULL,NULL,NULL),(1289,'2019-06-19 06:43:11','2019-06-19 14:43:11',NULL,NULL,NULL,1289,0,NULL,1,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.19.199',NULL,NULL,NULL,NULL,NULL,NULL),(1290,'2019-06-25 09:48:41','2019-06-25 17:48:41',NULL,'2019-06-19 00:00:00','2038-01-01 00:00:00',120,1199,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.min.css\">\r\n\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css\">\r\n    <link href=\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC\" rel=\"stylesheet\">\r\n\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/css/uikit.min.css\" />\r\n<script src=\"https://code.jquery.com/jquery-3.2.1.js\"></script>\r\n\r\n<style>\r\n* {\r\n  line-height: 1.5;\r\n  letter-spacing: 0.2rem;\r\n}\r\n\r\n.left-20 {\r\n  position: relative;\r\n  left: 20%;\r\n}\r\n\r\n.left-10 {\r\n  position: relative;\r\n  left: 10%;\r\n}\r\n\r\n\r\n\r\n.display-1 {\r\n  font-size: 90px;\r\n}\r\n\r\n.display-2 {\r\n  font-size: 60px;\r\n}\r\n\r\n.display-3 {\r\n  font-size: 40px;\r\n}\r\n\r\n.display-4 {\r\n  font-size: 32px;\r\n}\r\n\r\n.px-auto {\r\n  padding-left: auto;\r\n  padding-right: auto;\r\n}\r\n\r\n.pt-5 {\r\n  padding-top: 5rem;\r\n}\r\n\r\n.pb-5 {\r\n  padding-bottom: 5rem;\r\n}\r\n\r\n.pr-5 {\r\n  padding-right: 5rem;\r\n}\r\n\r\n.pl-5 {\r\n  padding-left: 5rem;\r\n}\r\n\r\n.pr-4 {\r\n  padding-right: 4rem;\r\n}\r\n\r\n.pl-4 {\r\n  padding-left: 4rem;\r\n}\r\n\r\n.pt-4 {\r\n  padding-top: 4rem;\r\n}\r\n\r\n.pb-4 {\r\n  padding-bottom: 4rem;\r\n}\r\n\r\n.pt-3 {\r\n  padding-top: 3rem;\r\n}\r\n\r\n.pb-3 {\r\n  padding-bottom: 3rem;\r\n}\r\n\r\n.pr-3 {\r\n  padding-right: 3rem;\r\n}\r\n\r\n.pl-3 {\r\n  padding-left: 3rem;\r\n}\r\n\r\n.pt-2 {\r\n  padding-top: 2rem;\r\n}\r\n\r\n.pb-2 {\r\n  padding-bottom: 2rem;\r\n}\r\n\r\n.pr-2 {\r\n  padding-right: 2rem;\r\n}\r\n\r\n.pl-2 {\r\n  padding-left: 2rem;\r\n}\r\n\r\n.mx-auto {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.mt-5 {\r\n  margin-top: 5rem;\r\n}\r\n\r\n.mb-5 {\r\n  margin-bottom: 5rem;\r\n}\r\n\r\n.mr-5 {\r\n  margin-right: 5rem;\r\n}\r\n\r\n.ml-5 {\r\n  margin-left: 5rem;\r\n}\r\n\r\n/*.mt-4 {\r\n  margin-top: 4rem;\r\n}*/\r\n\r\n.mb-4 {\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.ml-4 {\r\n  margin-left: 4rem;\r\n}\r\n\r\n.mr-4 {\r\n  margin-right: 4rem;\r\n}\r\n\r\n.mt-3 {\r\n  margin-top: 3rem;\r\n}\r\n\r\n.mb-3 {\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n.mr-3 {\r\n  margin-right: 3rem;\r\n}\r\n\r\n.ml-3 {\r\n  margin-left: 3rem;\r\n}\r\n\r\n.mt-2 {\r\n  margin-top: 2rem;\r\n}\r\n\r\n.mb-2 {\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.ml-2 {\r\n  margin-left: 2rem;\r\n}\r\n\r\n.mr-2 {\r\n  margin-right: 2rem;\r\n}\r\n\r\n.text-center {\r\n  text-align: center;\r\n}\r\n\r\n.text-left {\r\n  text-align: left;\r\n}\r\n\r\n.text-right {\r\n  text-align: right;\r\n}\r\n\r\n.text-justify {\r\n  text-align: justify;\r\n}\r\n\r\n.text-white {\r\n  color: #fff;\r\n}\r\n\r\n.text-primary {\r\n  color: #2e86de;\r\n}\r\n\r\n.text-light-primary {\r\n  color: #54a0ff;\r\n}\r\n\r\n.float-left {\r\n  float: left;\r\n}\r\n\r\n.float-right {\r\n  float: right;\r\n}\r\n\r\n.clearfix {\r\n  clear: both;\r\n}\r\n\r\n.d-block {\r\n  display: block;\r\n}\r\n\r\n.d-inline-block {\r\n  display: inline-block;\r\n}\r\n\r\n.d-flex {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n\r\n.w-10 {\r\n  width: 10%;\r\n}\r\n\r\n.w-20 {\r\n  width: 20%;\r\n}\r\n\r\n.w-25 {\r\n  width: 25%;\r\n}\r\n\r\n.w-30 {\r\n  width: 30%;\r\n}\r\n\r\n.w-35 {\r\n  width: 35%;\r\n}\r\n\r\n.w-50 {\r\n  width: 50%;\r\n}\r\n\r\n.w-60 {\r\n  width: 60%;\r\n}\r\n\r\n.w-75 {\r\n  width: 75%;\r\n}\r\n\r\n.w-90 {\r\n  width: 90%;\r\n}\r\n\r\n.w-100 {\r\n  width: 100%;\r\n}\r\n\r\n.bg-primary {\r\n  background-color: #2e86de;\r\n}\r\n\r\n.bg-primary-light {\r\n  background-color: #54a0ff;\r\n}\r\n\r\n.bg-danger {\r\n  background-color: #ee5253;\r\n}\r\n\r\n.bg-danger-light {\r\n  background-color: #ff6b6b;\r\n}\r\n\r\n.bg-warning {\r\n  background-color: #ff9f43;\r\n}\r\n\r\n.bg-warning-light {\r\n  background-color: #feca57;\r\n}\r\n\r\n.text-14 {\r\n  font-size: 14px;\r\n}\r\n\r\n.text-15 {\r\n  font-size: 15px;\r\n}\r\n\r\n.text-16 {\r\n  font-size: 16px;\r\n}\r\n\r\n.text-18 {\r\n  font-size: 18px;\r\n}\r\n\r\n.text-20 {\r\n  font-size: 20px;\r\n}\r\n\r\n.text-23 {\r\n  font-size: 23px;\r\n}\r\n\r\n.text-25 {\r\n  font-size: 25px;\r\n}\r\n\r\n.indent-30 {\r\n  text-indent: 30px;\r\n}\r\n\r\n.indent-25 {\r\n  text-indent: 25px;\r\n}\r\n\r\n.indent-20 {\r\n  text-indent: 20px;\r\n}\r\n\r\np.text-18 {\r\n  text-indent: 20px;\r\n  font-size: 18px;\r\n}\r\n\r\nimg.shadow-filter {\r\n  -webkit-filter: drop-shadow(5px 10px 0.5rem rgba(0, 0, 0, 0.5));\r\n          filter: drop-shadow(5px 10px 0.5rem rgba(0, 0, 0, 0.5));\r\n  -webkit-transition: all .5s ease-in;\r\n  transition: all .5s ease-in;\r\n}\r\n\r\nimg.shadow-filter:hover {\r\n  -webkit-filter: drop-shadow(5px 10px 1rem rgba(0, 0, 0, 0.5));\r\n          filter: drop-shadow(5px 10px 1rem rgba(0, 0, 0, 0.5));\r\n}\r\n\r\nimg.shadow-filter-light {\r\n  -webkit-filter: drop-shadow(5px 10px 0.5rem rgba(255, 255, 255, 0.5));\r\n          filter: drop-shadow(5px 10px 0.5rem rgba(255, 255, 255, 0.5));\r\n  -webkit-transition: all .5s ease-in;\r\n  transition: all .5s ease-in;\r\n}\r\n\r\nimg.shadow-filter-light:hover {\r\n  -webkit-filter: drop-shadow(5px 10px 1rem rgba(255, 255, 255, 0.8));\r\n          filter: drop-shadow(5px 10px 1rem rgba(255, 255, 255, 0.8));\r\n}\r\n\r\n.section {\r\n  padding-left: 40px;\r\n  padding-right: 40px;\r\n}\r\n\r\n.uk-lightbox.uk-open {\r\n  display: block;\r\n  opacity: 1;\r\n  z-index: 10000;\r\n}\r\n\r\n.section.s1 {\r\n  background: url(userUpload/images/佳芳/brand/logo-transparent-1.png) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s2 {\r\n  background: url(userUpload/images/佳芳/brand/canva-1.png) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s3 {\r\n  background: url(http://www.lohasplus.com.tw/userUpload/20180718%E5%B0%8F%E7%B6%A0%E8%91%89%E7%A6%AA.jpg) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s4 {\r\n  background: url(userUpload/images/佳芳/brand/44.jpg) right;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s5 {\r\n  background: url(userUpload/images/佳芳/brand/31.jpeg) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s6 {\r\n  background: url(userUpload/images/佳芳/brand/45.jpg) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s7 {\r\n  background: url(userUpload/images/佳芳/brand/46.jpg) center center;\r\n  background-size: cover;\r\n}\r\n\r\nul.navbar-nav li {\r\n  margin-top: 1rem;\r\n  margin-left: 1rem;\r\n  margin-right: 1rem;\r\n}\r\n\r\nul.navbar-nav li a {\r\n  font-size: 18px;\r\n}\r\n\r\nul.navbar-nav li img {\r\n  max-width: 100% !important;\r\n  width: 75% !important;\r\n}\r\n\r\nul.navbar-right li.dropdown ul.dropdown-menu li {\r\n  margin-left: 0rem;\r\n}\r\n\r\nul.navbar-right li.dropdown ul.dropdown-menu li a:hover, ul.navbar-right li.dropdown ul.dropdown-menu li a:focus {\r\n  background: #54a0ff !important;\r\n}\r\n\r\nspan {\r\n  background: #576574 !important;\r\n}\r\n\r\n.card {\r\n  border: 1px solid transparent;\r\n  margin-left: 5rem;\r\n  border-radius: 5px;\r\n  width: 38rem;\r\n  background: #ecf0f1;\r\n}\r\n\r\n.card .card-body {\r\n  padding: 15px;\r\n}\r\n\r\n.container-fluid {\r\n    padding-right: 0px !important;\r\n    padding-left: 0px !important;\r\n    margin-right: 0 !important;\r\n    margin-left: 0 !important;\r\n}\r\n\r\n#photo1:hover {\r\n  -webkit-transform: rotate(0deg) !important;\r\n          transform: rotate(0deg) !important;\r\n}\r\n\r\n#photo2:hover {\r\n  -webkit-transform: rotate(0deg) !important;\r\n          transform: rotate(0deg) !important;\r\n}\r\n\r\nspan {\r\n  background: #fff !important;\r\n}\r\n\r\nh2.intro-text.text-center {\r\n    visibility: hidden;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    height: 0;\r\n    margin: 0 !important;\r\n}\r\n\r\n.navbar-default { \r\n    border-color: #101010 !important;\r\n    background-color: #222 !important\r\n}\r\n\r\n.col-md-offset-1 {margin-left: 0 !important}\r\n.col-md-10 {width: 100% !important}\r\n\r\n.container {\r\n    width: 100% !important;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.navbar-default .navbar-nav>li>a {color: #fff !important}\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a {\r\n   color: #fff !important;\r\n   background-color: #080808 !important;\r\n}\r\n\r\n.bg-half-dark {\r\n  border: 1px solid transparent;\r\n  border-radius: 10px;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n@media (min-width: 550px)\r\n.container {\r\n    width: 100% !important;\r\n}\r\n\r\n@media (min-width: 768px)\r\n.navbar-collapse.collapse {\r\n    display: flex !important;\r\n}\r\n\r\n@media (max-width: 812px) {\r\n  #photo1 {\r\n    left: 10%;\r\n    -webkit-transform: rotate(0deg);\r\n            transform: rotate(0deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  hr {margin: 0 0 -20px 0;}\r\n\r\n  #photo1 {\r\n    left: 0%;\r\n    -webkit-transform: rotate(0deg) !important;\r\n            transform: rotate(0deg) !important;\r\n  }\r\n  #photo2 {\r\n    left: 0%;\r\n    -webkit-transform: rotate(5deg) !important;\r\n            transform: rotate(5deg) !important;\r\n  }\r\n  .navbar-brand img {\r\n    position: relative;\r\n    top: -3rem;\r\n  }\r\n  .display-1, .display-3 {\r\n    font-size: 32px;\r\n    position: relative;\r\n    top: 2rem;\r\n  }\r\n  .display-5 {\r\n    font-size: 32px;\r\n    position: relative;\r\n    top: 3rem;\r\n  }\r\n  .s1 .mt-5 {\r\n    margin-top: 0;\r\n  }\r\n  .s1 .textBox .pr-3, .s1 .textBox .pl-3, .s1 .textBox .pl-5, .s1 .textBox .pr-5, .s2 .textBox .pr-3, .s2 .textBox .pl-3, .s2 .textBox .pl-5, .s2 .textBox .pr-5, .s3 .textBox .pr-3, .s3 .textBox .pl-3, .s3 .textBox .pl-5, .s3 .textBox .pr-5, .s4 .textBox .pr-3, .s4 .textBox .pl-3, .s4 .textBox .pl-5, .s4 .textBox .pr-5, .s5 .textBox .pr-3, .s5 .textBox .pl-3, .s5 .textBox .pl-5, .s5 .textBox .pr-5, .s6 .textBox .pr-3, .s6 .textBox .pl-3, .s6 .textBox .pl-5, .s6 .textBox .pr-5, .s7 .textBox .pr-3, .s7 .textBox .pl-3, .s7 .textBox .pl-5, .s7 .textBox .pr-5 {\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n  }\r\n  .section {\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    margin-bottom: 5px !important;\r\n    margin-top: 30px !important;\r\n  }\r\n\r\n  .textBox {position: relative; left: -5%;padding-left: 5px;padding-right: 20px;}\r\n  .display-4 {position: relative; left: 15%}\r\n}\r\n\r\n@media (min-width: 1336px) {\r\n   ul.navbar-nav li {\r\n     margin-left: 0rem !important;\r\n     margin-right: 0.5rem !important;\r\n  }\r\n}\r\n/*# sourceMappingURL=main-3.css.map */\r\n</style>\r\n\r\n    <div id=\"fullPage\" uk-lightbox=\"animation: fade\">\r\n\r\n        <script>\r\n            if($(window).width() < 1024){ $(\'#fullPage\').removeAttr(\'id\'); }\r\n        </script>\r\n\r\n        <div class=\"section s1 fp-auto-height-responsive\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-1 pl-2 text-white\">品牌故事</h1>\r\n                        <div class=\"textBox mt-5\">\r\n                            <h4 id=\"title1\" class=\"display-4 pl-5 text-white\"></h4>\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質欵與經濟壓力，\r\n                                不是一般人所能承受，但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，\r\n                                還有那長期支持他們的死忠顧客。 而這一路的跌撞辛苦，最終有了回報，民國100年陳麗雪獲選為建國百年女神龍，「佳芳有機茶園 」，\r\n                                再度打響名號。\r\n                            </p>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid>\r\n                            <a class=\"uk-inline\" href=\"https://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-4.jpg\">\r\n                                <img id=\"photo1\" src=\"https://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-4.jpg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail left-20 shadow-filter-light img-transparent\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s2 fp-auto-height-responsive\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid>\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/brand/6.png\">\r\n                                <img id=\"photo2\" src=\"/userUpload/images/佳芳/brand/6.png\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light img-transparent\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">冷泡綠茶重新出發，紅烏龍打響名號</h1>\r\n                        <div class=\"textBox\">\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                面對新品種的「清心大冇」一開始摸不清特性，陳麗雪將採下來的茶葉按原來製程作成烏龍茶，卻發現極難入口，\r\n                                根本無法推出市場，只得再度向茶改場請求緩助，幸而得到了冷泡茶技術，採了近十公斤的茶葉，陳麗雪試著製成冷泡綠茶，沒想到竟大受歡迎，為佳芳有機茶園開闢了一條新的康莊大道。\r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                「這冷泡綠茶，含有豐富的兒茶素、葉綠素、茶多酚及茶酵素，對人體保健相當有益處」陳麗雪自從推出冷泡綠茶後，\r\n                                逢人就會開心地分享，有機栽種的茶葉的好處，不僅對人體保健，也不用擔心會有農藥殘留的問題。而被「小綠葉蟬」吸吮過的茶葉，\r\n                                則可製成蜜香紅香。民國97年，陳麗雪運用茶改場台東分場技術，以清心大冇製成紅烏龍，並代表台東到台北參展，\r\n                                徹底改變有機茶不好喝的刻板印象，從此打響名。現今，最大有機通路商里仁也是客戶之一。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s3 fp-auto-height-responsive\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-5 pl-2 text-white\">嫁為茶農婦，投入夫家製茶事業</h1>\r\n                        <div class=\"textBox mt-5\">\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                遠遠望去，層層山巒與茶園交織出一幅翠綠的自然景緻!!令人難以理解的是，佳芳有機茶園竟是這唯一僅存的茶園。\r\n                                 時間回到民國38年，配合政府政策，這曾種植著大片牧草供繁殖牛吃，沒想到，2、3年後卻發現牛無法生產，政府只好放棄該計畫，\r\n                                 此時，只得將牧草全都砍掉，沒想到卻遇大水來襲，造成大量土石流失。這時，水土保持局前來關心，發現這裏的地質、氣候適合種茶，\r\n                                 對水土保持也很有幫助，於是，以低價提供台茶十二號茶苗給農民栽植，還設立茶改場台東分場輔導茶農製茶。\r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                民國77年，嫁為台東媳婦的陳麗雪，也投入了夫家製茶事業，當時正值黃金期，「茶做了就馬上有人收走。」陳麗雪回憶著說，\r\n                                全盛時期，茶園超過十公頃，年營收達六百萬元。                            \r\n                            </p>\r\n\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid>\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/brand/43.jpg\">\r\n                                <img src=\"/userUpload/images/佳芳/brand/43.jpg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s4 fp-auto-height-responsive\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid>\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/brand/30.jpeg\">\r\n                                <img id=\"photo4\" src=\"/userUpload/images/佳芳/brand/30.jpeg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                            </a>\r\n                        </div>\r\n\r\n                        <div class=\"d-block text-white text-16 textBox\">\r\n\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                「記得那年兒子還好小，但沒有收入，卻還得把錢投入購買有機肥、機具等，只好每天都煮粥給他吃，根本沒錢買奶粉。」\r\n                                陳麗雪帶著一絲虧欠地說。 幸好，第三年茶樹恢復了健康，加上茶改場的協助，部分改種具有強韌生命力、抗病菌強，\r\n                                且含氧量高的台灣原生種「清心大冇」，並輔以深層海洋水灌溉，終於開始有了那麼一點回收。                            \r\n                            </p>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white mt-5\">市場衝擊，轉型有機尋出路</h1>\r\n                        <div class=\"textBox text-16\">\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                沒想到，當全台經濟起飛時期，卻是陳麗雪面對挑戰的開始。那時阿里山、梨山等高山茶受到消費者喜愛，\r\n                                加上政府開放進口茶，低海拔的茶葉泛人問津，面臨市場淘汰的命運，農民只得紛紛轉型栽種其他作物，\r\n                                而陳麗雪夫家的製茶事業也無法倖免。 「究竟要怎麼做，才能不被市場淘汰?」苦思出路的陳麗雪，先轉型做零售，\r\n                                「批發商都倒了，只能靠自己」，那時，零售量不如批發，茶園面積只得從十公傾，一直減到三公傾，但靠著陳麗雪的用心推廣，\r\n                                還是累積了三、五百位的長期客源。直到去上了「有機」課程，終於讓陳麗雪尋找到扭轉危機的曙光。 \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                「究竟要不要轉型有機?? 」，\r\n                                在了解有機種植對健康、生態有益後，陳麗雪想著：「在我們最慘的時候，親朋好友依然支持我們的茶，\r\n                                我們理當要回饋照顧他們的健康才是。」就是這想法，給了陳麗雪勇氣，取得先生同意下，她多次與親友溝通，卻都遭到反對，\r\n                                只是陳麗雪依然堅持著，最後家族親友勉強同意試種一年有機，沒想到，那年收成慘趺，讓親友們毅然放棄有機，轉回慣型農法。\r\n                            </p>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s7 fp-auto-height-responsive\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid>\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/brand/30.jpeg\">\r\n                                <img id=\"photo7\" src=\"/userUpload/images/佳芳/brand/30.jpeg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                            </a>\r\n                        </div>\r\n                        \r\n\r\n                        <div class=\"d-block text-white text-16 textBox\">\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-5\">\r\n                                原來有次在收成前十幾天左右，\r\n                                擔心採茶工人不好採，便先把茶樹周邊的草都砍盡，沒想到，到了採茶前幾天，卻發現茶葉變的好醜，詢問了茶改場才知，\r\n                                原來草可以分攤草食性昆蟲的啃食，若是太早把草砍光，那麼昆蟲只能吃茶葉了。\r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                有過這次經驗，現今，都是在採茶前二日，才會進行除草。                            \r\n                            </p>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white mt-5\">市場衝擊，轉型有機尋出路</h1>\r\n                        <div class=\"textBox text-16\">\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                當時的陳麗雪並不想放棄，最後只得分家，各自栽種，在先生的支持下，夫婦倆獨自打理著有機茶園。 熬過黑暗期，有機茶園漸露\r\n                                曙光 「開始種有機的那一、二年，每株茶樹看起來就像生病一樣，亳無生氣，完全沒有抵抗力，更別談收成了」陳麗雪回想著說。當時，\r\n                                只能給予有機肥，以人工抓蟲、除草，提升茶樹的抵抗力，讓土地恢復地力。                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                「記得那年兒子還好小，但沒有收入，卻還得把錢投入購買有機肥、機具等，只好每天都煮粥給他吃，根本沒錢買奶粉。」\r\n                                陳麗雪帶著一絲虧欠地說。 幸好，第三年茶樹恢復了健康，加上茶改場的協助，部分改種具有強韌生命力、抗病菌強，\r\n                                且含氧量高的台灣原生種「清心大冇」，並輔以深層海洋水灌溉，終於開始有了那麼一點回收。                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                接著，陳麗雪將茶園中的茶樹陸續換植為新品種，現今有金萱、清心大冇等，而自然生態也慢慢形成，小綠葉蟬、蜘蛛、螳蚓、\r\n                                飄蟲都陸續出現在茶園中。 「草也是很要的，不可以太早把草砍光。」陳麗雪笑著說。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    \r\n        <div class=\"section s5 fp-auto-height-responsive\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid>\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/brand/9.jpeg\">\r\n                                <img id=\"photo5\" src=\"/userUpload/images/佳芳/brand/9.jpeg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">結合休閒觀光，讓「茶園」變的好好玩</h1>\r\n                        <div class=\"textBox\">\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                民國99年，陳麗雪將五甲的有機茶園規劃成體驗區， 帶領遊客在茶園中體驗採茶，觀察茶園生態，甚至還研發茶品DIY， \r\n                                每年絞盡腦汁推陳出新，就是要讓遊客玩的盡興。像是將採下的茶葉，經過清洗後， 以果汁機打成綠茶汁，加入梅子、蜂蜜微調，\r\n                                便是好喝又解喝的養生飲品；麵粉中加入綠茶汁， 便是翡翠包DIY的外皮；或是麵粉、蛋白、奶油再調入紅烏龍茶和成麵糊，\r\n                                便可體驗蛋捲製作， 「每每那煎蛋捲的香氣四溢，總讓客人忍不住要自己動手做一條品嚐。」                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                陳麗雪開心地說，再配上現場沖泡的茶飲， 任誰都是帶著滿足而愉快的心情離開。 推動茶園體驗已有四年，\r\n                                如今陳麗雪想帶領著鄰居以「一戶一特色」來推動社區有機村， 讓年輕人有回鄉工作的意願，讓老一輩有傳承教導的機會，\r\n                                這是她未來努力想完成的夢。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s6 fp-auto-height-responsive\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">結合休閒觀光，讓「茶園」變的好好玩 (續)</h1>\r\n                        <div class=\"textBox\">\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                陳麗雪開心地說，再配上現場沖泡的茶飲， 任誰都是帶著滿足而愉快的心情離開。 推動茶園體驗已有四年，\r\n                                如今陳麗雪想帶領著鄰居以「一戶一特色」來推動社區有機村， 讓年輕人有回鄉工作的意願，讓老一輩有傳承教導的機會，\r\n                                這是她未來努力想完成的夢。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid>\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/brand/9.jpeg\">\r\n                                <img id=\"photo2\" src=\"/userUpload/images/佳芳/brand/9.jpeg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    \r\n    </div>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/js/uikit.min.js\"></script>\r\n    <!-- Fullpape js-->\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/vendors/scrolloverflow.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/vendors/easings.min.js\"></script>\r\n    <script src=\"https://kit.fontawesome.com/480b90f7d2.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js\"></script>\r\n    \r\n<script type=\"text/javascript\">\r\n        new fullpage(\'#fullPage\', {\r\n            //option\r\n            autoScrolling: true,\r\n            navigation: true,\r\n            slidesNavigation: true,\r\n            css3: true,\r\n            scrollingSpeed: 1000\r\n        });\r\n\r\n	$(\"div.collapse ul.nav.navbar-nav:nth-child(2n)\").addClass(\"mt-4\");\r\n\r\n        //GSAP \r\n        TweenMax.to (\"#photo1\", 2, {\r\n            delay: .2,\r\n            x: -80,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: 17\r\n        });\r\n\r\n        TweenMax.to (\"#photo2\", 2, {\r\n            delay: .2,\r\n            x: 20,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: -7\r\n        });\r\n\r\n        TweenMax.to(\".textBox\", 2, {\r\n            delay: .6,\r\n            x: 30,\r\n            opacity: 1,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.from(\".display-1\", 2, {\r\n            delay: 1.6,\r\n            x: -30,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.from(\".img-class\", 2, {\r\n            delay: 1.6,\r\n            y: 20,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.staggerFrom(\"ul.navbar-nav li\", 2, {\r\n            delay: 1,\r\n            y: 20,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        }, 0.1);\r\n</script>','','',22563,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.87',NULL,NULL,NULL,NULL,NULL,NULL),(1291,'2019-06-20 09:05:51','2019-06-20 17:05:51',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒逐浪杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_9805.JPG\" style=\"width: 448px; height: 405px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：</span></p>\r\n<hr />\r\n<p>\r\n	<span style=\"font-size: 14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size: 14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<div>\r\n	&nbsp;</div>\r\n','','',0,'20190620IMG_9805.JPG',131667,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1292,'2019-06-20 09:08:27','2019-06-20 17:08:27',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒圓杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_9798.JPG\" style=\"width: 448px; height: 405px;\" /></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">尺寸：</span></p>\r\n<hr />\r\n<p>\r\n	<span style=\"font-size: 14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size: 14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size: 14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<div>\r\n	&nbsp;</div>\r\n','','',0,'20190620IMG_9798.JPG',121082,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1293,'2019-06-20 09:08:04','2019-06-20 17:08:04',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒紅霞杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_9785.JPG\" style=\"width: 448px; height: 405px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：</span></p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620IMG_9785.JPG',120009,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1294,'2019-06-20 09:10:36','2019-06-20 17:10:36',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒日式茶碗',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/DSC_5151_%E5%89%AF%E6%9C%AC.jpg\" style=\"width: 400px; height: 267px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：直 徑 約 85 mm ，高約 55 mm</span></p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620DSC_5151_副本.jpg',96507,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1295,'2019-06-20 09:11:55','2019-06-20 17:11:55',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒水杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/DSC_5153_%E5%89%AF%E6%9C%AC.jpg\" style=\"width: 450px; height: 300px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：直 徑 約 85 mm ，高約 55 mm</span></p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620DSC_5153_副本.jpg',79653,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1296,'2019-06-20 09:13:12','2019-06-20 17:13:12',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒大逐浪杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/DSC_5144_%E5%89%AF%E6%9C%AC.jpg\" style=\"width: 450px; height: 300px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：杯口 直徑約 95mm ，杯底 直徑約 55mm ，高 約 95 mm</span></p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620DSC_5144_副本.jpg',93691,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1297,'2019-06-20 09:14:36','2019-06-20 17:14:36',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒烈陽杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/DSC_5143_%E5%89%AF%E6%9C%AC.jpg\" style=\"width: 450px; height: 300px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：</span></p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620DSC_5143_副本.jpg',84073,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1298,'2019-06-20 09:15:44','2019-06-20 17:15:44',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒清酒杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/DSC_5152_%E5%89%AF%E6%9C%AC.jpg\" style=\"width: 450px; height: 300px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：</span></p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620DSC_5152_副本.jpg',94343,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1299,'2019-06-20 09:18:46','2019-06-20 17:18:46',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1280,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒茶海',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/DSC_5193.jpg\" style=\"width: 450px; height: 300px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：</span></p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620DSC_5193.jpg',129422,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1300,'2019-09-25 08:56:07','2019-09-25 16:55:25',NULL,'2019-06-20 00:00:00','2019-09-01 00:00:00',45,1281,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒酋長杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2605-62_%E5%89%AF%E6%9C%AC.jpg\" style=\"width: 229px; height: 300px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">尺寸：</span></p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620IMG_2605-62_副本.jpg',41807,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.167.138',NULL,NULL,NULL,NULL,NULL,NULL),(1301,'2019-06-20 09:27:58','2019-06-20 17:27:58',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1280,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒茶倉',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2870-326.jpg\" style=\"width: 370px; height: 300px;\" /></p>\r\n<p>\r\n	尺寸：</p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	付款方式與運費計算</p>\r\n<p>\r\n	●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</p>\r\n<p>\r\n	● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</p>\r\n<p>\r\n	●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</p>\r\n<p>\r\n	<br />\r\n	注意事項：</p>\r\n<p>\r\n	●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</p>\r\n<p>\r\n	●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</p>\r\n<p>\r\n	●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620IMG_2870-326.jpg',89913,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1302,'2019-06-20 09:29:03','2019-06-20 17:29:03',NULL,'2019-06-20 00:00:00','2038-01-01 00:00:00',45,1280,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒茶海',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2471-25.jpg\" style=\"width: 382px; height: 300px;\" /></p>\r\n<p>\r\n	尺寸：</p>\r\n<div align=\"center\">\r\n	<hr align=\"center\" size=\"3\" width=\"100%\" />\r\n</div>\r\n<p>\r\n	付款方式與運費計算</p>\r\n<p>\r\n	●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</p>\r\n<p>\r\n	● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</p>\r\n<p>\r\n	●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</p>\r\n<p>\r\n	<br />\r\n	注意事項：</p>\r\n<p>\r\n	●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</p>\r\n<p>\r\n	●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</p>\r\n<p>\r\n	●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20190620IMG_2471-25.jpg',71559,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.184.30',NULL,NULL,NULL,NULL,NULL,NULL),(1303,'2019-06-25 09:04:26','2019-06-25 17:04:26',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1289,0,NULL,1,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	\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	h1, h2, h3, h4, h5, h6 {\r\n		font-weight: 300;\r\n		line-height: 1.5;\r\n		margin: 0 0 1rem 0;\r\n	}\r\n	 p{\r\n		text-transform: uppercase;\r\n		font-size: 1.21rem;\r\n		font-weight: 400;\r\n		margin: 0 0 .25rem 0;\r\n		padding: 0 0 .75rem 0;\r\n		letter-spacing: .25rem;\r\n		color: rgba(0,0,0,0.65);\r\n	}\r\n	.content{\r\n				\r\n				background-color: rgba(255, 255, 255, 0);\r\n				padding:30px;\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	\r\n		*{font-family: cwTeXFangSong, \'Playfair Display\', serif;}\r\n		body{\r\n		\r\n			background:#fff;\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{ \r\n			\r\n			color: rgba(255, 255, 255, 0.65);\r\n			position: relative;\r\n			text-transform: uppercase;\r\n			font-size: 1rem;\r\n			font-weight: 300;\r\n			margin: 0;\r\n			padding-bottom: 1.75rem;\r\n			letter-spacing: .25rem;\r\n			text-align: center;\r\n		}\r\n		h2 {\r\n			font-family: \'cwTeXFangSong\';\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: -100px;\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		.COL75{\r\n			width:75%;\r\n			float:left;\r\n			padding:2em;\r\n			\r\n		}\r\n		.COL25{\r\n			width:25%;\r\n			float:left;\r\n			padding:0em;\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				.title1area {\r\n						width: 100%;\r\n						height: auto;\r\n						text-align: center;\r\n						padding: 60px 0 0 0;\r\n						overflow: inherit;\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		/***********blockarea***************/\r\n		.block{\r\n\r\n				width:100%;\r\n				position:relative;\r\n				float:left;\r\n		}\r\n		.PD_0{\r\n			padding:0;\r\n		}\r\n		\r\n		.value_block{\r\n					min-height:100vh;\r\n					background-repeat: no-repeat;\r\n					background-attachment: inherit;\r\n					background-position: center;\r\n					background-size: cover;\r\n		\r\n		\r\n		}\r\n		.vb_filter{\r\n			height:100%;\r\n			background: linear-gradient(180deg,rgba(0,0,0,0) -14%,rgba(0,0,0,0) 71%);\r\n			position:absolute;\r\n			top:0;\r\n			left:0;\r\n		}\r\n		\r\n		.vb_outer{\r\n			opacity:0;\r\n			height:100%;\r\n			position:absolute;\r\n			top:0;\r\n			left:0;\r\n		}\r\n		.vb_outer:hover{\r\n			-webkit-animation: display_in 0.5s 1;\r\n			opacity:1;\r\n		}\r\n		@-webkit-keyframes display_in{\r\n		  0%{\r\n			opacity:0;\r\n		  }\r\n		 \r\n		  100%{\r\n			opacity:1;\r\n		  }\r\n		}\r\n		\r\n		.value_block1{\r\n			background-image: url(/userUpload/images/tmp/03.gif);\r\n			\r\n		}\r\n		\r\n		.value_block2{\r\n			background-image: url(/userUpload/images/tmp/38.jpg);\r\n			\r\n		}\r\n		\r\n		.value_block3{\r\n			background-image: url(/userUpload/images/tmp/02.jpg);\r\n			\r\n		}\r\n		\r\n		.value_block4{\r\n			background-image: url(/userUpload/images/tmp/37.jpg);\r\n			\r\n		}\r\n		\r\n		.value_block5{\r\n			background-image: url(/userUpload/images/tmp/15.jpg);\r\n			\r\n		}\r\n		\r\n		.value_block6{\r\n			background-image: url(/userUpload/images/tmp/07.jpg);\r\n			\r\n		}\r\n		\r\n		\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				\r\n				background: linear-gradient(180deg,rgba(0,0,0,0) -14%,rgba(0,0,0,0) 71%);\r\n				}\r\n		.block01	{\r\n				\r\n				height:100vh;\r\n				width:100%;\r\n				position:absolute;\r\n				top:0;\r\n				left:0;\r\n				\r\n				background: linear-gradient(360deg,rgba(0,0,0,0) -14%,rgba(0,0,0,0.1) 71%);\r\n				}\r\n		.block1 {\r\n				clear: both;\r\n				background-color:rgba(255,255,255,1);\r\n				\r\n				z-index:50;\r\n				height:111vh;\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				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n		.block3 {\r\n				    position: relative;\r\n					padding: 5em 0 0 0;\r\n					color: white;\r\n					background-image: url(/userUpload/images/tmp/38.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		\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		b{\r\n			text-align:center;\r\n			font-weight: 400;\r\n		}\r\n		\r\n\r\n		\r\n		/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background: url(\'/userUpload/images/tmp/00_bk.jpg\');\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: bottom;\r\n				background-size: cover;\r\n				padding:  0;\r\n				\r\n			}\r\n		#story h2{\r\n			font-size:2.25em;\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		.storya2{\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 #999;\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		\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-color:rgba(255,255,255,0.75);\r\n			display: block;\r\n			padding: 25px 35px;\r\n			border: 0px solid #FFF;\r\n			font-size: 18px;\r\n			color: #000;\r\n			text-transform: capitalize;\r\n			top: 0.75%;\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: rgba(255, 138, 138, 0.68);\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: #000;\r\n			font-size: 2.5em;\r\n			\r\n		}\r\n		.boxtop h2:before {\r\n			content: \'\';\r\n			position: absolute;\r\n			z-index: -1;\r\n			width: 100%;\r\n			margin: auto;\r\n			display: inline-block;\r\n			height: auto;\r\n			/*background: url(/userUpload/images/tmp/logo_sm.png) no-repeat;*/\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 rgba(0,0,0,0.09);\r\n			\r\n		\r\n		}\r\n		.boxtop nav{padding-top:0px;}\r\n		.boxtop nav{    display: inline-block;}\r\n		.boxtop ul li:first-child {\r\n			border-right: 1px dashed rgba(165, 165, 165, 0.8);\r\n				}\r\n		.boxtop li{\r\n			\r\n			border-right: 1px dashed rgba(165, 165, 165, 0.8);\r\n			min-width:10%;\r\n			position: relative;\r\n			display: table-cell;\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			font-size: 24px;\r\n			color: #333;\r\n			letter-spacing: 2px;\r\n			min-height: 190px;\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: vertical-lr\r\n		}\r\n\r\n		.boxtop li:hover  {\r\n			color:#000;\r\n			background: linear-gradient(180deg,rgba(56, 167, 67, 0.5) -14%,rgba(219, 128, 43, 0.68) 91%);\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		@-webkit-keyframes boxtop{\r\n		  0%{\r\n			background-color:rgba(0,0,0,0);\r\n		  }\r\n		 \r\n		  100%{\r\n			background: linear-gradient(180deg,rgba(0,0,0,0) -14%,rgba(160,0,0,0.68) 91%);\r\n		  }\r\n		}\r\n		\r\n		\r\n		\r\n		.navbar-default .navbar-nav>li>a:hover{\r\n			color:rgba(255,255,255,1);\r\n			background: linear-gradient(180deg,rgba(0,0,0,0.2) 10%,#000 93%);\r\n			font-size:18px;\r\n			border-bottom:0px solid #000;\r\n			\r\n		}\r\n		\r\n		\r\n		.navbar-default .navbar-nav>li>a:hover::after{\r\n			content: \"\";\r\n			display:inline;\r\n			position: absolute;\r\n			top: 0;\r\n			left: 0;\r\n			width: 90%;\r\n			height: 87%;\r\n			margin: 5% 5% 5% 5%;\r\n			border: 1px solid #fff;\r\n			-webkit-animation: nava 0.5s 1;\r\n		}\r\n		\r\n		@-webkit-keyframes nava{\r\n		  0%{\r\n			top:50%;\r\n			left:50%;\r\n			width:0;\r\n			height:0;\r\n		  }\r\n		 \r\n		  100%{\r\n			top:0;\r\n			left:0;\r\n			width:90%;\r\n			height:87%;\r\n		  }\r\n		}\r\n\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: #9f673f;\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: 80px;\r\n			margin:auto;\r\n			height: 91px;\r\n			display: inline-block;\r\n			background: url(/userUpload/images/tmp/gkelogo.png) no-repeat;\r\n		}\r\n		\r\n			.btn {\r\n				width:100%;\r\n				display: inline-block;\r\n				padding: 6px 12px;\r\n				margin-bottom: 3%;\r\n				font-size: 14px;\r\n				font-weight: 400;\r\n				line-height: 1.42857143;\r\n				text-align: center;\r\n				white-space: nowrap;\r\n				vertical-align: middle;\r\n				-ms-touch-action: manipulation;\r\n				touch-action: manipulation;\r\n				cursor: pointer;\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				background-image: none;\r\n				border: 1px solid transparent;\r\n				border-radius: 4px;\r\n			}\r\n		a.btn_color2 {\r\n				\r\n				display: inline-block;\r\n				padding : 30px 4%;\r\n				border: 1px solid #000;\r\n				font-size: 15px;\r\n				border: 1px solid rgba(255,255,255,.15);\r\n				background-color:rgba(0,0,0,0);\r\n				color: #fff;\r\n				border-radius: 0px;\r\n				text-decoration:none;\r\n				box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n				font-size: 18px;\r\n			}\r\n		a.btn_color2:hover{\r\n				background-color:rgba(0,0,0,0);\r\n				\r\n		}\r\n		a.btn_color2:hover{border: 1px solid #fff;\r\n		border-radius: 0px;\r\n		}\r\n		\r\n		/*****************************************/\r\n		.content_container {\r\n		position: relative;\r\n		width: 100%;\r\n		height: 100vh;\r\n		background: linear-gradient(180deg,rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.8) 115%);\r\n		z-index:100;\r\n		}\r\n		\r\n		.banner_content {\r\n			position: absolute;\r\n			display: inline-block;\r\n			vertical-align: middle;\r\n			z-index: 1;\r\n			margin: auto;\r\n			top: 50%;\r\n			left: 50%;\r\n			transform: translateX(-50%);\r\n		}\r\n		.banner_content p {\r\n			color: rgba(255, 255, 255, 0.65);\r\n			position: relative;\r\n			text-transform: uppercase;\r\n			font-size: 1rem;\r\n			font-weight: 300;\r\n			margin: 0;\r\n			padding-bottom: 1.75rem;\r\n			letter-spacing: .25rem;\r\n			text-align: center;\r\n		}\r\n		\r\n		.banner_content h2 {\r\n			font-size: 2.5rem;\r\n			margin-bottom: 0;\r\n			color: #FFF;\r\n			font-weight: 300;\r\n			text-align: center;\r\n		}\r\n		.banner_content p {\r\n			color: rgba(255, 255, 255, 0.65);\r\n			position: relative;\r\n			text-transform: uppercase;\r\n			font-size: 1rem;\r\n			font-weight: 300;\r\n			margin: 0;\r\n			padding-bottom: 1.75rem;\r\n			letter-spacing: .25rem;\r\n			text-align: center;\r\n		}\r\n		.block3 h2.bigtitle{\r\n			font-size: 2.95em;\r\n		}\r\n		.imageshow2 p{\r\n				font-size: 2.8em;\r\n			}\r\n		#map h4{\r\n					font-size: 2.5em;\r\n		}\r\n		.go_up_outer {\r\n			z-index: 3;\r\n			position: fixed;\r\n			right: 5%;\r\n			bottom: 8%;\r\n			color: #FFF;\r\n			text-align: center;\r\n			text-decoration: none;\r\n			padding: 0;\r\n			opacity: 0;\r\n		}\r\n		.go_up {\r\n			width: 5rem;\r\n			height: 5rem;\r\n			display: block;\r\n		}\r\n		\r\n		.go_up a {\r\n			display: inline-block;\r\n			color: #000;\r\n			background-color: rgba(255, 255, 255, 0.65);\r\n			border: 0.85px #b3b3b3 solid;\r\n			margin: 0;\r\n			padding: 0;\r\n			height: 100%;\r\n			width: 100%;\r\n			font-size: 3rem;\r\n			border-radius: 100%;\r\n		}\r\n		.go_up span {\r\n			display: block;\r\n			margin: auto;\r\n			padding: 1rem;\r\n			height: 100%;\r\n			width: 100%;\r\n		}\r\n		.go_up_outer b {\r\n			color: #ffa100;\r\n		}\r\n		/****************************************/\r\n		.row {\r\n			margin:0 !important;\r\n			\r\n		}\r\n		.col-md-offset-1 {\r\n			margin-left: 0 !important;\r\n		}\r\n		.col-md-10 {\r\n			width: 100% !important;\r\n			padding: 0;\r\n		}\r\n		.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding : 0 !important;\r\n			margin : 0 !important;\r\n		}\r\n\r\n		@media screen and (max-width: 480px){\r\n			\r\n			\r\n			\r\n			#story h2{\r\n				font-size:1.25em;\r\n			}\r\n			\r\n			.block3 h2.bigtitle{\r\n				font-size: 1.25em;\r\n			}\r\n			.imageshow2 p{\r\n				font-size: 1.25em;\r\n			}\r\n			\r\n			.boxtop{\r\n				border: 1px solid rgba(255, 255, 255, 0.3);\r\n			}\r\n			.block1 .box, .block2 .box ,.COL6,.COL3,.COL75,.COL25 ,.mainarea {\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL25{ padding:2em;}\r\n			.COL4{ padding:15px;}\r\n			.COL12{ padding:15px;}\r\n			.boxtop h4{font-size: 7px;}\r\n			.boxtop h2{font-size: 1.8em;}\r\n			.boxtop nav{display:none;}\r\n			.carousel-caption h3{display:none;}\r\n			.p1{display:none;}\r\n			.area{width: 100%;}\r\n			\r\n			h4.img1:before {\r\n				display:none;\r\n				\r\n				}\r\n			#story .title1area{\r\n				padding-top: 140px;\r\n				}\r\n			.block3 h4.img1:before{\r\n				top:-200%;\r\n				}\r\n			.banner_content{\r\n				top:20%;\r\n				padding: 15px;\r\n				width: -webkit-fill-available;\r\n			}\r\n			.banner_content h2{\r\n				font-size:2em;\r\n				\r\n			}\r\n			\r\n			\r\n				\r\n			#map h4{\r\n					font-size: 1.25em;\r\n			}\r\n				\r\n				\r\n			}\r\n		@media screen and (min-width: 481px) and (max-width: 639px){\r\n		.area,.COL75,.COL25{width: 100%;}\r\n		\r\n			.COL3{\r\n				width: 50%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.banner_content{\r\n				top:23%;\r\n			}\r\n			.banner_content h2{\r\n				font-size:2em;\r\n				\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,.COL75,.COL25{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		.boxtop{\r\n			width:54%;\r\n			left:23%;\r\n		}\r\n		.boxtop a {font-size: 30px;}\r\n		}\r\n		@media screen and (min-width: 1400px) {\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		/***************************活動資訊圖文介紹hover效果***************************/			\r\n		\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			right: 0;\r\n			top: 50%;\r\n				\r\n				\r\n\r\n		}\r\n		.imageshow4{\r\n				width: 0%;\r\n				height: 0%;\r\n				background: linear-gradient(180deg,rgba(160,160,160,0) 20%,rgba(0,0,0,0.8) 115%);\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(5deg);\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		.animation2:hover div.storya2 {\r\n			border: 0px solid rgba(66,66,37,0.4);\r\n\r\n						}				\r\n		\r\n		.animation2:hover .content{opacity:1;-webkit-filter:brightness(.5) blur(3px);}\r\n\r\n		\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		 }\r\n		 \r\n		  \r\n		\r\n		@keyframes setup{\r\n		  0% {\r\n			opacity: 0;\r\n		  }\r\n		  75% {\r\n			opacity: 1;\r\n			transform: none;\r\n		  }\r\n		  100% {\r\n			opacity: 1;\r\n			transform: rotateZ(5deg);\r\n		  }\r\n		}\r\n		@keyframes dance{\r\n		  0% {\r\n			transform: rotateZ(5deg);\r\n		  }\r\n		  50% {\r\n			transform: rotateZ(-5deg);\r\n		  }\r\n		  100% {\r\n			transform: rotateZ(5deg);\r\n		  }\r\n		}\r\n		\r\n		b.img_info{\r\n			text-align:center;\r\n		}\r\n	\r\n		\r\n	\r\n		@font-face {\r\n		  font-family: \'cwTeXYen\';\r\n		  font-style: normal;\r\n		  font-weight: 500;\r\n		  src: url(css/fonts/cwTeXYen-zhonly.eot);\r\n		  src: url(css/fonts/cwTeXYen-zhonly.eot?#iefix) format(\'embedded-opentype\'),\r\n			   url(css/fonts/cwTeXYen-zhonly.woff2) format(\'woff2\'),\r\n			   url(css/fonts/cwTeXYen-zhonly.woff) format(\'woff\'),\r\n			   url(css/fonts/cwTeXYen-zhonly.ttf) format(\'truetype\');\r\n		}\r\n		@font-face {\r\n		  font-family: \'Noto Sans TC\';\r\n		  font-style: normal;\r\n		  font-weight: 100;\r\n		  src: url(css/fonts/NotoSansTC-Thin.woff2) format(\'woff2\'),\r\n			   url(css/fonts/NotoSansTC-Thin.woff) format(\'woff\'),\r\n			   url(css/fonts/NotoSansTC-Thin.otf) format(\'opentype\');\r\n		}\r\n\r\n		@font-face {\r\n		  font-family: \'KouzanBrushFont\';\r\n		  font-style: normal;\r\n		  font-weight: 100;\r\n		  src: url(css/fonts/KouzanBrushFont.ttf) format(\'truetype\');\r\n		}\r\n\r\n		\r\n</style>\r\n	<link href=\"https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display\" rel=\"stylesheet\">\r\n	<link 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>\r\n\r\n<div class=\"mainarea\">\r\n\r\n	<div class=\"go_up_outer\" style=\"opacity: 1; transition: opacity 0.89s ease-in 0s; display: inline;\">\r\n			<div class=\"go_up\"><a href=\"#\"><span class=\"glyphicon glyphicon-menu-up\"></span></a></div>\r\n			<b>go top</b>\r\n	</div>\r\n	\r\n	<div class=\"scroll\">\r\n		</div>\r\n	\r\n	\r\n	<div id=\"\" class=\"block1 clearfix\">\r\n		<!--blockarea-->\r\n		<div class=\"boxa\">\r\n			&nbsp;</div>\r\n		<!--boxtop-->\r\n					<div class=\"boxtop\">\r\n						\r\n						\r\n						\r\n						<div class=\"title1area0 title1area clearfix\"style=\"padding:0;\">\r\n							<h4 class=\"img1 smalltitle revealOnScroll\" data-animation=\"pulse\" style=\"color:#888;padding-bottom:0;\">		\r\n								</h4>\r\n							<h2 class=\" revealOnScroll\" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal; color:#000;\">\r\n								東大綠色知識經濟創新平台</h2>\r\n							<nav class=\"clearfix\">\r\n								<ul class=\"topA  clearfix\">\r\n									<li class=\"revealOnScroll\" data-animation=\"pulse\">\r\n										<a href=\"#story\">計畫緣起</a></li>\r\n									<li class=\"revealOnScroll\" data-animation=\"pulse\">\r\n										<a href=\"#bk1\" >何謂綠色知識經濟</a></li>\r\n		\r\n									<li class=\"revealOnScroll\" data-animation=\"pulse\">\r\n										<a href=\"#bk2\">成果轉化教學</a></li>\r\n										\r\n									<li class=\"revealOnScroll\" data-animation=\"pulse\">\r\n										<a href=\"#bk3\">領域專家資料庫</a></li>\r\n									<li class=\"revealOnScroll\" data-animation=\"pulse\">\r\n										<a href=\"#bk4\">綠色知識經濟產業資料庫</a></li>\r\n									<li class=\"revealOnScroll\" data-animation=\"pulse\">\r\n										<a href=\"#bk5\">綠色知識經濟案例資料庫</a></li>\r\n									\r\n								</ul>\r\n							</nav>\r\n						</div>\r\n						\r\n					</div>\r\n					<!--boxtop-->	\r\n		<!-- carousel -->\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				\r\n			</ol>\r\n			\r\n			<div class=\"carousel-inner \">\r\n				<div class=\"item active\" style=\"background-image:url(/userUpload/images/tmp/00.jpg);    background-attachment: initial;height:111vh;\">\r\n				\r\n					\r\n				\r\n					\r\n				</div>\r\n				\r\n				<div class=\"item\" style=\"height:111vh;background-image:url(/userUpload/images/tmp/00.jpg);background-attachment: initial;\">\r\n					\r\n				</div>\r\n				\r\n				\r\n				\r\n			</div>\r\n			<!-- Wrapper for slides -->\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> -->\r\n		</div><!-- carousel -->\r\n		<!--box end-->\r\n		\r\n	</div>\r\n	<!--blockarea end-->\r\n	\r\n	\r\n	\r\n	<!-- 計畫緣起 STORY-->\r\n	<div  id=\"story\"class=\"STORY\">\r\n		<div class=\"p1 load\"style=\"    right: 5%;top: 73%;-webkit-animation: setup 2.5s ease-out, dance 1.5s 2.2s cubic-bezier(0, .8, .5, 1.5) 1;\">\r\n						<img style=\"width: 220px;\"class=\"p1 revealOnScroll animated zoomIn\" data-animation=\"zoomIn\" src=\"/userUpload/images/tmp/16.png\"></div>\r\n		\r\n		\r\n		<div class=\"COL12 clearfix area\">\r\n			<div class=\"title1area\">\r\n				<h4 class=\"img1 smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					About Lohas Industry Innovation</h4>\r\n				<h2 class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\" style=\"letter-spacing: 1.25rem;font-weight: normal;color:#555;\">\r\n					國立臺東大學執行教育部107年高教深耕計畫</h2>\r\n				<p>【樂活產業】計畫概述</p>\r\n			</div>\r\n			<hr class=\"style1 revealOnScroll\" data-animation=\"pulse\" />\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=\"COL6 storya\" style=\"z-index:2;\">\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/30.jpg\" />\r\n				<b class=\"img_info\">107年高教深耕計畫</b>\r\n			</div>\r\n			<!--text-box-->\r\n			<div class=\"text COL6 \" >\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n					臺東地區發展樂活產業具有莫大的潛力，本校積極投入臺東地區樂活產業的分類與資料庫的建置，並配合經濟部4G寬頻應用軟體創新創業園區發展計畫，結合產官學資源，積極推動TTMaker台東創客園區。本計畫將進一步結合本校師生與區域學園（臺東地區高中職），匯聚對臺東地區樂活產業創新有熱誠的教師與學子，形成樂活產業專業社群，參與樂活產業創新加值研發與服務，促進臺東地區樂活產業產學聯盟的發展，提升本校學用合一與產學合作的教學研究能量，使本校成為足以支持臺東地區樂活產業生態系統永續發展與創新加值的區域整合中心。\r\n 。\r\n				</p>\r\n				\r\n			</div>\r\n			<!--text-box-->\r\n			\r\n			\r\n			\r\n		</div>\r\n		\r\n	<!-- NO .1 召集人 -->\r\n		<div class=\"COL12 clearfix area\">\r\n		<!--text-box-->\r\n			<div class=\"text COL6 \" >\r\n			<h2>計畫召集人</h2>\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n					國立臺東大學謝明哲副教授\r\n				</p>\r\n				<p>\r\n				• 圖書資訊館館長<br>\r\n				• 綠色知識經濟產業創新成果轉化、校園示範點專題創作召集人<br>\r\n				</p>\r\n		\r\n			</div>\r\n			\r\n			<div class=\"storya COL6 \" >\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/boss1.jpg\" />\r\n				<b class=\"img_info\">國立臺東大學謝明哲副教授</b>\r\n			</div>\r\n			\r\n			\r\n			\r\n			<!--text-box-->\r\n		</div>\r\n	<!-- NO .1 召集人 --> 	\r\n	\r\n	\r\n	<!-- NO .2 召集人 -->\r\n		<div class=\"COL12 clearfix area\">\r\n		<!--text-box-->\r\n		\r\n			<div class=\"storya COL6 \" >\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/boss2.jpg \r\n				\" />\r\n				<b class=\"img_info\">國立臺東大學陳宜檉副教授</b>\r\n			</div>\r\n			\r\n			<div class=\"text COL6 \" >\r\n			<h2>計畫召集人</h2>\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n					國立臺東大學陳宜檉副教授\r\n				</p>\r\n				<p>\r\n				• 資管系主任<br>\r\n				• 綠色知識經濟產業三創跨域成果轉化召集人<br>\r\n				</p>\r\n		\r\n			</div>\r\n			\r\n			\r\n			<!--text-box-->\r\n		</div>\r\n	<!-- NO .2 召集人 --> 	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	<div class=\"COL12 clearfix area\">\r\n		<div class=\"title1area\">\r\n				<h4 class=\"img1 smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					About Lohas Industry Innovation</h4>\r\n				<h2 class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\" style=\"letter-spacing: 1.25rem;font-weight: normal;color:#555;\">\r\n					國立臺東大學綠色國際大學推動委員會&白皮書</h2>\r\n				<p>106年6月15日本校行政會議修正通過「國立臺東大學綠色國際大學推動委員會設置要點」<br>\r\n				106年9月29日本校綠色國際大學推動委員會審議通過「國立臺東大學綠色國際大學白皮書」；107年12月6日修訂通過 。\r\n				</p>\r\n		</div>\r\n	</div>\r\n	\r\n	<!-- NO .1 召集人 -->\r\n		<div class=\"COL12 clearfix area\">\r\n		<!--text-box-->\r\n			<div class=\"text COL6 \" >\r\n			<h2>國立臺東大學邁向綠色國際大學三階段發展架構</h2>\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n					願景：2010迄今\r\n				</p>\r\n				<p>\r\n				• 教育卓越、關懷社會<br>\r\n				• 深耕研究、邁向國際<br>\r\n				</p>\r\n		\r\n			</div>\r\n			\r\n			<div class=\"storya COL6 \" >\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/fut01.PNG\" />\r\n				<b class=\"img_info\">國立臺東大學邁向綠色國際大學三階段發展架構</b>\r\n			</div>\r\n			\r\n			\r\n			\r\n			<!--text-box-->\r\n		</div>\r\n	<!-- NO .1 召集人 --> 	\r\n	\r\n	\r\n	<div class=\"COL12 clearfix area\">\r\n		<div class=\"title1area\">\r\n				<h4 class=\"img1 smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					About Lohas Industry Innovation</h4>\r\n				<h2 class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\" style=\"letter-spacing: 1.25rem;font-weight: normal;color:#555;\">\r\n					願景：教育卓越、關懷社會、深耕研究、邁向國際</h2>\r\n				<p>本校成為一所以「智慧、健康、永續、美學」為內涵的綠色國際大學</p>\r\n				\r\n				<p>校園優質卓越，教育博雅專精，致力於深耕支持綠色知識經濟產業發展的教學與科技研發，\r\n					培育嚴以律己、宏觀創新，並能取法山海智慧、學用合一的新世代人才。</p>\r\n\r\n				<p>所有教職員工生亦皆能身體力行，從教學、研究、行政、服務、和日常生活中，體現「智慧、健康、永續、美學」校園文化，並能影響社區、社會、國家，乃至國際，成就未來地球樂活智慧。</p>\r\n\r\n		</div>\r\n	</div>\r\n	\r\n	\r\n	<!-- NO .2 召集人 -->\r\n		<div class=\"COL12 clearfix area\">\r\n		<!--text-box-->\r\n		\r\n			<div class=\"storya COL6 \" >\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/fut02.PNG \r\n				\" />\r\n				<b class=\"img_info\">綠色國際大學內涵</b>\r\n			</div>\r\n			\r\n			<div class=\"storya COL6 \" >\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/fut03.PNG \r\n				\" />\r\n				<b class=\"img_info\">2018深耕計畫：發展學校特色</b>\r\n			</div>\r\n			\r\n			\r\n			<!--text-box-->\r\n		</div>\r\n	<!-- NO .2 召集人 --> 	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	<div id=\"bk1\"  class=\"block1 clearfix\"  style=\"height:100vh;\">\r\n		<div class=\"carousel slide carousel-fade \" data-ride=\"carousel\" id=\"myCarousel3\">\r\n			<!-- Indicators -->\r\n			<ol class=\"carousel-indicators\">\r\n				<li class=\"active\" data-slide-to=\"0\" data-target=\"#myCarousel3\">\r\n					&nbsp;</li>\r\n				\r\n			\r\n			</ol>\r\n			\r\n			<div class=\"carousel-inner \">\r\n				<div class=\"item active\" style=\"background-image:url(/userUpload/images/tmp/38.jpg);    background-attachment: fixed;height:100vh;\">\r\n				\r\n					<!--content_container-->\r\n					<div class=\'content_container cleafix\'>\r\n						<div class=\'g-m-3\'> \r\n							<img style=\'position:absolute;top:5%;left: 5%; width:3%;\' src=\'/userUpload/images/tmp/logo.png\'>\r\n						</div>\r\n					<div class=\'banner_content\'>\r\n												\r\n						<p class=\'animated fadeIn dp_n_s\' style=\'animation-duration: 2s;\'>應用綠色知識(Green Knowledge)、人\r\n							性因素(Human Factors)、和智慧型資\r\n							訊系統(Intelligent Information\r\n							Systems)的整合創新來發展樂活產業和\r\n							循環經濟，以增進人類健康和永續的生\r\n							活型態。</p>\r\n						<h2 class=\'animated fadeIn\' style=\'animation-duration: 3s;\'>「何謂綠色知識經濟創新？」</h2>\r\n						</div>\r\n											\r\n					</div>\r\n					<!--content_container-->\r\n					 <div class=\"block0 clearfix\"></div> \r\n				\r\n					\r\n				</div>\r\n				\r\n				\r\n				\r\n				\r\n			</div>\r\n				\r\n				\r\n			<!-- Wrapper for slides -->\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> -->\r\n		</div><!-- carousel -->\r\n	</div>\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n		<div id=\"bk2\" class=\"COL12 clearfix area\">\r\n			<div class=\"title1area\">\r\n					<h4 class=\"img1 smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n						Achievement transformation teaching</h4>\r\n					<h2 class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\" style=\"letter-spacing: 1.25rem;font-weight: normal;color:#555;\">\r\n						成果轉化教學</h2>\r\n					<hr>\r\n					<h2>宗旨</h2>\r\n					<p>本校執行108年度高教深耕計畫「A5-2-3建構三創跨域學習與創新教學環境」、「B-2-1統整綠色知識經濟產業教研能量」</p>\r\n						<p>鼓勵師生投入三創跨域暨綠色知識經濟創新成果轉化，協助在地產業發展、轉型，建立智慧健康城鄉、新農業、智慧產銷、及循環經濟等成功案例</p>\r\n					<p>藉由評選統整性課程具潛力之作品或研究成果，提供經費鼓勵指導教授及學生組成三創團隊進行成果轉化（包括論文發表）及創業育成，並發展成果轉化及創業育成教材，以利增廣認知及優化技能</p>\r\n					\r\n\r\n			</div>\r\n		</div>\r\n		\r\n		<div class=\"COL12 clearfix area\">\r\n		<!--text-box-->\r\n			<div class=\"text COL6 \" >\r\n			<H2>臺東擁有許多具有樂活產業特色的微型企業(Micro-Enterprise)，</h2>\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n				<br>\r\n				• 自然農業、<br>\r\n				• 有機農業、<br>\r\n				• 文化創意產業、<br>\r\n				• 綠色旅遊、<br>\r\n				• 特色民宿、以及<br>\r\n				• 智慧居家照護等。<br>\r\n				</p>\r\n				<H2>這些微型企業經由持續的輔導創新</H2><br>\r\n				• 善用綠色設計、綠色供應鏈、清潔生產、\r\n				綠色消費及綠色回收來達成循環經濟，<br>\r\n				• 皆能成為支持健康永續生活型態(LOHAS)\r\n				的產業，<br>\r\n				• 以適可而止、合作分享、持續創新的務實\r\n				態度來滿足消費者在消費時對家人健康和\r\n				環境責任的考量。<br>\r\n				</p>\r\n				\r\n			</div>\r\n			<div class=\"COL12 clearfix\" style=\"z-index:2;\">\r\n				\r\n				<div class=\"COL6 storya\" style=\"z-index:2;\">\r\n					<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/35.png\" />\r\n					<b class=\"img_info\">綠色知識經濟創新教學模式</b>\r\n				</div>\r\n				\r\n				<div class=\"COL6 storya\" style=\"z-index:2;\">\r\n					<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/36.png\" />\r\n					<b class=\"img_info\">專題創作及創業群組營造模式</b>\r\n				</div>\r\n			</div>\r\n			\r\n			<!--text-box-->\r\n		</div>\r\n		<div class=\"COL12 clearfix area\">	\r\n			<div class=\"COL6 storya\" style=\"z-index:2;\">\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/37.png\" />\r\n				<b class=\"img_info\">循環經濟生態系之建立</b>\r\n			</div>\r\n			<!--text-box-->\r\n			<div class=\"text COL6 \" >\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n					協助微型產業進行樂活產業、綠色知識經濟創新的方法：\r\n				</p>\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n					1. 統整循環經濟核心價值<br>\r\n					2. 協助微型產業專注於樂活產業技術研發與綠色\r\n					知識經濟創新<br>\r\n					3. <a href=\"index.php\">提供微型產業客製化虛擬商店</a><br>\r\n					4. 協助微型產業建立商業智慧與精準行銷機制\r\n					5. 提供消費者智慧合購、節省運費、及LOHAS社\r\n					群支持<br>\r\n					6. 滿足消費者對健康和環境責任的消費考量<br>\r\n					7. 協助消費者實現健康永續的智慧居家生活<br>\r\n				</p>\r\n				\r\n			</div>\r\n			<!--text-box-->\r\n		</div>	\r\n		\r\n		<div class=\"COL12 clearfix area\">	\r\n			<div class=\"COL6 storya\" style=\"z-index:2;\">\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/31.jpg\" />\r\n				<b class=\"img_info\">107年高教深耕計畫成果展</b>\r\n			</div>\r\n			<!--text-box-->\r\n			<div class=\"COL6 storya\" style=\"z-index:2;\">\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/35.jpg\" />\r\n				<b class=\"img_info\">參與學生之課程研習情形-智慧核心與健康簡諧率</b>\r\n			</div>\r\n			<!--text-box-->\r\n		</div>	\r\n		\r\n		<div class=\"COL12 clearfix area\">	\r\n			<div class=\"COL6 storya\" style=\"z-index:2;\">\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/33.jpg\" />\r\n				<b class=\"img_info\">炳碩企業參訪</b>\r\n			</div>\r\n			<!--text-box-->\r\n			<div class=\"COL6 storya\" style=\"z-index:2;\">\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/tmp/34.jpg\" />\r\n				<b class=\"img_info\">1027銘泉農場參訪</b>\r\n			</div>\r\n			<!--text-box-->\r\n		</div>	\r\n	</div><!-- 計畫緣起 STORY-->\r\n	\r\n	\r\n	\r\n	<!--何謂綠色知識經濟-->\r\n	<div class=\"block1 clearfix\" >\r\n		<div class=\"carousel slide carousel-fade \" data-ride=\"carousel\" id=\"myCarousel2\">\r\n			<!-- Indicators -->\r\n			<ol class=\"carousel-indicators\">\r\n				<li class=\"active\" data-slide-to=\"0\" data-target=\"#myCarousel2\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"1\" data-target=\"#myCarousel2\">\r\n					&nbsp;</li>\r\n			\r\n			</ol>\r\n			\r\n			<div class=\"carousel-inner \">\r\n				<div class=\"item active\" style=\"background-image:url(/userUpload/images/tmp/03.gif);    background-attachment: fixed;height:100vh;\">\r\n				\r\n					<!--content_container-->\r\n					<div class=\'content_container cleafix\'>\r\n						<div class=\'g-m-3\'> \r\n							<img style=\'position:absolute;top:5%;left: 5%; width:20%;\' src=\'/userUpload/images/tmp/gkelogo.png\'>\r\n						</div>\r\n					<div class=\'banner_content\'>\r\n												\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 2s;\'>\r\n							綠色知識經濟產業創新\r\n						</p>\r\n						<h2 class=\'animated fadeIn\' style=\'animation-duration: 3s;\'>「成果轉化案例」</h2>\r\n						<p>鼓勵師生投入三創跨域暨綠色知識經濟創新成果轉化，協助在地產業發展、轉型，建立智慧健康城鄉、新農業、智慧產銷、及循環經濟等成功案例</p>\r\n						</div>\r\n											\r\n					</div>\r\n					<!--content_container-->\r\n					 <div class=\"block0 clearfix\"></div> \r\n				\r\n					\r\n				</div>\r\n			\r\n			<!--item -->\r\n				<div class=\"item\" style=\"height:100vh;background-image:url(/userUpload/images/tmp/09.jpg);background-attachment: fixed;\">\r\n					<!--content_container-->\r\n					<div class=\'content_container cleafix\'>\r\n						<div class=\'g-m-3\'> \r\n							<img style=\'position:absolute;top:5%;left: 5%; width:20%;\' src=\'/userUpload/images/tmp/gkelogo.png\'>\r\n						</div>\r\n					<div class=\'banner_content\'>\r\n												\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 2s;\'>\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 2s;\'>\r\n						「成果轉化案例」\r\n							\r\n						</p>\r\n						<h2 class=\'animated fadeIn\' style=\'animation-duration: 3s;\'><a style=\"color:#ffc310;\" href>九鳥陶燒</a></h2>\r\n						<hr>\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 3s;\'>九鳥陶燒工作室融合了「排灣族」和日本「志野燒」陶藝文化，不同的燒窯方式和創作特色，進行文化的交織，創作出具獨特性陶藝品。</p>\r\n						</div>\r\n											\r\n					</div>\r\n					<!--content_container-->\r\n					<div class=\"block0 clearfix\"></div>  \r\n				</div>\r\n			<!--item -->\r\n				\r\n						<!--item -->\r\n				<div class=\"item\" style=\"height:100vh;background-image:url(/userUpload/images/tmp/40.jpg);background-attachment: fixed;\">\r\n					<!--content_container-->\r\n					<div class=\'content_container cleafix\'>\r\n						<div class=\'g-m-3\'> \r\n							<img style=\'position:absolute;top:5%;left: 5%; width:20%;\' src=\'/userUpload/images/tmp/gkelogo.png\'>\r\n						</div>\r\n					<div class=\'banner_content\'>\r\n												\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 2s;\'>\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 2s;\'>\r\n						「成果轉化案例」\r\n							\r\n						</p>\r\n						<h2 class=\'animated fadeIn\' style=\'animation-duration: 3s;\'><a style=\"color:#ffc310;\" href>艾蘭哥爾</a></h2>\r\n						<hr>\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 3s;\'>台灣，一個美麗的島嶼，有著「福爾摩莎」的美名，早在16世紀時葡萄牙人就給了台東一個美麗的稱號-ALANGER。我們是一群ALANGER﹝艾蘭哥爾﹞的子女，想要做自己，期望愛喝咖啡的你也能享受這風味特殊且健康無負擔的咖啡。</p>\r\n						</div>\r\n											\r\n					</div>\r\n					<!--content_container-->\r\n					<div class=\"block0 clearfix\"></div>  \r\n				</div>\r\n			<!--item -->\r\n				\r\n			<!--item -->\r\n				<div class=\"item\" style=\"height:100vh;background-image:url(/userUpload/images/tmp/39.jpg);background-attachment: fixed;\">\r\n					<!--content_container-->\r\n					<div class=\'content_container cleafix\'>\r\n						<div class=\'g-m-3\'> \r\n							<img style=\'position:absolute;top:5%;left: 5%; width:20%;\' src=\'/userUpload/images/tmp/gkelogo.png\'>\r\n						</div>\r\n					<div class=\'banner_content\'>\r\n												\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 2s;\'>\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 2s;\'>\r\n						「成果轉化案例」\r\n							\r\n						</p>\r\n						<h2 class=\'animated fadeIn\' style=\'animation-duration: 3s;\'><a style=\"color:#ffc310;\" href>銘泉生態休閒農業</a></h2>\r\n						<hr>\r\n						<p class=\'animated fadeIn\' style=\'animation-duration: 3s;\'>追著風、賞著景，奔馳在沿山公路上，霎那，視野豁然開朗，無邊無際的鳳梨田眼前一展而開，就是進入銘泉的天然路標， 廣達20餘公頃的田園，交織台灣版的拾穗，此時，就得放慢速度，進入慢食、慢活、慢遊的銘泉生態農場。</p>\r\n						</div>\r\n											\r\n					</div>\r\n					<!--content_container-->\r\n					<div class=\"block0 clearfix\"></div>  \r\n				</div>\r\n			<!--item -->\r\n				\r\n			</div>\r\n				\r\n				\r\n			<!-- Wrapper for slides -->\r\n			<!-- Left and right controls --><a class=\"left carousel-control\" href=\"#myCarousel2\" data-slide=\"prev\"> <span class=\"glyphicon glyphicon-chevron-left\"></span> <span class=\"sr-only\">Previous</span> </a><a class=\"right carousel-control\" href=\"#myCarousel2\" data-slide=\"next\"><span class=\"glyphicon glyphicon-chevron-right\"></span><span class=\"sr-only\">Next</span></a>\r\n		</div><!-- carousel -->\r\n	</div>\r\n	<!-- end -->\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n	\r\n		\r\n	\r\n	\r\n		\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div id=\"map\" class=\" clearfix\" style=\"background-color:#fff;\">\r\n\r\n			\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n				\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"pulse\"style=\"color:black;\"> Exhibition information and traffic location</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"pulse\">展覽資訊與交通位置</h4>\r\n				\r\n				\r\n				</div>\r\n				<div class=\"COL12 clearfix \"style=\"\">	\r\n					\r\n				<div class=\"COL6 clearfix \" >\r\n					<img style=\"\" class=\"image-full revealOnScroll image-transform\" data-animation=\"zoomIn\" src=\"/userUpload/images/exb.jpg\" /></div>\r\n				\r\n				<div class=\"COL6 clearfix \" >\r\n					\r\n				</div>\r\n				</div>\r\n				<div class=\"iframe-rwd COL12map\">\r\n						<div class=\"iframe-rwd\">\r\n						\r\n					\r\n						\r\n						\r\n						</div>\r\n					</div>\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#fff;color:black;min-height:370px;text-align:center;padding:4em 2em;\" data-animation=\"pulse\">\r\n					<div class=\"COL12 title1area clearfix\" style=\"background-color:white;border-bottom:1px #000 dashed;\" >	\r\n					\r\n\r\n						\r\n					</div>\r\n				</div>\r\n			\r\n		</div>\r\n	\r\n</div>			\r\n\r\n\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			\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			$(\".go_up_outer\").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			\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			$(\".go_up_outer\").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 pulse zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.158.5',NULL,NULL,NULL,NULL,NULL,NULL),(1304,'2019-07-27 07:52:59','2019-07-27 15:52:59',NULL,'2019-07-27 00:00:00','2038-01-01 00:00:00',45,46,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'「過去‧現在‧未來-原住民陶藝傳承計畫」學員招募中',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/108%E5%B9%B4%E5%BA%A6%E5%9F%B9%E8%82%B2%E5%8E%9F%E4%BD%8F%E6%B0%91%E6%97%8F%E8%97%9D%E8%A1%93%E4%BA%BA%E6%89%8D%E8%A3%9C%E5%8A%A95.jpg\" style=\"width: 400px; height: 533px;\" /></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,8000,NULL,1,NULL,NULL,'36.237.156.90',NULL,NULL,NULL,NULL,NULL,NULL),(1305,'2019-09-25 08:33:36','2019-09-25 16:33:07',NULL,'2019-09-25 00:00:00','2038-01-01 00:00:00',45,1279,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒花器',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/01.jpg\" style=\"width: 600px; height: 450px;\" /></p>\r\n<p>\r\n	<img alt=\"\" src=\"/userUpload/images/02(3).jpg\" style=\"width: 600px; height: 450px;\" /></p>\r\n<p>\r\n	<br />\r\n	<span style=\"font-size:14px;\">尺寸：⾼約12CM 、寬約22CM、底約8CM</span></p>\r\n<hr />\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	<br style=\"box-sizing: border-box;\" />\r\n	<span style=\"font-size:14px;\">注意事項：</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></p>\r\n','','',0,'2019092501.jpg',349404,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.167.138',NULL,NULL,NULL,NULL,NULL,NULL),(1306,'2019-09-25 08:51:44','2019-09-25 16:51:44',NULL,'2019-09-25 00:00:00','2038-01-01 00:00:00',45,1279,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒花器',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/10.jpg\" style=\"width: 600px; height: 450px;\" /><img alt=\"\" src=\"/userUpload/images/09(1).jpg\" style=\"width: 600px; height: 450px;\" /></p>\r\n<p>\r\n	⾼約21公分/寬約9公分/底部為六⾓形</p>\r\n<hr />\r\n<p>\r\n	付款方式與運費計算</p>\r\n<p>\r\n	●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</p>\r\n<p>\r\n	● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</p>\r\n<p>\r\n	●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</p>\r\n<p>\r\n	<br />\r\n	注意事項：</p>\r\n<p>\r\n	●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</p>\r\n<p>\r\n	●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</p>\r\n<p>\r\n	●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</p>\r\n','','',0,'2019092510.jpg',377593,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.167.138',NULL,NULL,NULL,NULL,NULL,NULL),(1307,'2019-09-25 08:38:03','2019-09-25 16:38:03',NULL,'2019-09-25 00:00:00','2038-01-01 00:00:00',45,1279,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒花器',NULL,'<p>\r\n	<span style=\"font-size:14px;\"><img alt=\"\" src=\"/userUpload/images/01.jpg\" style=\"width: 600px; height: 450px;\" /></span></p>\r\n<p>\r\n	⾼約12公分/寬約22公分/底寬約8公分</p>\r\n<hr />\r\n<p>\r\n	付款方式與運費計算</p>\r\n<p>\r\n	●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</p>\r\n<p>\r\n	● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</p>\r\n<p>\r\n	●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</p>\r\n<p>\r\n	<br />\r\n	注意事項：</p>\r\n<p>\r\n	●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</p>\r\n<p>\r\n	●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</p>\r\n<p>\r\n	●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</p>\r\n','','',0,'2019092501.jpg',349404,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.167.138',NULL,NULL,NULL,NULL,NULL,NULL),(1308,'2019-09-25 08:41:51','2019-09-25 16:41:51',NULL,'2019-09-25 00:00:00','2038-01-01 00:00:00',45,1279,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒花器',NULL,'<p>\r\n	<span style=\"font-size:14px;\"><img alt=\"\" src=\"/userUpload/images/29.jpg\" style=\"width: 600px; height: 450px;\" /><img alt=\"\" src=\"/userUpload/images/30.jpg\" style=\"width: 600px; height: 450px;\" /><img alt=\"\" src=\"/userUpload/images/28.jpg\" style=\"width: 600px; height: 450px;\" /></span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">⾼約16公分/寬約23.5公分/底約9公分</span></p>\r\n<hr />\r\n<div>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">注意事項：</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></div>\r\n','','',0,'2019092529.jpg',371146,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.167.138',NULL,NULL,NULL,NULL,NULL,NULL),(1309,'2019-09-25 08:50:40','2019-09-25 16:50:40',NULL,'2019-09-25 00:00:00','2038-01-01 00:00:00',45,1279,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒花器',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/20.jpg\" style=\"width: 600px; height: 450px;\" /><img alt=\"\" src=\"/userUpload/images/19.jpg\" style=\"width: 600px; height: 450px;\" /><img alt=\"\" src=\"/userUpload/images/18.jpg\" style=\"width: 600px; height: 450px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">⾼約23公分/寬約13公分</span></p>\r\n<hr />\r\n<div>\r\n	付款方式與運費計算</div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</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	&nbsp;</div>\r\n<div>\r\n	●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</div>\r\n','','',0,'2019092520.jpg',378546,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.167.138',NULL,NULL,NULL,NULL,NULL,NULL),(1310,'2019-09-25 08:53:49','2019-09-25 16:53:49',NULL,'2019-09-25 00:00:00','2038-01-01 00:00:00',45,1279,NULL,1,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒花器',NULL,'<p>\r\n	<span style=\"font-size:14px;\"><img alt=\"\" src=\"/userUpload/images/25.jpg\" style=\"width: 600px; height: 450px;\" /><img alt=\"\" src=\"/userUpload/images/24.jpg\" style=\"width: 600px; height: 450px;\" /></span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">⾼約20.5公分、壺⼝約8公分、壺身寬約13公分</span></p>\r\n<hr />\r\n<div>\r\n	<span style=\"font-size:14px;\">付款方式與運費計算</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●ATM轉帳:金融機構：台東縣台東地區農會(初鹿分部)，代號622，帳號0015821-0390840，戶名:九鳥陶燒工作室 。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">● 如果您是ATM匯款，請務必於完成匯款手續後，將匯款帳號的末五碼與轉帳時間和訂購人姓名Email 至信箱 (a0932582058@gmail.com )或來電089-570550告知。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●運費：本島每件商品100元，單次訂單金額達3000元免運費。離島地區運費與宅配時間依宅配公司訂定為主。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">注意事項：</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●全部商品皆是手工製作，非灌模成品，因此不可能皆非常完美、表面有細孔凹凸、釉色濃淡、裂紋質感等皆為正常現象。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●每台電腦顯色不同，作品皆為實品拍攝，如要求完美無法接受些微落差者，建議可來現場購買，若需網路購買請斟酌考慮喔。</span></div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	<span style=\"font-size:14px;\">●若有其他疑問，請於營業時間(週二~週六 09:00~17:00)來電，電話：089-570550。</span></div>\r\n','','',0,'2019092525.jpg',370704,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.167.138',NULL,NULL,NULL,NULL,NULL,NULL);

--
