@charset "utf-8";

/*
=======================================
	Reset CSS
=======================================
------------------*/
#nav {
    width: 97%;
    max-width: 1440px;
    z-index: 9998;
    color: #000;
    background-color: #fff;
    margin: auto;
    padding:0px;
    height: 55px;
    padding-top: 30px;
    /*background: url("../img/menubg.png.html") center top no-repeat;*/
    /* CSS3 陰影*/
    /*-webkit-box-shadow: 0px 8px 15px #333;
	-moz-box-shadow: 0px 8px 15px #333;
	box-shadow: 0px 8px 15px #333;
	/* container */
}

#nav a {
    display: block;
    padding: 12px 0;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
}

#nav a:hover {
    color: #000;
    font-size: 18px;
    text-shadow: 0px 0px 5px #f1a219, 0px 0px 5px #f1a219, 0px 0px 5px #f1a219;
}

#nav>a {
    display: none;
}

#nav li {
    position: relative;
}

/* ==========first level============ */

#nav>ul {
    /*height: 3.75em;*/
}

#nav>ul>li {
    width: 150px;
    float: left;
    text-align: right;
    list-style-type: none;
    color: #fff;
}

/* =================second level============== */
#nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 998;
}

#nav li ul li {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 0 30px;
}

#nav li ul li a {
    width: 100%;
}

#nav li ul li a:hover {}

#nav li:hover ul {

    display: block;
}
.mainNav{
    padding: 0px;
    float: right;
}
.mainNav_pc{
    padding: 0px;
    float: right;
}
.menu_e{
    font-size: 8px;
    font-weight: 400;
}
    .aboutm{
        display: none;
        }
            .aboutm2{
        display: none;
        }
    .mainNav_pc{
        display: block;
    }
        .mainNav{
        display: none;
    }
/* 640 */
@media only screen and (max-width: 40em){
    .mainNav_pc{
        display: none;
    }
    .mainNav{
        display: none;
    }

    .aboutm{
        position: absolute;
        top:0; 
        left:0;
        display: none;
        width: 100%;
        height: 50px;
        /*background-color: #000;*/
        z-index: 999;
        cursor: pointer;
    }
    .aboutm2{
        position: absolute;
        top:60; 
        left:0;
        display: none;
        width: 100%;
        height: 50px;
        /*background-color: #fff94a;*/
        z-index: 999;
        cursor: pointer;
    }
    #nav {
        position: fixed;
        top: 0;
        opacity: 1;
        z-index: 9990;
        color: #000;
        width: 100%;
        margin: auto;
        background-color: #fff;
    }
    #nav>a {
        text-align: center;
    padding-top: 5px;
    height: 21px;
    width: 51px;
    margin: 10px 5px;
    border: 1px solid;
    border-color: #e8c46c;
    border-radius: 5px;
    background-color: #747070;
    background: url("../img/menu.png") center top no-repeat;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    float: right;
    }

    #nav:not( :target)>a:first-of-type,
    #nav:target>a:last-of-type {
        display: block;
    }

    .menubar {
        display: none;
    }
    .menubar2 {
        display: none;
    }

    /* first level */

    #nav>ul {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 82px;
    }

    #nav:target>ul {
        display: block;
    }

    #nav>ul>li {
        width: 99.5%;
        float: none;
        background-color: #ffffff;
        text-align: right;
        border-color: #ececec;
        text-align: center;
        border-style: solid;
        border-width: 0px 1px 1px 1px;
    }

    /* second level */
    #nav li ul {
        position: static;
    }
    #nav li ul li {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 0 0px;
}
}