@charset "utf-8";
html,body{height:100%;}
body{font-family:新明細體, PMingLiU, SimSun, sans-serif;font-size:13px; line-height:25px; color:#5f0000; background:#000000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th{margin:0;padding:0;}
fieldset,img {border:0;}
ul,li,ol {list-style:none;}
select,input{vertical-align:middle;}
a{color:#5f0102; text-decoration:none; outline:none;star:expression(this.onFocus=this.blur());}
a:hover{ text-decoration: underline; color:#fe0003;}
.fl { float:left;}
.fr { float:right;}
.none {display:none;}


.ag_bg {width:100%; height:100%; min-height:800px; display:block; position:relative; overflow:hidden;}

.ag17_bg {width:100%; height:100%; display:block; background:url(../images/ag17_bg.jpg) no-repeat center top; position:absolute; left:0; top:0; z-index:1;}
.ag17_zhe {width:100%; height:100%; display:block; background:url(../images/ag17_zhe.png) no-repeat center top; position:absolute; left:0; top:0; z-index:6;}

.ag17_text {width:420px; height:920px; display:block; background:url(../images/ag17_text.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; top:10px; margin-left:-700px; z-index:7;-webkit-animation:ag17_text1 0.5s linear 0s forwards; opacity:1;}
@-webkit-keyframes ag17_text1 {
  from {transform: scale3d(2.4, 2.4, 2.4); opacity:0; }
  80% {transform: scale3d(0.9, 0.9, 0.9); opacity:1; }
  to {transform: scale3d(1, 1, 1); opacity:1; }
}
.ag17_text:after { content:'';width:60px; height:620px; display:block; background:url(../images/ag17_text2.png) no-repeat; background-size:3000% 100%; position:absolute; left:350px; top:200px; -webkit-animation: ag17_text2 1s steps(30) infinite;}
	@-webkit-keyframes ag17_text2{
     to{
         background-position: -1800px 0;
     }
	}


.ag17_ren1 {width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3;-webkit-animation:ag17_ren1 0.5s linear 0s forwards; opacity:0;}
.ag17_ren2 {width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:4;-webkit-animation:ag17_ren2 0.5s linear 0.5s forwards; opacity:0;}
@-webkit-keyframes ag17_ren1 { 
	from {opacity:0; -webkit-transform: translate3d(50%, 0, 0);}
	to {opacity:1; -webkit-transform: translate3d(0%, 0, 0);}
}
@-webkit-keyframes ag17_ren2 { 
	from {opacity:0; -webkit-transform: translate3d(-50%, 0, 0);}
	to {opacity:1; -webkit-transform: translate3d(0%, 0, 0);}
}

.ag17_ren1:before {content:''; width:1920px; height:1000px; display:block; background:url(../images/ag17_ren1.png) no-repeat; background-size:100% 100%; -webkit-animation:ag17_renzoon 3s linear infinite;transform-origin: center center;}
.ag17_ren2:before {content:''; width:1920px; height:1000px; display:block; background:url(../images/ag17_ren2.png) no-repeat; background-size:100% 100%; -webkit-animation:ag17_renzoon2 3s linear 0.4s infinite;transform-origin: center center;}

@-webkit-keyframes ag17_renzoon {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes ag17_renzoon2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.02, 1.02, 1.2);
	transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


#container {
    position:absolute;
	left:0; top:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
	z-index:4;
}

#leafContainer 
{
    position: absolute;
    width: 100%;
    height: 100%;
}
#leafContainer > div 
{
    position: absolute;
    width: 40px;
    height: 40px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}
#leafContainer > div > img {
     position: absolute;
     width: 40px;
     height: 40px;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes fade
{
    0%   { opacity: 1; }
    70%  { opacity: 0.8; }
    100% { opacity: 0; }
}
@-webkit-keyframes drop
{
    0%   { -webkit-transform: translate(-400px, -40px); }
    100% { -webkit-transform: translate(50px, 1200px); }
}
@-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(100deg); }
}
@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    0%   { -webkit-transform: scale(-1, 1) rotate(100deg); }
    100% { -webkit-transform: scale(-1, 1) rotate(-80deg); }
}



.ag_reg_black {width:100%; height:100%; background:#000000; display:none; opacity:0.7; z-index:49; position:absolute; left:0; top:0;}
.ag_regbg {width:960px; height:560px; display:none; background:url(../images/ag13_regbg.png) no-repeat; position:absolute; left:50%; top:60%; margin:-280px -520px; z-index:52; opacity:0;}
.ag_regcloser {width:30px; height:30px; display:block; background:url(../images/ag11_regclose.png) no-repeat; text-indent:-9999px; position:absolute; right:1px; top:35px; z-index:51;}

.reg_mc {width:460px; display:block; position:absolute; left:400px; top:85px; z-index:20; height:380px;}
.reg_mc01 {width:380px; position:absolute; left:60px; top:85px;}
.reg_mc02 {width:380px; position:absolute; left:60px; top:135px;}
.reg_mc03 {width:380px; position:absolute; left:60px; top:185px;}
.reg_mc04 { display:none;}
.reg_mc05 {width:280px; position:absolute; left:160px; top:235px;}
.reg_mc06 {width:350px; position:absolute; left:82px; top:25px; text-align:center;}
.reg_mc06:before {content: ''; width:160px; height:40px; float:left; background:url(../images/ag13_regmenu.png) no-repeat 0px 0px; cursor:pointer;}
.reg_mc06 a {width:160px; height:40px; float:left; margin-left:10px; background:url(../images/ag13_regmenu.png) no-repeat -160px -40px; text-indent:-9999px;}
.reg_mc06 a:hover { background-position:-160px -80px;}
.reg_mc07 {width:280px; position:absolute; left:160px; top:185px;}
.reg_mc08 {width:350px; position:absolute; left:82px; top:25px; text-align:center;}
.reg_mc08:after {content: ''; width:160px; height:40px; float:left; margin-left:10px; background:url(../images/ag13_regmenu.png) no-repeat -160px 0px; cursor:pointer;}
.reg_mc08 a {width:160px; height:40px; float:left; background:url(../images/ag13_regmenu.png) no-repeat 0px -40px; text-indent:-9999px;}
.reg_mc08 a:hover { background-position:-0px -80px;}
.reg_mc09 { float:left; font-size:16px; line-height:30px; color:#cccccc; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; display:none;}
.reg_mc font { float:left; font-size:16px; line-height:28px; color:#333333; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; width:85px;}
.reg_mc .tips {width:0; height:0; float:right; position:absolute; right:8px; top:8px; pointer-events: none; }
.reg_mc span { display:none; width:280px; text-align:right; font-size:13px; line-height:18px; color:#999999; float:right; padding-top:22px; position:absolute; right:0; top:0; text-indent:0;}
.reg_mc span.error {width:280px; display:block; background:url(https://www.gamexdd.com/public/images/icon_ad_error.png) no-repeat right 0px; color:#CC0000;}
.reg_mc span.right {width:16px; display:block; background:url(https://www.gamexdd.com/public/images/icon_ad_right.png) no-repeat right 0px; color:#009900; height:0px; overflow:hidden;}
.reg_input01 {width:280px; padding:0px 5px; height:28px; border:1px solid #cccccc; background:#f8f8f8; font-size:13px; line-height:28px; color:#999999; display:block;}
.reg_input02 {width:260px; height:70px; text-indent:-9999px; display:block; background: url(../images/indexpc_login_btn3.png) no-repeat; border:0px; cursor:pointer; overflow:hidden; -moz-border-radius:6px; border-radius:6px; }
.reg_input02:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.reg_input03 {width:280px; height:70px; text-indent:-9999px; display:block; background: url(../images/indexpc_login_btn3.png) no-repeat; border:0px; cursor:pointer; overflow:hidden;-moz-border-radius:6px; border-radius:6px; }
.reg_input03:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.reg_mc_other {width:400px; position:absolute; left:40px; top:320px; text-align:center;}
.reg_mc_other a { float:left; margin:0px 4px;width:125px; height:46px; text-indent:-9999px;}
.reg_mc_other a.reg_btn_fb { background:url(https://www.gamexdd.com/public/images/login_mbtn_fb.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
.reg_mc_other a.reg_btn_gg { background:url(https://www.gamexdd.com/public/images/login_mbtn_gg.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
.reg_mc_other a.reg_btn_yh { background:url(https://www.gamexdd.com/public/images/login_mbtn_yh.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}