.QA{
  border-radius: 8px;
  border: 1px solid #dddddd;
}
.accordion {
  width: 100%;
}
.QA .accordion .item .acoordion-content{
  margin: 0;
}
.accordion .item {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.QA_menulabel{
    width: 100%;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    display: flex;
    justify-content: flex-start;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    align-items: center;

}
.QA_menulabel:after{
    content: "\f0d7";
    font-weight: 900;
    font-size: 1.2em;
    padding: 0 .8em;
    color: #8081ff;
    transition: transform 200ms ease-out;
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
}

.QA_menu_title{
  color: #8081ff;
  margin: .6em 0;
  width: 100%;
  font-size: 20px;
  font-weight: normal;
  display: flex;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  align-items: center;
}

.QA_menu_title:after{
    content: "\f0d7";
    font-weight: 900;
    font-size: 1.2em;
    padding: 0 .4em;
    color: #8081ff;
    transition: transform 200ms ease-out;
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
}


.QA-content{
    height: 0px;
    color: #333;
    overflow: hidden;
    transition: padding 200ms ease-in-out;
    -webkit-transition: padding 200ms ease-in-out;
    -moz-transition: padding 200ms ease-in-out;
    margin: 0 auto;
    padding-left: 5em;
}

.QA-content ul{
     /* list-style-type: decimal; */
     margin-top: .4em;
     margin-bottom: 2em;
}
.QA-content ul li{
   box-sizing: border-box;
   margin: 1em 1em 1em 3.4em;
   line-height: 1.5em;
   font-size: 1em;
}

.Q-title{
    width: 100%;
    padding:1em;
    font-size: 1em;
}
.Q-block{
  margin-top: -12px;
}

.Q{
  color: #8081ff;
  font-size: 2em;
  font-weight: bold;
}

.number{
  color: #8081ff;
  font-size: 1em;
  font-weight: bold;
  margin-left: -.2em;
  margin-right: .8em;
}
.A{
    color: #CF7FFA;
    font-size: 2.6em;
    font-weight: bold;
    float: left;
    box-sizing: border-box;
    margin-top: -16px;
}

.QA_info{
  color: #8081ff;
  font-weight: bold;
  margin: 0 .8em 0 2.4em;
  font-size: 1em;
}




.accordion .item input[type="radio"]:checked + label.QA_menulabel:after,
.accordion .item input[type="checkbox"]:checked + label.QA_menulabel:after, 
.accordion .item input[type="radio"]:checked + label.QA_menu_title:after,
.accordion .item input[type="checkbox"]:checked + label.QA_menu_title:after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion .item input[type="radio"]:checked ~ .QA-content,
.accordion .item input[type="checkbox"]:checked ~ .QA-content{
  height: auto;
}

.accordion .item input[type="radio"],
.accordion .item input[type="checkbox"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 0px;
  z-index: 999;
}
.accordion .item input[type="radio"][hidden="hidden"],
.accordion .item input[type="checkbox"][hidden="hidden"] {
  visibility: hidden;
  top: -100%;
}
.accordion .item input[type="radio"][hidden="hidden"] + label:after,
.accordion .item input[type="checkbox"][hidden="hidden"] + label:after {
  display: block;
}
.accordion .item input[type="radio"]:focus,
.accordion .item input[type="checkbox"]:focus {
  outline: none;
}



/* $Mobile
--------------------------------------------------------------------------------------*/
/* --- Large devices (tablets) (phones)--- */
@media( max-width:1199.98px ){
  .QA_menulabel{
    justify-content: space-between;
  }
  .QA_menulabel h3{
    width: 64%;
    font-size: 1em;
  }
  .QA_menu_title h3{
    width: 100%;
    text-align: center;
    font-size: 1em;
  }
  .Q-block{
    margin-left: .4em;
  }
  .Q-title{
    padding: 1em 0;
  }
  .number{
    margin-right: 0;
  }
  .QA-content{
    width: 100%;
    word-break: break-all;
    padding-left: 1em;
    box-sizing: border-box;
  }
}