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

#nav {
	width: 100%;
	font-size: 16px;
	color: #FFF;
	background-color: #8c0008;
	border-bottom-color: #ec750d;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	z-index: 999;
}
#nav ul {
	width: 1280px;
	height: 56px;
	margin:0 auto 0;
	text-decoration:none;
	z-index: 999; 
}

#nav ul li {
	padding: 15px;
	
	display: block;
	float: left;
	z-index: 999;

}
#nav ul li:hover {
	padding: 15px;
	
	display: block;
	float: left;
	background-color: #ec750d;
	z-index: 999;

}
#nav ul li a {
	color: #FFF;
	text-decoration: none;
	z-index: 999;
}


#nav ul li ul {
	position: absolute;
    width: 310px;
    margin-top: 15px;
    margin-left: -15px;
    background-color: #ec750d;
    font-size: 14px;
    display: none;
    z-index: 999;
    }
    #nav ul li ul li{
    	width: 310px;
    	padding-left: 20px;
		background-color: #ec750d;
		border-bottom: dotted;
	    border-bottom-width: 1px;
	    border-bottom-color: rgba(255, 255, 255, 0.31);
	    z-index: 999;
    }
    #nav ul li ul li:hover{
    	width: 310px;
    	padding-left: 20px;
		background-color: #8c0008;
		z-index: 999;
    }
#nav ul li:hover ul {
    display: block;
    z-index: 999;
    }

    #nav ul  li:hover{ /* 滑鼠滑入展開次選單*/
        display: block;
        z-index: 999;
    }
@media screen and (max-width: 480px) {

/* ----------------如果使用者視窗寬度 <= 480px--------------------- x*/



/* -- END -- */

}



@media screen and (max-width: 1200px) {

/* // 如果使用者視窗寬度介於 768px ~ 992px，將字體大小變為 30px */

/* -- END -- */
}

@media screen and (min-width: 480px) and (max-width: 1100px) {

/* ------------------如果使用者視窗寬度 <= 768px----------------------- */




/* -- END -- */

}