#menu {

    width: 1129px;

    margin: 0 auto;

    height: 40px;

    background-color: #008cd6;

}

#menu li {

    float: left;

    width: auto;

    padding: 4px 10px 4px 30px;

    line-height: 40px;

    text-align: center;

    position: relative;

    border: none;

}

#menu li a {

    font-size: 16pt;

    font-weight: bold;

    color: #e6f8e9;

    display: block;

    outline: 0;

    text-decoration: none;

}

#menu li:hover a {

    color: #aacd06;
    /*导航栏文字颜色 */

}

#menu li:hover .dropdown_1column {

    left: -6px;

    top: 40px;

}

.dropdown_1column {
    /* 下拉菜单边框颜色*/

    margin: 0px auto;

    padding: 10px;

    float: left;

    position: absolute;

    left: -999em;

    text-align: left;

    border-radius: 0 0 10px 10px;

    box-shadow: 0 1px 3px 1px #777;

    border-top: none;

    background: #F4F4F4;

    width: 1140px;

    z-index: 9999;

}

#dropdown_1column_1 {

    width: 200px !important;

}

#menu li:hover div a {
    /* 下拉菜单文字颜色*/

    font-size: 16pt;

    font-weight: bolder;

    color: #444;

}

#menu li:hover div a:hover {
    /*下拉带单鼠标停留颜色*/

    color: #21910e;

}



#menu li ul {

    list-style: none;

    padding: 10px 5px;

    margin: 0;

}

#menu li ul li {

    font-size: 12px;

    line-height: 26px;

    position: relative;

    padding: 0;

    margin: 0;

    float: none;

    text-align: left;

    widows: 18px;

}

#menu li ul li:hover {

    background: #efefef;

    border: none;

    padding: 0;

    margin: 0;

}

#menu p {

    font-size: 12pt;

    font-weight: bold;

    margin: 0;

    padding: 0 0 0 20px;

    background-color: #aacd06;

}

.nav {

    background-color: #008cd6;

    border-bottom-style: solid;

    border-bottom-width: 15px;

    border-bottom-color: #aacd06;

}

.simple {

    width: 180px;

    float: left;

}

.product_nav ul {

    height: 285px;

}

.product_nav ul:hover {

    background-color: #aacd06;

}

.simple a {

    font-size: 12pt !important;

    padding: 4px 5px 4px 20px;

    background: url(/pic/arrow_off.png) no-repeat 5px 14px !important;

}

.nav_background img {

    padding: 0 0 0 10px;

}

.single-item img {

    display: block;

}

.nav-1 {

    font-size: 16pt;

    font-weight: lighter;

    margin-bottom: 45px;

    background-color: #eeeeee;

    overflow: auto;

}

.nav-1 li {

    color: #444;

    padding: 5px 5px 0;

    float: left;

}

.nav-1 img {

    margin-top: 4px;

}

.nav-1 a:link {

    color: #008cd6;

}

.nav-1 a:hover {

    color: #008cd6;

}

.nav-1 a:active {

    color: #008cd6;

}

.nav-1 a:visited {

    color: #008cd6;

}



.nav-2 {

    min-width: 100%;

    font-size: 20pt;

    margin-top: 10px;

    padding: 0;

    display: inline-block;

    color: white;

    text-align: center;

}

.nav-2 ul {

    display: inline-block;

    overflow: auto;

}

.nav-2 li {

    display: inline;

    float: left;

}

.nav-2 li a {

    background-color: #008cd6;

}

.nav-2 li a:link {

    line-height: 3.2em;

    margin: 0px 5px;

    padding: 10px 15px;

    border-radius: 5px;

    color: white;

    background-color: #008cd6;

    letter-spacing: 6px;

    margin-left: 0%;

    font-weight: bold;

    padding-left: 20px;

}



.nav-2 li.letter_7px a:link {

    letter-spacing: 7px;

}



.nav-2 li a:hover {

    background-color: #aacd06;

}

.nav-2 li a:active {

    color: white;

    background-color: #008cd6;

}

.nav-2 li a:visited {

    color: white;

}

.nav-3 {

    font-size: 16pt;
    width: 100%;
    margin-top: px;
    padding: 0px;
    display: inline-block;
    color: white;
    text-align: center;

    margin-left: 0%;

}

.nav-3 ul {

    display: inline-block;
    overflow: auto;

}

.nav-3 li {

    display: inline;
    float: left;
    padding: 0;
    margin: 0;

}

.nav-3 li a:link {

    /*line-height: 3em;*/

    margin: 0px;
    padding: 10px 15px;

    border: 1px solid #cccccc;

    color: #444444;

    background-color: white;

    min-width: 146px;

    display: inline-block;

    margin-bottom: 5px;

}

.nav-3 li a:hover {

    border: 1px solid #cccccc;

    background-color: #cccccc;

}

.nav-3 li a:active {

    border: 1px solid #cccccc;

    color: #444;

}

.nav-3 li a:visited {

    border: 1px solid #cccccc;

    color: #444;

}

.active {

    background-color: #aacd06 !important;

}

.logo a img {

    width: 32px;

}



/*mobile*/

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

@media (max-width:1750px) and and (max-width:1919px) {

    .nav-2 li a:link {

        /* margin: 0px 64px;*/



    }

    .nav-3 {

        margin-left: 0%;

    }

}

@media (min-width: 1536px) and (min-width: 769px) {

    ul.submenu {

        width: 66%;

        text-align: center;

    }

    .nav-3 {

        /*margin-left: 3%;*

    }

}

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

    .nav{

        display: none;

    }

    .nav-2 ul {

        width: 365px;

    }

    

    li.logo{

        display: none;

    }

    

    .nav-2 {

        font-size: 15pt;

    }

    .nav-2 li a:link {

        padding: 6px;

    }

    .nav-3{

        margin-top: 0px;

        width: 70%;

    }

    .nav-3 li a:link {

        margin: 5px 5px;

        padding: 0px 0px;

    }

    .nav-3 ul {

        margin-left: 5px;

    }

    li.margin_center {

        margin-left: 24%;

    }

    .nav-3 li.list_menu a:link{

        min-width: 304px;

        display: inline-block;

    

    }

    /*單件商品*/

        .nav-1 {

            font-size: 15pt;

            padding-bottom: 5px;

            padding-top: 5px;

            margin-bottom: 0px;

        }

        .nav-1 img {

            margin-top: 2px;

        }



    }



    @media (min-width:300px) and (max-width:471px) {

        .nav {

            display: none;

        }

        .nav-2 ul {

            width: 245px;

        }



        li.logo {

            display: none;

        }



        .nav-2 {

            font-size: 15pt;

        }

        .nav-2 li a:link {

            padding: 6px;

        }

        .nav-3 {

            margin-top: 0px;

            width: 90%;

        }

        .nav-3 li a:link {

            margin: 5px 5px;

            padding: 0px 0px;

        }

        .nav-3 ul {

            margin-left: 5px;

        }

        li.margin_center {

            margin-left: 24%;

        }

        .nav-3 li.list_menu a:link {

            min-width: 304px;

            display: inline-block;



        }

        /*單件商品*/

        .nav-1 {

            font-size: 10pt;

            padding-top: 5px;

            margin-bottom: 0px;

            width: 100%;

        }

        .nav-1 img {

            margin-top: -4px;

        }

    }