<script src=\"js/jquery.nivo.slider.pack.js\" type=\"text/javascript\"></script>
<link rel=\"stylesheet\" href=\"css/nivo-slider.css\" type=\"text/css\" media=\"screen\" />
<link rel=\"stylesheet\" href=\"css/default.css\" type=\"text/css\" media=\"screen\" />


 <div class=\"banner\">
  <div class=\"slider-wrapper theme-default\">
    <div class=\"ribbon\"></div>
    <div id=\"slider\" class=\"nivoSlider\">
    ({section name=m loop=$edm.index.pic})
        <a href=\"({$edm.index.href[m]})\" target=\"_blank\"><img src=\"({$edm.index.pic[m]})\"/></a>
    ({/section})
    </div>
  </div>
  
  <script type=\"text/javascript\">
$(window).load(function() {
    $(\'#slider\').nivoSlider({
        effect: \'random\' // Specify sets like: \'fold,fade,sliceDown\'
							});
});
</script>
  
 </div> 

  
  <!--<script type=\"text/javascript\">
  $(window).load(function() {
    $(\'#slider\').nivoSlider({
        effect: \'random\', // Specify sets like: \'fold,fade,sliceDown\'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation
        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        prevText: \'Prev\', // Prev directionNav text
        nextText: \'Next\', // Next directionNav text
        randomStart: false, // Start on a random slide
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
  });
  </script> -->
  
<!-- InstanceEndEditable -->
  
  
  <div class=\"warpper\">
  <div class=\"main clearfix\"><!-- 編輯區 -->
  <!-- InstanceBeginEditable name=\"EditRegion1\" -->
  <div class=\"index-news\">
    <div class=\"index-news-line\"></div>
    <div class=\"index-search-news clearfix\">
      <div class=\"col-030\">
        <div class=\"index-search\">
          <h3>產品搜尋 <span>STORE SEARCH</span></h3>
          <div class=\"index-search-input\">
          
             <input type=\"text\" id=\"keyword\" placeholder=\"請輸入關鍵字\"></input><a href=\"javascript:;\" onclick=\"window.location.href=\'index.php?ban=35&keyword=\'+document.getElementById(\'keyword\').value\"><img src=\"images/btn-search.png\"></a>
          
          </div>
          <div><img src=\"images/contact.jpg\" width=\"100%\" height=\"auto\" alt=\"\" /></div>
          
        </div>
      </div>
      
      <div class=\"cor-070\" >
        <div class=\"i-news\">
          <h3>最新消息<span><a href=\"index.php?ban=news({$article.news[0].parent_url})\"> + 更多消息</a></span></h3>
          <ul>
          ({section name=m loop=$article.news_inhot_data})
             <li><a href=\"index.php?ban=new_detail({$article.news_inhot_data[m].main_url})\">({$article.news_inhot_data[m].name})</a></li>
          ({/section})
          </ul>
        </div>
      </div>
    </div>
  </div>
  
  <div class=\"index-link\">
    <div class=\"index-link-top\">
     <h3>LINKS<br><span class=\"red\">相關</span><span class=\"brwon\">連結</span></h3>
    </div>
     <ul class=\" clearfix\">
     	({section name=m loop=$article.links})
        <li><a href=\"({$article.links[m].href})\" target=\"_blank\"><img src=\"({$article.links[m].pic.0})\" width=\"385\"></a></li>
        ({/section})
     </ul>

  </div>
  
  <div class=\"index-pro\"> 
     <h3 class=\"index-pro-title\">銷售 TOP</h3>
       <ul class=\"clearfix\">
           ({section name=m0 loop=$dataset.hotpro})
         <li><!--銷售 -->
           <h4>({$dataset.hotpro[m0].row1})</h4>
           <div class=\"pro-photo\"><a href=\"({$article.hotpro[m0].main_url})\"><img src=\"({$dataset.hotpro[m0].row2[0]})\" class=\"index-pro-img\"></a></div>
           <span class=\"index-pro-store\">NT. $({$dataset.hotpro[m0].row3})</span>
           <span class=\"index-pro-price\">NT. $({$dataset.hotpro[m0].row4})</span>
           <div>
             <a href=\"index.php?ban=shop_step01({$dataset.hotpro[m0].row5[0]})\" class=\"cart\"> + 購物車</a>
             <a href=\"index.php?ban=shop_step01({$dataset.hotpro[m0].row6[0]})\" class=\"check\"> 直接購買</a>
           </div>
         </li><!-- ??~ END -->
       ({/section})
          
         
       </ul>
       <div class=\"index-more\"><a href=\"index.php?ban=products\">更多產品</a></div>
  </div>
  
  
  
   <div class=\"index-pro\"> 
     <h3 class=\"index-pro-title\">資料集測試</h3>
       <ul class=\"clearfix\">
       ({section name=m loop=$dataset.test})
         <li><!--銷售 -->
           <h4>({$dataset.test[m].row1})</h4>
           <div class=\"pro-photo\"><a href=\"({$article.saletop[m].href})\"><img src=\"({$dataset.test[m].row2.0})\" class=\"index-pro-img\" style=\"position:relative;\"></a></div>
           <span class=\"index-pro-store\">({$dataset.test[m].row3})</span>
           <a href=\"({$dataset.test[m].main_url})\" class=\"cart\"><img src=\"images/chart-icon.png\" width=\"16\" height=\"15\"> 連結</a>
         </li><!-- ??~ END -->
       ({/section})
          
         
       </ul>
       <div class=\"index-more\"><a href=\"index.php?ban=products\">更多產品</a></div>
  </div>
  
  
  <!-- InstanceEndEditable -->
  </div><!-- 編輯區 END -->
  </div>