ul.tabs {
		width: 100%;
	
		font-weight:500;

		
	}

	ul.tabs li {
		float:left;
		position:relative;
		margin: 0px;
		/*============原本40px===============*/ 
		width: 200px;
		cursor: pointer;
		
		text-align:center;
		vertical-align:middle;
		font-size:16px;
		z-index:0;
		list-style:none;
		padding:10px 0px;
		line-height:30px;
	
		
	}
@media only screen and (max-width : 768px) 
{
		ul.tabs
		{
	
			width:100%;
			text-align:center;
			margin-left:-20%;

			
		}
		
		
		ul.tabs li {
			text-align:center;
			position:relative;
		margin: 0px;
		/*============原本40px===============*/ 
		width: 130% !important;
		cursor: pointer;
		

		z-index:0;
		list-style:none;
		padding:10px 0px;
		line-height:30px;
	
		
	}
}
	ul.tabs li a {
		display: block;
		color: #7c7c7c;
		text-decoration: none;
		font-weight:200;
	}	
	ul.tabs li a:hover {
		color:#00a8ff;
		
		
	}	
	
	ul.tabs li.hover
	{
		background-color: #1abc9c;		 
	}

	ul.tabs li.active  {
	
		border-bottom: 0;
		background-image:none;
		background-color: #57c1d4;
	/*	background:url(../images/templates/tab_li_act.png) no-repeat;*/
		color:#46cab0;
	}
	ul.tabs li.active  a{
		color: #FFF;
	
	}
	

	div.tab_container {
		clear: left;
		width: 100%;
		border-top: none;
	}
	div.tab_container .tab_content {
		width:93%;
		padding: 35px 25px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	 	border-radius: 8px;
		box-shadow: 2px 2px 15px -7px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: #666 0px 2px 3px;
		/*background: url(../images/templates/bgbg.png);*/

	}
	div.tab_container .tab_content h2 {
		margin: 20px 0 20px 0;
	}
	ul.packagetabs li,ul.packagetabs li a,ul.packagetabs li.active{background:0;padding:0;border:0;font-weight:100;margin-left:-30px;padding-left:10px; text-decoration:underline;color:#333}