.classroom-chartview {
   
  #classroomtype-pie {
    width: 90%;
    height: 298px;
    margin-left: 4%;
  }
  .devidedline {
    border-color: rgba(255, 255, 255, 0.1);
   
  }
  .chartData-wrapper {
    padding: 7% 20%;
    text-align: center;
    .title-fixed {
      color: rgb(248, 98, 187);
    }
    .title-using {
      color: rgb(29, 191, 242);
    }
    .percent-icon {
      font-size: 18px;
      margin-left: 3px;
      font-weight: normal;
    }
    //組成條圖
    .emptybar {
      width: 100%+3px;
      height: 10px;
      border-radius: 5.5px;
      background-color: rgb(136, 136, 136);
      margin-top: 30px;
      position: relative;
    }
    .fixedbar {
      position: absolute;
      display: inline-block;
      height: 10px;
      background-color: rgb(248, 98, 187);
      width: 10%;
      left: 0px;
      top: 30.35px;
      border-radius: 5.5px 0px 0px 5.5px;
    }
    .usingdbar {
      position: absolute;
      display: inline-block;
      background-color: rgb(29, 191, 242);
      height: 10px;
      width: 30%;
      left: 10%;
      top: 29.5px;
      z-index: 5;
    }
  }
}
