#about .progress_s0 .t span { color: #2ca594; } 
#about .progress_s0 .contents { width:1149px; height:550px; background:url(../images/about_progress_big_s0.png) no-repeat center; position:relative; } 
#about .progress_s0 .contents .item { position:absolute; height: 100px; font-size:14px; color:#444; left:-50px; top:-50px; max-width: 140px; } 
#about .progress_s0 .contents .item div p { font-size: 14px; margin: 0; color: #787878; letter-spacing: 0; } 
#about .progress_s0 .contents .item span { font-size:22px; color:#000; display: block; margin-bottom: 20px; } 
#about .progress_s0 .contents .item.down span { margin-bottom: 0; margin-top: 20px; } 
#about .progress_s0 .contents .item.down p { margin-top: 10px; } 
#about .progress_s0 .contents .flag { position: absolute; top: 191px; left: 39px; } 
#about .progress_s0 .contents .flag_hide { display: none; } 

#about .progress_s0 .contents .flag1 { left: 39px; } 
#about .progress_s0 .contents .flag2 { left: 200px; } 
#about .progress_s0 .contents .flag3 { left: 359px; } 
#about .progress_s0 .contents .flag4 { left: 520px; } 
#about .progress_s0 .contents .flag5 { left: 679px; } 
#about .progress_s0 .contents .flag6 { left: 840px; } 
#about .progress_s0 .contents .flag7 { left: 999px; } 
#about .progress_s0 .contents .flag8 { left: 999px; top: 340px; } 
#about .progress_s0 .contents .flag9 { left: 840px; top: 340px; } 
#about .progress_s0 .contents .flag10 { left: 679px; top: 340px; } 
#about .progress_s0 .contents .flag11 { left: 520px; top: 340px; } 
#about .progress_s0 .contents .flag12 { left: 359px; top: 340px; } 
#about .progress_s0 .contents .flag13 { left: 200px; top: 340px; } 
#about .progress_s0 .contents .flag_90 { transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); } 
#about .progress_s0 .contents .flag_180 { transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); } 
#about .progress_s0 .contents .move { animation:mymove_s0 8s linear; -webkit-animation:mymove_s0 8s linear; } 

@keyframes mymove_s0 { 8% { left: 200px; top:191px; } 
16% { left: 359px; top:191px; } 
24% { left: 520px; top:191px; } 
32% { left: 679px; top:191px; } 
 40% { left: 840px; top: 191px; } 
 48% { left: 999px; top: 191px; } /*turn star*/
 52% { left: 1100px; top: 191px; } 
 53% { left: 1115px; top: 195px; } /*corner*/
55% { left: 1138px; top: 220px; } 
58% { left: 1138px; top: 310px; } 
59% { left: 1128px; top: 326px; } /*corner*/
61% { left: 1100px; top: 340px; } 
65% { left: 999px; top: 340px; } /*turn end*/
72% { left: 840px; top: 340px; } 
79% { left: 679px; top: 340px; } 
86% { left: 520px; top: 340px; } 
93% { left: 359px; top: 340px; } 
100% { left: 200px; top: 340px; } 
 }
#about .progress_s0 .contents .i0 { left:67px; top:57px; } 
#about .progress_s0 .contents .i1 { left:379px; top:57px; } 
#about .progress_s0 .contents .i2 { left:537px; top:77px; } 
#about .progress_s0 .contents .i3 { left:700px; top:57px; } 
#about .progress_s0 .contents .i4 { left:860px; top:77px; } 
#about .progress_s0 .contents .i5 { left:1018px; top:57px; } 
#about .progress_s0 .contents .i6 { left:865px; top:409px; } 
#about .progress_s0 .contents .i7 { left:705px; top:419px; } 
#about .progress_s0 .contents .i8 { left:545px; top:404px; } 
#about .progress_s0 .contents .i9 { left:395px; top:457px; } 
#about .progress_s0 .contents .i10 { left:220px; top:345px; } 
#about .progress_s0 .contents .i11 { left:30px; top:345px; } 
#about .progress_s0 .contents .i12 { left:10px; top:345px; } 
#about .progress_s0 .item a { text-decoration:none; color:#f6ae07; display:block; padding-left:10px; font-weight: bold } 
#about .progress_s0 .contents .i6,#about .progress_s0 .contents .i7,#about .progress_s0 .contents .i8,#about .progress_s0 .contents .i9 { top:350px } 
.progress_s0 .item { line-height:22px; }