@import url(leftmenu.css);
/* ======= ³»ºÝ¤U«ö¶s¤º®e ======= */
#headerrightbl {
	position: absolute;
	width: 152px;
	top: 275px; 
	right: -152px;
	z-index: 2000;
	height: 65px;
/*	background: url(../../img/menu/menub/zmjhstyc_13.png) no-repeat left top;	*/

}





#headerrightbl #himglc {
	position:              relative;
	left: 0px;
	top: 0px;
}




#headerrightbl #b1 {
	position:              relative;
	width: 152px;
	height: 66px;
	z-index: 10000;
   
}

#headerrightbl #b1 a.buttomtop {
	display: block;
	padding: 19px 0px 0px 10px;
	height: 67px;

    	background: url(../../img/menu/menub/taipeiacean_19.jpg) no-repeat left top;
}



#headerrightbl #b1 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_19a.jpg) no-repeat left top;
		padding: 19px 0px 0px 20px;
}




#headerrightbl #b2 {
	position:              relative;
	width: 152px;
	height: 69px;
	z-index: 10000;
   
}

#headerrightbl #b2 a.buttomtop {
	display: block;
	padding: 20px 0px 0px 10px;
	height: 69px;

    	background: url(../../img/menu/menub/taipeiacean_20.jpg) no-repeat left top;
}



#headerrightbl #b2 a.buttomtop:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_20a.jpg) no-repeat left top;
		padding: 20px 0px 0px 20px;
}


#headerrightbl #b3 {
	position:              relative;
	width: 152px;
	height: 65px;
	z-index: 10000;
   
}

#headerrightbl #b3 a.buttomtop {
	display: block;
	padding: 19px 0px 0px 10px;
	height: 65px;

    	background: url(../../img/menu/menub/taipeiacean_21.jpg) no-repeat left top;
}



#headerrightbl #b3 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_21a.jpg) no-repeat left top;
		padding: 19px 0px 0px 20px;
}

#headerrightbl #b4 {
	position:              relative;
	width: 152px;
	height: 68px;
	z-index: 10000;
   
}

#headerrightbl #b4 a.buttomtop {
	display: block;
	padding: 20px 0px 0px 10px;
	height: 68px;

    	background: url(../../img/menu/menub/taipeiacean_22.jpg) no-repeat left top;
}



#headerrightbl #b4 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_22a.jpg) no-repeat left top;
		padding: 20px 0px 0px 20px;
}

#headerrightbl #b5 {
	position:              relative;
	width: 152px;
	height: 67px;
	z-index: 10000;
   
}

#headerrightbl #b5 a.buttomtop {
	display: block;
	padding: 20px 0px 0px 10px;
	height: 67px;

    	background: url(../../img/menu/menub/taipeiacean_23.jpg) no-repeat left top;
}



#headerrightbl #b5 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_23a.jpg) no-repeat left top;
		padding: 20px 0px 0px 20px;
}


#headerrightbl #b6 {
	position:              relative;
	width: 152px;
	height: 67px;
	z-index: 10000;
   
}

#headerrightbl #b6 a.buttomtop {
	display: block;
	padding: 20px 0px 0px 10px;
	height: 67px;

    	background: url(../../img/menu/menub/taipeiacean_24.jpg) no-repeat left top;
}



#headerrightbl #b6 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_24a.jpg) no-repeat left top;
		padding: 20px 0px 0px 20px;
}

#headerrightbl #b7 {
	position:              relative;
	width: 152px;
	height: 69px;
	z-index: 10000;
   
}

#headerrightbl #b7 a.buttomtop {
	display: block;
	padding: 21px 0px 0px 10px;
	height: 69px;

    	background: url(../../img/menu/menub/taipeiacean_25.jpg) no-repeat left top;
}



#headerrightbl #b7 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_25a.jpg) no-repeat left top;
		padding: 21px 0px 0px 20px;
}


#headerrightbl #b8 {
	position:              relative;
	width: 152px;
	height: 67px;
	z-index: 10000;
   
}

#headerrightbl #b8 a.buttomtop {
	display: block;
	padding: 19px 0px 0px 10px;
	height: 67px;

    	background: url(../../img/menu/menub/taipeiacean_26.jpg) no-repeat left top;
}



#headerrightbl #b8 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_26a.jpg) no-repeat left top;
		padding: 19px 0px 0px 20px;
}
#headerrightbl #b9 {
	position:              relative;
	width: 152px;
	height: 67px;
	z-index: 10000;
   
}

#headerrightbl #b9 a.buttomtop {
	display: block;
	padding: 19px 0px 0px 10px;
	height: 67px;

    	background: url(../../img/menu/menub/taipeiacean_27.jpg) no-repeat left top;
}



#headerrightbl #b9 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_27a.jpg) no-repeat left top;
		padding: 19px 0px 0px 20px;
}
#headerrightbl #b10 {
	position:              relative;
	width: 152px;
	height: 69px;
	z-index: 10000;
   
}

#headerrightbl #b10 a.buttomtop {
	display: block;
	padding: 20px 0px 0px 10px;
	height: 69px;

    	background: url(../../img/menu/menub/taipeiacean_28.jpg) no-repeat left top;
}



#headerrightbl #b10 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_28a.jpg) no-repeat left top;
		padding: 20px 0px 0px 20px;
}


#headerrightbl #b11 {
	position:              relative;
	width: 152px;
	height: 69px;
	z-index: 10000;
   
}

#headerrightbl #b11 a.buttomtop {
	display: block;
	padding: 20px 0px 0px 10px;
	height: 69px;

    	background: url(../../img/menu/menub/taipeiacean_29.jpg) no-repeat left top;
}



#headerrightbl #b11 a:hover{
	background: url(../../img/menu/menub/hover/taipeiacean_29a.jpg) no-repeat left top;
		padding: 20px 0px 0px 20px;
}
/*
#headerrightbl #aa01 {
	background: url(../../img/menu/menub/zmjhstyc_20.jpg) no-repeat right top;
	height: 33px;
	position: absolute;
	width: 3px;
	right: 0px;
	top: 10px;
}
*/







/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* Menu */
.menu {	
/*	height: 40px;
	width: 1505px; 

	background: #4c4e5a;
	background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}

.menu li {
	position: relative;
	list-style: none;
/*	float: left; */
	display: block;
	height: 40px;
}

/* Links */

.menu li a {
	display: block;
	padding: 0px  0px 0px 0px;  
height: 40px;
/*	line-height: 28px;*/
	text-decoration: none;	
/*	border-left: 1px solid #393942;
	border-right: 1px solid #4f5058; 
	font-family: Helvetica, Arial, sans-serif;*/
	font-weight: normal;
	font-size: 140%;
	color: #ffffff;
/*	text-shadow: 1px 1px 1px #777777;  */
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
		text-align: left;
	/*	width: 136px; */
	/*	height: 49px;*/

	
}
/*
.menu  #topa a{
background: url(../../img/menu/menub/chjhtyc_03.png) no-repeat left top;	
padding: 0px 0px 0px 37px;
}

.menu  #topa a:hover{
background: url(../../img/menu/menub/chjhtyc_03a.png) no-repeat left top;	
}*/

/*
.IE8 .menu li a {
height: 60px;
}
*/





.menu li ul li a{
	font-size: 100%;
	padding: 5px 0px 0px 0px;
	margin: 0px 0; 
	height: 32px;
	
	transition: background-color 0.5s ease;
    background-color: none;
	
	
	color: #FFFFFF;
}


.menu li ul li a:hover{
color: #FFFFFF;
	height: 32px;
/*	background: #C4292E url(../../img/menu/menub/hover/) no-repeat left top !important;	*/
 background-color: #5B7F13;
/*	font-weight: bold; */


}








.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }

.menu  li:hover > div a { color: #381C00; 
}
.menu  a:hover{
color: #E82D47; 
}


.menu li ul li:hover > a { color: #FFFFFF;
 }



/* Sub Menu */


/*
#headerrightbl ul li ul li.parenta ul, #headerrightbl ul li.parent ul {
	display: none;
}
#headerrightbl ul li ul li.parentaOn ul, #headerrightbl ul li.parentOn ul {
	display: block;
}
*/

#headerrightbl ul li ul li.parenta ul {
	display: none;
}
#headerrightbl ul li ul li.parentaOn ul {
	display: block;
}


.menu ul {
	position: absolute;
	top: 60px;
	left: 0;
	opacity: 0;
		overflow: hidden;
	background: #911A2C;
/*	padding-bottom: 6px; */

/*	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;*/

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s; 
}

.menu li:hover > ul { opacity: 0.9; 
	overflow: visible;
}




.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s; 
}






.menu li:hover > ul li {
	height: 32px;
	overflow: visible;
	padding: 0;
}

.menu ul li a {
	width: 200px;
	padding: 5px 0px 0px 10px !important; 
	margin: 0;
/*	height: 32px; */
	overflow: hidden;
	border: none;
	border-bottom: 1px solid #FFFFFF;


}

.menu ul li:last-child a { border: none; }