@charset "utf-8";
#logo_org{
    background-image: url("images/logo.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20%;
    min-height: 100px;
    display: block;
    margin-top: -20px;
    padding: 0;
}
#menu_flag_bg{
    position: fixed;
}
#menu_flag_bg img{
    width: 20px;
    margin: -70px 60px 0px 0px;
    display: block;
    position: fixed;
    float: right;
    right: 0px;
}
#menu_flag_en{
    position: fixed;
}
#menu_flag_en img{
    width: 20px;
    margin: -70px 20px 0px 0px;
    display: block;
    position: fixed;
    float: right;
    right: 0px;
}
.topnav {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    background: rgba(0, 0, 0, 0.85);
}
.innernav_bg{
    width: 840px;
    margin: 0px auto;
}
.innernav_en{
    width: 895px;
    margin: 0px auto;
}
.topnav a {
    float: left;
    display: block;
    color: #ccc;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.topnav a:hover {
    color: #fff;
}
.topnav .icon {
    background-image: url("images/menu.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 60px;
    width: 3%;
    display: none;
    margin: 40px 0px 0px 10px;
    opacity: 0.8;
}
.topnav .tel {
    background-image: url("images/phone.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 60px;
    width: 3%;
    display: none;
    margin: 40px 10px 0px 0px;
    opacity: 0.8;
}
@media screen and (max-width: 1024px) {
    .topnav a:not(:first-child) {display: none;}
    #menu_flag_bg {
        position: fixed;
        height: 40px;
        width: 47%;
        background: #121212;
    }
    #menu_flag_bg img{
        width: 20px;
        margin: 10px 0px 0px 20px;
        display: block;
        position: fixed;
        left: 0px;
    }
    #menu_flag_en {
        position: fixed;
        height: 40px;
        width: 47%;
        background: #121212;
        float: right;
        right: 0px;
    }
    #menu_flag_en img{
        width: 20px;
        margin: 10px 20px 0px 0px;
        display: block;
        position: fixed;
        right: 0px;
    }
    .innernav_bg{
        width: 100%;
        min-width: 0px;
        margin: 0px auto;
    }
    .innernav_en{
        width: 100%;
        min-width: 0px;
        margin: 0px auto;
    }
    .topnav a.icon {
        float: left;
        display: block;
    }
    .topnav a.tel {
        float: right;
        display: block;
    }
    .topnav.responsive {
        position: relative;
        background: rgba(0, 0, 0, 0.93);
    }
    .topnav.responsive .icon {
        float: left;
        left: 0;
        top: 0;
    }
    .topnav.responsive .tel {
        float: right;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
    }
    #logo{
        background-image: url("images/logo.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 20%;
        min-height: 100px;
        display: block;
        margin: 0px auto -100px auto;
        position: relative;
        padding: 0;
        float: none;
    }
    #logo_org{
        display: none;
    }
}
@media screen and (max-width: 720px) {
    #logo{
        width: 30%;
    }
}
@media screen and (max-width: 520px) {
    #logo{
        width: 40%;
    }
}
@media screen and (max-width: 360px) {
    #logo{
        width: 55%;
    }    
}