.menu-container {
    width:100%;
	height:70px;
	position: fixed; 
	top:0;
	left:0;
	z-index:10000;
    margin: 0 auto;
    background:rgba(255,255,255,1);
	box-shadow:0 0 5px 1px #bbb;
}

.menu-mobile {
    display: none;
    padding:0 20px;
    background: #fff;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;	
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    background: #fff;
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    color: #333;
}



.menu > ul {
    margin: 0 auto;
    width: 100%;
	text-align:center;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
	display:inline-block;
	margin:0 5px;
	height:70px;
}
.menu > ul > li:first-child{ margin-left:5%}
.menu > ul > li a {
    text-decoration: none;
	padding:0 20px;
	font-size:16px;
	height:70px;
	line-height:70px;
    display: block;
	color:#000;
	/*border-bottom:2px solid rgba(255,255,255,0.8);*/
	}




.menu > ul > li a:hover ,.menu > ul > li.sel a {	
	
	color:#d31824;
	border-bottom:2px solid #d31824;
	
	
}
.menu > ul > li:hover {
	color:#d31824;
	border-bottom:2px solid #d31824;
	
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    /*background:rgba(255,255,255,0.7);*/
	background:#f2f2f2;
	height:50px;
    position: absolute;
    z-index: 99;
    left: 0;
	top:70px;
    margin: 0;
    list-style: none;
	
    box-sizing: border-box;
	transition-delay: 15s;
    transition-duration: 30s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 15s;
    -moz-transition-duration: 30s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 15s;
    -webkit-transition-duration: 30s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 15s;
    -o-transition-duration: 30s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
	text-align:center;
}

.menu > ul > li > ul > li {
    list-style: none;
    width:100%;
	height:50px;
	line-height:50px;
	display:inline-block;
	padding:0;
	margin:0;
	
}
.menu > ul > li > ul > li:hover{line-height:50px;}
.menu > ul > li > ul > li a {
    color: #777;
	padding:0;
	margin:0;
	height:50px;
	line-height:50px;
    width: 100%;
    display:inline-block;
}


.menu > ul > li > ul.normal-sub {
    width: 100%;
    left: 0;
	text-align:center;
	z-index:10000;
	
    box-sizing: border-box;
	transition-delay: 15s;
    transition-duration: 30s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 15s;
    -moz-transition-duration: 30s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 15s;
    -webkit-transition-duration: 30s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 15s;
    -o-transition-duration: 30s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}

.menu > ul > li > ul.normal-sub > li {
    width:auto;
	display:inline-block;
	color:#3a3a3a;
	font-size:13px;
}

.menu > ul > li > ul.normal-sub > li a {
	color:#3a3a3a;
	height:50px;
	line-height:50px;
	padding:0 4px;
	background:none;
	border:none;
	font-size:14px;
}
.menu > ul > li > ul.normal-sub > li a:hover {
	color:#bc4869;
	line-height:50px;
	background:none;
	border:none;
}


#menu1{margin-left:-16%;}
#menu2{margin-left:-2%;}
#menu3{margin-left:10%;}
#menu4{margin-left:21%;}
#menu5{margin-left:33%;}

@media (min-width:1025px) and (max-width:1366px) {
.menu > ul > li {
	margin:0 2px;
}


.menu > ul > li a {	
	padding:0 12px;
	}
.menu > ul > li:first-child{ margin-left:7%}

#menu1{margin-left:-20%;}
#menu2{margin-left:-3%;}
#menu3{margin-left:10%;}
#menu4{margin-left:30%;}
#menu5{margin-left:42%;}

}

@media (min-width: 768px) and (max-width:1024px) {
.menu > ul > li {
	margin:0 1px;
	font-size:12px;
}


.menu > ul > li a {	
	padding:0 2px;
	}
		

#menu1{margin-left:-22%;}
#menu2{margin-left:-3%;}
#menu3{margin-left:14%;}
#menu4{margin-left:29%;}
#menu5{margin-left:52%;}	
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}*/