{template "header.htm"}

  <div id="mainleft">
	 {template "left3.htm"}		
  </div>

  <div id="maincenter">

    <div id="KinSlideshow" style="visibility:hidden;">
      {flash_index()}{loop}
      <a href="{url}" target="_blank"><img src="{photo}" alt="{title}" width="546" height="240" /></a>
      {/loop}
    </div>


   <div class="tourTab marginTop">
	  <ul class='tabs'>
		<li><a href='#tab1'>纽约</a></li>
		<li><a href='#tab2'>夏威夷</a></li>
		<li><a href='#tab3'>洛杉矶</a></li>
		<li><a href='#tab4'>拉斯维加斯</a></li>
		<li><a href='#tab5'>旧金山</a></li>
		<li><a href='#tab6'>黄石公园</a></li>
		<li><a href='#tab7'>邁阿密</a></li>
	  </ul>
	  
	  <div id='tab1' class="tabContent tabContentHeightTall">
		 <div class="tagContentLeft">
			{columns(25,3,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(25,11,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=25"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部紐約旅游團</a></span>
	  </div>
	  
	  <div id='tab2' class="tabContent tabContentHeightTall">
		 <div class="tagContentLeft">
			{columns(7,3,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(7,11,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=7"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部夏威夷旅游團</a></span>
	  </div>
	  
	  <div id='tab3' class="tabContent tabContentHeightTall">
		 <div class="tagContentLeft">
			{columns(31,3,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight tabContentHeightTall">
			<ul>
			{columns(31,11,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=31"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部洛杉矶旅游團</a></span>
	  </div>
	  
	  <div id='tab4' class="tabContent tabContentHeightTall">
		 <div class="tagContentLeft">
			{columns(51,3,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(51,11,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=51"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部拉斯维加斯旅游團</a></span>
	  </div>
	  
	  <div id='tab5' class="tabContent tabContentHeightTall">
		 <div class="tagContentLeft">
			{columns(52,3,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(52,11,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=52"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部旧金山旅游團</a></span>
	  </div>
	  
	  <div id='tab6' class="tabContent tabContentHeightTall">
		 <div class="tagContentLeft">
			{columns(58,3,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(58,11,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=58"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部黄石公园旅游團</a></span>
	  </div>
	  
	  <div id='tab7' class="tabContent tabContentHeightTall">
		 <div class="tagContentLeft">
			{columns(56,3,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(56,11,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=56"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部邁阿密旅游團</a></span>
	  </div>
	  	  
	</div> 
	
   <div class="tourTab marginTop">
	  <ul class='tabs'>
		<li><a href='#tab11'>锦绣江南</a></li>
		<li><a href='#tab12'>古都京津</a></li>
	    <li><a href='#tab14'>九寨沟/张家界</a></li>
		<li><a href='#tab13'>云南西安</a></li>		
		<li><a href='#tab15'>桂林海南武夷山</a></li>
		<li><a href='#tab16'>长江三峡</a></li>				
	  </ul>
	  <div id='tab11' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(64,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(64,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>								
		 </div>		 
		 
		 <span><a href="class.php?id=64"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>
		         &nbsp;全部锦绣江南旅游團</a>
	     </span>
	  </div>
	  
	  <div id='tab12' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(65,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(65,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=65"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部古都京津旅游團</a></span>
	  </div>
	  
	  <div id='tab13' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(66,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(66,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=66"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部七彩云南旅游團</a></span>
	  </div>
	  
	  <div id='tab14' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(67,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(67,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=67"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部九寨沟,张家界旅游團</a></span>
	  </div>
	  
	  <div id='tab15' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(68,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(68,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=68"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部桂林海南武夷山旅游團</a></span>
	  </div>
	  
	  <div id='tab16' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(105,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(105,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>			
		 </div>		 	
		<span><a href="class.php?id=105"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>&nbsp;全部长江三峡旅游團</a></span>		 
	  </div>
	  
	</div> 
	

	 <div class="tourTab marginTop">
	  <ul class='tabs'>
		<li><a href='#tab18'>超值日本，北海道</a></li>		 
		<li><a href='#tab21'>韓國</a></li>
		<li><a href='#tab23'>台灣</a></li>
		<li><a href='#tab22'>香港澳门</a></li>		 			
	  </ul>
	  <div id='tab18' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(70,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(70,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>								
		 </div>		 
		 
		 <span><a href="class.php?id=70"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>
		         &nbsp;全部超值日本，北海道團</a>
	     </span>
	  </div>
	 
	  <div id='tab21' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(94,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(94,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=94"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>
		 &nbsp;全部韓國旅游團</a></span>
	  </div>

	    <div id='tab23' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(81,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(81,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=81"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>
		 &nbsp;全部台灣旅游團</a></span>
	  </div>

	  <div id='tab22' class="tabContent tabContentHeightShort">
		 <div class="tagContentLeft">
			{columns(140,2,2,2,1)}
				{loop}
					<img src="{photo}"alt=""/>
				{/loop}
		 </div>
		 
		 <div class="tagContentRight">
			<ul>
			{columns(140,7,1,2,1)}{loop}
				<li>&middot;<a href="{url}" title="{title}">{title[22]}</a></li>
			{/loop} 
			</ul>
			
		 </div>
		 <span><a href="class.php?id=140"><img src="{$webdir}templates/{$skindir}/images/index_63.jpg" alt=""/>
		 &nbsp;全部香港澳门旅游團</a></span>
	  </div>
	  
	 
	</div> 
	
    <div class="marginTop">
		{AD(1)}{loop}
			<a href="{adurl}"><img src="{adpic}" width="546" alt="{adname}"></img></a>
			{/loop}		
	</div>
	
	<div class="sideBox lightBlue marginTop" style="width:544px;">
		<p style="width:540px;"><a href="{$webdir}class.php?id=93">你问我答 Q&A</a></p>	
	   <ul class="style2">
		{columns(93,'',3,2,1)} 
			{loop}
			<li><a href="{url}" title="{title}">&nbsp;&nbsp;<img src="{$webdir}templates/{$skindir}/images/index_63.jpg"/>&nbsp;&nbsp;{title}</a></li>
		{/loop}		
		<li></li>		
	  </ul>
	</div>
		 

  </div>  

  <div id="mainright">   
     {template "right.htm"}	
  </div>

 <script type="text/javascript">

	$('ul.tabs').each(function(){     
	  var $active, $content, $links = $(this).find('a');
	  $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
	  $active.addClass('active');

	  $content = $($active[0].hash);

	  $links.not($active).each(function () {
	    $(this.hash).hide();
	  });

	  $(this).on('click', 'a', function(e){
	    e.preventDefault();

	    $active.removeClass('active');
	    $content.hide();

	    $active = $(this);
	    $content = $(this.hash);

	    $active.addClass('active');
	    $content.show();    
	  });
    });

 </script>

 
{template "footer.htm"}