*{ padding:0; margin:0;}
/* --- RESETS ------------------------------------------------ */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; font-family: Verdana, Geneva, sans-serif; font-size:12px; line-height:160%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal; border:none;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.f14{ font-size:14px}
.f16{ font-size:16px}
.f18{ font-size:18px}
.f24{ font-size:24px;line-height:30px;}
.fb{ font-weight:bold;}
.cO{ color:#ff7800;}
.cF{ color:#fff;}
.c33{ color:#333333;}
.cB{ color:#1d7a9c}
.radius3{ border-radius:3px;}

a{ text-decoration: none;outline: none; color:#fff;cursor:pointer;}

li{    list-style: none;}
.none{display: none;}
.fl{float:left;}
.fr{float: right;}
.tc{ text-align: center;}
.tr{text-align: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix {display:block;}

/*.lv3{ background:url(../images/lv.png) no-repeat; width:38px; height:13px; display:inline-block; margin:0 3px; vertical-align:middle;}*/

@charset "utf-8";
.header{ background:url(../images/top_bg.jpg) repeat-x; border-bottom:6px solid #1ec3e9;}
.pw:before, .pw:after { content:""; display:table; } 
.pw:after { clear:both; } 
.pw { zoom:1; /* IE < 8 */ width:1200px; margin:0 auto;}

body{ font-family: Verdana, Geneva, sans-serif; font-size:12px; line-height:160%; color:#ffffff; background:#000a0c;} 

.header{ border-bottom:6px solid #58daf8;
background: #00181f;
background: -moz-linear-gradient(top,  #00181f 0%, #002d37 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00181f), color-stop(100%,#002d37));
background: -webkit-linear-gradient(top,  #00181f 0%,#002d37 100%);
background: -o-linear-gradient(top,  #00181f 0%,#002d37 100%);
background: -ms-linear-gradient(top,  #00181f 0%,#002d37 100%);
background: linear-gradient(to bottom,  #00181f 0%,#002d37 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00181f', endColorstr='#002d37',GradientType=0 );
}
.header::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.logo{ background:url(../images/logo.png) no-repeat; width:299px; height:49px; margin:25px 0 0 10px; cursor:pointer;}
.top_right{ width:750px;}
.nav {position: relative;}
.nav ul {  left: -9999px;   overflow: hidden;   position: absolute;   top: -9999px;    z-index: 20; background:#58daf8;    
    -moz-transform: scaleY(0);   -ms-transform: scaleY(0);    -o-transform: scaleY(0);    -webkit-transform: scaleY(0);    transform: scaleY(0);  
    -moz-transform-origin: 0 0;   -ms-transform-origin: 0 0;    -o-transform-origin: 0 0;    -webkit-transform-origin: 0 0;    transform-origin: 0 0;
    -moz-transition: -moz-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.nav li { float: left;  position: relative;}
.nav li a {  display: block;    float: left; padding:0 16px; margin:0 2px;  text-align:center; height:42px;     position: relative;font:16px/42px Arial, Helvetica, sans-serif;font-weight:600;}
.nav li:hover > a {   color: #001015;}
.nav li:hover ul.subs {  left: 0px;top: 40px;width: 143px; -moz-transform: scaleY(1);   -ms-transform: scaleY(1); -o-transform: scaleY(1);
    -webkit-transform: scaleY(1); transform: scaleY(1);border-radius:3px;}

.nav ul li {width: 80%; text-align:center;margin-left:8px;}
.nav ul li a {float: none;width:90%; margin:0px auto 10px; height:30px; line-height:30px;}
.nav ul li:hover > a {  background: none repeat scroll 0 0 #1ec3e9;  color: #fff; border-radius:3px;}
.nav a:hover,.nav a.ative,.nav li:hover{  background: none repeat scroll 0 0 #58daf8; border-radius:3px 3px 0 0;  outline: 0 none;}
.nav_icon1,.nav_icon2,.nav_icon3,.nav_icon4,.nav_icon5,.nav_icon6{ background:url(../images/nav_icon.png) no-repeat; display:inline-block; vertical-align:sub; width:22px; height:22px; margin-right:5px;}
.nav_icon1{ background-position:0px 0px }
.nav_icon2{ background-position:-24px 0px }
.nav_icon3{ background-position:-48px 0px }
.nav_icon4{ background-position:-72px 0px }
.nav_icon5{ background-position:-96px 0px }
.nav_icon6{ background-position:-120px 0px }

.nav a:hover .nav_icon1,.nav a.ative .nav_icon1{ background-position:0px -24px }
.nav a:hover .nav_icon2,.nav a.ative .nav_icon2{ background-position:-24px -24px }
.nav a:hover .nav_icon3,.nav a.ative .nav_icon3{ background-position:-48px -24px }
.nav a:hover .nav_icon4,.nav a.ative .nav_icon4{ background-position:-72px -24px }
.nav a:hover .nav_icon5,.nav a.ative .nav_icon5{ background-position:-96px -24px }
.nav a:hover .nav_icon6,.nav a.ative .nav_icon6{ background-position:-120px -24px }

/*登陆*/
.login_before{ display:inline-block;}
.user_center{  color:#ffffff; position:relative; font-family: Arial, Helvetica, sans-serif; float:right; margin-right:60px; height:54px; width:100%; padding-top:4px; }
.user_center .login,.user_center .signup{ width:260px; padding:15px;border-radius:4px 0 4px 4px; position:absolute; top:30px; right:105px; z-index:5;}
.user_center .login{ background:#0d8dbf; height:235px;  display:none}
.user_center .signup{ background:#022028; height:270px;  display:none }
.user_center input[type="text"]{ width:250px; padding:5px; height:25px; border-radius:3px; margin:5px 0; color:#a9a9a9; background:#ededed; border:#ededed 1px solid;}
.user_center input[type="Password"]{ width:250px; padding:5px; height:25px; border-radius:3px; margin:5px 0; color:#a9a9a9; background:#ededed; border:#ededed 1px solid;}
.user_center .login input[type="text"]:focus{background-color:#fff; border:#96b909 1px solid; color:#5c5c5c}
.user_center .signup input[type="text"]:focus{background-color:#fff; border:#dd0707 1px solid; color:#5c5c5c}
.user_center input[type="button"]{ width:260px;  height:35px; border-radius:3px; font-size:18px; margin:10px 0 15px; color:#fff; position:relative; }
.user_center .login input[type="button"]{background:#96b909;   box-shadow:0px 4px 0px #749a03; }
.user_center .login input[type="button"]:active {   box-shadow:inset 0px -1px 0px #749a03;  top:4px;}
.user_center .signup input[type="button"]{background:#dd0707;   box-shadow:0px 4px 0px #a70000; }
.user_center .signup input[type="button"]:active {   box-shadow:inset 0px -1px 0px #a70000;  top:4px;}
.user_center .login input[type="checkbox"]{ display:inline; margin:0 5px 0 45px; vertical-align: sub ;}
.user_center .signup input[type="checkbox"]{ display:inline; margin-right:5px; vertical-align:sub ;}
.user_center .or{ background:#2dbedd; height:1px; line-height:1px; position:relative; margin:20px 0;}
.user_center .or span{ display:block; width:34px; height:20px; text-align:center; left:50%; top:-10px; font-weight:bold; position:absolute; line-height:20px; color:#fff; margin-left:-17px;}
.user_center .login .or span{ background:#0d8dbf;}
.user_center .signup .or span{ background:#022028;}
.user_center a.facebook_btn{width:157px;  height:29px; border-radius:4px; display:inline-block; font-size:15px;  padding-top:7px; text-indent:4px; margin:5px 0 5px;position:relative; text-align:center;}
a.raidcall_btn,a.twitter_btn,a.google_btn{width:40px; display:inline-block;  height:30px; border-radius:4px;   padding-top:6px; text-align:center; position:relative; margin-left:2px }
.user_center a.facebook_btn{background: linear-gradient(top , rgb(62, 102, 171) , rgb(44, 77, 150) 100%);
background: -o-linear-gradient(top , rgb(62, 102, 171) , rgb(44, 77, 150) 100%);
background: -ms-linear-gradient(top , rgb(62, 102, 171) , rgb(44, 77, 150) 100%);
background: -moz-linear-gradient(top , rgb(62, 102, 171) , rgb(44, 77, 150) 100%);
background: -webkit-linear-gradient(top , rgb(62, 102, 171) , rgb(44, 77, 150) 100%);
 box-shadow:0px 4px 0px #254188; }
.user_center a.google_btn{background: linear-gradient(left , rgb(249, 122, 105) , rgb(210, 81, 65) 100%);
background: -o-linear-gradient(left , rgb(249, 122, 105) , rgb(210, 81, 65) 100%);
background: -ms-linear-gradient(left , rgb(249, 122, 105) , rgb(210, 81, 65) 100%);
background: -moz-linear-gradient(left , rgb(249, 122, 105) , rgb(210, 81, 65) 100%);
background: -webkit-linear-gradient(left , rgb(249, 122, 105) , rgb(210, 81, 65) 100%);
 box-shadow:0px 4px 0px #b12117; }
.user_center a.google_btn:active {   box-shadow:inset 0px -1px 0px #b12117;  top:4px;}
.user_center a.twitter_btn{background: linear-gradient(left , rgb(91, 192, 251) , rgb(48, 155, 232) 100%);
background: -o-linear-gradient(left , rgb(91, 192, 251) , rgb(48, 155, 232) 100%);
background: -ms-linear-gradient(left , rgb(91, 192, 251) , rgb(48, 155, 232) 100%);
background: -moz-linear-gradient(left , rgb(91, 192, 251) , rgb(48, 155, 232) 100%);
background: -webkit-linear-gradient(left , rgb(91, 192, 251) , rgb(48, 155, 232) 100%);
 box-shadow:0px 4px 0px #1b77d9; }
.user_center a.twitter_btn:active {   box-shadow:inset 0px -1px 0px #1b77d9;  top:4px;}
.user_center a.facebook_btn:active {   box-shadow:inset 0px -1px 0px #254188;  top:4px;}
.user_center .fb_icon,.user_center .rc_icon,.user_center .gg_icon,.user_center .tw_icon,.icon_fb,.icon_tw,.icon_gg,.icon_sc{ background:url(../images/icon1.png) no-repeat;  width:25px; height:27px; display:inline-block; vertical-align:middle;}
.user_center .fb_icon{ margin-right:5px;}
.user_center .tw_icon{ background-position:-87px 0;}
.user_center .rc_icon{ background-position:-30px 0;}
.user_center .gg_icon{ background-position:-60px 0;}
.icon_fb,.icon_tw,.icon_gg,.icon_sc{ width:27px; margin:0 1px;}
.icon_fb{background-position:-130px 0;}
.icon_tw{background-position:-162px 0;}
.icon_gg{background-position:-59px 0;}
.icon_sc{background-position:-225px 0;}
.user_center a.raidcall_btn{background: linear-gradient(top , rgb(30, 168, 232) , rgb(10, 125, 178) 100%);
background: -o-linear-gradient(top , rgb(30, 168, 232) , rgb(10, 125, 178) 100%);
background: -ms-linear-gradient(top , rgb(30, 168, 232) , rgb(10, 125, 178) 100%);
background: -moz-linear-gradient(top , rgb(30, 168, 232) , rgb(10, 125, 178) 100%);
background: -webkit-linear-gradient(top , rgb(30, 168, 232) , rgb(10, 125, 178) 100%); box-shadow:0px 4px 0px #076ea4; }
.user_center a.raidcall_btn:active {   box-shadow:inset 0px -1px 0px #076ea4;  top:4px;}
.wel{ display:inline-block; vertical-align:middle; color:#ff7800; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:30px; margin-right:5px;}
.wel b{ color:#fff; font-size:16px; vertical-align: middle;}
.top_sc{background:#042c36; border-radius:3px; padding:1px; display:inline-block; vertical-align: middle;margin-right: 70px;}
.user_tab{background:#042c36; border-radius:3px; padding:3px; margin-right:4px;4}
.user_tab li{ display:inline-block; border-radius:2px; width:68px; text-align:center; padding:2px 20px 2px 0; cursor: pointer;font-family:Verdana, Geneva, sans-serif;}
.login_li{ background:#0d8dbf url(../images/select.png) no-repeat 68px -17px;}
.signup_li{background:#022028 url(../images/select.png) no-repeat 68px 6px;}
.login_after{ cursor:pointer; display:inline-block;background:url(../images/select.png) no-repeat right 10px; height:26px;  padding:4px 22px 4px 10px; text-align:left; vertical-align:top; border-radius:3px; position:relative;}
.login_after:hover{ background:#042c36 url(../images/select.png) no-repeat right 10px;;}
.login_after ul{left: -9999px;overflow: hidden;position: absolute;top: -9999px;z-index:20;}
.login_after:hover ul.user_info{ left:-50px;top: 32px;width: 330px; -moz-transform: scaleY(1);   -ms-transform: scaleY(1); -o-transform: scaleY(1);    -webkit-transform: scaleY(1); transform: scaleY(1);border-radius:3px;background: #042c36}
.login_after .user_name{display:inline-block; vertical-align:middle;font-weight:bold; }
.login_after .user_info{ padding:10px;}
.login_after .user_info .fr img{ border-radius:3px;}
.login_after .user_info .fl{ width:210px;}
.login_after .user_info p{ margin:5px 0;}
.login_after .user_info b{ color:#ff7800; font-size:14px; display:inline-block; width:40px; }
.login_after .user_info .btn{ background:#022028; width:200px; margin-right:4px; padding:3px; text-align:center}
.login_after .user_info span{display:inline-block; width:88px; text-align:right; float:left;}
.login_after .user_info a{ color:#1ec3e9; margin:0 5px;}
.top_state{background:#042c36  url(../images/select.png) no-repeat right 10px; border-radius:3px; padding:8px 30px 3px 8px; display:inline-block; vertical-align: middle; }
.state1,.state2{ background:url(../images/state.png) no-repeat; width:16px; height:12px; display:inline-block;}
.state2{ background-position:0 -18px;}

/*登录注册遮罩弹出*/
::-webkit-input-placeholder{
	color: #ff5858;
}
.left{
	float: left;
}
.right{
	float: right;
}
.login-pop{
    width: 970px;
    height: auto;
    overflow: hidden;
    background: url(../images/login-pop-bg.png);
    position: fixed;
    z-index: 9990;
    font-size: 12px;
}
.pop-title{
    padding: 12px 0 12px 40px;
    background-image: linear-gradient(#383838, #2f2f2f);
    background-color: #383838;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.close-login-pop{
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    background: #2a2a2a;
    cursor: pointer;
}
.close-login-pop:hover{
    background: #272727;
}
.close-login-pop:before{
    content: '';
    background: url(../images/game-icon.png) no-repeat -37px -255px ;
    display: block;
    margin:15px 0 0 15px;
    width: 16px;
    height: 15px;
}
.pop-title a{
    color: #eb1b70;
}
.login-p-create{
    width: 485px;
    float: left;
    position: relative;
    color: #999;
    border-right: 1px solid #000;
    box-sizing: border-box;
}
.login-pop a:hover{
    text-decoration: underline;
}
.login-p-other h1,
.login-p-create h1{
    font-size: 22px;
    color: #fff;
    padding: 36px 0 36px 40px;
    background: url(../images/login-p-h1-bg.png) left bottom repeat-x ;
}
.login-p-item{
    padding: 25px 0 0 0;
}
.login-p-item span{
    color: #999;
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.login-p-item li{
    margin-bottom: 15px;
}
.login-p-input {
	padding: 0 10px;
	color: #999;
	height: 30px;
	line-height: 30px;
	background-color: rgba(255, 255, 255, 0.08);
	border: 0;
	border-top: 1px solid #0d0c0c;
	border-bottom: 1px solid #4a4949;
    width: 385px;
}
.login-w-pwd a {
	color: #fff;
	display: inline-block;
	position: relative;
}
.login-w-pwd span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: rgba(255,255,255,0.08);
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 2px;
	border: 0;
	border-top: 1px solid #0d0c0c;
	border-bottom: 1px solid #4a4949;
}
.check-true span {
	background: url(../images/game-icon.png) no-repeat rgba(255,255,255,0.08) -7px -252px;
}
.login-p-create .login-w-pwd a{
    color: #ccc;
}
.login-p-create .login-btn{
    width: 165px;
    margin-top: 15px;
}
.login-now{
    color: #999;
    position: absolute;
    top: 370px;
    left: 230px;
}
.login-now a{
    color: #eb1b70;
}
.age-account{
    text-align: center;
    padding: 20px 0 0;
    line-height: 22px;
}
.age-account a{
    color: #fff;
}
.login-p-other{
    border-left: 1px solid #2f2e2e;
    float: left;
    width: 485px;
    box-sizing: border-box;
}
.desc{
    display: block;
    padding: 0 0 0 70px;
    color: #999;
    line-height: 22px;
    margin: 48px 0 30px;
    height: 41px;
    font-weight: bold;
}
.or1{
    display: block; background: url(../images/login-pop-bg.png);width: 35px;height: 40px;line-height:40px; position: absolute;left: 50%;top: 40%;margin: -20px 0 0 -17px;color: #999;font-size: 16px;text-align: center
}

.login-btn{
    height: 36px;
    background:url(../images/bg-icon.png) 0 -114px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    width: 100%;
    border-bottom: 3px solid #900045;
    margin: 8px 0 10p;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.login-other
{
	margin-left: 70px;
}
.login-other a{
	display: inline-block;
	float: left;
	margin-right: 13px;
	padding: 3px 10px;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/bg-icon.png);
	border-radius: 4px;

}
.login-other a:before{
	content: '';
	width: 25px;
	height: 27px;
	display: inline-block;
	background-image: url(../images/bk_btn3.png);
	margin: 3px 5px 0 -2px;
	float: left;
}
.login-other a:last-child{
	margin-right: 0;
}
.facebook{
	width: 140px;
	border-bottom: 3px solid #133574;
	background-position: 0 0;
	font-size: 18px;
}
.facebook:hover:before{
	background-position: -25px 0;
}
.twitter,
.googleplay{
	background-position: 0 -38px;
	width: 20px;
	border-bottom: 3px solid #a60101;
}
.googleplay:before{
	background-position: 0 -36px;
}
.googleplay:hover:before{
	background-position: -25px -36px;
}
.twitter{
	background-position: 0 -76px;
	border-bottom: 3px solid #28a6f2;
}
.twitter:before{
	background-position: 0 -73px;
}
.twitter:hover:before{
	background-position: -25px -73px;
}
.pop_div {
position: absolute;
top: 100px;
left: 200px;
width: 500px;
height: 120px;
background: #F0F0F0;
color : #111;
text-align: center;
padding-top: 40px;
}
.pop_div h2 {
color: #f35000;
font-size: 18px;
margin-bottom: 20px;
}
.pop_btn{ border-radius:3px; font-size:14px; display:inline-block; margin:10px; width:160px; height:40px; line-height:40px; border:1px solid #d0d0d0; color:#333333; 
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );
}


.sign_main{padding:70px 0; text-align:center;}
#p_sign{ margin:0 auto; text-align:left; position:static; background:#fff;width:970px; height:auto; overflow:auto;}
.login-p-other h1, .login-p-create h1{ color:#333; }
.login-p-input{border: 1px solid #b8b8b8;border-radius: 4px;padding: 10px 8px;box-shadow: inset 3px 3px 0px #e8e6e7;}
.sign_main a{color:#0a99cd;  }
.sign_main .login-p-other h1, .login-p-create h1{ background:none; padding:10px 0 0px 40px}
.login-p-other{ border:none; }
.login-p-create{ border-right:1px solid #e7e7e7;}
.sign_main .or1{ background:#fff;}
#p_sign .login-w-pwd span{border: 1px solid #4a4949}

body{ background:#000a0c;color: #ffffff;}
#p_possword{ margin:0 auto 150px; text-align:left; background:#fff;width:800px; height:auto; overflow:auto; padding:40px; height:200px;color:#111;}
#p_possword .email_input{border: 1px solid #b8b8b8;border-radius: 4px;padding: 10px 8px;box-shadow: inset 3px 3px 0px #e8e6e7; width:400px;}
#p_possword .send_btn{background:#96b909;   box-shadow:0px 4px 0px #749a03; border:none; width:160px; text-align: center;height: 35px; margin-left:10px;
border-radius: 3px;font-size: 18px;color: #fff;position: relative; }
#p_possword .send_btn:active {  box-shadow:inset 0px -1px 0px #749a03;  top:4px;}

/*loading css*/
#circularG{
position:relative;
z-index: 9999;
width:128px;
height:128px}

.circularG{
z-index: 9999;
position:absolute;
background-color:#ffffff;
width:29px;
height:29px;
-webkit-border-radius:19px;
-moz-border-radius:19px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.6s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
border-radius:19px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.6s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.6s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
}

#circularG_1{
left:0;
top:50px;
-webkit-animation-delay:0.6s;
-moz-animation-delay:0.6s;
-o-animation-delay:0.6s;
-ms-animation-delay:0.6s;
}

#circularG_2{
left:14px;
top:14px;
-webkit-animation-delay:0.8s;
-moz-animation-delay:0.8s;
-o-animation-delay:0.8s;
-ms-animation-delay:0.8s;
}

#circularG_3{
top:0;
left:50px;
-webkit-animation-delay:1s;
-moz-animation-delay:1s;
-o-animation-delay:1s;
-ms-animation-delay:1s;
}

#circularG_4{
right:14px;
top:14px;
-webkit-animation-delay:1.2s;
-moz-animation-delay:1.2s;
-o-animation-delay:1.2s;
-ms-animation-delay:1.2s;
}

#circularG_5{
right:0;
top:50px;
-webkit-animation-delay:1.4s;
-moz-animation-delay:1.4s;
-o-animation-delay:1.4s;
-ms-animation-delay:1.4s;
}

#circularG_6{
right:14px;
bottom:14px;
-webkit-animation-delay:1.6s;
-moz-animation-delay:1.6s;
-o-animation-delay:1.6s;
-ms-animation-delay:1.6s;
}

#circularG_7{
left:50px;
bottom:0;
-webkit-animation-delay:1.8s;
-moz-animation-delay:1.8s;
-o-animation-delay:1.8s;
-ms-animation-delay:1.8s;
}

#circularG_8{
left:14px;
bottom:14px;
-webkit-animation-delay:2s;
-moz-animation-delay:2s;
-o-animation-delay:2s;
-ms-animation-delay:2s;
}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}