html,
body {
  height: 100%;
}

.top-bar, .top-bar .navbox-tiles, .navbox-trigger, .navbox-tiles .tile, .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .title {
  -webkit-transition: all .3s;
          transition: all .3s;
}

.navbox-tiles:after {
  content: '';
  display: table;
  clear: both;
}

/* Core Styles */
.top-bar {
  height: 50px;
  position: relative;
  z-index:15;
}
.top-bar .bar { width:50px;
  height: 50px;
  position: absolute;
  top:0px; right:0px;
  z-index:21;
}
.top-bar .navbox {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  z-index:22;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
  -webkit-transition: all .2s;
          transition: all .2s;
}
.top-bar .navbox-tiles {
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
}

.top-bar.navbox-open .navbox {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}
.top-bar.navbox-open .navbox-tiles {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.navbox-trigger {
	 border-style:none;
  background-color: transparent;
  width:100%;
  height: 50px;
  line-height: 50px;
 
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
		  background:url(/xq70/images/ic_mnav.png) no-repeat 15px center;
		  -webkit-background-size:auto 24px;-moz-background-size:auto 24px;-o-background-size:auto 24px; background-size:auto 24px;
}

.navbox {
  width:120px;
  max-width: 12em; background:#cb1818;
  -webkit-backface-visibility: initial;
          backface-visibility: initial;
}

.subNavBox{width:100%;}
.subNav{ border-top:#bf0f0f 1px dotted; cursor:pointer; font-weight:bold; font-size:14px; color:#fff; line-height:28px; background:url(/xq70/images/navrg.png) no-repeat; background-position:95% center; background-size:auto 14px; text-indent:10px;}
.subNav a{color:#fff;}
.subNav:hover{color:#fff;}
.currentDd{color:#fff}
.currentDt{background-image:url(/xq70/images/navbm.png);}
.navContent{display: none; border-top:#bf0f0f 1px dotted;}
.navContent li a{display:block; width:100%; heighr:28px; text-indent:15px; font-size:12px; line-height:20px; color:#fff; padding:8px 0px;}
.subnno{ background:none;}