﻿.header{border-bottom:1px solid #dddddd;}
.meun{width:60%; float:left; margin-left:10%;}
.meun ul{display:flex;width:100%;position:relative;}
.meun ul li{width:50%; text-align:center;}
.meun ul li a{line-height:80px; font-size:1.2em; font-weight:bold;}
.meun ul li .meun-item{margin-left:-50px; position:absolute;z-index:10; background:#fff;top:80.5px; padding:20px 50px;display:none; min-width:150px;}
.meun ul li .meun-item ul{display:block;}
.meun ul li .meun-item ul li{width:100%;}
.meun ul li .meun-item ul li a{font-size:1em; line-height:50px;}
.meun ul li.itemlist{position:initial;}
.meun ul li.itemlist .meun-item{width:150%; left:-25%; margin-left:0px; padding:0px;}
.meun ul li.itemlist .meun-item ul{width:100%; margin:0px auto;position:relative;min-height:460px; }
.meun ul li.itemlist .meun-item ul::before{content:''; width:1px; background:#ddd; position:absolute;height:100%; top:0px; left:20%;}
.meun ul li.itemlist .meun-item ul::after{content:''; width:1px; background:#ddd; position:absolute;height:100%; top:0px; left:40%;}
.meun ul li.itemlist .meun-item ul li{width:20%;visibility: visible; border-bottom:1px solid #ddd;}
.meun ul li.itemlist .meun-item ul li a{display:block; position:relative;}
.meun ul li.itemlist .meun-item ul .action {display:block}
.meun ul li.itemlist .meun-item ul .action>a{color:#ff0000;}
/*.meun ul li.itemlist .meun-item ul li:hover a:before{content:''; position:absolute; right:-10px; top:15px; width: 0;height: 0;border-left: 10px solid #ddd; border-top: 10px solid transparent;border-bottom: 10px solid transparent;}*/
.meun ul li.itemlist .meun-item ul li dl{width:20%; position:absolute; left:20%; top:0px; display:none;}
.meun ul li.itemlist .meun-item ul li dl dd{border-bottom:1px solid #ddd;}
.meun ul li.itemlist .meun-item ul li dl dd a{font-size:1em; }
.meun ul li.itemlist .meun-item ul li ol{width:55%; position:absolute; left:40%; top:0px; display:none;}
.meun ul li.itemlist .meun-item ul li ol li{width:100%; text-align:left;}
.meun ul li.itemlist .meun-item ul li ol li a{padding-left:20px; font-size:0.9em; font-weight:200;}


.serch_input{width: 50%; padding: 0; position: fixed; top: 60px; right: 20px; z-index: 10; background: #fff; display: none;}
.serch_input form{display: flex; justify-content: flex-end; align-items: center;}
.serch_input form input.txt{width: 60%; border: 0px; border-bottom: 1px solid rgba(0, 0, 0, .5); padding: 10px 20px; box-sizing: border-box;}
.serch_input form input.sub{width: 35px; height: 35px; border: 0px; background: url(../images/search.svg) center center no-repeat;}
.serch_input form span{margin-left: 30px;}
.serch_input form span img{cursor: pointer;}

.menu-mobile{display:none;font-size: 1.8em; right: 15px; position: absolute;top: 22px; padding:0px;}
.menu-mobile:after {
        content: "\f394";
        font-family: "Ionicons";
        font-size: 2.5rem;
        padding: 0;
        float: right;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        transform: translateY(-25%);
    }
.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}
@media only screen and (max-width: 959px) {
     .header .nva{width:100%;}
     .header .nva .logo{ margin-left:10px;}
     .header .nva .search{position:absolute; right:5em;top:1.9em; margin:0px;}
     .menu-mobile{display: block; font-size:1em; top:1.8em;}
     .meun{float:right;width:auto; width:100%; border-top:1px solid #d7dcdc}
     .meun ul{display:none;}
     .meun ul li{width:100%; text-align:left; padding-left:10px; border-bottom:1px solid #d7dcdc }
     .meun ul li a{line-height:50px; font-weight:100;}
     .meun .show-on-mobile{display: block; }
     .meun ul li.itemlist .meun-item ul::before,.meun ul li.itemlist .meun-item ul::after{width:0px;}
     .nva .meun .show-on-mobile .meun-item{display:block; width:100%; margin:0px; position:relative;left:0px;top:0px; padding:0px;}
     .nva .meun .show-on-mobile .meun-item ul{min-height:auto;}
     .nva .meun .show-on-mobile .meun-item ul li{width:100%;}
     .nva .meun .show-on-mobile .meun-item ul li:last-child{border-bottom:0px;}

}