<!--


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">
        <div class="container">
          <h1 class="heading-03">聯繫我們</h1>

          <div id="contact-page" class="clearfix">
            <section class="left">
              <div class="index-contact__main" itemscope itemtype="http://schema.org/Corporation">
                <div class="index-contact-item">
                  <div class="index-contact-divider"></div>
                  <div class="index-contact__header" itemprop="location"
                      itemscope itemtype="http://schema.org/Place">
                    <span itemprop="name">Taiwan</span>
                  </div>
                  <!-- <div itemprop="member" itemscope itemtype="http://schema.org/Person">
                    <span class="bolder" itemprop="jobTitle">總統籌</span>
                    <span itemprop="name">楊心一</span>
                  </div>
                  <div itemprop="telephone" content="+8860228973510">
                    <span class="bolder">TEL.</span>
                    <span>+886.02.28973510</span>
                  </div> -->
                  <div itemprop="email" content="forestproject.tw@gmail.com">
                    <span class="bolder">EMAIL.</span>
                    <span><a href="mailto:forestproject@163.com">forestproject@163.com</a></span>
                  </div>
                </div>

                <div class="index-contact-item">
                  <div class="index-contact-divider"></div>
                  <div class="index-contact__header" itemprop="location"
                      itemscope itemtype="http://schema.org/Place">
                    <span itemprop="name">China</span>
                  </div>
                  <!-- <div itemprop="telephone" content="+8860228973510">
                    <span class="bolder">TEL.</span>
                    <span>+886.02.28973510</span>
                  </div> -->
                  <div itemprop="email" content="forestproject.tw@gmail.com">
                    <span class="bolder">EMAIL.</span>
                    <span><a href="mailto:forestproject@163.com">forestproject@163.com</a></span>
                  </div>
                </div>
              </div>
            </section>

            <section id="contact-form" class="right">
              <div class="contact-form__main">
                <form accept-charset="UTF-8" action="" id="contact_form" method="post">
                  <fieldset>
                    <legend class="contact-form-info">若您有任何疑問，歡迎留言與我們聯繫。</legend>
                    <div class="control-group">
                      <label class="control-label" for="contact-name">請輸入您的姓名</label>
                      <div class="controls">
                        <input id="contact-name" placeholder="姓名" name="name" type="text" tabindex="1" data-check="1,">
                        <p class="help-block">請輸入中文</p>
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="contact-email">請輸入您的電子郵件</label>
                      <div class="controls">
                        <input id="contact-email" placeholder="電子郵件" name="email" type="text" tabindex="2" data-check="1,email">
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="contact-body">請輸入您的留言</label>
                      <div class="controls">
                        <textarea name="msg" placeholder="" id="contact-body" tabindex="3" rows="6" data-check="1,"></textarea>
                        <p class="help-block">保存以后就不可以改了哦！</p>
                      </div>
                    </div>
                    <div class="form-actions">
                      <input id="contact-submit" class="btn wide" data-disable-with="正在提交" name="commit" type="submit" value="送出表單資料" tabindex="4">
                    </div>
                  </fieldset>
                </form>
              </div>
            </section>
          </div>
        </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 #contact_menu').addClass('active');

      $('#contact_form').submit(function (event) {
        event.preventDefault();

        if (xFormCheck('contact_form')) {
          $.post('jc/jcContact.php', $('#contact_form').serialize())
            .done(function (res) {
					if(res == "ok")
					{
						document.getElementById("contact_form").reset();
						alert('您的留言已經送出');
					}
					else alert(res);
            })
            .fail(function () {
              alert('Ajax request 失敗！');
            });
        }
      });
    });
    </script>
  </body>
</html>