[data-pie-id] > *:nth-child(7n+1), [data-bar-id] > *:nth-child(7n+1), [data-line-id] > *:nth-child(7n+1) {
  color: #ff6700; }
[data-pie-id] > *:nth-child(7n+2), [data-bar-id] > *:nth-child(7n+2), [data-line-id] > *:nth-child(7n+2) {
  color: #ff875f; }
[data-pie-id] > *:nth-child(7n+3), [data-bar-id] > *:nth-child(7n+3), [data-line-id] > *:nth-child(7n+3) {
  color: #ffc3a4; }
[data-pie-id] > *:nth-child(7n+4), [data-bar-id] > *:nth-child(7n+4), [data-line-id] > *:nth-child(7n+4) {
  color: #aeaeae; }
[data-pie-id] > *:nth-child(7n+5), [data-bar-id] > *:nth-child(7n+5), [data-line-id] > *:nth-child(7n+5) {
  color: #e1e1e1; }
[data-pie-id] > *:nth-child(7n+6), [data-bar-id] > *:nth-child(7n+6), [data-line-id] > *:nth-child(7n+6) {
  color: #dcd6b3; }
[data-pie-id] > *:nth-child(7n+7), [data-bar-id] > *:nth-child(7n+7), [data-line-id] > *:nth-child(7n+7) {
  color: #9e9bc9; }
#donut{
  height: 250px; 
  margin:-20px 0px 50px 0; /*長寬位置*/
  }

#bar{
  height: 250px; 
  padding:0px 0px 0px 60px; /*長寬形狀*/
  margin:0px -20px 0px -20px;/*長寬位置*/
  font-size:0.9em;
  }

#donut svg {
  width: 80%; /*圖表比例*/
  height:auto;
   }
.tooltip {
  margin-left: -5px;
  border-radius: 3px;
  padding: 5px; }

ul[data-pie-id] ,[data-bar-id] {  
  list-style:square;  
  padding-top: 20px; /*項目距離*/
  padding-left: 10px;
  }
ul[data-pie-id] > li > span ,ul[data-bar-id] > li > span{
  color:#666;/*項目字的顏色*/
  font-size:0.9em;
  }