@charset "utf-8";
/*basic*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap');
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 "Noto Serif TC", Arial, Helvetica, sans-serif; font-weight:700 }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { background: #140b0c; color: #000; font: 14px/1.8 "Noto Serif TC", Arial, Helvetica, sans-serif; font-weight:700 /*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%; min-width: 1800px; margin: 0 auto; overflow: hidden; background: url(https://www.eudemons.com/en/images/reg/landing/v2/bg.jpg) no-repeat center top #000; }

.wrapper { position: relative; width: 1200px; margin: 0 auto; }
.header { position: relative; }
.content { position: relative; padding-bottom: 100px; }
.main { width: 1200px; margin: 0 auto; }
.slogan { text-align:center; padding-top:400px; width:972px; margin:0 auto; }
.slogan img { display:block; width:100%; margin:0 auto; }

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

.indexnav { position: absolute; right: 0; top: 30px; width: 290px; font-size: 18px; }
.lang { z-index: 2; margin:0 auto; text-align:center; display:flex; align-items:center; justify-content:center; margin-bottom:10px; }
.lang a { color: #948a7e; background:#2b1b1b; display:block; width:60px; height:36px; line-height:36px; }
.lang a:hover, .lang a.on { color: #2b1b1b; background:#c1a156; }
.lang a.enbtn { border-radius:5px 0 0 5px; }
.lang a.cnbtn { border-radius:0 5px 5px 0; }
.homebtn { display: block; width: 231px; height: 78px; line-height: 72px; background: url(https://www.eudemons.com/en/images/reg/landing/v2/btn1.png) no-repeat center center; margin: 0 auto; text-align:center; font-size:110%; color:#311211; }
.homebtn:hover { filter:brightness(1.1); }

/**/
.index-tabs { width: 600px; margin:10px auto; }
.index-tabs a { display: inline-block; *display:inline; *zoom: 1; vertical-align: middle; width: 255px; height: 88px; background: url(https://www.eudemons.com/en/images/reg/landing/v2/box1.png) no-repeat center center; margin: 0 20px; text-align:center; padding: 25px 0; font-size:140%; line-height:1.4; color:#fffbe2; }
.index-tabs a:hover { filter:brightness(1.1); }
/*.index-tabs.cn a { background-image: url(https://www.eudemons.com/en/images/reg/v14/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/v14/flag.png) no-repeat center top; }
*/
.indexlist > li { padding: 53px; width: 451px; }
.step { color: #ffdda0; text-align: center; font-size: 26px; }
.packinfo .title { display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; font-size: 200%; line-height: 36px; }
.packinfo .title:before, .packinfo .title:after { content:""; width:45px; height:1px; background:#fff; margin:0 5px; }

.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: 231px; height: 78px; line-height: 70px; background: url(https://www.eudemons.com/en/images/reg/landing/v2/btn1.png) no-repeat center center;  margin: 10px auto; cursor: pointer; text-align: center;font-size:150%; color:#372c38; }
.cbtn:hover, .reg li input.cbtn:hover { filter:brightness(1.1); }

.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; }

.tip_con p.dlmsg { width: 70%; margin: 0 auto; text-align: center; padding: 40px 0 10px 0; color: #fff; font-size: 120%; line-height:1.4 }
.tip_con p.hintmsg { width: 100%; margin: 0 auto; text-align: center; padding: 10px 0; color: #fff; font-size: 120%; line-height:1.4 }

.giftimg { text-align: center; }
.giftimg img { display:block; margin:0 auto; }

/*new lang switch*/
.current-lang { position:relative; height:30px; line-height:30px; display:flex; align-items:center; justify-content:center; }
.current-lang span { display: flex; align-items: center; justify-content: center; background:#c1a156; border-radius:3px; width: 122px; flex-shrink:0; margin-left:5px; }
.current-lang span:after { margin-left: 7px; display: block; content: ''; width:5px; height:5px; border:2px solid #000; border-top:none; border-right:none; transform:rotate(-45deg); }
.lang-list { position:absolute; right:0; top:30px; width:122px; }
.lang-list a { display: block; width:100%; border-radius:0; }

.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(https://www.eudemons.com/en/images/reg/landing/v2/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: absolute; top: 0; left: 0; width: 100%; height: 1200px; 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: -15px; right: 30px; width: 54px; height: 54px; font-size: 0; color: #e8cc9b; background:url(https://www.eudemons.com/en/images/reg/landing/v2/close.png) no-repeat center center; }
.tip_t a.close:hover{ filter:brightness(1.1); }
.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(https://www.eudemons.com/en/images/bird-01.png) no-repeat
}

.bird-02 {
	top: 90px;
	right: -285px;
	width: 362px;
	height: 330px;
	background: url(https://www.eudemons.com/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)
	}
}


#reg_box.commonbox { display:none; }
#reg_box .tipbox { width: 1765px; height:862px; background:url(https://www.eudemons.com/en/images/reg/landing/v2/box2.png) no-repeat center center; box-sizing:border-box; padding: 50px 180px; }
#reg_box.commonbox.show { display:flex; align-items:center; justify-content:center; }
.indexlist { padding-left: 280px; display:flex; align-items:flex-start; justify-content:center; }

.enpage .slogan { /*padding-top:300px;*/ }

body,html { width:100%; height:100%; position:relative; overflow: hidden; }
.full_bg{position:relative;z-index:20;width:100%;height:100%;max-width:1920px;max-height:1080px;margin:0 auto;overflow:hidden}
.contain{position:absolute;width:0;height:0;left:50%;top:50%;z-index:10}
.autocont{position:absolute;top:50%;left:50%;margin:-540px 0 0 -960px;width:1920px;max-width:1920px;height:1080px;overflow-y: auto;}
.fullbg {height: 1200px;}
.fullbg > .wrapper { padding-top:50px; }


/*@media screen and (max-width: 1800px) {
	.fullbg { min-width:100%; background-size:cover; }
	.wrapper { width:80%; }
	.slogan { width:90%; padding-top:32vw; }
	.content { padding-bottom:6vw; }
	.index-tabs { width:100%; margin:2vw auto; text-align:center; }
	.index-tabs a { width:20vw; height: 10.8vw; margin: 0 2vw; padding: 2vw 0; box-sizing: border-box; background-size:100% 100%; }
	.index-tabs a img { width:25%; }
	#reg_box .tipbox { width:100vw; height:48.8vw; background-size:100% 100%; padding:5vw 15vw; }
	.tip_t a.close { width:4vw; height:4vw; background-size:100% 100%; top:-3.5vw; right:-3.5vw; }
	#reg_box .tip_con { width:90%; padding: 1vw 0; }
}*/