@media screen and (max-width:640px){
	#mainTabs {
		margin:0px 0px 10px 0px;
		padding: 0px;
		width:100%;
		float:left;
	}
	#mainTabs li {
		margin: 0px 0px 5px 7px;
		padding: 0px 0px;
		float:left;
		list-style:none;
		text-align:center;
	}
	#mainTabs a {
		font-size:11px;
		width: 15px;
		height: 20px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		padding: 5px 13px 10px 13px;
	}
	#mainTabs a span{
		margin: 0px auto 5px auto;
	}
	
	#pic1{
		display:none;
	}
	#pic2{
		display:none;
	}
	#pic3{
		display:none;
	}
	#pic4{
		display:none;
	}
	#pic5{
		display:none;
	}
	#pic6{
		display:none;
	}
	#pic7{
		display:none;
	}
	#pic8{
		display:none;
	}
	#pic9{
		display:none;
	}
	#pic10{
		display:none;
	}
	#pic11{
		display:none;
	}
	#pic12{
		display:none;
	}
}

@media screen and (min-width:769px){
	/*--------------------------------------*/
#mainTabs {
		margin:0 auto;
		width:100%;
	}
	#mainTabs li {
		margin: 20px 1px 10px 0px;
		padding: 10px;
		float:left;
		list-style:none;
	}
	#mainTabs a {
		font-size:12px;
		width: 30px;
		height: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		padding:12px;
	}
	#mainTabs a span{
		margin: 0px 10px;
	}
	/*-------------------------------------*/
	*+html #mainTabs {
		margin: 0px 0px 0px 30px;
	}
	*+html #mainTabs li {
	}
	/*-------------------------------------*/
	*+html #pic1,
	*+html #pic2,
	*+html #pic3,
	*+html #pic4,
	*+html #pic5,
	*+html #pic6,
	*+html #pic7,
	*+html #pic8,
	*+html #pic9,
	*+html #pic10,
	*+html #pic11,
	*+html #pic12,{
		display:none;
	}
	#pic1{
		margin: 0px 0px 0px 50px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic2{
		margin: 0px 0px 0px 125px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic3{
		margin: 0px 0px 0px 200px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic4{
		margin: 0px 0px 0px 275px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic5{
		margin: 0px 0px 0px 350px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic6{
		margin: 0px 0px 0px 425px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic7{
		margin: 0px 0px 0px 500px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic8{
		margin: 0px 0px 0px 575px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic9{
		margin: 0px 0px 0px 653px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic10{
		margin: 0px 0px 0px 725px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic11{
		margin: 0px 0px 0px 800px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
	#pic12{
		margin: 0px 0px 0px 875px;
		padding: 0px;
		font-size:50px;
		color:#d7d7d7;
		float:left;
	}
}

#mainTabs a {
  display:block;
  font-size:12px;
  line-height:120%;
  color:#999;
  background:#fffaee;
	text-decoration:none;
	text-align:center;
	
		border: 1px solid #fee7bd;
}
#mainTabs a span{
	display:block;
	font-size:9px;
}
#mainTabs a:hover,a#forcs {
  background:#fe8c8c;
  color:#fff;
}
#mainTabs a.selected {
  background:#e2ee06;
  color:#000;
}
#mainTabs a.sumi{
	background:#d5d5d5;
}
.clear {
	clear:both;
}
.tourboxbtm{
	margin: -18px 0px 0px 0px;
}

* html #pic1{display:none;}
* html #pic2{display:none;}
* html #pic3{display:none;}
* html #pic4{display:none;}
* html #pic5{display:none;}
* html #pic6{display:none;}
* html #pic7{display:none;}
* html #pic8{display:none;}
* html #pic9{display:none;}
* html #pic10{display:none;}
* html #pic11{display:none;}
* html #pic12{display:none;}