nav{font-family:Arial, Helvetica, sans-serif;}
.toggleMenu { display:  none; color: #fff; width:100%; text-align:left; font-size:13px; height:40px; line-height:40px;}
.navi_i { list-style: none;*zoom: 1;}
.toggleMenu:hover{color:#fff; text-decoration:none;}
.navi_i:before, .navi_i:after { content: " "; display: table;}
.navi_i:after { clear: both;}
.navi_i ul { list-style: none; width: 11em;}
.navi_i a { padding:0px 10px; color:#fff; text-decoration:none;}
.navi_i a:hover{ color:#fff;}
.navi_i li.hover{}
.navi_i li.hover li a.parent {color:#000;background-position: 95% 50%; background-image:url(../images/arrow_right.png); background-repeat:no-repeat;}
.navi_i li { position: relative; font-size:13px; height:40px; line-height:40px; margin:0;}
.navi_i > li {float: left; /*display:inline-block;*/}
.navi_i > li > .parent {background-position: 100% 50%; background-image:url(../images/arrow_white.png); background-repeat:no-repeat;}
.navi_i > li > a { display: block; padding:0 9px; font-family:Arial;}
.navi_i li a.last{padding:0 0px 0 10px;}
.navi_i > li > a :hover{background-color:none !important;}
.navi_i li ul { position: absolute; display:none; z-index:99999; padding:4px; background:#fff; width:225px;top: 36px;border: 1px solid #ddd;margin-top: -11px;}
.navi_i > li.menu-item-has-children > a{ padding-right:18px;}
.navi_i li .sub-menu li:last-child a{ background:none; border:none; color:#000;padding: 0px 10px; border-radius:0px; line-height:35px;}
.navi_i li .sub-menu li:last-child.current-menu-item a{ color:#000!important;}
.navi_i li .sub-menu li:last-child.current-menu-item a:hover{ color:#fff!important;}

.navi_i > li.hover > ul { left: 0;}
.navi_i li li.hover ul { left: 100%; top:10px;}
.navi_i li li a { display: block; position: relative; font-size:14px; font-weight:700; z-index:999999; border-bottom: 1px dotted #ddd; text-align:left; color:#000; line-height:35px; font-weight:normal;}
.navi_i li li:last-child a{border-bottom:none;}
.navi_i li li{ height:auto;}	
.navi_i li li a:hover{color:#000;}
.navi_i li li li a { z-index:200;}

.navi_i li.hover li a:hover{background-color:#312783; color:#fff;}
.navi_i li.hover ul{display:block;}
.navi_i li.hover ul li ul{display:none;}
.navi_i li.hover ul li.hover ul{display:block;}

@media only screen 
and (min-width : 320px) 
and (max-width : 999px){

.toggleMenu { display:  block;}
.navi_i {padding-left:0; z-index:9999; position:absolute; width:100%; border:1px solid #ddd; left:0;top: 83px;-moz-box-shadow: 4px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px rgba(0,0,0,0.2);
	box-shadow: 4px 4px rgba(0,0,0,0.2);}
.navi_i > li {float: none; text-align:left; width:100%; height:auto; margin:0; margin-top:2px; margin-bottom:2px;}
.navi_i > li > a {background-color:#f7f7f7; color:#000; border-bottom:1px solid #ddd; font-size:13px; font-weight:normal; padding: 5px; line-height:30px; }
.navi_i > li > a:hover{text-decoration:none; color:#000;}
.navi_i > li > .parent {background-position: 95% 50%; background-image:url(../images/arrow.png); background-repeat:no-repeat;}
.navi_i li li .parent {background-repeat: no-repeat; background-position: 95% 50%;}
.navi_i ul {display: block; width: 100%;}
.navi_i > li.hover > ul , .navi_i li li.hover ul {position: static; background:#f7f7f7; width:100%; padding:0;}
.navi_i li li a {display: block; padding:3px 10px; color:#000; position: relative; z-index:100; border-bottom: 1px solid #ddd; background-color:#f7f7f7;}
.navi_i li:hover ul{display:none;}
.navi_i li.hover ul, .navi_i li.hover ul li.hover ul{display:block;border:none; border-bottom:1px solid #ddd;}
.navi_i li.hover ul li a{background:#ebeaea; padding-left:15px;}
.navi_i li.hover ul li.hover ul li a{background:#fff; padding-left:25px;}
.navi_i li.hover ul li a.parent {background-position: 95% 50%; background-image:url(../images/arrow.png); background-repeat:no-repeat;}
}

@media only screen and (min-width : 1000px) and (max-width : 1199px) {
.navi_i > li > a {
	padding: 0 16px 0 10px;
}
}
@media only screen and (max-width :1085px){
}