<!--


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>木林森 | ForestProject 木林森計畫</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="favorite">
    <!--[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]-->

    <div class="modal-overlay"></div>
    <div class="modal">
      <section>
        <div class="user-form">
          <div class="user-form__header clearfix"><a href="" class="close right">關閉</a></div>
          <div class="user-form__main">
            <form accept-charset="UTF-8" action="code/user.php" id="user-form" method="post">
              <div class="control-group">
                <label class="control-label" for="user-email">請輸入您的電子郵件</label>
                <div class="controls">
                  <input id="user-email" placeholder="forestproject.tw@gmail.com" name="user[email]" type="text" tabindex="2">
                </div>
              </div>

              <div class="control-group">
                <label class="control-label" for="user-password">請您輸入密碼</label>
                <div class="controls">
                  <input id="user-password" placeholder="" name="user[password]" type="password" tabindex="2">
                </div>
              </div>

              <div class="form-actions clearfix">
                <input class="btn small left" data-disable-with="正在提交" name="commit" type="submit" value="註冊"><!--
                 --><input class="btn small btn-primary right" data-disable-with="正在提交" name="commit" type="submit" value="登入">
              </div>
            </form>

            <div class="user-form-info">
              <p class="text-muted">註冊不需填寫個人資料，僅需一組您的信箱及密碼，供您察詢購買記錄。</p>
            </div>
          </div>
        </div>
      </section>
    </div>

    <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="title heading-08">我的追蹤清單</h1>

          <div class="fav-data">
            <a href class="fav-reset btn small">清空追蹤清單</a>
            <table class="fav-table">
              <thead>
                <tr>
                  <th id="work-id">作品序號</th>
                  <th id="work-img">作品圖</th>
                  <th id="author">作者</th>
                  <th id="price">售出狀態</th>
                  <th id="check">檢視 / 購買</th>
                  <th id="cancel">取消</th>
                </tr>
              </thead>
              <tbody id="favbody" class="fav-tbody">
                <!--
                  <tr>
                    <td>
                      <div>0000002</div>
                    </td>
                    <td>
                      <div class="fav-menu-item-pic-wrapper pull-left">
                        <div style="background-image: url('img/test/T2013-P0300小1200.jpg');" class="fav-menu-item-pic img-v"></div>
                      </div>
                    </td>
                    <td>
                      <div class="fav-menu-item-info-a">
                        <span class="name">張同學</span>
                        <span class="school">鄧公國小四年級</span>
                      </div>
                      <div class="fav-menu-item-info-b">
                        <span class="location-a">新北市</span>
                        <span class="location-b">淡水</span>
                      </div>
                    </td>
                    <td>已售出</td> || <td>未售出</td>
                    <td>
                      <a href="works-view.php" style="color: #5d9631;">前往作品頁</a>
                    </td>
                    <td class="cancel-td">
                      <div class="cancel-wrapper">
                        <div class="cancel" data-cancel-uuid="0000002">&#10006;</div>
                      </div>
                    </td>
                  </tr>

                 -->
              </tbody>
            </table>
          </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();
	  
	  var cargos=$.jStorage.get('cargos');
	  if(cargos && cargos.length)
	  $('#favbody').load('jc/jcGetFav.php?d='+cargos);
	  
	  $(document).on('click', '.cancel', function () {
        var $this = $(this)
          , uuid = $this.data().cancelUuid;
        squirrel.cancel(uuid, $this);
      });

      // $('.paypal-button').bind('click', function (event) {
      //   event.preventDefault();
      //   $('.favorite').addClass('modal-enabled');
      // });

      // $('.modal').bind('click', function (event) {
      //   event.preventDefault();
      //   event.stopPropagation();
      // });

      // $('.modal-overlay').bind('click', function () {
      //   $('.favorite').removeClass('modal-enabled');
      // });

      // $('.close').bind('click', function (event) {
      //   event.preventDefault();
      //   $('.favorite').removeClass('modal-enabled');
      // });
    });
    </script>
  </body>
</html>