

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="野Guide - Hong Kong Discovery">
    <meta name="author" content="">
    <link rel="shortcut icon" href="//platform.hkdiscovery.com/img/favicon.ico" />
    <title>野Guide - Hong Kong Discovery</title>
   
   <link href="css/bootstrap.css" rel="stylesheet">    
   <link href="css/style.css" rel="stylesheet">  
   <link href="css/carousel.css" rel="stylesheet">  
   <link href="css/non-responsive.css" rel="stylesheet">  
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[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]-->
    <script type="text/javascript">
    var mobilelink = "https://platform.hkdiscovery.com/m/html_3/index.html";
  if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
     location.replace(mobilelink);
  }
  </script>
  <script>
function keySearch(){
  
  if($("#octosearch").val()!=""){     
    window.location="./search.jsp?key="+$("#octosearch").val()+"&";     
  } 
}
</script>
<style>
.ads-B img {
  width: 680px;
}

</style>
	<!--
	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<script>
	  (adsbygoogle = window.adsbygoogle || []).push({
		google_ad_client: "ca-pub-1000665253366804",
		enable_page_level_ads: true
	  });
	</script>
	-->
	
  </head>
  <body>  

  <div id="fb-root"></div>  
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">                
        </div>
        <div class="navbar-collapse collapse">
          <form class="navbar-form navbar-right" role="form" style="border:0">
            <div class="form-group">
              <a href="https://www.facebook.com/HongKongDiscovery" target="_blank"><img src="img/icon_facebook.png"></a>
        <a href="http://www.weibo.com/hkdiscovery" target="_blank"><img src="img/icon_weibo.png"></a>
        <span id="today_span" ></span>   
        <img style="display:none;" src="img/icon_chi-s.png">
        <img style="display:none;" src="img/icon_chi-t_active.png"> 
        <div id="google_translate_element" style="display:inline-block;"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'zh-TW', includedLanguages: 'zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>  
            </div>
          </form>
        </div><!--/.navbar-collapse -->
      </div>
    </div>

    <div class="headcover">
      <div class="container ads">
    <div class="col-xs-10">
    

    <div class="ads-A"></div>

	<!--
	<div class="ads_728x90">
		<script>
		(function() {
			var lifestyleIdList = [21, 22, 23, 86, 87, 88, 89];
			var cateIdList = [];
			
			cateIdList.push();
			var isLifestyle = false;
			
			for(var i in cateIdList) {
				var cateId = cateIdList[i];
				if(lifestyleIdList.indexOf(cateId) >= 0) {
					isLifestyle = true;
					break;
				}
			}
			
			var scriptElem = document.createElement("script");
			scriptElem.setAttribute("language", "JavaScript");
			scriptElem.setAttribute("type", "text/javascript");
			
			var _src = "";
			if(isLifestyle) {
				_src = "js/ads_tag/lifestyle_728x90_320x50.js";
			} else {
				_src = "js/ads_tag/travel_728x90_320x50.js";
			}
			scriptElem.setAttribute("src", _src);
			
			document.write(scriptElem.outerHTML);
		})();
		</script>
	</div>
	-->
	<br>
    <img src="img/hkd_header.png">    
    <input type="search" id="octosearch" name="octosearch" placeholder="搜尋">
    <input type="submit" name="submit" value="" onClick="keySearch();">
    </div>
    
    <div class="col-xs-1">  
      <a class="featured-magazine" href="" target="_blank">
      <div style="width:182px;height:135px;position:relative;margin-left:-150px;background-position: 50%;background-repeat: no-repeat;background-size: contain;">
      </div>
      </a>
    </div>
    
  
      </div>    
    </div>

<div class="containermenu"> 
    <div class="container navbar-wrapper">      
  <div class="navbar ">
    <div class="container">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>      
      <div class="navbar-collapse nav-collapse collapse navbar-header main-menu">
          
<ul class="nav navbar-nav">
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>
          <li class="dropdown">
            <a href="index.jsp" class="dropdown-toggle disabled js-activated"><img src="img/img_menu_01.png"> </a></li>
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>
          <li class="dropdown">
            <a href="category.jsp?cat=11" class="dropdown-toggle disabled js-activated" data-toggle="dropdown"><img src="img/img_menu_02.png"></a></li>
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>
          <li class="dropdown">
            <a href="category-route.jsp?cat=92" class="dropdown-toggle disabled js-activated" data-toggle="dropdown"><img src="img/img_menu_03.png"> </a>
            <ul class="dropdown-menu">
                <li><a tabindex="-1" href="category-page.jsp?id=30809&cat=43&t=b">遠足路線 <img src="img/right.png" class="fix" style="margin-top:1px;width:14px; height:10px"></a>
                  <ul class="dropdown-menu sub-menu">
                      <li><a href="category-page.jsp?id=30809&cat=50&t=b">長途徑</a></li>
                      <li><a href="category-page.jsp?id=30809&cat=51&t=b">郊遊徑</a></li>
                      <li><a href="category-page.jsp?id=30809&cat=52&t=b">自然教育徑</a></li>
                      <li><a href="category-page.jsp?id=30809&cat=53&t=b">家樂徑</a></li>
                      <li><a href="category-page.jsp?id=30809&cat=54&t=b">樹木研習徑</a></li>
                      <li><a href="category-page.jsp?id=30809&cat=55&t=b">親子路線</a></li>
                      <li><a href="category-page.jsp?id=30809&cat=56&t=b">其他路線</a></li>
                  </ul>
              </li>
              <li><a tabindex="-1" href="category.jsp?cat=57">郊野公園及特別地區</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=58">海岸公園及保護區</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=59">地質公園及地質熱點</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=82">露營地點</a></li>
            </ul>
          </li>
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>
          <li class="dropdown">
            <a href="category.jsp?cat=18&&t=g" class="dropdown-toggle disabled js-activated" data-toggle="dropdown"><img src="img/img_menu_04.png"> </a>
            <ul class="dropdown-menu">
              <li><a tabindex="-1" href="category.jsp?cat=86&t=g">綠．生活</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=21&t=g">環遊世界</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=23&t=g">上山下海</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=22&t=g">野生探索</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=87&t=g">人文故事</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=1015&t=g">運動世界</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=1010&t=g">釣遊天下</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=1014&t=g">遊與學</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=89&t=g">寫作人分享 <img src="img/right.png" class="fix" style="margin-top:1px;width:14px; height:10px"></a>
                  <ul class="dropdown-menu sub-menu">
                      <li><a href="category.jsp?cat=1016&t=g">民安隊</a></li>
                      <li><a href="category.jsp?cat=1017&t=g">龍虎山環境教育中心</a></li>
                      <li><a href="category.jsp?cat=1018&t=g">野外動向雜誌</a></li>
                      <li><a href="category.jsp?cat=1019&t=g">香港國際旅遊展</a></li>
                      <li><a href="category.jsp?cat=1021&t=g">鞍山探索館</a></li>
                      <li><a href="category.jsp?cat=1023&t=g">WWF</a></li>
                      <li><a href="category.jsp?cat=1024&t=g">Green Monday</a></li>
                      <li><a href="category.jsp?cat=1025&t=g">極地博物館基金</a></li>
                      <li><a href="category.jsp?cat=1026&t=g">香港課外活動主任協會</a></li>
                  </ul>
              </li>
            </ul>
          </li>
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>
          <li class="dropdown">
            <a href="nice-gear.jsp" class="dropdown-toggle disabled js-activated" data-toggle="dropdown"><img src="img/img_menu_05.png"> </a>
                <ul class="dropdown-menu">
              <li><a tabindex="-1" href="nice-gear.jsp">產品速遞</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=27">品牌故事</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=93">商戶資訊</a></li>
            </ul>
             </li>
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>
          <li class="dropdown">
            <a href="category-page.jsp?id=30805&cat=45&t=g" class="dropdown-toggle disabled js-activated" data-toggle="dropdown">
			<img src="img/img_menu_06.png"> </a>
            <ul class="dropdown-menu">
				<li><a tabindex="-1" href="category-page.jsp?id=30815&cat=1022&t=g">專題工作坊</a></li>
				<li><a tabindex="-1" href="category-page.jsp?id=20277&cat=99&t=g">野外研習</a></li>
				<li><a tabindex="-1" href="category-page.jsp?id=9655&cat=98&t=g">戶外拓展</a></li>
				<li><a tabindex="-1" href="category-page.jsp?id=9657&cat=97&t=g">海外考察</a></li>
				<li><a tabindex="-1" href="page.jsp?id=30812">校園講座 <img src="img/right.png" class="fix" style="margin-top:1px;width:14px; height:10px"></a>
						<div style="min-height: 200px; background-color: transparent; border: 0px none; padding: 0px; box-shadow: 0px 0px;" class="dropdown-menu sub-menu">
						<ul style="position: relative; left: 0;" class="dropdown-menu sub-menu">
								<li><a href="category.jsp?cat=10&t=g">講座申請</a></li>
								<li><a href="category.jsp?cat=1009&t=g">講座回顧</a></li>
						</ul>
						</div>
				</li>
              <li><a tabindex="-1" href="category.jsp?cat=100&t=g">活動回顧 <img src="img/right.png" class="fix"       style="margin-top:1px;width:14px; height:10px"></a>
							<div style="min-height: 200px; background-color: transparent; border: 0px none; padding: 0px; box-shadow: 0px 0px;" class="dropdown-menu sub-menu">
							<ul style="position: relative; left: 0;" class="dropdown-menu sub-menu">
									<li><a href="category.jsp?cat=1006&t=g">課程回顧</a></li>
									<li><a href="category.jsp?cat=1007&t=g">考察回顧</a></li>
									<li><a href="category.jsp?cat=1008&t=g">講堂回顧</a></li>
							</ul>
							</div>
					</li>

              <li><a tabindex="-1" href="page.jsp?id=30808">網上報名</a>
                  <div style="min-height: 200px; background-color: transparent; border: 0px none; padding: 0px; box-shadow: 0px 0px;" class="dropdown-menu sub-menu">
                   <ul style="position: relative; left: 0;" class="dropdown-menu sub-menu">
                        <li><a href="page.jsp?id=30808">活動報名表</a></li>
                        <li><a href="page.jsp?id=30798">活動守則及須知</a></li>
                   </ul>
                 </div>
                 	</li>
			  </ul>
			</li>
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>
			<li class="dropdown">
			  <a href="category-page.jsp?id=30811&cat=2&t=g" class="dropdown-toggle disabled js-activated" data-toggle="dropdown">
			  <img src="img/img_menu_07.png"> </a>
			  <ul class="dropdown-menu">
					<li><a tabindex="-1" href="category.jsp?cat=1&t=g">極地資訊</a></li>
					<li><a tabindex="-1" href="category.jsp?cat=2&t=g">MR 最新消息</a></li>
					<li><a tabindex="-1" href="category-page.jsp?id=30810&cat=3&t=g">極限訓練 <img src="img/right.png" class="fix"       style="margin-top:1px;width:14px; height:10px"></a>
							<div style="min-height: 200px; background-color: transparent; border: 0px none; padding: 0px; box-shadow: 0px 0px;" class="dropdown-menu sub-menu">
							<ul style="position: relative; left: 0;" class="dropdown-menu sub-menu">
									<li><a href="category.jsp?cat=8&t=g">活動消息</a></li>
									<li><a href="category.jsp?cat=9&t=g">訓練日誌</a></li>
							</ul>
							</div>
					</li>
					<li><a tabindex="-1" href="category-page.jsp?id=30813&cat=5&t=g&t=g">極限長征</a></li>
					<li><a tabindex="-1" href="category.jsp?cat=6&t=g">媒體報導</a></li>
					<li><a tabindex="-1" href="category.jsp?cat=7&t=g">往年回顧</a></li>
			  </ul>
			</li>
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>
          <li class="dropdown">
            <a href="category.jsp?cat=94&t=b" class="dropdown-toggle disabled js-activated" data-toggle="dropdown">
			<img src="img/img_menu_08.png"> </a>
            <ul class="dropdown-menu">
              <li><a tabindex="-1" href="category.jsp?cat=15&t=b">雜誌刊物</a></li>
              <li><a tabindex="-1" href="category.jsp?cat=14&t=b">實用書籍 <img src="img/right.png" class="fix" style="margin-top:1px;width:14px; height:10px"></a>
               <ul class="dropdown-menu sub-menu">
                        <li><a href="category.jsp?cat=16&t=b">自然圖鑑系列Photographer Guide series</a></li>
                        <li><a href="category.jsp?cat=83&t=b">自然系列Nature series</a></li>
                        <li><a href="category.jsp?cat=84&t=b">珍藏系列Collection</a></li>
                        <li><a href="category.jsp?cat=40&t=b">其他Others</a></li>
                   </ul>
              </li>
              <li><a tabindex="-1" href="category.jsp?cat=17&t=b">野外畫廊 <img src="img/right.png" class="fix" style="margin-top:1px;width:14px; height:10px"></a>
                 <div style="min-height: 200px; background-color: transparent; border: 0px none; padding: 0px; box-shadow: 0px 0px;" class="dropdown-menu sub-menu">
                <ul style="position: relative; left: 0;" class="dropdown-menu sub-menu">
                        <li><a href="category.jsp?cat=42&t=b">桌布</a></li>
                        <li><a href="category.jsp?cat=95&t=b">畫廊相片</a></li>
                   </ul>
                 </div>
                 </li>
            </ul>
          </li>       
           <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>         
          <li class="dropdown">
            <a href="page.jsp?id=15" class="dropdown-toggle disabled js-activated" data-toggle="dropdown">
              <img src="img/img_menu_11.png"> </a>
            <ul class="dropdown-menu">
              <li><a tabindex="-1" href="page.jsp?id=124">顧問項目</a></li>
              <li><a tabindex="-1" href="page.jsp?id=30805">野外教室</a></li>
              <li><a tabindex="-1" href="page.jsp?id=3602">媒體／節目製作</a></li>
              <li><a tabindex="-1" href="page.jsp?id=3599">企業社會責任項目</a></li>
              <li><a tabindex="-1" href="page.jsp?id=30806">報導／新聞稿</a></li>
              <li><a tabindex="-1" href="page.jsp?id=3609">合作伙伴／好友連結</a></li>
              <li><a tabindex="-1" href="page.jsp?id=3611">需要人才</a></li>
              <li><a tabindex="-1" href="page.jsp?id=17">聯絡我們</a></li>
              <li><a tabindex="-1" href="page.jsp?id=3613">廣告服務／服務條款</a></li>
            </ul>
          </li>
          <li> <a href="/" ><img src="img/img_menu_line.png" style="height:40px"></a></li>

        </ul>
      </div> <!-- .nav-collapse -->
    </div> <!-- .container -->
  </div> <!-- .navbar -->
    </div>
   </div>


    <div class="container up"> 
	<div class="row">
<div style="float:left; margin-left:20px">
  <div style="float:left;width:230px">
      <div class="boxa cat21" style="float:left">
        <p>&nbsp;</p>
          <img src="" style="float:left">
          <p class="trans" style="float:left">&nbsp;</p>
      </div>
      <div class="boxa cat27" style="float:left">
         <p>&nbsp;</p>
          <img src="">
          <p class="trans" >&nbsp;</p>
      </div>


  </div>


          


              
  <!------------Slide-------------->        
  <div id="myCarousel" class="carousel slide" data-ride="carousel" style="float:left">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
      </ol>
      <div class="carousel-inner">
               
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div>
  <!------------Slide-------------->
  </div>
  

<div class="aaa" style="width:475px;float:right;margin-right:45px;" > 

	 <div class="floatads" style="display: inline;z-index: 1000;padding-left: 10px">
   
  </div> 
              <div id="tab_head_container">
                <div class="tab_head selected"><div align="center"><img src="img/icon/video.png"></div></div>
                <div class="tab_head"><div align="center"><img src="img/icon/pic.png"></div></div>
              </div>
              
              <div id="tab_content_container" >
                <div class="tab_content youtube">
                  <!--1-->
                  <iframe id="ytplayer" type="text/html" width="290" height="190"  src=""  frameborder="0"/></iframe>
                  
                </div>
                <div class="tab_content front-gallery" style="">
                  
                  <a class="fancybox"><div style="width:100%;height:100%;background-position: 50%;background-repeat: no-repeat;background-size: cover;"></div></a>

                </div>                
                        
              </div>
          <br>
          
		
		<div class="ads-D"></div><br><br>
		
		<!--
		<div class="ads_300x250">
			<script>
			(function() {
				var lifestyleIdList = [21, 22, 23, 86, 87, 88, 89];
				var cateIdList = [];
				
				cateIdList.push();
				var isLifestyle = false;
				
				for(var i in cateIdList) {
					var cateId = cateIdList[i];
					if(lifestyleIdList.indexOf(cateId) >= 0) {
						isLifestyle = true;
						break;
					}
				}
				
				var scriptElem = document.createElement("script");
				scriptElem.setAttribute("language", "JavaScript");
				scriptElem.setAttribute("type", "text/javascript");
				
				var _src = "";
				if(isLifestyle) {
					_src = "js/ads_tag/lifestylel_300x250.js";
				} else {
					_src = "js/ads_tag/travel_300x250.js";
				}
				scriptElem.setAttribute("src", _src);
				
				document.write(scriptElem.outerHTML);
			})();
			</script>
		</div>
		-->
		
          <div class="ads-E"></div><br><br>
          <div class="ads-E"></div><br><br>
              <div class="boxsearch">
                <li><a href="./search.jsp?key=雜誌&">雜誌</a></li>
                <li><a href="./search.jsp?key=校園講座&" >校園講座</a></li>
                <li><a href="./search.jsp?key=野外長征&" >野外長征</a></li>
                <li><a href="./search.jsp?key=南北極&" >南北極</a></li>
                <li><a href="./search.jsp?key=香港郊野全接觸&" >香港郊野全接觸</a></li>
                <li><a href="./search.jsp?key=24節氣&" >24節氣</a></li>
                <li><a href="./search.jsp?key=南極&" >南極</a></li>
                <li><a href="./search.jsp?key=香港全景路線&" >香港全景路線</a></li>
                <li><a href="./search.jsp?key=西貢&" >西貢</a></li>
                <li><a href="./search.jsp?key=北極&" >北極</a></li>
              </div>
              <div class="fb-page" data-href="https://www.facebook.com/HongKongDiscovery" data-width="300" data-height="400" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/HongKongDiscovery"><a href="https://www.facebook.com/HongKongDiscovery">野外動向 HK Discovery</a></blockquote></div></div><br><br>
              <!--<iframe src="//www.facebook.com/plugins/activity.php?site=www.platform.hkdiscovery.com&amp;action&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=light&amp;linktarget=_blank&amp;border_color&amp;font&amp;recommendations=false" 
              scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px; background-color:#FFF;" allowtransparency="true"></iframe>-->
              <!--<div class="fb-like-box" id="scaled-frame" data-href="https://www.facebook.com/HongKongDiscovery" style="background-color:#FFF" data-width="300" data-height="50" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false"></div><br><br>-->
              <div class="newsbox">
              <br><br>
              <input type="text" name="username" placeholder="登入名稱">
              <input type="text" name="password" placeholder="密碼"><img src="img/member_login_button.png">
              </div>

          <img src="img/partner.png">           
          <div class="logom">
          
      <div class="ads-G"></div>
      <div class="ads-G"></div>
      <div class="ads-G"></div>
      <div class="ads-G"></div>
      <div class="ads-G"></div>
      <div class="ads-G"></div>
      <div class="ads-G"></div>
      <div class="ads-G"></div>
          
          </div>           
        </div>
		
         
            <div class="col-xs-4" style="margin-right:15px;">
				
     					
							<div id="tab_head2_container">
                <div class="tab_head2 selected" link="category.jsp?cat=11"><div align="center">最新消息</div></div>
								<div class="tab_head2" link="./category-route.jsp?cat=43"><div align="center">遠足路線</div></div>
								
								<div class="tab_head2" link="category.jsp?cat=86&&t=g"><div align="center">綠．生活</div></div>
								<div class="tab_head2" link="category.jsp?cat=21&t=g"><div align="center">環遊世界</div></div>
								
								
							</div>
							
							<div id="tab_content2_container" >
                <div class="tab_content2 cat11" style="padding:15px">
                <!--1-->                   

                </div>
								<div class="tab_content2 cat43" style="padding:15px">
								<!--2-->									
								

								</div>
								<div class="tab_content2 cat86" style="padding:15px">
								<!--3-->

                   
               
								</div>	
								<div class="tab_content2 cat21" style="padding:15px">
								<!--4-->
                 
								</div>	
								

                	
								<div class="adsfix">
								<a href="" class="tab-link"><img src="img/box_middle_bg_2.png"></a>
								</div>
								
								<div class="high"></div>
								
							</div>
						    <div class="ads-B"  style="margin-top:15px;  width: 680px;">  

							</div>
				 <div class="" style="margin-right: 35px;margin-left: -10px;margin-top:22px; ">
				 
					<div class="col-xs-4" style="margin-left:-5px">
          <div style="padding:3px 0 0 15px;color:#ff6e15;margin:0px;width:230px;height:26px;overflow: hidden;background: url(img/box_product_bg.png) no-repeat; background-size: cover;" >裝備</div>
					<div class="boxgear layer">	


							</div>
								<a href="nice-gear.jsp"><img src="img/box_product_2.png"></a>
								
								<div class="leftbottomads">
								<a href="category-page.jsp?id=30805&cat=45&t=g"><img src="img/ads/outdoor_img.png"></a>  
								</div>
								
								<div class="leftbottomads">
								<a href="category-page.jsp?id=30809&cat=43&t=b" target="_blank"><img src="img/ads/hikingtrail_img.png"></a>	
								</div>
								
								<div class="ads-B bottomads">

								</div>
								</div>									
							</div>
				
					
					<!------------Center Box------------>
								<div class="boxcenter">
                <div style="padding:3px 0 0 15px;color:#CE4360;margin:0px;height:26px;overflow: hidden;background: url(img/box2_bg_0.png) no-repeat; background-size: cover;" >上山下海</div>
								<div class="boxhot cat23">   
             
								</div>
								<a href="category.jsp?cat=23&t=g"><img src="img/box2_bg_2.png"></a>
								<div class="high"></div>
								
                <div style="padding:3px 0 0 15px;color:#1EAD90;margin:0px;height:26px;overflow: hidden;background: url(img/box3_bg_0.png) no-repeat; background-size: cover;" >野外教室</div>
								<div class="boxnews cat45">
             
								</div>	
								<a href="category.jsp?cat=94&t=b"><img src="img/box3_bg_2.png"></a>
								
								<div class="bottomsmallads">
								<a href="nice-gear.jsp?cat=61"><img src="img/ads/binoculars.png"></a>
								<a href="nice-gear.jsp?cat=62"><img src="img/ads/camera_gear_img.png"></a>
								</div>
								
								</div>
								<!------------Center Box------------>
			</div>
			
    </div>
    </div>
	
	

		
	<div class="headcover green">
	
		<div class="container bottom-menu" style="width:1300px">
				
		</div>
	</div>
							
	  <footer class="container">
		<img src="img/company_other_logo.png"><br>
        <!--<p>Copyright © 野外動向 Hong Kong Discovery 2000-2016. All Rights Reserved.</p>-->
		<p>Copyright© HK Discovery Ltd. All Rights Reserved</p>
      </footer>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
  <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
  <script type="text/javascript" src="js/jquery.cookie.js"></script>
  <script type="text/javascript" src="js/front-script.js"></script>
	<!--Time-->
	<script>window.onload = function() {
                        var todaySpanElem = document.getElementById("today_span");
                        var today = new Date();
                        var todayStr = "";
                        todayStr += ("00" + today.getFullYear()).slice(-4) + "年 ";
                        todayStr += ("00" + (today.getMonth() + 1)).slice(-2) + "月 ";
                        todayStr += ("00" + today.getDate()).slice(-2) + "日";
                        todaySpanElem.innerHTML = todayStr;
                };
	</script>
  <script>
  $(function(){
    //4 tabs
    $(".tab_content2.cat11").load("./thumbBoxs?type=detail&cat.id=11&perpage=6");
    $(".tab_content2.cat43").load("./thumbBoxs?type=detail&cat.id=43&perpage=6");
    $(".tab_content2.cat86").load("./thumbBoxs?type=detail&cat.id=86&perpage=6");
    $(".tab_content2.cat21").load("./thumbBoxs?type=detail&cat.id=21&perpage=6");
    

    //slider
    $(".carousel-inner").load("./frontSlider?type=detail&cat.id=39&perpage=4");

    //two color box
    $(".boxhot.cat23").load("./thumbBoxsCol?type=detail&cat.id=23&perpage=3");
    $(".boxnews.cat94").load("./thumbBoxsCol?type=detail&cat.id=94&perpage=3");
	$(".boxnews.cat45").load("./thumbBoxsCol?type=detail&cat.id=45&perpage=3");

    //top right box
    $(".boxa.cat21").load("./frontTopLeft?type=detail&cat.id=21&perpage=1");
    $(".boxa.cat27").load("./frontTopLeft?type=detail&cat.id=27&perpage=1");



    $(".boxgear").load("./gearboxs?type=detail&cat.id=75&perpage=10");

    
    $("#myCarousel").carousel();

    
  });

/*
  function loadYoutube(){


    $.ajax({
      url:'getWebContent?contentType=youtube&contentStatus=1',
      data:{"shuffleFlag":1},
      type:"GET",
      success:function(data) {
        console.log(data);

        $("#ytplayer").attr("src",data[0].contentValue);
        
        },
      error:function (xhr, ajaxOptions, thrownError){
        console.log(xhr.responseText);
        },
        dataType: 'json'
      });
    
  
  }
  function loadFrontPageGallery(){


    $.ajax({
      url:'getWebContent?contentType=gallery&contentStatus=1',
      data:{"shuffleFlag":1},
      type:"GET",
      success:function(data) {
        console.log(data);
        
        //$(".front-gallery img").attr("src",);
        //$(".front-gallery").css("background-image","url("+data[0].contentValue+")") 

        //$(".front-gallery img").attr("src",data[0].contentValue);
        $(".front-gallery a.fancybox").attr("href",data[0].contentValue.replace("/thumbcrop","").replace("/thumbfill","").replace("/thumbnail",""));
        
        $(".front-gallery div").css("background-image","url("+data[0].contentValue+")");



        $(".fancybox").fancybox();

        },
      error:function (xhr, ajaxOptions, thrownError){
        console.log(xhr.responseText);
        },
        dataType: 'json'
      });
    
  
  }
  function loadMagazine(){


    $.ajax({
      url:'getWebContent?contentType=magazine&contentStatus=1',
      data:{"shuffleFlag":0},
      type:"GET",
      success:function(data) {
        console.log(data);

        $(".featured-magazine").attr("href",data[0].contentDesc);
        $(".featured-magazine div").css("background-image","url("+data[0].contentValue+")");

        },
      error:function (xhr, ajaxOptions, thrownError){
        console.log(xhr.responseText);
        },
        dataType: 'json'
      });
    
  
  }

  function loadHotKeywords(){

     $.ajax({
      url:'/hot_keywords.txt',
      type:"GET",
      success:function(data) {
        console.log(data);
        var words = data.split(",");
        
        if(words.length>0){
          $(".boxsearch").html("");
          for(i = 0; i < words.length; i++){
            console.log(words[i]);
            if(i<12){
              $(".boxsearch").append('<li><a href="./search.jsp?key='+words[i]+'">'+words[i]+'</a></li>');
            }
            
          }

        }

        },
      error:function (xhr, ajaxOptions, thrownError){
        console.log(xhr.responseText);
        }
      });
  }
*/
  
  </script>
	<!--Tab-->
	<script>		
		$(function() {
			$(".tab_head").bind("click", function() {
				$(".tab_head").removeClass("selected");
				$(this).addClass("selected");
				
				var _idx = $(".tab_head").index(this);
				$(".tab_content").hide();
				$($(".tab_content").get(_idx)).show();
			});
			
			$($(".tab_head").get(0)).trigger("click");
		});
		
		$(function() {
			$(".tab_head2").bind("click", function() {
				$(".tab_head2").removeClass("selected");
				$(this).addClass("selected");
				
        console.log($(this).attr("link"));
        $(".tab-link").attr("href",$(this).attr("link"));

				var _idx = $(".tab_head2").index(this);
				$(".tab_content2").hide();
				$($(".tab_content2").get(_idx)).show();
			});
			
			$($(".tab_head2").get(0)).trigger("click");

		});
	</script>
	<!--ads-->
  <script type="text/javascript" src="js/ads.js"></script>
	<script>
  var currCate =1000;
    initAds();
	</script>
  
	<!--<script src="http://code.jquery.com/jquery-latest.min.js"></script>-->
  <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

  <script>
    // very simple to use!
    $(document).ready(function() {
      //$('.js-activated').dropdownHover().dropdown();      
    });
     //$(".main-menu").load("./tpl/menu.html");
     $(".bottom-menu").load("./tpl/footer-menu.html");
     loadHotKeywords();
  </script>

  <!-- Google Analytics -->
	<script>
		var _gaq=[['_setAccount','UA-64114281-1'],['_trackPageview']];
		(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
		g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
		s.parentNode.insertBefore(g,s)}(document,'script'));
	</script>
	<!--
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122919410-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-122919410-1');
	</script>
	-->
<!-- =Google Analytics -->
<!--
<div class="trackers">
	<script language='JavaScript' type='text/javascript'>if (!window.af) var af = (function() {return {getcookie:function(n){var m=n+'=';var ca=document.cookie.split(';');for(var i=0;i < ca.length;i++) {var c=ca[i];while (c.charAt(0)==' ') c = c.substring(1,c.length);if (c.indexOf(m) == 0) return c.substring(m.length,c.length);}return null;},existcookie:function(n){var m=af.getcookie(n);if (m!=null&&m!=''){return true;}else{return false;}}};})(); if(af.existcookie('__AF')){afid = af.getcookie('__AF'); } else {afid = 0; } randomstr = new String (Math.random()); randomstr = randomstr.substring(2,8); document.write("<" + "script language='JavaScript' type='text/javascript' src='"); document.write(('https:' == document.location.protocol ? 'https://' : 'http://')+"servedby.adsfactor.net/adj.php?ts=" + randomstr + "&amp;sid=630754309019&amp;afid=" + afid);if (document.af_used){document.write("&amp;ex=" + document.af_used);} if(window.location.href){document.write("&amp;location=" + encodeURIComponent(escape(window.location.href)));} if(document.referrer){document.write("&amp;referer=" + encodeURIComponent(escape(document.referrer)));} document.write("'><" + "/script>");</script><noscript><a href='https://servedby.adsfactor.net/adc.php?sid=630754309019' ><img src='https://servedby.adsfactor.net/adv.php?sid=630754309019' border='0'></a></noscript>
	
	
	<script>
	(function() {
		var lifestyleIdList = [21, 22, 23, 86, 87, 88, 89];
		var cateIdList = [];
		
		cateIdList.push();
		var isLifestyle = false;
		
		for(var i in cateIdList) {
			var cateId = cateIdList[i];
			if(lifestyleIdList.indexOf(cateId) >= 0) {
				isLifestyle = true;
				break;
			}
		}
		
		var scriptElem = document.createElement("script");
		scriptElem.setAttribute("language", "JavaScript");
		scriptElem.setAttribute("type", "text/javascript");
		
		var _src = "";
		if(isLifestyle) {
			_src = "js/ads_tag/lifestylel_1x1.js";
		} else {
			_src = "js/ads_tag/travel_1x1.js";
		}
		scriptElem.setAttribute("src", _src);
		
		document.write(scriptElem.outerHTML);
	})();
	</script>
</div>
-->
</body>  
</html>
