div#menufl{
	
	width:100px;
	margin-top:175px;
	
}

div#menufl ul{
	list-style:none;
	
	
	
}
div#menufl ul li{
	margin-top:3px;
	font-family:sans-serif;
	font-size: 15px;
    cursor: pointer;
	position:relative;
	background-color:#ff9702;
	width:30px;
	padding-top:4px;
	padding-bottom:4px;
	border-radius:0px 20px 20px 0px;
	padding-left:10px;
	box-shadow:5px 0px 10px #939393;
	-webkit-transition: padding-left 0.6s;
	color:white;
}



div#menufl ul li a {
	text-decoration: none;
	color:#fff;

}

div#menufl ul li:hover{
	padding-left:20px;
	
	}
	
div#menufl  ul li span:after{
	content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
	
}
div#menufl  ul li span{
	position: absolute;
    min-width: 100px;
    color: #000;
    background: #fff;
    height: 30px;
    line-height: 30px;
    text-align: left;
    visibility: hidden;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 30px 0 rgba(50,50,50,0.4);
    -moz-box-shadow: 0 20px 30px 0 rgba(50,50,50,0.4);
    box-shadow: 0 20px 30px 0 rgba(50,50,50,0.4);
    padding: 0 20px;
    white-space: nowrap;
	
}
div#menufl ul li:hover span{
	visibility:visible;
	opacity:1;left:100%;
	top:50%;
	margin-top:-15px;
	margin-left:15px;
	z-index:999;
	}
	
@media screen and (max-width:1280px ) 
{
	div#menufl 
	{
	    width: 50px;
	    margin-top: 175px;
	}
	
	div[data-id="chat-right"] 
	{
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 50px;
	    z-index: 9999;
	}
	
	div#menufl ul li 
	{
	    margin-top: 3px;
	    font-family: sans-serif;
	    font-size: 13px;
	    cursor: pointer;
	    position: relative;
	    background-color: #ff9702;
	    width: 17px;
	    padding-top: 4px;
	    padding-bottom: 4px;
	    border-radius: 0px 20px 20px 0px;
	    padding-left: 5px;
	    box-shadow: 5px 0px 10px #939393;
	    -webkit-transition: padding-left 0.6s;
	    color: white;
	}

}