<!--


FFFFFFFFFFFFFFFFFFFFFF                                                                                   tttt
F::::::::::::::::::::F                                                                                ttt:::t
F::::::::::::::::::::F                                                                                t:::::t
FF::::::FFFFFFFFF::::F                                                                                t:::::t
  F:::::F       FFFFFFrrrrr   rrrrrrrrr      ooooooooooo       eeeeeeeeeeee        ssssssssss   ttttttt:::::ttttttt
  F:::::F             r::::rrr:::::::::r   oo:::::::::::oo   ee::::::::::::ee    ss::::::::::s  t:::::::::::::::::t
  F::::::FFFFFFFFFF   r:::::::::::::::::r o:::::::::::::::o e::::::eeeee:::::eess:::::::::::::s t:::::::::::::::::t
  F:::::::::::::::F   rr::::::rrrrr::::::ro:::::ooooo:::::oe::::::e     e:::::es::::::ssss:::::stttttt:::::::tttttt
  F:::::::::::::::F    r:::::r     r:::::ro::::o     o::::oe:::::::eeeee::::::e s:::::s  ssssss       t:::::t
  F::::::FFFFFFFFFF    r:::::r     rrrrrrro::::o     o::::oe:::::::::::::::::e    s::::::s            t:::::t
  F:::::F              r:::::r            o::::o     o::::oe::::::eeeeeeeeeee        s::::::s         t:::::t
  F:::::F              r:::::r            o::::o     o::::oe:::::::e           ssssss   s:::::s       t:::::t    tttttt
FF:::::::FF            r:::::r            o:::::ooooo:::::oe::::::::e          s:::::ssss::::::s      t::::::tttt:::::t
F::::::::FF            r:::::r            o:::::::::::::::o e::::::::eeeeeeee  s::::::::::::::s       tt::::::::::::::t
F::::::::FF            r:::::r             oo:::::::::::oo   ee:::::::::::::e   s:::::::::::ss          tt:::::::::::tt
FFFFFFFFFFF            rrrrrrr               ooooooooooo       eeeeeeeeeeeeee    sssssssssss              ttttttttttt

  PPPPPPPPPPPPPPPPP                                         jjjj                                                  tttt
  P::::::::::::::::P                                       j::::j                                              ttt:::t
  P::::::PPPPPP:::::P                                       jjjj                                               t:::::t
  PP:::::P     P:::::P                                                                                         t:::::t
    P::::P     P:::::Prrrrr   rrrrrrrrr      ooooooooooo  jjjjjjj    eeeeeeeeeeee        ccccccccccccccccttttttt:::::ttttttt
    P::::P     P:::::Pr::::rrr:::::::::r   oo:::::::::::ooj:::::j  ee::::::::::::ee    cc:::::::::::::::ct:::::::::::::::::t
    P::::PPPPPP:::::P r:::::::::::::::::r o:::::::::::::::oj::::j e::::::eeeee:::::ee c:::::::::::::::::ct:::::::::::::::::t
    P:::::::::::::PP  rr::::::rrrrr::::::ro:::::ooooo:::::oj::::je::::::e     e:::::ec:::::::cccccc:::::ctttttt:::::::tttttt
    P::::PPPPPPPPP     r:::::r     r:::::ro::::o     o::::oj::::je:::::::eeeee::::::ec::::::c     ccccccc      t:::::t
    P::::P             r:::::r     rrrrrrro::::o     o::::oj::::je:::::::::::::::::e c:::::c                   t:::::t
    P::::P             r:::::r            o::::o     o::::oj::::je::::::eeeeeeeeeee  c:::::c                   t:::::t
    P::::P             r:::::r            o::::o     o::::oj::::je:::::::e           c::::::c     ccccccc      t:::::t    tttttt
  PP::::::PP           r:::::r            o:::::ooooo:::::oj::::je::::::::e          c:::::::cccccc:::::c      t::::::tttt:::::t
  P::::::::P           r:::::r            o:::::::::::::::oj::::j e::::::::eeeeeeee   c:::::::::::::::::c      tt::::::::::::::t
  P::::::::P           r:::::r             oo:::::::::::oo j::::j  ee:::::::::::::e    cc:::::::::::::::c        tt:::::::::::tt
  PPPPPPPPPP           rrrrrrr               ooooooooooo   j::::j    eeeeeeeeeeeeee      cccccccccccccccc          ttttttttttt
                                                           j::::j
                                                 jjjj      j::::j
                                                j::::jj   j:::::j
                                                j::::::jjj::::::j
                                                 jj::::::::::::j
                                                   jjj::::::jjj
                                                      jjjjjj

                                                                                                          forestproject.org
    ==========================================================================================================================
                                                                                           Designed & Developed by Cizoo&Co


 -->
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="target-densitydpi=device-dpi, width=1280, user-scalable=yes" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>影音專區 | 木林森</title>
<meta name="description" content="「木林森計畫」起源於2005年，由藝術家徐冰為恢復肯亞森林綠帶而設置的一套自循環系統，綜合了藝術、教育、環境護育三位一體。本展是2013年「木林森計畫」來到臺灣，在此由大眾一起參與的成果展。">
<meta content="「木林森計畫」起源於2005年，由藝術家徐冰為恢復肯亞森林綠帶而設置的一套自循環系統，綜合了藝術、教育、環境護育三位一體。本展是2013年「木林森計畫」來到臺灣，在此由大眾一起參與的成果展。" property="og:description">
<meta content="" property="og:image">
<meta content="" property="og:title">

<link rel="icon" type="image/x-icon" href="img/favicon.png" />
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<link rel="stylesheet" href="css/main.css">
  </head>
  <body class="index">
    <!--[if lt IE 7]>
        <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <aside class="top-header">
  <div class="container">
    <ul id="user-links" class="right">
      <li><a href="login.php"><span class="user-link-span">登入 / 註冊</span></a></li>
      <li class="divider"></li>
      <li>
        <a href="favorite.php" class="my-fav">
          <span class="user-link-span">我的追蹤清單<div class="fav-status"><span>0</span></div></span>
        </a>
      </li>
    </ul>
  </div>
</aside>

    <div class="pusher-wrapper">
      <header role="banner"></header>

      <nav id="site-nav">
  <div class="container">
    <h1 class="left">
      <a href="index.php" class="nav-logo logo-02">木林森計畫 Forest Project</a>
    </h1>
    <ul class="nav right">
      <!-- NOTE: add active class in current page -->
      <li id="home_menu" class="site-nav-item">
        <a href="index.php">首頁</a>
        <span></span>
      </li>
      <li id="videos_menu" class="site-nav-item">
        <a href="video.php">影音專區</a>
        <span></span>
      </li>
      <li id="about-mlx_menu" class="site-nav-item">
        <a href="about.php">關於木林森</a>
        <span></span>
      </li>
      <li id="class_menu" class="site-nav-item">
        <a href="class.php">木林森講堂</a>
        <span></span>
      </li>
      <!-- <li id="events_menu" class="site-nav-item">
        <a href="">活動進展</a>
        <span></span>
      </li> -->
      <li id="yours_menu" class="site-nav-item">
        <a href="works.php">你的木林森</a>
        <span></span>
      </li>
      <!-- <li id="support_menu" class="site-nav-item">
        <a href="">支持我們</a>
        <span></span>
      </li> -->
      <li id="contact_menu" class="site-nav-item">
        <a href="contact.php">聯絡我們</a>
        <span></span>
      </li>
    </ul>
  </div>
</nav>

      <main class="body-content" role="main">
        <section id="video-nav">
          <div class="container">
            <h1 class="heading-07">影音專區</h1>
            <nav>
              <ul class="video-nav-list">
                <li class="video-nav-item">
                  <a href="?t=99"><div class="video-nav-01">最新推薦</div></a>
                </li>
                <li class="video-nav-item">
                  <a href="?t=0"><div class="video-nav-02">全部影片</div></a>
                </li>
                <li class="video-nav-item">
                  <a href="?t=1"><div class="video-nav-03">活動類</div></a>
                </li>
                <li class="video-nav-item">
                  <a href="?t=2"><div class="video-nav-04">教學類</div></a>
                </li>
                <li class="video-nav-item">
                  <a href="?t=3"><div class="video-nav-05">演講類</div></a>
                </li>
                <li class="video-nav-item">
                  <a href="?t=4"><div class="video-nav-06">採訪類</div></a>
                </li>
              </ul>
            </nav>
          </div>
        </section>
        <section id="video-list" class="clearfix">
          <div class="container">
            <div class="video-list-group">
              <article class="card video-list-item">
                <figure>
                  <a href="video-view.php?id=2&t=4&s=0">
                    <img src="/userfiles/images/001.png" alt="">
                  </a>
                </figure>
                <header class="video-list-item__header">
                  <small><time>DEC 09-12.2013</time></small>
                  <h1 class="title">Discovery頻道專輯片《華人藝術紀：徐冰》首播發佈會</h1>
                </header>
                <div class="video-list-item__main">
                  <p>Discovery頻道首度以國際視野，聚焦當代華人國際級藝術家，拍攝《華人藝術紀》系列4集節目，紀錄華人藝術文化的崛起。來自中國大陸的藝術家徐冰的專輯片作為壓軸，將於2014年1月5日起每週日晚間9點於台灣地區首播，之後在亞太26個國家和地區輪播。在201</p>
                </div>
                <footer class="video-list-item__footer">
                  <!-- TODO: add link -->
                  <a href="video-view.php?id=2&t=4&s=0" class="more">MORE</a>
                </footer>
              </article>
            </div>
            <div class="video-list-group">
            </div>
            <div class="video-list-group">
            </div>
            <div class="video-list-group">
            </div>
          </div>
        </section>

        <div class="container">
          <aside>
            <div class="nav pagination full-line">
              <!-- TODO: add links -->
            </div>
          </aside>
        </div>
      </main>

      <div class="pusher"></div>
    </div>

    <footer role="contentinfo">
  <div class="container">
    &copy; 2014 <strong>Forestproject</strong> All Rights Reserved. Designed by <strong>Cizoo&amp;Co</strong>.
  </div>
</footer>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/vendor/jquery.tmpl.js"></script>
<script src="js/vendor/jquery.path.js"></script>
<script src="js/vendor/jstorage.js"></script>
<script src="js/vendor/lodash.min.js"></script>
<script src="js/vendor/xForm.js"></script>

<script src="js/bingo.js"></script>
<script src="js/masthead.js"></script>
<script src="js/squirrel.js"></script>
    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
  (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
  function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
  e=o.createElement(i);r=o.getElementsByTagName(i)[0];
  e.src='//www.google-analytics.com/analytics.js';
  r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
  ga('create','UA-45122021-3');ga('send','pageview');
</script>

    <script>
    $(function () {
      squirrel.init();
	  $('#site-nav #videos_menu').addClass('active');
	  $("a[href='?t=4']").parent().addClass('active');
    });
    </script>
  </body>
</html>