@charset "utf-8";
/*basic*/
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { text-align: center; }
fieldset, img { border: 0; }
button, input, select, textarea { font: 14px/1.8 Arial, Verdana, Helvetica, sans-serif; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { background: #140b0c; color: #000; font: 14px/1.8 'Merriweather', Microsoft YaHei, Arial, Helvetica, sans-serif; /*font: 14px/1.8 Verdana, Tahoma, Arial, Helvetica, sans-serif;*/ }

.fl { float: left; }
.fr { float: right; }
.t_hide { height: 0; overflow: hidden; }
.mt10 { margin-top: 10px; }
.t_center { text-align: center; }
.t_left { text-align: left; }
.t_right { text-align: right; }
.p_relative { position: relative; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
a { color: #fff; text-decoration: none; }
a, a:active { outline: none; }

.fullbg { position: relative; z-index: 1; width: 100%; max-width: 1920px; min-width: 1002px; margin: 0 auto; overflow: hidden; background: url(https://www.eudemons.com/en/images/reg/v7/fullbg.jpg?20210308) no-repeat center top #000; }

.wrapper { position: relative; width: 1002px; margin: 0 auto; }
.header { position: relative; height: 490px; }
.content { position: relative; padding-bottom: 50px; height: 550px; }
.main { width: 1000px; margin: 0 auto; }

a.logo { position: absolute; left: 0; top: 10px; display: block; width: 260px; }
a.logo img { width: 100%; }

.indexnav { position: absolute; right: 20px; top: 0; height: 80px; line-height: 80px; /*width: 390px;*/ /*width: 140px;*/ width: 290px; font-size: 18px; }
.lang { z-index: 2; position: absolute; right: 0; top: 0; color: #929292; }
.lang i { display: inline-block; *display: inline; *zoom: 1; width: 22px; height: 22px; background: url(/en/images/pic.png) -297px -279px; vertical-align: middle; margin-right: 5px; }
.lang a { color: #929292; }
.lang a:hover, .lang a.on { color: #fff; }
.homebtn i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 22px; height: 22px; background: url(https://images.eudemons.com/uploads/eo/2019/02/home.png) no-repeat 0 0; margin-top: -4px; margin-right: 5px; }
.homebtn:hover { color: #ffda3a }

/**/
.index-tabs { position: absolute; left: 80px; top: 0; width: 325px; }
.index-tabs a { display: block; width: 325px; height: 96px; background: url(https://www.eudemons.com/en/images/reg/v7/tabbtns.png) no-repeat -9px -14px; font-size: 0; text-indent: -999em; margin: 10px 0; }
.index-tabs.cn a { background-image: url(https://www.eudemons.com/en/images/reg/v7/tabbtns-cn.png); }
.index-tabs a.s1 { background-position: -9px -14px; }
.index-tabs a.s2 { background-position: -9px -136px; }
.index-tabs a.s1:hover, .index-tabs a.s1.on { background-position: -366px -14px; }
.index-tabs a.s2:hover, .index-tabs a.s2.on { background-position: -366px -136px; }
.indexlist { position: absolute; right: 0; top: -255px; width: 557px; height: 788px; background: url(https://www.eudemons.com/en/images/reg/v7/flag.png) no-repeat center top; }

.indexlist > li { padding: 53px; width: 451px; }
.step { color: #ffdda0; text-align: center; font-size: 26px; }
.packinfo .title { color: #fff; text-align: center; font-size: 26px; line-height: 36px; }

.line { width: 294px; height: 25px; background: url(https://images.eudemons.com/uploads/eo/2019/02/line.png) no-repeat center center; margin: 0 auto; }

.packinfo { padding: 30px 0; text-align: center; }

.reg li { padding: 5px 0; }
.reg li label, .reg li input { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.reg li label { width: 140px; text-align: right; }
.reg li input { width: 140px; height: 28px; line-height: 28px; border: none; background: #444770; color: #fff; padding-left: 2px; }
.reg li input.code { width: 55px; }
.reg li img.codeimg { height: 26px; width: 80px; vertical-align: middle; margin-left: 2px; }
.reg li input[type="checkbox"] { width: auto; height: auto; }
.reg li.policy { font-size: 12px; text-align: center; }
.cbtn, .reg li input.cbtn { display: block; width: 169px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 20px; background: url(https://images.eudemons.com/uploads/eo/2019/02/btns.png) no-repeat 0 0; cursor: pointer; text-align: center; font-family: 'Merriweather', sans-serif; }
.cbtn:hover, .reg li input.cbtn:hover { background-position: 0 -52px; }

.rewardlist { width: 60%; margin: 20px auto 32px auto; }
.rewardlist li { float: left; width: 50%; text-align: center; margin: 10px 0; }
.rewardlist.sp { margin: 20px auto 0 auto; }

.hintmsg { width: 70%; margin: 0 auto; text-align: center; padding: 10px 0; color: #fff; font-size: 16px; }

.giftimg { text-align: center; }

 

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}



/*footer*/
.footer { text-align: center; padding: 40px 0; color: #fff; }
.footer .social a { display: inline-block; *display: inline; *zoom: 1; width: 48px; height: 48px; background: url(../images/pic.png) no-repeat 0 0; text-indent: -999em; vertical-align: middle; margin: 0 5px; }
.footer .social a.fb { background-position: -291px -326px; }
.footer .social a.yt { background-position: -359px -326px; }

.footer .copyright a { text-indent: 0; background: none; width: auto; height: auto; margin: 0 5px; vertical-align: middle; }
.footer .copyright a:hover { text-decoration: underline; }

.footer table, .footer .copyright { margin: 10px auto 0 auto; }
.footer table a { text-indent: 0; background: none; width: auto; height: auto; margin: 0 5px; vertical-align: middle; }
.footer table a:hover { text-decoration: underline; }



/**/
.mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); z-index: 1112;}
.msg_form_class, .bugs_form_class, .suggest_form_class { display:none; width: 100%; height: 100%; position: fixed; left: 0; top: 36%; }
.msg_form_class { z-index:1114; }
.bugs_form_class, .suggest_form_class { z-index:1112; }
.commonbox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.tipbox{ width: 658px; height: 480px; position: relative; margin: 0 auto; z-index: 1113;color: #fff; font-size: 16px; background: url(https://images.eudemons.com/uploads/eo/2019/02/boxbg.png) no-repeat 0 0; }

.tip_t{ position: relative; z-index: 2; text-align: center; }
.tip_t a.close{ position: absolute; top: 25px; right: 35px; width: 32px; height: 32px; line-height: 30px; color: #e8cc9b; font-size: 36px; border: 2px solid #e8cc9b; border-radius: 20px; }
.tip_t a.close:hover{ color: #fff998; border-color: #fff998; }
.tip_t h2{ color: #fff998; line-height: 48px; font-size: 30px; text-align: center; }
.tip_c{ position: relative; z-index: 1;}
.tip_con{width: 88%; margin: 0 auto; padding: 20px 0 5px 0; position: relative;}
.tip_con.sp{width: 96%;}
.tip_con span{color: red;}
.tip_con p{ padding: 7px 0; line-height: 20px;}
.tip_con table{width: 100%; margin: 10px auto;}
.tip_con table td, .tip_con table th{text-align: center; border: 1px solid #94ae4c; line-height: 26px; background: #324500; }
.tip_con form ul{padding: 0 20px;}
.tip_con form ul li{padding: 3px;}
.tip_con form label {font-size: 16px; width: 100px; display: inline-block; text-align: right; padding-right: 3px; vertical-align: middle; }
.tip_con form.claimform { padding-top: 20px; }
.tip_con form.claimform label { width: 90px; }
.tip_con form label.long { width: 200px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tip_con form input.ipt, .tip_con form select.slt { width: 200px; padding-left: 2px; color: #1f1f41; height: 30px; line-height: 30px; background: #e8cc9b; border: none; }
.tip_con form input.ipt{  }
.tip_con form input.code{width: 120px;}
.tip_con form select.slt{  }
.tip_con textarea{ font-size: 14px; width: 100%; height:160px; border: 1px solid #fecf9b; border-right-color: #fff6ed; border-bottom-color: #fff6ed; }
.tip_db{padding-bottom: 10px; text-align: center;}
.tip_db ul{margin: 0 auto; width: 380px;}
.tip_db li{float: left; width: 170px; margin: 0 10px;}
.tip_db p{padding-bottom: 5px; }
.tip_db p a{color: #fff998; }
.tip_db p a:hover{text-decoration: underline;}
.tip_db a.btn_tip {  display: block; width: 150px; height: 36px; margin: 10px auto; color: #1f1f41; background: #e8cc9b; line-height: 36px; font-size: 20px; text-transform: uppercase;  border-radius: 8px; }
.tip_db a.btn_tip:hover { background: #dfaa4d; text-decoration: none;}
.code_img, .code_img img{ vertical-align: middle; }

.giftlist { width: 425px; margin: 60px auto 20px auto; }
.giftlist li { width: 172px; float: left; margin: 0 20px; }
.giftlist li img { width: 100%; }


/*20190529 animation*/
.featurelink, .slogan-mod { top: 330px; left: -80px; width: 530px; height: 318px; }
.featurelink { position: absolute; z-index: 44; display: block; width: 800px; right: 0; left: auto; top: 90px; height: 200px;  }


.slogan-mod {
	display: none;
	cursor: pointer;
	position: absolute;
	z-index: 45;
	-webkit-animation: leftMove 1s;
	animation: leftMove 1s;
}

.slogan-mod div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.slogan-mod div img {
	display: block
}

.animate-mod {
	display: none;
	position: absolute;
	width: 100%
}

.animate-mod *{
	display: block;
	position: absolute;
}

.bird-01 {
	top: 107px;
	left: -182px;
	width: 196px;
	height: 205px;
	background: url(/en/images/bird-01.png) no-repeat
}

.bird-02 {
	top: 90px;
	right: -285px;
	width: 362px;
	height: 330px;
	background: url(/en/images/bird-02.png) no-repeat
}

.bird-01 {
	-webkit-animation: birdMove 5s infinite linear;
	animation: birdMove 5s infinite linear
}

.bird-02 {
	-webkit-animation: birdMove02 5s infinite linear;
	animation: birdMove02 5s infinite linear
}

@-webkit-keyframes birdMove {
	0% {
		-webkit-transform: scale(1) rotate(0deg) translateX(5px) rotate(0deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(360deg) translateX(5px) rotate(-360deg)
	}
}

@keyframes birdMove {
	0% {
		transform: scale(1) rotate(0deg) translateX(5px) rotate(0deg)
	}

	100% {
		transform: scale(1) rotate(360deg) translateX(5px) rotate(-360deg)
	}
}

@-webkit-keyframes birdMove02 {
	0% {
		-webkit-transform: scale(1) rotate(0deg) translateX(5px) rotate(0deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(-360deg) translateX(5px) rotate(360deg)
	}
}

@keyframes birdMove02 {
	0% {
		transform: scale(1) rotate(0deg) translateX(5px) rotate(0deg)
	}

	100% {
		transform: scale(1) rotate(-360deg) translateX(5px) rotate(360deg)
	}
}




@-webkit-keyframes leftMove {
	0% {
		opacity: 0;
		-webkit-transform: translate(30%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0,0)
	}
}

@keyframes leftMove {
	0% {
		opacity: 0;
		transform: translate(30%,0)
	}

	100% {
		opacity: 1;
		transform: translate(0,0)
	}
}