/* -------------------------------- 

Primary style

-------------------------------- */





/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  width: 100%;
  background: #cdcdcd;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}

.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {

  height: 45px;
  width: 100%;
  line-height: 45px;
  position: relative;
  display: block;
  background: #b9b9b9;
  color: #ffffff;
  font-size: 14px;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background-color:@cd;
            transition: background-color 0.8s;
            -moz-transition: background-color 0.8s; /* Firefox 4 */
            -webkit-transition: background-color 0.8s;  /* Safari 和 Chrome */
            -o-transition: background-color 0.8s; 
  background: #cdcdcd;
}

.cd-accordion-menu label {
  margin-bottom: -5px;
  cursor: pointer;
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}