.web-footer {
    background-color: #3a3a42;
}


/* menu */
.web-menu .nav-ul {
    background: rgba(59, 90, 157, 1);
    background: -moz-linear-gradient(top, rgba(59, 90, 157, 1) 0%,
        rgba(52, 73, 137, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59, 90, 157,
        1)), color-stop(100%, rgba(52, 73, 137, 1)));
    background: -webkit-linear-gradient(top, rgba(59, 90, 157, 1) 0%,
        rgba(52, 73, 137, 1) 100%);
    background: -o-linear-gradient(top, rgba(59, 90, 157, 1) 0%,
        rgba(52, 73, 137, 1) 100%);
    background: -ms-linear-gradient(top, rgba(59, 90, 157, 1) 0%,
        rgba(52, 73, 137, 1) 100%);
    background: linear-gradient(to bottom, rgba(59, 90, 157, 1) 0%,
        rgba(52, 73, 137, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5a9d',
        endColorstr='#344989', GradientType=0);
}
.web-menu .nav-ul>li {
    border-right: 1px solid #2b487f;
    border-top: 2px solid #2e2e2e;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(89, 116, 173, 1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(89, 116, 173, 1);
    box-shadow: inset 0px 1px 0px 0px rgba(89, 116, 173, 1);
}
.web-menu .nav-ul>li:hover {
    border-top: 2px solid #d73839;
    background-color: #546ca2;
}
.web-menu .nav-ul li.active {
    border-top: 2px solid #d73839;
    background-color: #546ca2;
}
.web-menu .nav-ul>li>a {
    color: #ffffff;
}

.web-menu .nav-ul .sub-menu {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.web-menu .nav-ul .sub-menu li {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
}

.web-menu .nav-ul .sub-menu li.hover {
    background-color: #dbdbdb;
}

.web-menu .nav-ul .sub-menu li a {
    color: #333333;
}

.web-menu .nav-ul .sub-menu li a.active {
    background-color: #dbdbdb;
    color: #3B5A9D;
}