.toggleMenu { display:  none;  }
.toggleMenu img { display:  none;  }
.menu_font { font: 600  1.15em/1.1em 'Spectral', serif; margin: 0 0 0 0 ; }
.menu_font_chi {font: 600  1.1em/1.1em 'Noto Sans TC', sans-serif;margin: 0 0 0 0 ;}
.menu_block { display:block; width:1px; margin: 11px 10px 0 10px }

.nav { float:left; padding: 0 0 0 0;    list-style: none;*zoom: 1;     }
.nav:before,.nav:after { content: " "; display: table; }
.nav:after { clear: both;}
.nav ul {
    list-style: none;
	padding: 0 0 0 0 ;
	margin:0 0 0 0 ;
	width: 220px;
	opacity: 0.8;
	
}
.nav a {transition:0.3s ease;transition-property:all; padding: 0 0 0 0; color:#4a0000;padding: 12px 20px;}
.nav a:hover { color:#FFF; background-color:#4a0000; padding: 12px 20px}
.nav li {
	
    position: relative;
}
.nav > li {
	
    float: left;
    
}
.nav > li > .parent {
	
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95%;
	
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	
}
.nav > li.hover > ul {
    left: 0;
	
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
	font-size:0.8em;
	padding: 15px 25px;
	margin: 0 0 0 0;
    display: block; background-color:#000; color:#fff;
    position: relative;
    z-index:100;
    border-bottom: 1px solid #666;
	text-align: left;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #666;
}




@media screen and (max-width: 1024px) {
.toggleMenu { display:  none;  }
.toggleMenu img { display:  none;  }
.menu_font { font: 600  1.15em/1.1em 'Spectral', serif; margin: 0 0 0 0 ; }
.menu_font_chi {font: 600  1.1em/1.1em 'Noto Sans TC', sans-serif;margin: 0 0 0 0 ;}
.menu_block { display:block; width:1px; margin: 11px 0px 0 0px }


}

@media screen and (max-width: 1023px) {
	.toggleMenu { display: block; position: absolute;left: 0px; width:100%;  color: #fff; margin: 0 0px; }
	.toggleMenu img {display: block;  width:85px; margin:8px 0 0 2.5% }
	    .active {
        display: block;
    }
.menu_font { font: 600  1em/1.1em 'Spectral', serif; margin: 0 0 0 0 ; }
.menu_font_chi {font: 600  1em/1.1em 'Noto Sans TC', sans-serif;margin: 0 0 0 0 ;}
	.menu_block { display:none}
	.nav {background:#000;float:left; margin: 42px 0 0 0;width: 100%; padding: 0 0 0 0;   list-style: none; *zoom: 1;  background:url("../images/m_menu_bg.png") top center repeat }
	
	.nav ul { list-style: none;	margin:0 0 0 0 ; padding: 0; width: 100%;}
	.nav a {padding: 2% 0 2% 3%;color:#fff; font-size:1em }
	.nav a:hover { color:#FFF; background-color:#4a0000; padding: 2% 0 2% 3%;}
    .nav > li {
        float: none;
		border-top: 1px solid #555;
		margin: 0 0 0 0;
    }
    .nav > li > .parent {
		margin: 0 0 0 0;
        background-position: 95% 50%;
    }
    .nav li li .parent {
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
.nav li li a {
	font-size:1em;
	padding: 2% 0 2% 5%;
	margin: 0 0 0 0;
    display: block; background-color:#333; color:#fff;
    position: relative;
    z-index:100;
    border-bottom: 1px solid #888;
}
	
}



@media screen and (max-width: 480px) {
.toggleMenu img {display: block;  width:85px; margin:8px 0 0 5% }

.nav a {padding: 4% 0 4% 5%;color:#fff; font-size:1em }
.nav a:hover { color:#FFF; background-color:#4a0000; padding: 4% 0 4% 5%;}


}