.boxAni{
	display:block;
	width:400px;
	height:400px;
	position:relative;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    color: #666666;
	}

/* 動畫條1 * /
/* GRID */
.PicChart .container {
  /*left: 61.5%;*/
  position: absolute;
 /* top: -39px;
  transform: translate(-50%, -50%);*/
  top:37px;
  left:0px;
}

/* PROGRESS */
.progress {
  background-color: #e5e9eb;
  height: 3.25em;
  position: relative;
  width: 20em;
}
.progress-bar {
  animation-duration: 4s;
  animation-name: width;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  background-size: 20em 3.25em;
  height: 100%;
  position: relative;
}
.progress-shadow {
  background-image: linear-gradient(to bottom, #dcdcdc, transparent);
  height: 4em;
  position: absolute;
  top: 100%;
  transform: skew(45deg);
  transform-origin: 0 0;
  width: 100%;
}

/* 動畫條222222 */

.container1 {
  position: absolute;
  /*left: 49.5%;
  top: 60px;
  transform: translate(-50%, -50%);  
*/
  top: 117px;
  left:0px;
}


.progress1 {
  background-color: #e5e9eb;
  height: 3.25em;
  position: relative;
  width: 10em;
}
.progress-bar1 {
  animation-duration: 3s;
  animation-name: width;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  background-size: 10em 3.25em;
  height: 100%;
  position: relative;
}
.progress-shadow1 {
  background-image: linear-gradient(to bottom, #dcdcdc, transparent);
  height: 4em;
  position: absolute;
  top: 100%;
  transform: skew(45deg);
  transform-origin: 0 0;
  width: 100%;
}

/* 動畫條222222 */
.container2 {

  position: absolute;
  /*
  left: 53.5%;
  top: 160px;
  transform: translate(-50%, -50%);
  */
  top:198px;
  left:0px;
}

.progress2 {
  background-color: #e5e9eb;
  height: 3.25em;
  position: relative;
  width: 8em;
}
.progress-bar2 {
  animation-duration: 4s;
  animation-name: width;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  background-size: 8em 3.25em;
  height: 100%;
  position: relative;
}
.progress-shadow2 {
  background-image: linear-gradient(to bottom, #dcdcdc, transparent);
  height: 4em;
  position: absolute;
  top: 100%;
  transform: skew(45deg);
  transform-origin: 0 0;
  width: 100%;
}


/* 動畫條33333 */
.container3 {

  position: absolute;
  /*
  left: 44%;
  top: 260px;
  transform: translate(-50%, -50%);
  */
  top: 278px;
  left:0px;
}

.progress3 {
  background-color: #e5e9eb;
  height: 3.25em;
  position: relative;
  width: 7em;
}
.progress-bar3 {
  animation-duration: 2s;
  animation-name: width;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  background-size: 7em 3.25em;
  height: 100%;
  position: relative;
}
.progress-shadow3 {
  background-image: linear-gradient(to bottom, #dcdcdc, transparent);
  height: 4em;
  position: absolute;
  top: 100%;
  transform: skew(45deg);
  transform-origin: 0 0;
  width: 100%;
}

.objects403{
    position: absolute;
    top: 36px;
    left: 306px;
    z-index: 3333;
	}

.objects404{
    position: absolute;
    top: 116px;
    left: 159px;
    z-index: 3332;
	}

.objects405{
    position: absolute;
    top: 197px;
    left: 129px;
    z-index: 3333;
	}
	
.objects406{
    position: absolute;
    top: 278px;
    left: 113px;
    z-index: 3333;
	}	
.title3{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3333;
	color:#000!important;
	}
.title4{
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 3333;
	color:#000!important;
	}
.title5{
    position: absolute;
    top: 160px;
    left: 0px;
    z-index: 3333;
	color:#000!important;
	}
.title6{
    position: absolute;
    top: 240px;
    left: 0px;
    z-index: 3333;
	color:#000!important;
	}
.nn1, .nn2, .nn3, .nn4{
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
	}	
.nn1 {
    position: absolute;
    top: 9px;
    left: 10px;
    z-index: 3;
	}

.nn2 {
    position: absolute;
    top: 9px;
    left: 10px;
    z-index: 3;
	}
	
.nn3 {
    position: absolute;
    top: 9px;
    left: 10px;
    z-index: 3;
	}
	
.nn4 {
    position: absolute;
    top: 9px;
    left: 10px;
    z-index: 3;
	}