.menu
{ width: 50px; height:30px; top:10px; right:10px; position:relative; cursor:pointer;
float:right;}
.menu1
{ width:50px; height:7px; background-color:#2e3a81; position:absolute; top:0px; } 
.menu2
{ width:50px; height:7px; background-color:#2e3a81; position:absolute; top:15px; } 
.menu3
{ width:50px; height:7px; background-color:#2e3a81; position:absolute; top:30px; } 
.menu1,.menu2,.menu3
{ transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out; /* opera */
  -moz-transition: all 0.5s ease-out; /* firefox */
  -webkit-transition: all 0.5s ease-out; /* chrome, safari */
  -ms-transition: all 0.5s ease-out; /* ie */ }
.menuclick1
{ top:15px;
  -moz-transform: rotate(405deg);
  -webkit-transform: rotate(405deg);
  -o-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg); }
.menuclick2
{ opacity:0;}
.menuclick3
{ top:15px;
  -moz-transform: rotate(-405deg);
  -webkit-transform: rotate(-405deg);
  -o-transform: rotate(-405deg);
  -ms-transform: rotate(-405deg);
  transform: rotate(-405deg); }
  
#hanbM{
	clear:both;
	width:100%;
	background:#2e3a81;
}
#hanbM li a{
	font-size:120%;
	color:#fff;
	display:block;
	padding:3.5%;
	text-decoration:none;
}
#hanbM li{
	border-bottom:1px solid #6281b5;
}