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

#dd .mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font-size: 11px;
  font-weight: bold;
}

/*color1*/  
#dd .mainmenu a.menu1on {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	background: #2c9fd8;
}
#dd .mainmenu a.menu1on:hover {
  color: #fff;
  text-decoration: none;
  background: #29749c;
}
#dd .mainmenu a.menu1 {
	font-size: 90%;
	font-weight: bold;
	display: block;
	text-align: center;
	color: #2c9fd8;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
#dd .mainmenu a.menu1:hover {
  color: #fff;
  text-decoration: none;
  background: #2c9fd8;
}

.submenu1 {
  background: #2c9fd8;
  text-align: center;
  margin: 0 1px 0 1px;
  width: 137px;
  visibility: hidden;
  position: absolute;
  z-index: 10;
  color: #fff;
}
.submenu1 a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 5px;
  color: #fff;
}
.submenu1 a:hover {
  background: #29749c;
  color: #fff;
}


/*color2*/  
#dd .mainmenu a.menu2on {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
	background: #a2d701;
}
#dd .mainmenu a.menu2on:hover {
  color: #fff;
  text-decoration: none;
  background: #858428;
}
#dd .mainmenu a.menu2 {
	display: block;
	text-align: center;
	color: #a2d701;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
}
#dd .mainmenu a.menu2:hover {
  color: #fff;
  text-decoration: none;
  background: #a2d701;
}

.submenu2 {
  background: #a2d701;
  text-align: center;
  margin: 0;
  width: 137px;
  visibility: hidden;
  position: absolute;
  z-index: 10;
}
.submenu2 a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 5px;
  color: #fff;
}
.submenu2 a:hover {
  background: #858428;
  color: #fff;
}



/*color3*/  
#dd .mainmenu a.menu3on {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
	background: #f48f01;
}
#dd .mainmenu a.menu3on:hover {
  color: #fff;
  text-decoration: none;
  background: #a76101;
}
#dd .mainmenu a.menu3 {
	display: block;
	text-align: center;
	color: #f48f01;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
}
#dd .mainmenu a.menu3:hover {
  color: #fff;
  text-decoration: none;
  background: #f48f01;
}

.submenu3 {
  background: #f48f01;
  text-align: center;
  margin: 0;
  width: 137px;
  visibility: hidden;
  position: absolute;
  z-index: 10;
}
.submenu3 a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 5px;
  color: #fff;
}
.submenu3 a:hover {
  background: #a76101;
  color: #fff;
}


/*color4*/  
#dd .mainmenu a.menu4on {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
	background: #48b395;
}
#dd .mainmenu a.menu4on:hover {
  color: #fff;
  text-decoration: none;
  background: #2c715f;
}
#dd .mainmenu a.menu4 {
	display: block;
	text-align: center;
	color: #48b395;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
}
#dd .mainmenu a.menu4:hover {
  color: #fff;
  text-decoration: none;
  background: #48b395;
}

.submenu4 {
  background: #48b395;
  text-align: center;
  margin: 0;
  width: 137px;
  visibility: hidden;
  position: absolute;
  z-index: 10;
}
.submenu4 a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 5px;
  color: #fff;
}
.submenu4 a:hover {
  background: #2c715f;
  color: #fff;
}


/*color5*/  
#dd .mainmenu a.menu5on {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
	background: #f86494;
}
#dd .mainmenu a.menu5on:hover {
  color: #fff;
  text-decoration: none;
  background: #963b5a;
}
#dd .mainmenu a.menu5 {
	display: block;
	text-align: center;
	color: #f86494;
	text-decoration: none;
	width: 137px;
	height: 17px;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
}
#dd .mainmenu a.menu5:hover {
  color: #fff;
  text-decoration: none;
  background: #f86494;
}

.submenu5 {
  background: #f86494;
  text-align: center;
  margin: 0;
  width: 137px;
  visibility: hidden;
  position: absolute;
  z-index: 10;
}
.submenu5 a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 5px;
  color: #fff;
}
.submenu5 a:hover {
  background: #963b5a;
  color: #fff;
}


/*color6*/  
#dd .mainmenu a.menu6on {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
	background: #7f77cc;
}
#dd .mainmenu a.menu6on:hover {
  color: #fff;
  text-decoration: none;
  background: #4c4674;
}
#dd .mainmenu a.menu6 {
	display: block;
	text-align: center;
	color: #7f77cc;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
}
#dd .mainmenu a.menu6:hover {
  color: #fff;
  text-decoration: none;
  background: #7f77cc;
}

.submenu6 {
  background: #7f77cc;
  text-align: center;
  margin: 0;
  width: 137px;
  visibility: hidden;
  position: absolute;
  z-index: 10;
}
.submenu6 a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 5px;
  color: #fff;
}
.submenu6 a:hover {
  background: #4c4674;
  color: #fff;
}


/*color7*/  
#dd .mainmenu a.menu7on {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
	background: #c9cacc;
}
#dd .mainmenu a.menu7on:hover {
  color: #fff;
  text-decoration: none;
  background: #9fa0a2;
}
#dd .mainmenu a.menu7 {
	display: block;
	text-align: center;
	color: #c9cacc;
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0 1px 0 0;
	width: 137px;
	height: 17px;
	text-decoration: none;
	border-right: 1px solid #eee;
}
#dd .mainmenu a.menu7:hover {
  color: #fff;
  text-decoration: none;
  background: #c9cacc;
}

.submenu7 {
  background: #c9cacc;
  text-align: center;
  margin: 0;
  width: 137px;
  visibility: hidden;
  position: absolute;
  z-index: 10;
}
.submenu7 a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 5px;
  color: #fff;
}
.submenu7 a:hover {
  background: #9fa0a2;
  color: #fff;
}



/* 透明度
--------------------*/
.submenu1,.submenu2,.submenu3,.submenu4,.submenu5,.submenu6,.submenu7 {
 filter: alpha(Opacity=75);
	opacity: 0.75;
}