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

@media(min-width:481px){

nav{
	width:500ppx;
	margin:0 auto;
}

#mainmenu{
	width:500ppx;
	height:116px;
	float: right;
}
	
#menubg{
	width:100%;
	min-width: 1200px;
	height:8px;
	margin:0 auto;
}


ul#menu_b{
	width:500px;
	padding:0;
	margin:0 auto;
	list-style:none;
	color: #FFF;
	vertical-align: middle;
	white-space: nowrap;
	}


ul#menu_b li{
	padding:0;
	float:left;
	list-style:none;
	font-size:16px;
	line-height: 24px;
	text-align: center;
	}

.menu1{
	display:block;
	width:117px;
}

a.menu1{
	display:block;
	width:117px;
	height: 116px;
	background-image: url(../images/gmenu1.png);
	background-repeat: no-repeat;
	
}

.menu2{
	display:block;
	width:117px;
	height: 116px;
	background-image: url(../images/gmenu2.png);
	background-repeat: no-repeat;
}

a.menu2{
	display:block;
	width:117px;
	height: 116px;
	background-image: url(../images/gmenu2.png);
	background-repeat: no-repeat;
	
}



.menu3{
	display:block;
	width:139px;
	height: 116px;
	background-image: url(../images/gmenu3.png);
	background-repeat: no-repeat;
}

a.menu3{
	display:block;
	width:139px;
	height: 116px;
	background-image: url(../images/gmenu3.png);
	background-repeat: no-repeat;
}


.menu4{
	display:block;
	width:92px;
	height: 116px;
	background-image: url(../images/gmenu4.png);
	background-repeat: no-repeat;
}

a.menu4{
	display:block;
	width:92px;
	height: 116px;
	background-image: url(../images/gmenu4.png);
	background-repeat: no-repeat;
	
}



}

@media(max-width:480px){

nav{
	display: none;
}

#mainmenu{
	display: none;
}
	
#menubg{
	display: none;
	}


ul#menu_b{
	display: none;
	}


ul#menu_b li{
	display: none;
	}



}


