#menu{background:#cef;color:#000;height:30px;background:transparent url('../image/menubg.png') repeat-x;border-radius:12px 12px 12px 12px;box-shadow:0 4px 4px rgba(0,0,0,.3);}
#menu ul,#menu li{margin:0;padding:0;list-style:none}
#menu ul{height:30px}
#menu li{float:left;display:inline;position:relative;font:bold 16px Arial;}
#menu li a{color:#000}
#menu a{display:block;line-height:30px;padding:0 14px;text-decoration:none;color:#333;}
#menu li:hover > a,#menu li a:hover{background:#ccc}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:30px;height:31px;line-height:31px;text-align:center}
#menu label span{font-size:16px;position:absolute;left:30px}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#cef;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#333}
#menu ul.menus a{color:#111}
#menu ul.menus li{display:block;width:100%;font:15px Arial;text-transform:none;}
#menu li:hover ul.menus{display:block}
#menu a.prett,#menu a.trigger2{padding:0 30px 0 14px}
#menu li:hover > a.prett,#menu a.prett:hover{background:#ffe}
#menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#222 transparent transparent transparent;position:absolute;top:15px;right:9px}
#menu ul.menus a:hover{background:#ccc;}
#menu a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #eee ;position:absolute;top:13px;right:9px}

@media screen and (max-width: 950px){
	#menu{position:relative}
	#menu ul{background:#cef;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}
	#menu ul.menus{width:100%;position:static;border:none}
	#menu li{display:block;float:none;width:auto;text-align:left}
	#menu li a{color:#000}
	#menu li a:hover{background:#ccc}
	#menu li:hover{background:#ccc;color:#111;}
	#menu li:hover > a.prett,#menu a.prett:hover{background:#ccc;color:#333;}
	#menu ul.menus a{background:#cef;}
	#menu ul.menus a:hover{background:#ccc;}
	#menu input,#menu label{position:absolute;top:0;left:0;display:block}
	#menu input{z-index:4}
	#menu input:checked + label{color:white}
	#menu input:checked ~ ul{display:block}
}