/*¥D¿ï³æ°Ï*/
@media screen and (max-width: 1024px) {
#NAV{
	padding-left:5%;
}
#NAV li{
    float:left;
    padding-left: 20px;

}
#NAV ul li a{
    width:360px;
    height:110px;
    background-size:360px 100px; 
}
}
@media screen and (max-width: 899px) {
#NAV{
	padding-left:0%;
	width: 100%;
}
#NAV li{
	width: 50%;
    padding:0;
}
#NAV ul li a{
    width:100%;
    height: auto;
    font-size: 30px; 
    line-height:30px;
    padding: 30px;
    overflow: hidden;
    background-color: #b7b14d;     
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-bottom: 5px;
}
#NAV ul li.AA a,#NAV ul li.BB a{
	background-color: #9d972f;
}
#NAV ul li.AA a,#NAV ul li.BB a,#NAV ul li.CC a,#NAV ul li.DD a{
    background-image:none;
}

#NAV ul li.AA a:hover,#NAV ul li.BB a:hover,#NAV ul li.CC a:hover{
    background-image:none;    background-color: #77710f; 
}
}
@media screen and (max-width: 640px) {
#NAV ul li a{
    font-size: 28px; 
    line-height:28px;
    padding: 20px;
}
@media screen and (max-width: 480px) {
#NAV ul li a{
    font-size: 24px; 
    line-height:24px;
}