#nav_container{	
		top:0px;
		left:0px;
		right:0px;
		z-index:1000000000000;
		padding:0px;
		position:fixed;
		text-align:left;
	}
	
	#nav_container>div{
		display:flex;
		justify-content:flex-start;
		align-items:center;
		background:-webkit-linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,1));		
		padding:0.4em 0px;		
		padding-left:1.5em;
		padding-right:1.5em;
	}
	
	/*
	p.town_select{
		height:35px;
		width:50px;
		margin:0px;
		padding:0px;
		margin-right:2em;
		margin-left:5%;
		margin-top:2em;
		display:flex;
		align-items:center;
		color:black;
		flex-direction:column;
		border:1px solid red;
	}
	p.town_select:hover{
		cursor:pointer;
	}

	p.town_select span:last-child{
		font-size:0.6em;
		font-size:14px;
		
		margin-top:0.2em;
		font-weight:bold;
	}

	p.town_select span:first-child{
		font-style:normal;
		font-size:30px;
		color:white;
		height:25px;
		text-align:center;
		line-height:20px;
		margin:0px;
		padding:0px;
		display:flex;
		justify-content:center;
		color:black;
		
	}
	*/
	#selected_tab{		
		margin:auto;		
		z-index:10000;		
		margin-top:0px;
		margin-top:1em;
		padding:0.5em 0px;
		border-bottom:0.5px dashed rgba(0,0,0,0.1);
		border-bottom:1px solid rgba(255,255,255,1);		
		position:relative;
	}
	
	#selected_tab p.currentTown{
		position:absolute;
		top:-15px;
		color:black;
		font-size:0.8em;
		color:#7030A0;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:0.5px;
	}
	
	#selected_tab article{
		width:90%;
		margin:auto;
		display:flex;
		justify-content:space-between;
		align-items:center;		
	}
	
	#selected_tab article span.small_title{
		display:none;
	}
	
	
	#selected_tab article .items_select:hover{
		cursor:pointer;
		
	}
	
	#selected_tab article .items_select{
		border:1px solid rgba(0,0,0,0.5);
		display:flex;
		width:auto;
		width:180px;
		padding:0.5em 1.5em;
		border-radius:2em;
		font-size:0.9em;
		justify-content:space-between;
		color:black;
		position:relative;
	}
	#selected_tab article .items_select span:last-child{
		font-weight:bold;
	}
	
	#selected_tab article .selected{
		background:black;
		color:white;
	}
	
	#selected_tab article .items_select span.currentTown{
		position:absolute;
		bottom:-25px;
		font-size:1em;
		font-weight:normal;
		color:red;
	}
	
	
	
	
	
	#nav_container>div span.span{
		margin:0px;
		width:95px;
		height:25px;
		background:url("/public/image/logo_menu_d.png") center;
		background-size:cover;
	}
	#nav_container img{
		display:block;
		padding:0px;
		margin:0px;
		display:none;
	}
	
	#nav_container nav{			
		padding:0px;
		text-align:left;
		display:flex;
		justify-content:space-between;
		align-items:center;	
		/border:1px solid white;
		width:90%;
		margin-left:2em;
	}
	#nav_container ul{
		margin:0px;
		padding:0px;
		display:flex;
		align-items:center;
		/border:1px solid red;
	}	
	
	#nav_container li{
		list-style:none;
		display:inline-block;
		vertical-align:middle;
		text-align:center;
		padding:0px;
		padding:0.2em;
		margin:0px;		
	}
	
	#nav_container .menu_box li,#nav_container nav >span{
		padding:0em 0.5em;
	}
	
	#nav_container nav ul:last-child li:first-child{
		padding-right:0.4em;
	}
	
	
	#nav_container a{
		color:rgba(255,255,255,0.7);
		text-decoration:none;
		letter-spacing:-1px;
		font-size:0.95em;
		display:inline-block;
		padding:0px 0.1em;
		padding-bottom:1px;
	}

	#nav_container a:hover{
		color:rgba(255,255,255,0.8);
	}
	#nav_container nav span a:hover{
		border:none;
	}
	

#nav_container	.user_profile{
	display:flex;
	align-items:center;
	padding:0px;
	padding-right:0.8em;
}

#nav_container ul.notification li{
	height:20px;
	width:20px;
	border-radius:10px;
	margin:0px 8px;
	padding:0px;
	background:url("../image/profile/vue.png") center;
	background-size:cover;
	display:none;
}

#nav_container .user_profile .user_thumbnail{
	display:flex;
	align-items:center;
	color:rgba(255,255,255,0.7);
	padding:0px;
	margin:0px;
	margin-left:20px;
	flex-direction:column;
	height:35px;
	width:50px;
	line-height:10px;
	border-radius:40px;
}
#nav_container .user_profile .user_thumbnail span:first-child{
	font-size:0.7em;	
}
#nav_container .user_profile .user_thumbnail span:last-child{
	font-size:0.7em;
	margin-top:0px;
}
#nav_container .user_profile .user_thumbnail em{
	font-style:normal;
	font-size:20px;
	color:white;
	height:25px;
	text-align:center;
	line-height:20px;
	border-radius:25px;
	margin:0px;
	padding:0px;
	color:black;
	display:flex;
	justify-content:center;
	color:rgba(255,255,255,0.8);
}
#nav_container .user_profile .user_thumbnail i{
	font-style:normal;
	font-size:11px;
}
#nav_container .user_profile .user_thumbnail sup{
	font-size:0.7em;
	padding:0px 0.5em;
}


#nav_container li.profile{
	display:flex;
	align-items:center;
}


#nav_container li.profile a{
	margin-left:10px;
}


@media screen and (max-width:320px){
	#nav_container>div{
		padding-left:0em;
		padding-right:0em;
	}	
}


@media screen and (max-width:410px){
	
}


@media screen and (max-width:1050px){
		#nav_container>div{
			padding-right:0.5em;
			padding-left:0.5em;			
			justify-content:space-between;
		}
		
		#nav_container nav{		
			width:auto;
		}
		#nav_container .drag_menu{
			margin:0px;
			padding:0px;
			display:flex;
			flex-direction:column;
			margin-right:0.5em;
		}
		#nav_container .drag_menu span{
			border:1px solid white;
			width:25px;
			margin:0.2em 0px;
		}
		#nav_container .menu_box{
			display:flex;
			flex-direction:column;
			align-items:flex-start;			
			position:fixed;
			top:35px;		
			z-index:1000;
			left:-220px;
			padding-bottom:1em;
			background:rgba(0,0,0,0.9);
			height:100%;
		}
		
		#nav_container .dragIn{
			left:0px;
		}		
		
		#nav_container .menu_box li{
			padding-left:0px;
			padding-right:0px;
			text-align:left;
		}
		#nav_container .menu_box li a{
			padding-top:0.6em;
			padding-bottom:0.6em;
			width:200px;
			padding-left:0.5em;
		}
		#nav_container .menu_box li.liactive a{
			background:rgba(72,61,139,0.9);
			
		}
		#nav_container .menu_box a:hover{
			background:rgba(255,0,0,0.5);
			background:rgba(72,61,139,0.4);
			border:none;
		}
}

@media screen and (max-width:800px){
	#selected_tab article span.big_title{
		display:none;
	}
	#selected_tab article span.small_title{
		display:flex;
	}
	#selected_tab article .items_select{
		width:70px;
		padding:0.3em 1em;
	}
}


@media screen and (max-width:400px){
	#selected_tab article span.big_title{
		display:none;
	}
	#selected_tab article span.small_title{
		display:flex;
	}
	#selected_tab article .items_select{
		width:55px;
		padding:0.3em 1em;
		font-size:0.8em;
	}
}