@charset "UTF-8";

header{
  height: 50px !important;
  position: static !important;
    top: 0 !important;
}
.trunk header nav.nav{
  top: 0 !important;
  /* width: 100vw !important; */
}
#top > div > header > nav{
  width: 100% !important;
}

.header .nav{
  position: relative !important;
  width: 100vw !important;
}
/* .body.lower .trunk .branches.header{
  height: 50px;
} */


.body.lower .trunk .branches .leaf.title{
  padding-left: 10px;
}

.body.lower .trunk .branches .leaf.title{
  line-height: 80px;
}
.body .trunk > .branches > .leaf{
  /* width: 100vw !important; */
}
.body .trunk > .branches > .leaf .outline{
  display: block !important;
  width: 100%;
}
.body.lower .trunk .branches .leaf > .main{
  /* width: 100% !important; */
}
.body.lower .trunk .branches .leaf > .main > .content{
  display: block;
  width: 100%;
  padding: 0 10px;
}
.leaf .main .content .list .title{
  display: block !important;
  width: 100% !important;
  padding-bottom: 0 !important;
}
.leaf .main .content .list .detail{
  display: block !important;
  width: 100% !important;
  padding-top: 5px !important;
  font-size: 12px !important;
}
.body .trunk .branches .leaf .main.outline .list .title, .body .trunk .branches .leaf .main.outline .list .detail{
  border: none;
}
.body .trunk .branches .leaf .main.outline .list .title, .body .trunk .branches .leaf .main.outline .list:nth-child(2n){
  border-bottom: 1px solid #DDDDDD;
}