body{font-size:14px;font-family:Tahoma,arial,serif;line-height:1;background:#fff;margin:0}
em{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin-top:0;margin-bottom:0}
dl,p{margin-top:0;margin-bottom:0}
dd{margin-left:0}
ul{margin:0;padding-left:0;list-style:none}
body{width:100%;overflow:hidden;position:relative}
.charts{width:100%;position:relative}
.chart{width:100%;position:absolute;left:0;top:0}
#barChart{left:100%}
#lineChart{left:200%}
.content{position:relative}
h1{color:#5d6e82;line-height:15px;background:url('back.jpg') 0 0 no-repeat;padding-left:20px;margin:20px auto;}
.desc{color:#999ea4;text-align:center;margin-top:20px;line-height:15px}
.desc em,#month,.remainder{padding-left:14px}
.master,#month{background:url('back.jpg') -5px -16px no-repeat}
.learning,.remainder{background:url('back.jpg') -5px -31px no-repeat;margin-left:10px}
#controller{line-height:10px;height:10px;width:54px;margin:10px auto}
#controller a{background-color:#e0e1e3;display:inline-block;width:10px;height:10px;margin-right:8px;cursor:pointer}
#controller a.cur{background-color:#c2f2ff}
#pieChartC{position:relative;left:50%;height:100%}
#data{color:#2ed0fe;position:absolute;left:50%;top:50%}
#data .percent{color:#9ea5b5;margin-left:5px}
#barContent{padding:0 5px}
.wrap{width:100%;height:100%;box-sizing:border-box;overflow:hidden}
#barGraph{height:100%;width:100%;text-align:center;overflow:hidden;position:relative}
#barGraph li{background:#eaedf2;border-radius:2px;display:inline-block;height:100%;position:relative;z-index:5}
#dataText{background-color:#fff;text-align:center;width:100%;position:relative;top:-18px;z-index:8}
#dataText li{text-align:left;color:#32d0ff;display:inline-block;position:relative;top:0;z-index:10}
#barGraph li em{background-color:#32d0ff;border-radius:2px;position:absolute;width:100%;bottom:20px;left:0}
#barGraph li span{background-color:#fff;position:absolute;height:20px;width:100%;bottom:0;left:0}
.lineContent{width:100%;padding:0 10px;box-sizing:border-box}
#lineChart dl{overflow:hidden}
#lineChart dt,#lineChart dd{height:100%;float:left}
#lineChart dt{color:#2fcfff;width:40px;margin-right:10px}
#lineChart dd{margin-left:40px;border-bottom:1px dashed #d8e2eb;width:100%}
#lineChartC{position:absolute;left:40px;z-index:5}
#lineGraph{width:100%;position:absolute;top:0;overflow:hidden}
#lineGraph ul{margin-left:40px;height:20px;line-height:20px;position:absolute;width:100%}
#lineGraph li{font-size:12px;display:inline-block;width:15px;height:20px;color:#fff;font-family:arial;display:none}
#lineGraph li:nth-child(5n+1){color:#d8e2eb;display:inline-block}
