@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: #150d0b; color: #000; font: 14px/1.8 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: #f3615d; text-decoration: none; }
a, a:active { outline: none; }

/*main*/
.fullbg { position: relative; z-index: 1; }
.wrapper { position: relative; width: 1000px; margin: 0 auto; }
.section { position: relative; box-sizing: border-box; padding: 30px 0; }
.section.section2, .section.section4 { padding: 110px 0; }
.section1 { height: 536px; background: url(../images/bg1.jpg) no-repeat center top; z-index: 2; }
.section2 { height: 578px; background: url(../images/bg2.jpg) no-repeat center top; z-index: 1; }
.section3 { height: 957px; background: url(../images/bg3.jpg) no-repeat center top; }
.section4 { height: 788px; background: url(../images/bg4.jpg) no-repeat center top; }
.section5 { height: 318px; background: url(../images/bg5.jpg) no-repeat center top; }
.section6 { height: 900px; background: url(../images/bg6.jpg) no-repeat center top; }
.section h1 { font-size: 0; height: 0; overflow: hidden; }
.logo { width: 240px; }
.logo img { width: 100%; } 

.sec-tit { width: 791px; height: 56px; margin: 0 auto; font-size: 0; }
.tit1 { background: url(../images/title1.png) no-repeat center center; }
.tit2 { background: url(../images/title2.png) no-repeat center center; }
.tit3 { background: url(../images/title3.png) no-repeat center center; }
.tit4 { background: url(../images/title4.png) no-repeat center center; }
.sec-cont { font-size: 20px; text-align: center; padding: 40px 0; }
.sec-cont p { padding: 12px 0; }
.section2 .sec-cont p { padding: 20px 0; }
.sec-cont p span { color: #ec8b00 }
.sec-cont p i { font-style: normal; color: #999; }
.section5 .sec-cont { padding: 0; }

.step-list { position: relative; width: 840px; margin: 0 auto; }
.slider li { width: 820px; height: 700px; padding: 20px 10px; background: url(../images/stepbg.jpg) no-repeat center bottom; }
.slider li img { width: auto; height: auto; max-width: 90%; max-height: 480px; }
.sec-cont .slider li p { line-height: 28px; }
.sec-cont .slider li p.step, .sec-cont .unbind-list p.step { width: 134px; height: 40px; line-height: 40px; padding: 0; color: #fff; text-align: center; background: url(../images/step.png) no-repeat 0 0; margin-left: -10px; font-size: 20px; }
.slider a:hover { text-decoration: underline; }
.hd { text-align: center; padding-top: 10px; }
.hd li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 12px; height: 12px; margin: 0 10px; background: #ccc; transform: rotate(-45deg); cursor: pointer; }
.hd li:hover, .hd li.on { background: #6be5cc; }
a.prev, a.next { position: absolute; top: 50%; margin-top: -51px; width: 49px; height: 103px; background: url(../images/arrow2.png) no-repeat 0 0; opacity: 0.6; }
a.prev { left: -80px; transform: rotate(-180deg); }
a.next { right: -80px; }
a.prev:hover, a.next:hover { opacity: 1; }


.unbind-list li { position: relative; float: left; width: 290px; height: 300px; padding: 3px 0; background: url(../images/stepbg2.jpg) no-repeat 0 0; margin: 21px; }
.sec-cont .unbind-list p { line-height: 16px; padding: 3px 0; font-size: 16px; }
.unbindtxt { text-align: left; width: 90%; margin: 0 auto; }
.sec-cont .unbind-list p img { height: 210px; }
.sec-cont .unbind-list p img.sp { height: 196px; }
.unbind-list li:after { position: absolute; content: ""; display: block; width: 24px; height: 24px; background: url(../images/right.png) no-repeat 0 0; right: -32px; top: 50%; margin-top: -12px; }
.unbind-list li:nth-child(3):after { right: auto; left: 50%; margin-left: -12px; top: auto; bottom: -32px; margin-top: 0; background: url(../images/down.png) no-repeat 0 0; }
.unbind-list li:nth-child(5):after, .unbind-list li:nth-child(6):after { right: auto; left: -32px; background: url(../images/left.png) no-repeat 0 0; }
.unbind-list li:nth-child(4):after { display: none; }



.qlist { width: 100%; }
.qlist li { float: left; width: 46%; padding: 0 2%; }
.sec-cont .qlist p { padding: 0; text-align: left; }
.sec-cont .qlist p.question { color: #000; font-weight: bold; line-height: 24px; padding-left: 28px; font-size: 18px; background: url(../images/arrow3.png) no-repeat 0 0; }
.sec-cont .qlist p.answer { background: #e6e6e6; border-radius: 5px; padding: 5px 10px; font-size: 16px; margin: 10px 0 30px; line-height: 24px; }
.sec-cont .qlist a { color: #f3615d }
.sec-cont .qlist a:hover { text-decoration: underline; }

.backbtn { display: block; position: absolute; left: 50%; bottom: 0; margin-left: -113px; width: 226px; height: 70px; background: url(../images/back.png) no-repeat 0 0; }

.introlist li { width: 60%; float: left; text-align: left; margin: 70px 0; }
.introlist li.img { width: 40%; margin: 0; }
.introlist li.img img { width: 100%; }
.introlist li label { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-top: -2px; color: #fff; width: 180px; text-align: right; margin-right: 10px; font-weight: bold; }
.sec-cont .introlist li p { font-size: 16px; }
.introlist li a { color: #f3615d; }
.introlist li a:hover { text-decoration: underline; }

.qrcode { width: 80%; margin: 0 auto; }
.qrcode dd { width: 40%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-bottom: 20px; }
.qrcode dd.first { width: 100%; }
.qrcode dd img { width: 200px; }
.sec-cont .slider li .qrcode dd p { padding: 0; }


.footer { text-align: center; padding: 40px 0; background: #000; color:#fff; }
.footer .social a { display: inline-block; *display: inline; *zoom: 1; width: 48px; height: 48px; background: url(https://www.eudemons.com/en/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 .social a.discord { background: url(https://www.eudemons.com/en/images/icon-discord.png) no-repeat 0 0; }
.footer .social a.tt { background: url(https://www.eudemons.com/en/images/icon-tiktok.png) no-repeat 0 0; }
.footer .social a.ins { background: url(https://www.eudemons.com/en/images/icon-ins.png) no-repeat 0 0; }
.footer .social a.twitter { background: url(https://www.eudemons.com/en/images/icon-twitter.png) no-repeat 0 0; }
.footer .social a.whatsapp { background: url(https://www.eudemons.com/en/images/icon-whatsapp.png) no-repeat 0 0; }


.footer .copyright a { text-indent: 0; background: none; width: auto; height: auto; margin: 0 5px; vertical-align: middle; color:#fff; }
.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; }

.sidebtns { position: fixed; right: 10px; top: 50%; z-index: 8; margin-top: -250px; }
.sidebtns a { display: block; color: #fff; font-size: 16px; font-weight: bold; width: 203px; height: 55px; line-height: 55px; text-align: center; }
.sidebtns a:hover, .sidebtns a.on { background: url(../images/tab.png) no-repeat 0 0; color: #fff; }
.sidebtns a.dark { color: #000; }

.down-arrow { position: absolute; left: 50%; bottom: -20px; margin-left: -38px; width: 76px; height: 50px; background: url(../images/arrow.png) no-repeat 0 0; animation: arrowDown 1s infinite; }

@-webkit-keyframes arrowDown{
	0%{-webkit-transform:translate(0,0)}
	100%{-webkit-transform:translate(0,10%)}
}
@keyframes arrowDown{
	0%{transform:translate(0,0)}
	100%{transform:translate(0,10%)}
}

.lang { position:absolute; right: 0; top: 50px; display:flex; align-items: center; justify-content: center;}
.lang select { background:#fff; color:#000; border:none; line-height:26px; height:26px; }
.lang:before { display: block; content: ""; width: 22px; height: 22px; background: url(/en/images/lang/1.png) no-repeat center center; margin-right: 5px; }

/*20251224 update*/
.popbox { position:fixed; left:0; top:0; width:100%; height:100%; z-index:9; display:none; align-items:center; justify-content:center; }
.popbox.show { display:flex; }
.popbox:after { content:""; width:100%; height:100%; background:rgba(0, 0, 0, .6); position:absolute; left:0; top:0; z-index:6 }
.pop { position:relative; z-index:9; background:#fff; width:600px; margin:0 auto; padding: 30px; text-align:center; font-size:100%; background: url(../images/stepbg.jpg) no-repeat center bottom; border:5px solid #265a69 }
.pop .qrcode { margin-bottom:10px; }
.pop dd { margin:10px; }
.pop .name, .pop p {font-size: 120%; font-weight:bold; line-height:1.2 }
.pop p span {color: #ec8b00;  }
.pop a.close { font-size:400%; width:34px; height:34px; line-height:34px; text-align:center; position:absolute; right:5px; top:5px; color:#000; }
.pop a.close:hover { color: #ec8b00;}