nav[data-type="lisbox"]{
	display: inline-table;	
	position: relative;
	margin-bottom: 3px;
	/*overflow: hidden;*/

	}nav[data-type="lisbox"] > label{
		position: relative;
		padding: 10px;
		padding-left: 20px;
		padding-right: 40px;		
		box-shadow: 0px 0px 7px -6px #000 inset,0px 0px 0px 1px #eee inset;
		border-radius: 3px;
		margin: 0px;
		min-width: 210px;
		max-width: 200px;
		transition:300ms;
		cursor: auto; 
		color: #666;
		white-space: nowrap;
		display: inline-block;
		cursor: pointer;
		background: #fff;
	}nav[data-type="lisbox"]  > label:hover{
		background: rgba(238, 238, 238, 0.32) none repeat scroll 0% 0%;
	}nav[data-type="lisbox"]  > label:hover:after{
		opacity: 1;
		/*background: transparent;*/
		/*box-shadow: 0px 0px 0px 1px #eee inset,-30px 0px 0px 0px #eee inset;*/

	}nav[data-type="lisbox"]  > label:after{		
		opacity: 0.5;
		/*content: '‣';*/
		content: url(../img/arrowdown.png);
		/*transform:rotate(90deg);*/
		position: absolute;
		/*filter: brightness(2);*/
		top: 0px;
		right: 8px;
		font-size: 30px;
		/*background: #eee;*/
		display: block;
		width: auto;
		height: 100%;
		/*border: 1px solid #ccc;		*/
		border-radius: 0px 4px 4px 0px;
		cursor: pointer;
		transition:300ms;
		/*box-shadow: 0px 0px 0px 1px #ccc inset;*/
	}nav[data-type="lisbox"] > label:hover:after{
		/*border:1px solid #86A5BF;*/
	}nav[data-type="lisbox"][data-status="active"] ul{
		display: block;
		/*visibility: visible;*/
		/*display: block;*/
		opacity: 1;
	}nav[data-type="lisbox"]  ul{	

		/*visibility: hidden;*/
		opacity: 0;
		position: absolute;
		background: #fff;
		left: 1px;
		padding: 0px;
		margin: 0px;
		z-index: 1000;
		overflow: auto;
		min-height: 32px;
		max-height: 170px;

		width: 99%;
		/*height: 170px;*/
		overflow-x: hidden;
		display: none;
		/*box-shadow: 0px 3px 5px -4px #000,0px 3px 5px -6px #000 inset,0px 0px 7px 1px #ccc;*/
		box-shadow: 0px 3px 5px -6px rgb(0, 0, 0), 0px 3px 5px -6px rgb(0, 0, 0) inset, 0px 0px 0px 1px rgb(204, 204, 204);

	}.locateBox[data-valign="top"] nav[data-type="lisbox"]  ul{
		bottom: 100% !important;
	}.locateBox[data-align="center"]{
		text-align: center;	
	}.locateBox[data-align="left"]{
		text-align: left;	
	}.locateBox[data-align="right"]{
		text-align: right;	
	}

	@media screen and (max-width: 600px) {
		.locateBox[data-malign="center"]{
			text-align: center;	
		}.locateBox[data-malign="left"]{
			text-align: left;	
		}.locateBox[data-malign="right"]{
			text-align: right;	
		}
	}


	nav[data-type="lisbox"]  ul:hover{
		visibility: visible;
		display: block;
		opacity: 1;
	}nav[data-type="lisbox"]  ul:hover li{	
		display: block;
	}nav[data-type="lisbox"]  ul > li{
		/*display: none;*/
		list-style: none;
		text-align: left;

	}nav[data-type="lisbox"]  ul > li > a{
		display: block;
		white-space: nowrap;
		position: relative;
		padding: 10px;
		padding-left: 20px;
		padding-right: 40px;
		color: #666;		
		/*box-shadow: 0px 0px 7px -4px #000 inset,0px 0px 0px 1px #ccc inset;*/
		/*border-radius: 3px;*/
		transition:300ms;
		text-decoration: none;
	}nav[data-type="lisbox"]  ul > li > a:hover{
		background: #86A5BF !important;
		color:#fff;	
	}nav[data-type="lisbox"]  ul > li > a:hover::after{
		/*border:1px solid #86A5BF;*/
		box-shadow: 0px 0px 0px 1px #ccc inset;
	}nav[data-type="lisbox"]  ul > li[data-status="active"] > a{	
		background: #A8A8A8;
		color:#fff;	
	}nav[data-type="lisbox"]  ul > li[data-type="separate"] {
		background: #fff;
		height: 0px;
		display: block;
		border-bottom: 1px dotted #aaa;
	}nav[data-type="lisbox"]  ul > li[data-type="separate"]:hover {
		background: #fff;
	}nav[data-type="lisbox"]  ul > li[data-type="separate"]:active{
		background: #fff;
	}