/* tabs */
#tabs{
	width: calc(100% - 10px);
	/* height: 30px; */
	margin: 1px 5px 0px 5px;
	padding: 10px 0px 0px 0px;
	background: url(/img/tab_bottom.gif) repeat-x bottom;
	display: flex;
}
#tabs li{
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
 }
#tabs a{
	display: block;
	background: #f3f3f3;
	line-height: 14px;
	padding: 14px 6px 14px 6px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	border-radius: 5px 5px 0 0;
	color: #000000;
	white-space: nowrap;
}
#tabs .active{
	border: 1px solid #8e2222 !important;
	background: url(/img/bgrty.png) repeat-x center center;
	color: #ffffff;
}

#tabs a:hover{
	border: 1px solid #8e2222 !important;
	background: url(/img/bgrty.png) repeat-x center center;
	color: #ffffff;
}
@media screen and (max-width: 560px) {
	#tabs{
		height: auto;
		background: none;
		margin: 0px 3px 0px 3px;
		width: calc(100% - 6px);
		overflow-x: scroll; 
		height: 45px;
		display: flex;
	}
	#tabs::-webkit-scrollbar {
		display: none;
	  }
	#tabs{
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE and Edge */
	}
	#tabs a{
		background: #f3f3f3;
		line-height: 14px;
		padding: 14px 6px 14px 6px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		border-radius: 5px 5px 0 0;
		color: #000000;
	}
	.thidemobile{
		display: none;		
	}
}
@media screen and (min-width: 561px) and (max-width: 768px) {
	.thidemobile{
		display: none;		
	}	
}