.fullbg { position: relative; z-index: 1; width: 100%; max-width: 1920px; min-width: 1000px; margin: 0 auto; overflow: hidden; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/navbg.jpg) no-repeat center top #000!important; }
.wrapper { position: relative; width: 1000px; margin: 0 auto; }
.header { position: relative; height: 260px; z-index:3; }
.class .header { height: 81px; }
.content { position: relative; width: 100%; padding-bottom: 0; margin: 0 auto; }
.main { width: 1000px; margin: 0 auto; }
.footer { background: none; padding: 30px 0; }

a.logo { width: 220px; z-index: 2; top: 100px; }
.class a.logo { top: 20px; }

a.guideindex { position: absolute; top: 20px; right: 0; z-index: 2; display: block; width: 264px; height: 118px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/btns.png) no-repeat -1px -2px; }
a.guideindex:hover { background-position: -1px -123px; }

.fullbg.class { height: auto; }
.class .content { height:1054px; }
.class .wrapper { height:100% }
.classlist { position: relative; /*width: 100%; max-width: 1920px; min-width: 1000px;*/ width: 1200px; height: 100%; margin: 0 auto; z-index: 1; }
.classscroll { position: absolute; width:1920px; left:50%; margin-left:-960px; top:0; height: 1054px }
.classscroll .wrapper { width:1200px; margin:0 auto; position:relative; height:100% }
.classscroll li { position: relative; }
/*.classscroll .classintro { position: absolute; left: 50px; top: 365px; font-size: 24px; color: #cfcfcf; }*/
.classscroll .classintro { position: absolute; left: 130px; top: 325px; font-size: 24px; color: #cfcfcf; }
.classscroll .classintro strong { color: #fff; }
.classscroll .classintro li { float: left; text-align: center; width: 130px; color: #cfcfcf; font-size: 16px; }
.classscroll .classintro p { padding: 10px 0; line-height: 38px; }

.classscroll .bg1 .classintro li, .classscroll .bg1 .classintro { color: #c7eaf5 }
.classscroll .bg2 .classintro li, .classscroll .bg2 .classintro { color: #cbfcf9 }
.classscroll .bg3 .classintro li, .classscroll .bg3 .classintro { color: #f4cbaa }
.classscroll .bg4 .classintro li, .classscroll .bg4 .classintro { color: #d397f7 }
.classscroll .bg5 .classintro li, .classscroll .bg5 .classintro { color: #96d0e8 }
.classscroll .bg6 .classintro li, .classscroll .bg6 .classintro { color: #ffbdab }
.classscroll .bg7 .classintro li, .classscroll .bg7 .classintro { color: #95f9ef }
.classscroll .bg8 .classintro li, .classscroll .bg8 .classintro { color: #f1c77f }
.classscroll .bg9 .classintro li, .classscroll .bg9 .classintro { color: #96d0e8 }

.play-video { position: absolute; top: 36%; right: 400px; display:block; width:119px; height:118px; background:url(../images/playbtn.png) no-repeat center center; }
.play-video:hover { filter:brightness(1.2); }

/*.bg1 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/mage.jpg) no-repeat center top; }
.bg2 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/necromancer.jpg) no-repeat center top; }
.bg3 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/paladin.jpg) no-repeat center top; }
.bg4 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/shadow.jpg) no-repeat center top; }
.bg5 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/vampire.jpg) no-repeat center top; }
.bg6 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/warrior.jpg) no-repeat center top; }*/
/*.bg1 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/mage.jpg) no-repeat center -60px; }
.bg2 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/necromancer.jpg) no-repeat center -60px; }
.bg3 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/paladin.jpg) no-repeat center -60px; }
.bg4 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/shadow.jpg) no-repeat center -60px; }
.bg5 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/vampire.jpg) no-repeat center -60px; }
.bg6 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/warrior.jpg) no-repeat center -60px; }
.bg7 { width: 100%; height: 1054px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/ranger.jpg) no-repeat center -60px; }*/

.bg1 { width: 100%; height: 1054px; background: url(../images/class/bg1.jpg) no-repeat center top; }
.bg2 { width: 100%; height: 1054px; background: url(../images/class/bg2.jpg) no-repeat center top; }
.bg3 { width: 100%; height: 1054px; background: url(../images/class/bg3.jpg) no-repeat center top; }
.bg4 { width: 100%; height: 1054px; background: url(../images/class/bg4.jpg) no-repeat center top; }
.bg5 { width: 100%; height: 1054px; background: url(../images/class/bg5.jpg) no-repeat center top; }
.bg6 { width: 100%; height: 1054px; background: url(../images/class/bg6.jpg) no-repeat center top; }
.bg7 { width: 100%; height: 1054px; background: url(../images/class/bg7.jpg) no-repeat center top; }
.bg8 { width: 100%; height: 1054px; background: url(../images/class/bg8.jpg) no-repeat center top; }
.bg9 { width: 100%; height: 1054px; background: url(../images/class/bg9.jpg) no-repeat center top; }

/*.classtabs { position: absolute; left: 50%; top: 0; z-index: 4; color: #fff; width: 1000px; margin-left: -500px; }*/
.classtabs { position: absolute; right: 40px; top: -20px; /*left: 50%; top: -60px; z-index: 4; color: #fff; width: 1000px; margin-left: -500px;*/ }
.classtabs li { position: absolute; width: 79px; height: 84px; cursor: pointer; }

.classtabs li.ic1 {right: 187px;top: 178px;background:url(../images/class/1.png) no-repeat center center;}
.classtabs li.ic1.on, .classtabs li.ic1:hover { background-image:url(../images/class/tab-on/1.png); }

.classtabs li.ic2 {right: 99px;top: 253px;background:url(../images/class/2.png) no-repeat center center;}
.classtabs li.ic2.on, .classtabs li.ic2:hover { background-image:url(../images/class/tab-on/2.png); }

.classtabs li.ic3 { right: 56px; top: 350px; background:url(../images/class/3.png) no-repeat center center; }
.classtabs li.ic3.on, .classtabs li.ic3:hover { background-image:url(../images/class/tab-on/3.png); }

.classtabs li.ic4 { right: 56px; top: 460px; background:url(../images/class/4.png) no-repeat center center; }
.classtabs li.ic4.on, .classtabs li.ic4:hover { background-image:url(../images/class/tab-on/4.png); }

.classtabs li.ic5 { right: 95px; top: 570px; background:url(../images/class/5.png) no-repeat center center;  }
.classtabs li.ic5.on, .classtabs li.ic5:hover { background-image:url(../images/class/tab-on/5.png); }

.classtabs li.ic6 { right: 170px; top: 650px; background:url(../images/class/6.png) no-repeat center center; }
.classtabs li.ic6.on, .classtabs li.ic6:hover { background-image:url(../images/class/tab-on/6.png); }

.classtabs li.ic7 { right: 280px; top: 700px; background:url(../images/class/7.png) no-repeat center center; }
.classtabs li.ic7.on, .classtabs li.ic7:hover { background-image:url(../images/class/tab-on/7.png); }

.classtabs li.ic8 { right: 404px; top: 727px; background:url(../images/class/8.png) no-repeat center center; }
.classtabs li.ic8.on, .classtabs li.ic8:hover { background-image:url(../images/class/tab-on/8.png); }

.classtabs li.ic9 { right: 530px; top: 690px; background:url(../images/class/9.png) no-repeat center center; }
.classtabs li.ic9.on, .classtabs li.ic9:hover { background-image:url(../images/class/tab-on/9.png); }


.classlist a.prev, .classlist a.next { position: absolute; top: 40%; margin-top: -53px; z-index: 5; display: block; width: 34px; height: 106px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/btns.png) no-repeat 0 0; }
.classlist a.prev { left: -220px; background-position: -3px -274px; }
.classlist a.next { right: -220px; background-position: -58px -274px; }
.classlist a.prev:hover { background-position: -3px -385px; }
.classlist a.next:hover { background-position: -58px -385px; }


.fullbg.doc { background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/commonbg.jpg) no-repeat center top #000!important; }
.doc .header, .veteran .header { height: 225px; }

.veteran a.logo { width: 180px; }
.doc a.guideindex { top: 100px; }

.content .title { width: 700px; height: 70px; margin: 0 auto; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/titles.png) no-repeat center top; text-indent: -999em; }
.title.t2 { background-position: center -153px; }
.title.t3 { background-position: center -78px; }
.title.t4 { background-position: center -301px; }
.title.t5 { background-position: center -225px; }
.title.t6 { background-position: center -6px; }

.line { width: 100%; height: 1px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/line.png) no-repeat center top; margin: 10px auto; }
.guidedetail { width: 80%; padding: 30px 20px 0 0; margin: 0 auto; color: #fff; font-size: 15px; line-height: 20px; }
.guidedetail p { padding: 5px 0; }
.guidedetail p strong { font-size: 20px; }
.guidedetail p em { font-weight: bold; font-style: normal; }
.guidedetail img { max-width: 100%; }
.doc .footer { padding: 100px 0 30px 0; }


.fullbg.home { background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/home.jpg) no-repeat center top #000!important; }
.fullbg.veteran { background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/newfeature.jpg) no-repeat center top #000!important; }
.home .content { position: relative; height: 700px; }
a.beginner { display: block; position: absolute; right: 120px; top: 20px; width: 205px; height: 205px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/ball.png) no-repeat -21px -246px; animation: updown 1.5s infinite alternate; -webkit-animation: updown 1.5s infinite alternate; }
a.veteran { display: block; position: absolute; right: 320px; top: 220px; width: 205px; height: 205px; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/ball.png) no-repeat -44px -33px; animation: updown2 1s ease-in-out infinite alternate; -webkit-animation: updown2 1s ease-in-out infinite alternate; }
a.beginner:hover { background-position: -242px -246px; } 
a.veteran:hover { background-position: -255px -33px; } 

.veterancont { width: 400px; padding-left: 600px; padding-top: 40px; color: #fde2ca; }
.veterancont h2 { font-size: 26px; border-bottom: 1px solid #fde2ca; padding: 10px 0; margin-bottom: 20px; }
.veterancont p { line-height: 28px; padding: 5px 0; font-size: 16px; }
.veterancont .detailbtn { display: block; width: 240px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/btns.png) no-repeat 0 -503px; color: #fde2ca; margin: 20px 0 20px 160px; }
.veterancont .detailbtn:hover { background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/btns.png) no-repeat 0 -550px; }
.veteran .content { height: 800px; }

@keyframes updown{
	from{margin-top:40px;}
	to{margin-top:0;}
}
@-webkit-keyframes updown{
	from{margin-top:40px;}
	to{margin-top:0;}
}

@keyframes updown2{
	from{margin-top:40px;}
	to{margin-top:20px;}
}
@-webkit-keyframes updown2{
	from{margin-top:40px;}
	to{margin-top:20px;}
}


/*beginner index*/
.fullbg.beginner { background: url(https://images.eudemons.com/uploads/eo/2018/en/landing/beginner.jpg) no-repeat center top!important; }
/*.beginner .header { position: relative; height: 300px; }
.beginner .content { padding-bottom: 0; }
.beginner .main { width: 1000px; margin: 0 auto; }
.beginner .footer { background: none; padding: 30px 0; }*/


.iconlist { position: relative; width: 1000px; height: 900px; margin: 0 auto; }
.iconlist li { position: absolute; }
.iconlist li a { display: block; }
.iconlist li a:hover, .faq-btn:hover { animation: bounce 1s, enlarge 1s; -moz-animation: bounce 1s, enlarge 1s; -webkit-animation: bounce 1s, enlarge 1s; -o-animation: bounce 1s, enlarge 1s;}
.gd1 { left: 50px; top: 80px; }
.gd2 { left: 418px; top: 0; }
.gd3 { left: 720px; top: 80px; }
.gd4 { left: 35px; top: 380px; }
.gd5 { left: 338px; top: 342px; }
.gd6 { left: 609px; top: 458px; }


.guidenav { position: absolute; left: 0; top: 20px; border-left: 3px solid #fff; height: 16px; line-height: 16px; padding-left: 10px; color: #ccc; font-size: 16px; z-index: 3; }
.guidenav a { font-size: 18px; }
.guidenav a:hover { text-decoration: underline; }
.ztop { z-index: 66; }

.doc .guidenav { top: 101px; }

@-webkit-keyframes bounce {
	0%,100%,20%,53%,80% {
		-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

@keyframes bounce {
	0%,100%,20%,53%,80% {
		-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		transition-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

@-webkit-keyframes enlarge {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes enlarge {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}


/*20240606 op*/
.fullbg.beginner { background: url(../images/bg.jpg) no-repeat center top #08090e!important; }
.slogan{position:relative; width:698px; overflow:hidden; margin: 0 auto; }
.slogan img { display:block; width:100%; }
a.logo { top: 120px; left:0; }
.wrapper, .iconlist { width:1200px; position:relative; margin:0 auto; }
.iconlist { height:940px; }
 
.guide{position:absolute}
.guide a{display:block;height:0;overflow:hidden}
.guide span{position:absolute}
.guide-01{left:21px;top:44px}
.guide-01 a{background-image:url(../images/guide-01.png);width:246px;padding-top:266px}
.guide-01 span{left:241px;top:170px;background:url(../images/stones.png) no-repeat -75px -38px;width:107px;height:49px}
.guide-02{left:354px;top:103px}
.guide-02 a{background-image:url(../images/guide-02.png);width:235px;padding-top:269px}
.guide-02 span{left:14px;top:198px;background:url(../images/stones.png) no-repeat -183px -126px;width:77px;height:178px}
.guide-03{left:209px;top:372px}
.guide-03 a{background-image:url(../images/guide-03.png);width:250px;padding-top:258px}
.guide-03 span{left:11px;top:210px;background:url(../images/stones.png) no-repeat -33px -408px;width:122px;height:172px}
.guide-05{left:27px;top:661px}
.guide-05 a{background-image:url(../images/guide-05.png);width:198px;padding-top:194px}
.guide-05 span{left:158px;top:155px;background:url(../images/stones.png) no-repeat 0 -641px;width:312px;height:52px}
.guide-06{left:454px;top:561px}
.guide-06 a{background-image:url(../images/guide-06.png);width:247px;padding-top:306px}
.guide-06 span{left:192px;top:211px;background:url(../images/stones.png) no-repeat -460px -598px;width:260px;height:68px}
.guide-07{left:911px;top:650px}
.guide-07 a{background-image:url(../images/guide-07.png);width:240px;padding-top:235px}
.guide-07 span{left:-6px;top:-121px;background:url(../images/stones.png) no-repeat -719px -354px;width:228px;height:197px}
.guide-08{left:735px;top:363px;z-index:3}
.guide-08 a{background-image:url(../images/guide-08.png);width:211px;padding-top:255px}
.guide-08 span{left:-17px;top:-118px;background:url(../images/stones.png) no-repeat -532px -71px;width:81px;height:258px}
.guide-09{left:659px;top:46px;z-index:2}
.guide-09 a{background-image:url(../images/guide-09.png);width:176px;padding-top:246px}
.guide-09 span{left:142px;top:130px;background:url(../images/stones.png) no-repeat -614px -1px;width:187px;height:76px}
.guide-10{left:943px;top:104px}
.guide-10 a{background-image:url(../images/guide-10.png);width:246px;padding-top:308px}
.faq-btn{ position: absolute; right: 100px; top:150px; display: block; background:url(../images/faq-btn.png) no-repeat center center;width:102px;height:72px;color:#c0dae8; text-align:center;font-size: 0;}


.pop-box{display:none;position:fixed;left:0;top:0;z-index:3;width:100%;height:100%}
.mask{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;opacity:.7}
.pop{display:none;position:fixed;left:50%;top:50%;z-index:100;background:url(../images/pop.png);width:1123px;height:699px;margin-left:-560px;margin-top:-350px}
.pop-m{background:#fff;background:rgba(255,255,255,.8);width:1016px;height:590px;margin:-3px auto 0;border:1px solid #dbdbdb}
.pop-b{display:none}
.pop-close{position:absolute;right:-55px;top:0;z-index:2;background:#063f6a;background:rgba(6,63,106,.5);width:56px;height:56px;color:#fff;font-weight:700;font-size:24px;line-height:38px;overflow:hidden}
.pop-close span{position:absolute;left:50%;top:50%;background-image:url(../images/Sprite.png);background-position:0 -382px;width:38px;height:38px;line-height:999px;margin:-19px 0 0 -19px;overflow:hidden;-webkit-transition:transform 1s;-moz-transition:transform 1s;transition:transform 1s}
.pop-close:hover span{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}
.pop-cont{padding:10px 0 10px 25px;border-top:1px solid #bfbfad;color:#272c11;font-size:16px}
.pop-cont h4{padding-top:15px;color:#272c11;font-weight:700;font-size:20px}
.pop-cont p{padding:5px 0;text-indent:2em}
.pop-cont p strong{font-size:20px}
.pop-cont p img{max-width:90%}
.pop-cont a{color:#2f8fb7;text-decoration:underline}
.pop-cont a:hover{color:#3dbff5}
.pop-title{position:relative;width:100%;text-align:center}
.pop-title h3{width:100%;padding:35px 0 15px;color:#2f8fb7;font-size:26px;font-weight:700;line-height:1.1;text-align:center}

#videobox .pop-close { font-size:40px; width:44px; height:44px; line-height:40px;right:-44px; }


/*god*/
.pop-god{background:url(../images/pop-god.png)}
.pop-god .pop-m{background:0;border:0}
.pop-god .pop-cont{border:0}
.pop-god .pop-god-tips{position:absolute;left:50px;top:260px;width:17em;color:#bcc5f0;font-size:16px;line-height:2;text-indent:0}
.god-btn{position:absolute;left:388px;top:130px}
.god-btn a{position:absolute;background-image:url(../images/Sprite.png);background-position:-289px -160px;width:81px;height:28px;font-size:14px;color:#211501;font-weight:700;line-height:28px;text-align:center;text-decoration:none}
.god-btn a:hover{color:#211501;text-decoration:none}
.god-btn .god-btn-01{left:0;top:504px}
.god-btn .god-btn-02{left:349px;top:402px}
.god-btn .god-btn-03{left:85px;top:332px}
.god-btn .god-btn-04{left:447px;top:311px}
.god-btn .god-btn-05{left:144px;top:218px}
.god-btn .god-btn-06{left:413px;top:116px}
.god-btn .god-btn-07{left:389px;top:0}
.pop-god-pop{display:none;position:fixed;left:50%;top:50%;background:#0c0e14;background:rgba(12,14,20,.8);width:788px;margin-left:-394px;margin-top:-200px;border:1px solid #7b3a17;color:#efdeca;font-size:16px}
.pop-god-pop div{display:none;padding:30px 50px}
.pop-god-pop h4{padding-top:0;color:#efdeca;font-size:18px;text-align:center}
.pop-god-pop a,.pop-god-pop span{color:#d4713c}
.pop-god-pop a{text-decoration:underline}
.pop-god-pop a:hover{color:#d4713c}

/*social*/
.pop-tab{width:930px;margin:0 auto}
.pop-tab a{display:inline-block;min-width:12em;margin:0 40px;border-bottom:3px solid transparent}
.pop-tab .on{border-bottom:3px solid #23769a}
.pop-tab .on h3{border-bottom:6px solid #30a5d8}
.pop-tab h3{border-bottom:6px solid transparent}
.pop-tab-cont .pop-cont{display:none}

.pop-social .pop-title{height:78px;overflow:hidden}
.pop-social .pop-m{position:relative;border:0;margin-top:0}
.pop-social .pop-tab{position:absolute;right:53px;z-index:9999;width:151px}
.pop-social .pop-tab a{display:block;background-color:#3a4b53;width:100%;min-width:auto;height:117px;margin:0;border-bottom:1px solid #000;color:#fff;font-weight:700;font-size:18px;line-height:115px}
.pop-social .pop-tab a i{display:inline-block;vertical-align:middle;margin-left:10px;margin-right:5px}
.pop-social .pop-tab a .pop-social-icon-01{background-image:url(../images/Sprite.png);background-position:-83px -290px;width:40px;height:41px}
.pop-social .pop-tab a .pop-social-icon-02{background-image:url(../images/Sprite.png);background-position:0 -460px;width:36px;height:40px}
.pop-social .pop-tab a .pop-social-icon-03{background-image:url(../images/Sprite.png);background-position:-78px -382px;width:40px;height:36px}
.pop-social .pop-tab a .pop-social-icon-04{background-image:url(../images/Sprite.png);background-position:-163px -290px;width:45px;height:34px}
.pop-social .pop-tab a .pop-social-icon-05{background-image:url(../images/Sprite.png);background-position:0 -290px;width:43px;height:52px}
.pop-social .pop-tab a h3{display:inline-block;vertical-align:middle}
.pop-social .pop-tab .on{position:relative;background-color:#30a5d8;border:0;border-bottom:1px solid #30a5d8}
.pop-social .pop-tab .on:after{content:'';position:absolute;top:50%;left:-17px;margin-top:-10px;background-image:url(../images/Sprite.png);background-position:-410px -160px;width:17px;height:20px}
.pop-social .pop-tab .on h3{border:0}
.pop-social .pop-cont{margin-right:170px;border:0}


/*newbie*/
.area-inner p strong { color: #2f8fb7; }
.set-table { width:100% }
.set-table td, .set-table th { padding: 0.5em 1em; border: 1px solid #272c11; }
.pop-cont p.note { text-indent:0; }

/*hair cloth style*/
.pop-tab-szfx { width:100%; }
.pop-tab-szfx a { min-width: 6em; margin:0 7px }

/*upgrade*/
.pop-tab-sjzl a { margin: 0 7px; }


/*enpage*/
.enpage .pop-title h3 { font-size:20px; }
.enpage .pop-cont p strong { font-size:16px; }
.enpage .pop-cont h4 { font-size:16px; }
.enpage .pop-title.pop-tab-szfx h3 { font-size:16px; }
.enpage .pop-social .pop-tab a { font-size:14px }
.enpage .god-btn a { width: 312px; height: 28px; line-height: 28px; background:url(../images/cs-titlebg.png) no-repeat center center; }

/*.enpage .guide-01 a{background-image:url(../images/en/guide-01.png);}
.enpage .guide-02 a{background-image:url(../images/en/guide-02.png);}
.enpage .guide-03 a{background-image:url(../images/en/guide-03.png);}
.enpage .guide-05 a{background-image:url(../images/en/guide-05.png);}
.enpage .guide-06 a{background-image:url(../images/en/guide-06.png);}
.enpage .guide-07 a{background-image:url(../images/en/guide-07.png);}
.enpage .guide-08 a{background-image:url(../images/en/guide-08.png);}
.enpage .guide-09 a{background-image:url(../images/en/guide-09.png);}
.enpage .guide-10 a{background-image:url(../images/en/guide-10.png);}
.enpage .faq-btn{ background-image:url(../images/en/faq-btn.png);}*/

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