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

/*==========選單部分===========*/
#menu_div {
	position:fixed;
	right:3%;
	top:10px;
	padding:9px 14px;
	background-color:#FFF;
	display:none;
	width:27px;
	height:30px;
	
}
.menubtn {
	
}
.navmenu {
	position:fixed;
	display:none;
	z-index:1000;
}
.navlogo {
	border:0;
	padding-top:10px;
	padding-left:10px;
	display:block;
	float:left;
}
.navlogo img {
	height:70px;
}
nav {
    display: none;
    float: left;
    width: 100%;
	position: fixed;
	top:37px;    
	z-index:200;     
	text-align:center;   
}
.nav ul{
    margin: 0;
    padding: 0;
}
.nav ul > li > ul{
}
.nav ul > li > ul > li a:link {
	background: #9fca95;
	color:#336a0a !important;
}
.nav ul > li > ul > li a:hover{
	background-color:#e2efdf;
}
.nav ul > li > ul > li > ul > li a:link {
	background: #e2efdf;
	color:#4d8c1d !important;
}
.nav ul > li > ul > li > ul > li a:hover{
	background-color:#e2efdf;
}
.nav ul > li > ul > li a:visited {
	color:#336a0a !important;
}


.nav li{
    position: relative;
    float: left;
    list-style: none;
	border-bottom:1px solid #FFF;
	background-color:#50901e;
	background-size:100% 100%
}
.nav li:last-child {
	border-bottom:0px solid #FFF;
}
.nav > ul > li a {
    display: block;        
    padding: 8px 25px;
    text-decoration: none;
	color:#FFF;
}
.nav li:hover {
	background-color:#9ec895;
}
.nav li ul {
    display: none;
    position: absolute;
    top: 100%;
}
.nav li:hover ul {
    display: block;
    right: 0;
    left: 0;
    top: 100%;
}
.toggle { 
    display: none;
}
.arrow-bottom {
    position: absolute;
    top: 25px;
    right: 13px;
    margin-left: 5px;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;    
    border-left: 4px solid transparent;        
    width: 1px;
    height: 1px;
}

@media screen and (max-width: 900px) {
	.navmenu {
		display:block;
		width:100%;
		top:0px;
	}
	.nav {
        display: none;
    }
    .toggle {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
	padding: 5px 7px 2px 7px;
	background-color: #51921e;
	cursor:pointer;
    }
    .nav li{
        float: none;
    }
    .nav li a{
    }
    .nav li:hover ul {
        position: relative;
        display: block;
        background: transparent;
    }
    .nav li:hover ul li{
        background: transparent;
    }
    .nav li:hover ul li a{
        padding-left: 30px;
    }
    .arrow-bottom {
        top: 20px;
    }
}
@media screen and (max-width: 480px) {
	.toggle {
	display: block;
	position: absolute;
	right: 5px;
	top: 10px;
	z-index: 1000;
	padding: 5px 7px 2px 7px;
	background-color: #51921e;
	cursor: pointer;
    }
	nav {
    
	top:130px;    
	
}
}