@charset "utf-8";
/* CSS Document */

.menu {
	
	width: 120px;
	position: fixed;
	top: 108px;
	left: 54px;
	height: 100%;
	z-index: 910;
}

#world {
		width: 120px;
		height: 120px;
		float: left;
		margin-top: 24px;
		margin-bottom: 24px;
}
  #world a:link,a:visited{ display:block;	
	  	width:100%;
		height:100%;
		background: url(img/world1.png);
		background-position:center;
		background-size:cover;
	  background-repeat: no-repeat;}
    #world a:hover{background:url(img/world2.png);background-size:cover;}
    #world a:active{background:url(img/world2.png);background-size:cover;}

@media(max-width:1440px){.menu{top:186px;}}

@media(min-width:1440px) and (max-width:2559px){.menu{width: 60px;top: 54px;left: 27px;}#world{height: 60px;width: 60px;margin-top: 12px;margin-bottom: 12px;}#history{height: 60px;width: 60px;margin-top: 6px;margin-bottom: 6px;}}