#menuimg {
  margin: 0;  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Bookman Old Style", "Times New Roman", serif;
}
#menuimg{
	text-align:center;margin:auto;box-sizing:border-box;
    width:100%;
	
	}
#menuimg div {position:relative;}
#menuimg a {opacity: 1; }
#menuimg a:first-letter , #menuimg >a:first-letter { text-transform:uppercase;}
#menuimg :hover {	color: #FFFFFF;}
#menuimg img {
	-webkit-transition: -webkit-transform 0.8s ease;
	-moz-transition: -moz-transform 0.8s ease;
	-ms-transition: -ms-transform 0.8s ease;
	-o-transition: -o-transform 0.8s ease;
	transition: transform 0.8s ease;
	clear: both;float:none;
	width:100%;height:auto;
	vertical-align:middle;margin: auto;text-align:center;	
}
#menuimg img:hover {
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  transform: translate(0, -20px); 
  color: #FFFFFF;background:#999;
}
#menuimg p:hover  {background:#999; }
.headerimg:hover .mask 
  {filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.headerimg{
	width:14%;display:inline-block;
	background: transparent;
	overflow: hidden;
	font-size:95%;
	/*color:#000;*/
	margin:auto;position:relative;
	box-sizing:border-box;
	padding:0px;
	vertical-align:top;text-align:center;
}
.headerimg   p 	{	text-align:center;	margin: auto;
    letter-spacing: 1px;
     font-weight: 700;
    text-transform: uppercase;
	font-size: 1.5vw;line-height:1.4;padding-left:0;padding-right:0; 

	}
 @media   (min-width: 576px)  {  .headerimg    p{ padding: 5px;font-size:1.2vw;line-height:1.2vw}}
 @media   (min-width: 1024px) {  .headerimg    p{ padding: 5px;font-size: 0.8vw;line-height:0.8vw}}
 
 
.mask 
{	vertical-align:top;   text-align:center;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
   font-size: 120%;
   position: absolute;
   top: 60px;left: 0;width:100%;background:#999;color: #ffffff;
}

@media  (max-width: 340px){
	{#menuimg{display:none;}
}

	
@media  (min-width:341px)and (max-width: 576px) {
.mask {	font-size: 65%;}
 }
}
@media (max-width: 767px) {
	
}
@media   (max-width: 1024px) {
.mask {	padding-top:20%; font-size: 100%;}
.headerimg{width:15.3%;}
}