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

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <meta name="keywords" content="國立臺東大學, 東大, 樂活產業創新平台" />
    <meta name="description" content="臺東大學樂活產業創新平台2017， 翼王資訊社建置維護">
    <meta name="author" content="">

    <title>臺東大學樂活產業創新平台2017</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->

    <link href="css/custom.css" rel="stylesheet">

    <!-- Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

	
	<style>
    	body {
    		background: url('userUpload/2017092905.jpg') no-repeat fixed center center;
    		background-size: 100%;
    	}
    	
    	body { 
    		padding-top: 70px; 
    	}
    	
		.brand {

		}
		
		.navbar-nav > li > a {
			padding-top: 0px;
			padding-bottom: 0px;
			line-height: px;
			font-size: px;
		}
		
		.navbar-default .navbar-nav>li>a {
			color: #777777;
		}
		
		.navbar-default {
			background-color: ;
		}

		@media (max-width: 767px) {
			.navbar-nav > li > a {
				line-height: 20px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
		}

		.bgw {
			background-color: rgba(255,255,255,0.8);
		}
		
		p {
			font-size: 14px; 
		}
		
		.dropdown-submenu {
			position: relative;
		}

		.dropdown-submenu>.dropdown-menu {
			top: 0;
			left: 100%;
			margin-top: -6px;
			margin-left: -1px;
			-webkit-border-radius: 0 6px 6px 6px;
			-moz-border-radius: 0 6px 6px;
			border-radius: 0 6px 6px 6px;
		}

		.dropdown-submenu:hover>.dropdown-menu {
			display: block;
		}

		.dropdown-submenu>a:after {
			display: block;
			content: " ";
			float: right;
			width: 0;
			height: 0;
			border-color: transparent;
			border-style: solid;
			border-width: 5px 0 5px 5px;
			border-left-color: #ccc;
			margin-top: 5px;
			margin-right: -10px;
		}

		.dropdown-submenu:hover>a:after {
			border-left-color: #fff;
		}

		.dropdown-submenu.pull-left {
			float: none;
		}

		.dropdown-submenu.pull-left>.dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}		
		
	</style>
	
	<script src='https://www.google.com/recaptcha/api.js'></script>

	<script LANGUAGE="JavaScript">
	<!--
	// Nannette Thacker http://www.shiningstar.net
	function confirmSubmit()
	{
		var agree=confirm("確定要繼續？");
		if (agree)
			return true ;
		else
			return false ;
	}
	// -->

	</script>
	
	
	
    <!-- Google web fonts, https://design.google.com/icons/ -->
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    

</head>

<body>




<div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!--a class="navbar-brand" href="#">NavBar</a-->
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">

                <li><a href="index.php?Act=125&SK=0&MK=139&PK=-10">會員登入/加入</a></li>
		            
                <li><a href="http://ecloud.ewang.com.tw" target="_blank">首頁</a></li>
            </ul>
            <ul class="nav navbar-nav">
                

                <li class="active"><a href="index.php?Act=<?php echo 125; ?>">Home</a></li>
		
		            <li>
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title=''>關於銘泉 <b class="caret"></b></a>
		                <ul class="dropdown-menu multi-level">
		        
				<li><a href=index.php?Act=125&MK=133&PK=137 title='' class="">故事與理念</a></li>
			
				
			
				<li><a href=index.php?Act=125&MK=133&PK=138 title='' class="">農場地圖</a></li>
			
				
			
            <li class="dropdown-submenu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">媒體報導</a>
                <ul class="dropdown-menu">
			 
			
				<li><a href=index.php?Act=125&MK=139&PK=293 title='' class="">平面媒體</a></li>
			
				
			
				<li><a href=index.php?Act=125&MK=139&PK=294 title='' class="">影音報導</a></li>
			
				
			 </ul></li>
		                </ul>
		            </li>
				
		            <li>
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title=''>活動總攬 <b class="caret"></b></a>
		                <ul class="dropdown-menu multi-level">
		        
				<li><a href=index.php?Act=125&MK=134&PK=140 title='' class="">活動資訊</a></li>
			
				
			
				<li><a href=index.php?Act=125&MK=134&PK=295 title='' class="">線上預約</a></li>
			
				
			
				<li><a href=index.php?Act=125&MK=134&PK=297 title='' class="">185市集</a></li>
			
				
			
				<li><a href=index.php?Act=125&MK=134&PK=298 title='' class="">顧客分享與評量</a></li>
			
				
			
		                </ul>
		            </li>
				
		            <li>
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title=''>銘泉商店 <b class="caret"></b></a>
		                <ul class="dropdown-menu multi-level">
		        
				<li><a href=index.php?Act=125&MK=135&PK=299 title='' class="">有機農產系列</a></li>
			
				
			
				<li><a href=index.php?Act=125&MK=135&PK=300 title='' class="">健康打氣系列</a></li>
			
				
			
				<li><a href=index.php?Act=125&MK=135&PK=301 title='' class="">人生提味系列</a></li>
			
				
			
		                </ul>
		            </li>
				
		            <li>
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title=''>Q&A <b class="caret"></b></a>
		                <ul class="dropdown-menu multi-level">
		        
				<li><a href=index.php?Act=125&MK=136&PK=302 title='' class="">常見問題</a></li>
			
				
			
				<li><a href=index.php?Act=125&MK=136&PK=303 title='' class="">線上Q&A</a></li>
			
				
			
		                </ul>
		            </li>
				
					<li><a href=index.php?Act=125&MK=125&PK=304 title='' class="">聯絡資訊</a></li>
				
				
				      
      
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</div>





    <div class="container-fluid bgw" style="margin-left: 10px; margin-right: 10px; ">


        
        
        
        <div class="row">

        
        	<!-- .content -->
            <div class="col-md-12"  style="padding-top: 0px; ">
            	<!--div class="bgw" style="margin-top: 0px; padding-top: 0px; "-->
            
				


    <hr>
    <h2 class="intro-text text-center">影音報導</h2>
    <hr>

				

			<div class="row">
		
	            <div class="col-md-12">
					<h3>影音報導 <small>2017-10-02</small></h3>
	            	
					<p><!--
Design by TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License

Name       : FirstBase 
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20140404

-->
<p>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</p>
<p>
	<title></title>
</p>
<p>
	<meta content="" name="keywords" />
</p>
<p>
	<meta content="" name="description" />
</p>
<p>
	<link href="http://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet" />
	<!--<link href="default.css" rel="stylesheet" type="text/css" media="all" />-->
	<style type="text/css">
html, body
						{
							height: 100%;
						}
						.bgw{
						
						background-color:rgba(255,255,255,0);
						}
						body
						{
							margin: 0px;
							padding: 0px;
							background: #181818;
							font-family: Microsoft JhengHei,'Didact Gothic', sans-serif;
							font-size: 12pt;
							font-weight: 200;
							color: #FFF;
						}
						
						
						h1, h2, h3
						{
							margin: 0;
							padding: 0;
						}
						
						p, ol, ul
						{
							margin-top: 0;
						}
						
						ol, ul
						{
							padding: 0;
							list-style: none;
						}
						
						p
						{
							line-height: 180%;
						}
						
						strong
						{
						}
						
						a
						{
							color: #444444;
						}
						
						a:hover
						{
							text-decoration: none;
						}
						
						.container-fluid
						{
							overflow: hidden;
							margin: 70px auto;
							
						}
						
					/*********************************************************************************/
					/* Image Style                                                                   */
					/*********************************************************************************/

						.image
						{
							display: inline-block;
						}
						
						.image img
						{
							display: block;
							width: 100%;
						}
						
						.image-full
						{
							display: block;
							width: 100%;
							margin: 0 0 2em 0;
						}
						
						.image-left
						{
							float: left;
							margin: 0 2em 2em 0;
						}
						
						.image-centered
						{
							display: block;
							margin: 0 0 2em 0;
						}
						
						.image-centered img
						{
							margin: 0 auto;
							width: auto;
						}

					/*********************************************************************************/
					/* List Styles                                                                   */
					/*********************************************************************************/

						ul.style1
						{
						}
						
						ul.actions
						{
						}
						
						ul.actions li
						{
							display: inline-block;
							padding: 0em 0.50em;
						}


					/*********************************************************************************/
					/* Social Icon Styles                                                            */
					/*********************************************************************************/

						ul.contact
						{
							margin: 0;
							padding: 2em 0em 0em 0em;
							list-style: none;
						}
						
						ul.contact li
						{
							display: inline-block;
							padding: 0em 0.30em;
							font-size: 1em;
						}
						
						ul.contact li span
						{
							display: none;
							margin: 0;
							padding: 0;
						}
						
						ul.contact li a
						{
							color: #FFF;
						}
						
						ul.contact li a:before
						{
							display: inline-block;
							background: #3f3f3f;
							width: 40px;
							height: 40px;
							line-height: 40px;
							border-radius: 20px;
							text-align: center;
							color: #FFFFFF;
						}
						
						ul.contact li a.icon-twitter:before { background: #2DAAE4; }
						ul.contact li a.icon-facebook:before { background: #39599F; }
						ul.contact li a.icon-dribbble:before { background: #C4376B;	}
						ul.contact li a.icon-tumblr:before { background: #31516A; }
						ul.contact li a.icon-rss:before { background: #F2600B; }

					/*********************************************************************************/
					/* Button Style                                                                  */
					/*********************************************************************************/

						.button
						{
							display: inline-block;
							padding: 1em 2em 1em 2em;
							letter-spacing: 0.10em;
							margin-top: 2em;
							padding: 1.40em 3em;
							background: #f3cc2f;
							border-radius: 6px;
							text-decoration: none;
							font-weight: 700;
							font-size: 1em;
							color: #3f0900;
						}
						.button1
						{
							display: inline-block;
							padding: 1em 2em 1em 2em;
							letter-spacing: 0.10em;
							margin-top: 2em;
							padding: 1.40em 3em;
							background: #000000;
							border-radius: 6px;
							text-decoration: none;
							font-weight: 700;
							font-size: 1em;
							color: #FFFFFF;
						}
						
						.button-alt
						{
							padding: 1em 2em;
							border-color: rgba(0,0,0,.8);
						}
							
					/*********************************************************************************/
					/* 4-column                                                                      */
					/*********************************************************************************/

						.box1,
						.box2,
						.box3,
						.box4
						{
							width: 30%;
						}
						
						.box1,
						.box2,
						.box3,
						{
							float: left;
							margin-right: 20px;
						}
						
						.box4
						{
							float: right;
						}
						
					/*********************************************************************************/
					/* 3-column                                                                      */
					/*********************************************************************************/

						.boxA,
						.boxB,
						.boxC
						{
							width: 30%;
						}

						.boxA,
						.boxB
						{
							float: left;
							margin-right: 60px;
						}
						
						.boxC
						{
							float: right;

						}

					/*********************************************************************************/
					/* 2-column                                                                      */
					/*********************************************************************************/

						.tbox1,
						.tbox2
						{
							width: 575px;
						}
						
						.tbox1
						{
							float: left;
						}

						.tbox2
						{
							float: right;
						}

						
					/*********************************************************************************/
					/* Heading Titles                                                                */
					/*********************************************************************************/

						.title
						{
							margin-bottom: 3em;
						}
						
						.title 
						{
							
						}
						
						.title 
						{
							font-size: 1.3em;
							color: rgba(255,255,255,1);
							}
						h22 
						{
							font-size: 2.7em;
							color: rgba(0,0,0,1);
							}
						.byline
						{
							font-size: 1.3em;
							color: rgba(255,255,255,0.80);
						}
						
						.byline2{
						font-size: 1.3em;
							color: rgba(0,0,0,0.80);
						}
					/*********************************************************************************/
					/* Header                                                                        */
					/*********************************************************************************/
						#wrapper
						{
							position: relative;
							padding: 5em 0em 7em 0em;
							background: #FFF;
							color:black;
							text-align:center;
						}
					/*********************************************************************************/
					/* Header                                                                        */
					/*********************************************************************************/
						#header-wrapper
						{
							position: relative;
							padding: 5em 0em 0em 0em;
							background: #111111 url(/userUpload/images/05.jpg) no-repeat center;
							background-size: cover;
						}

						#header
						{
							position: relative;
							padding: 5em 0em 10em 0em;
						}
					/*********************************************************************************/
					/* Logo                                                                          */
					/*********************************************************************************/
						#logo
						{
							position: absolute;
							top: 3.6em;
							left: 0;
						}
						
						#logo h1
						{
							font-size: 2.6em;
							color: #79C255;
						}
						
						#logo a
						{
							text-decoration: none;
							color: rgba(255,255,255,1);
						}

					/*********************************************************************************/
					/* Menu                                                                          */
					/*********************************************************************************/
						#menu
						{
							position: absolute;
							top: 4.5em;
							right: 0;
						}
						
						#menu ul
						{
							display: inline-block;
						}
						
						#menu li
						{
							display: block;
							float: left;
							text-align: center;
						}
						
						#menu li a, #menu li span
						{
							padding: 1em 1.5em;
							letter-spacing: 1px;
							text-decoration: none;
							text-transform: uppercase;
							font-size: 1.05em;
							color: rgba(255,255,255,0.80);
						}
						
						#menu li:hover a, #menu li.active a, #menu li.active span
						{
						}
						
						#menu .active a
						{
							background: #f3cc2f;
							border-radius: 6px;
							color: rgba(255,255,255,1);
							color: #3f0900;
						}
						
						#menu .icon
						{
						}
					/*********************************************************************************/
					/* Banner                                                                        */
					/*********************************************************************************/
						#banner-wrapper
						{
							padding: 5em 0em;
							background: rgba(0,0,0,.8);
						}

						#banner
						{
							text-align: center;
						}
						
						#banner .title h2
						{
							font-size: 4em;
						}
						
						#banner .title .byline
						{
							font-size: 2em;
						}
						
						#banner .button
						{
							margin-top: 2em;
							padding: 1.40em 3em;
							border-radius: 6px;
							font-weight: 700;
							font-size: 1em;
							
						}
						
						.banner
						{
							margin-bottom: 5em;
						}
					/*********************************************************************************/
					/* Page                                                                          */
					/*********************************************************************************/

						#page
						{
						}

					/*********************************************************************************/
					/* Content                                                                       */
					/*********************************************************************************/

						#content
						{
						}

					/*********************************************************************************/
					/* Sidebar                                                                       */
					/*********************************************************************************/

						#sidebar
						{
						}

					/*********************************************************************************/
					/* Footer                                                                        */
					/*********************************************************************************/

						#footer
						{
						}

					/*********************************************************************************/
					/* Copyright                                                                     */
					/*********************************************************************************/
						#copyright
						{
							overflow: hidden;
							padding: 5em 0em;
							border-top: 1px solid rgba(0,0,0,0.08);
						}
						
						#copyright p
						{
							text-align: center;
							font-size: 1em;
							color: rgba(255,255,255,0.3);
						}
						
						#copyright a
						{
							text-decoration: none;
							color: rgba(255,255,255,0.6);
						}


					/*********************************************************************************/
					/* Welcome                                                                       */
					/*********************************************************************************/
						#welcome
						{
							position: relative;
							padding: 7em 0em 7em 0em;
							background: #4D0000;
							background-size: cover;
							text-align: center;
						}
						
						#welcome .container
						{
							width: 1000px;
							padding: 0px 100px;
							color: rgba(255,255,255,0.8);
						}
						
						#welcome a
						{
							color: rgba(255,255,255,1);
						}
						
						#welcome .button
						{
							background: #FFF;
							color: #3f0900;
						}
					/*********************************************************************************/
					/* Extra                                                                         */
					/*********************************************************************************/

						#three-column
						{
							text-align: center;
							color: rgba(0,0,0,0.6);
						}

						#three-column .fa
						{
							display: block;
							padding: 1em 0em;
							color: rgba(0,0,0,1);
							font-size: 2em;
						}
						
						#three-column .title h2
						{
							font-weight: bold;
							color: rgba(0,0,0,0.8);
						}

						#three-column .title 
						{
							text-align: center;
							color: rgba(0,0,0,.5);
						}	</style>
</p>
<p>
	<link href="fonts.css" media="all" rel="stylesheet" type="text/css" />
	<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]--></p>
<div id="header-wrapper">
	<div class="container" id="header">
		<div id="logo">
			<h1>
				<a href="#">銘泉休閒農場</a></h1>
			<span class="byline">&nbsp;MING&nbsp;&nbsp; CYUAN&nbsp;&nbsp; LEISURE&nbsp;&nbsp; FARM</span></div>
	</div>
	<div id="banner-wrapper">
		<div class="container" id="banner">
			<div class="title">
				<h2>
					感謝各大媒體支持</h2>
				<span class="byline">Thanks for support</span></div>
		</div>
	</div>
</div>

<div id="wrapper">
	<div class="row">
		<div class="col-md-12 title">
			<br />
			<span class="byline2">影音媒體報導視頻</span></div>
		<div class="col-md-4">
			<h2>
			i屏東 影音新聞23銘泉農場	</h2>
		</div>
		<div class="col-md-4">
			<h2>
				105年樂活農村</h2>
		</div>
		<div class="col-md-4">
			<h2>
				185農夫市集20170225</h2>
		</div>
			<div class="col-md-4">
		<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/x-J3oBXRUBU" width="560"></iframe></a>
			</div>
		<div class="col-md-4">
		<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/KKJEwlEQO4U" width="560"></iframe></a>
			</div>
		<div class="col-md-4">
			<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/79xMqrP9LoY" width="560"></iframe></a></div>
	</div>
</div>
<div id="welcome"><center>
		<div class="row">
		<div class="col-md-12 title">
		<div class="col-md-4">
			<h2>農夫與他的田20150720-蛙鳴鳳梨田</h2>
		</div>
		<div class="col-md-4">
			<h2>
				我們的島 第702集 酸甜回春土滋味</h2>
		</div>
		<div class="col-md-4">
			<h2>
				你那裡天氣好嗎？四鄉特色 秀麗內埔</h2>
		</div>
			<div class="col-md-4">
		<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/uVomkjYMOs4" width="560"></iframe>
			</div>
		<div class="col-md-4">
		<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/GT4gVDiIjGA" width="560"></iframe>
			</div>
		<div class="col-md-4">
			<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/yAkxan9nX0Q" width="560"></iframe></div>
	</div>
</div></center>
<div class="container" id="copyright">
	<p>
		&copy; 銘泉生態休閒農場 2016 | Photos by <a href="">銘泉</a> | Design by <a href="">銘泉</a></p>
</div>

						
					
					<hr>
				</div>
		
			</div>
		               
				
	<div class="clearfix"></div>	


		
            	<!--/div-->
            </div>
            <!-- /.content -->

        </div>
		<!-- /.row -->
            
    

		
            
		
    </div>
    <!-- /.container -->

	<footer>
		<div class="container-fluid bgw"  style="margin-top: 10px; ">
			<div class="row">
				<div class="col-lg-12 text-center">
					<p>總瀏覽人數： 2211，本頁瀏覽人數： 25					<br>臺東大學樂活產業創新平台2017					<br>地址：950 臺東市中華路一段684號					<br>電話：(089)318855					<br>Copyright &copy; 臺東大學樂活產業創新平台2017 2016
				</div>
			</div>
		</div>
	</footer>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    

    <!-- Script to Activate the Carousel -->
    <script>
    $('.carousel').carousel({
        interval: 5000 //changes the speed
    })
    </script>

</body>

</html>


