.bg_circle{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}
.ie .bg_circle{display:none}
.bg_circle .circle_img{position:absolute;}
.bg_circle .circle_img_01{top:20%;right:10%;opacity:.4;-webkit-animation:circle_img_01 14s linear infinite alternate;animation:circle_img_01 14s linear infinite alternate}
.bg_circle .circle_img_02{top:10%;right:55%;opacity:.6;-webkit-animation:circle_img_02 22s linear infinite alternate;animation:circle_img_02 22s linear infinite alternate}
.bg_circle .circle_img_03{top:58%;right:-4%;opacity:.3;-webkit-animation:circle_img_03 14s linear infinite alternate;animation:circle_img_03 14s linear infinite alternate}
.bg_circle .circle_img_04{top:35%;left:-25%;opacity:1;-webkit-animation:circle_img_04 14s linear infinite alternate;animation:circle_img_04 14s linear infinite alternate}
.bg_circle .circle_img_05{top:57%;left:50%;opacity:.6;-webkit-animation:circle_img_05 14s linear infinite alternate;animation:circle_img_05 14s linear infinite alternate}
.bg_circle .circle_img_06{top:50%;left:58%;opacity:.6;-webkit-animation:circle_img_06 14s linear infinite alternate;animation:circle_img_06 14s linear infinite alternate}
@-webkit-keyframes circle_img_01{
0%{-webkit-transform:rotate(0) scale(1) translate(0,0)}
50%{-webkit-transform:scale(1.1) translate(8%,15%)}
100%{-webkit-transform:rotate(360deg) scale(1) translate(0,0)}
}
@-webkit-keyframes circle_img_02{
0%{-webkit-transform:rotate(0) translate(-20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(20%,-10%)}
}
@-webkit-keyframes circle_img_03{
0%{-webkit-transform:rotate(0) translate(20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(-20%,-10%)}
}
@-webkit-keyframes circle_img_04{
0%{-webkit-transform:translate(0,10%)}
100%{-webkit-transform:translate(20%,-10%)}
}
@-webkit-keyframes circle_img_05{
0%{-webkit-transform:translate(-50%,40%)}
50%{-webkit-transform:translate(20%,10%)}
100%{-webkit-transform:translate(30%,-30%)}
}
@-webkit-keyframes circle_img_06{
0%{-webkit-transform:translate(50%,-40%)}
50%{-webkit-transform:translate(20%,-10%)}
100%{-webkit-transform:translate(-30%,30%)}
}
@keyframes circle_img_01{
0%{transform:rotate(0) scale(1) translate(0,0)}
50%{transform:scale(1.1) translate(8%,15%)}
100%{transform:rotate(360deg) scale(1) translate(0,0)}
}
@keyframes circle_img_02{
0%{transform:rotate(0) translate(-20%,10%)}
100%{transform:rotate(-360deg) translate(20%,-10%)}
}
@keyframes circle_img_03{
0%{transform:rotate(0) translate(20%,10%)}
100%{transform:rotate(-360deg) translate(-20%,-10%)}
}
@keyframes circle_img_04{
0%{transform:translate(0,10%)}
100%{transform:translate(20%,-10%)}
}
@keyframes circle_img_05{
0%{transform:translate(-50%,40%)}
50%{transform:translate(20%,10%)}
100%{transform:translate(30%,-30%)}
}
@keyframes circle_img_06{
0%{transform:translate(50%,-40%)}
50%{transform:translate(20%,-10%)}
100%{transform:translate(-30%,30%)}
}