@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 'Merriweather', Arial, Verdana, Helvetica, sans-serif; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { color: #fff; font: 14px/1.8 'Merriweather', Microsoft YaHei, Arial, Helvetica, sans-serif; background: #06090e;  }

.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://destroyeronline.com/assets/fullbg.jpg?v=3) no-repeat center top #000; background-size: 100% auto; }
body[data-lang="cn"] .fullbg { background-image: url(https://www.eudemons.com/en/images/reg/landing/v8/fullbg_cn.jpg?20260623) }
body[data-lang="es"] .fullbg { background-image: url(https://www.eudemons.com/en/images/reg/landing/v8/fullbg_es.jpg?20260623) }
body[data-lang="ru"] .fullbg { background-image: url(https://www.eudemons.com/en/images/reg/landing/v8/fullbg_ru.jpg?20260623) }
body[data-lang="ar"] .fullbg { background-image: url(https://www.eudemons.com/en/images/reg/landing/v8/fullbg_ar.jpg?20260623) }
.wrapper { position: relative; width: 1100px; margin: 0 auto; }
.header { position: relative; height: 400px; }
.content { padding-bottom: 50px; }
.main { width: 1000px; margin: 0 auto; }

.nav, .lang { position: relative; height: 80px; line-height: 80px; }
.nav { z-index: 1; }
.nav li { position: relative; float: left; width: 11%; text-align: center; font-size: 16px; }
.nav li:hover { background: url(https://www.eudemons.com/en/images/navhover.png) no-repeat center top; }
.nav li a { display: block; width: 100%; }
.subnav { display: none; position:absolute; width: 140%; left:0; top:80px; line-height:50px; background:rgba(0, 0, 0, .8); }
.nav li:hover .subnav { display:block; }
.subnav a { display:block; width:100%; text-align:center; border-bottom:1px solid #444; }
body[data-lang="es"] .subnav a {font-size: 14px;}
.subnav a:nth-last-child(1) { border-bottom:none; }
.subnav a:hover { background: url(https://www.eudemons.com/en/images/navhover.png) no-repeat center top; }
.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(https://www.eudemons.com/en/images/pic.png) -297px -279px; vertical-align: middle; margin-right: 5px; }
.lang a { color: #929292; }
.lang a:hover, .lang a.on { color: #fff; }

.logo { width: 240px; position: absolute; left: 142px; top: 108px; }

/*search*/
.col_search { position: absolute; right: 0; top: 95px; zoom: 1; }
.col_search:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.col_search input { float: left; display: block; vertical-align: middle; }
.col_search .txt { background: #000; background: rgba(0,0,0,.8); filter: alpha(opacity=80); border: none; width: 250px; color: #ddd; padding: 2px 5px; height: 28px; line-height: 28px; }
.col_search .submit { background: url(https://images.eudemons.com/uploads/eo/2018/en/btns.png) no-repeat -44px -690px #333; padding: 2px; width: 30px; height: 32px; border: none; cursor: pointer; }
.col_search .submit:hover { background-color: #5b1c03; }

/**/

.section h2 { width: 100%; height: 70px; margin: 60px 0 10px 0; line-height: 70px; text-align: center; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat center top; color: #f5cd60; font-size: 24px; text-shadow: 1px 1px 1px #000; text-transform: uppercase; }
body[data-lang="ru"] .section.eudemon h2 { font-size:120%; }

.more { width: 98%; margin: 0 auto; text-align: right; padding-top: 15px; font-size: 16px; }
.more a, .more a i { height: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 20px; }
.more a:hover { color: #e3bb3b; }
.more a i { width: 17px; height: 18px; margin-left: 5px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat -110px -722px; }
.more a:hover i { background-position: -110px -745px; }

.hotnews li { float: left; width: 198px; margin: 0 10px; border: 1px solid #d7af45; background: #fff; transition: all .3s ease-in-out 0s; }
.hotnews li:hover { margin-top: -10px; }
.hotnews li:hover strong { color: #5e1d04; }
.hotnews li img { width: 100%; height: 170px; }
.hotnews li strong, .hotnews li span, .hotnews li img { display: block; }
.hotnews li strong, .hotnews li span { width: 90%; margin: 0 auto; }
.hotnews li strong { height: 48px; margin: 5px auto; line-height: 24px; font-size: 18px; color: #000; overflow: hidden; }
.hotnews li span { padding: 5px 0; color: #666; }
.hotnews li i.cover { position: relative; z-index: 2; display: block; width: 100%; height: 17px; margin-top: -15px; background: url(https://www.eudemons.com/en/images/newscover.png) no-repeat center top; }
.hotnews li a { display: block; }

.allnews, .main { position: relative; z-index: 1; width: 90%; padding: 0 4% 4% 4%; margin: 70px auto 30px auto; background: #010102; border: 1px solid #f7cd5a; border-image: -webkit-linear-gradient(#010102, #e3bb3b) 18 22; border-image: -moz-linear-gradient(#010102, #e3bb3b) 18 22; border-image: linear-gradient(#010102, #e3bb3b) 18 22; }
.main { margin: 0 auto; }

.newstabs, .commontabs { position: relative; z-index: 2; width: 100%; margin: -24px auto 0 auto; padding-bottom: 20px; display:flex; align-items:center; justify-content:center; }
.newstabs a, .commontabs a { display: block; width: 168px; height: 46px; line-height: 46px; font-size: 20px; border: 1px solid #e3bb3b; border-bottom: 1px solid #745306; border-left: 1px solid #8a6714; color: #e3bb3b; text-align: center; margin-left: -1px; background: #000; }
.newstabs a:hover, .newstabs a.on, .commontabs a:hover, .commontabs a.on { background: #e3bb3b; color: #000; }
.newsc { position: relative; }

.newsc li span, .newsc li a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #fff; }
.newsc li span { width: 110px; }
.newsc li { padding: 8px 0; }
.newsc li a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsc li a:hover { color: #e0c934; }
.newsc li a.newslink { width: 655px; padding: 0 15px; }
.newsc li a.readmore { width: 100px; height: 30px; line-height: 30px; background: #5f1b00; color: #fff; text-align: center; font-size: 14px; border-radius: 2px; }
.newsc li a.readmore:hover { background: #e0c934; color: #000; }
.newsc li a.openClose { width: 22px; height: 22px; margin: 0 12px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat -30px -748px; }
.newsc li a.openClose:hover { background-position: -30px -721px; }

.newsc li .a-title { font-size: 16px; }
.newsc li .description { display: none; width: 650px; padding: 2px 0 6px 0; margin-left: 165px; font-size: 13px; border-bottom: 1px dashed #9c9c9c; line-height: 18px; color: #9c9c9c; }

.newsc li.on .description { display: block; }
.newsc li.on a.openClose { background-position: -1px -748px; }
.newsc li.on a.openClose:hover { background-position: -1px -721px; }

.newsc span.icon { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 25px; height: 25px; margin-right: 12px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat -62px -725px; }
.newsc span.icon.events { background-position: -293px -231px; }
.newsc span.icon.patches { background-position: -292px -188px; }
.newsc span.icon.news { background-position: -289px -146px; }


/**/
.class { height: 860px; }
.allclass { position: relative; }
.classtabs a { display: block; position: absolute; background: url(https://www.eudemons.com/en/images/class.png?0210) no-repeat 0 0; }
.classtabs a.ct1 { z-index: 1; left: -20px; width: 318px; height: 408px; background-position: -5px -958px; }
.classtabs a.ct2 { z-index: 5; right: 0; top: 200px; width: 357px; height: 354px; background-position: -1432px -934px; }
.classtabs a.ct3 { z-index: 3; left: -20px; top: 400px; width: 380px; height: 300px; background-position: -360px -956px; }
.classtabs a.ct4 { z-index: 4; right: -10px; top: 20px; width: 481px; height: 373px; background-position: -850px -961px; }
.classtabs a.ct5 { z-index: 6; right: -20px; top: 400px; width: 400px; height: 333px; background-position: -712px -1428px; }
.classtabs a.ct6 { z-index: 2; left: -20px; top: 200px; width: 555px; height: 340px; background-position: -45px -1428px; }
.classtabs a.ct7 { z-index: 6; left: 180px; top: -10px; width: 350px; height: 340px; background-position: -1420px -1424px; }
.classtabs a.ct8 { z-index: 7; left: 580px; top: 0; width: 305px; height: 330px; background-position: -365px -1866px; }
.classtabs a.ct9 { z-index: 5; left: 262px; top: 0; width: 530px; height: 325px; background-position: -1380px -1866px; }

.classtabs a.ct1:hover, .classtabs a.ct1.on { background-position: -5px -24px; }
.classtabs a.ct2:hover, .classtabs a.ct2.on { background-position: -1432px 0; }
.classtabs a.ct3:hover, .classtabs a.ct3.on { background-position: -360px -22px; }
.classtabs a.ct4:hover, .classtabs a.ct4.on { background-position: -850px -27px; }
.classtabs a.ct5:hover, .classtabs a.ct5.on { background-position: -712px -494px; }
.classtabs a.ct6:hover, .classtabs a.ct6.on { background-position: -45px -494px; }
.classtabs a.ct7:hover, .classtabs a.ct7.on { background-position: -1420px -490px; }
.classtabs a.ct8:hover, .classtabs a.ct8.on { background-position: 0 -1866px; }
.classtabs a.ct9:hover, .classtabs a.ct9.on { background-position: -869px -1866px; }


.classcont { position: absolute; z-index: 7; /*top: 100px;*/ top: 180px; left: 50%; margin-left: -225px; width: 390px; height: 497px; background: url(https://www.eudemons.com/en/images/classbox.png) no-repeat 0 0; padding: 30px; }
.classname { text-align: center; color: #ffdda0; font-size: 24px; background: url(https://www.eudemons.com/en/images/line.png) no-repeat center bottom; line-height: 30px; padding-bottom: 10px; text-transform: uppercase; }
.classname span { font-size: 14px; color: #fff; }
.classintro { width: 80%; margin: 0 auto; padding: 20px 0; color: #808080; }
.classintro strong { color: #fff; }
.classintro p { padding: 10px 0; }
.classintro li { width: 33%; float: left; text-align: center; line-height: 20px; }
.classintro li img { width: 41px; height: 41px; }

/**/
.eudemon-details { width: 90%; margin: 0 auto; zoom: 1; }
.eudemon-details:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.avatar, .details { position: relative; float: left; }
.avatar { width: 450px; height: 450px; background: url(https://www.eudemons.com/en/images/demonbg.png?20190130) no-repeat center center; }
.avatar img { width: 100%; }
.details { width: 44%; margin-left: 4%; padding: 65px 3% 3% 3%; color: #929292; }
.details strong, .details h4 { color: #fff; font-size: 22px; }
.details p { padding: 10px 0; }
.attr { display: none; }

.detailtabs { position: absolute; right: -30px; top: 40px; }
.detailtabs a { display: block; width: 140px; height: 34px; margin: 30px 0; line-height: 34px; border-radius: 18px; border: 1px solid #f1dc66; background: #000; background: rgba(0,0,0,.8); filter: alpha(opacity=80); text-align: center; font-size: 16px; color: #fff; }
.detailtabs a:hover, .detailtabs a.on { background: #601e05; background: rgba(96,30,5,.8); }

.eudemon-list { position: relative; }
.eudemon-list li { float: left;  margin: 0 5px; zoom: 1; width: 82px; }
.eudemon-list li:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.eudemon-list li img { width: 100%; height: 100%; }
.eudemon-list li a { float: left; display: block; width: 80px; height: 80px; margin: 5px 0; border-radius: 8px; border: 1px solid #f1dc66; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50); }
.eudemon-list li a.on, .eudemon-list li a:hover { opacity: 1; filter: alpha(opacity=100); }
.demon-scroll { width: 920px; overflow: hidden; margin: 20px auto 50px auto; }
.scrollbtn { position: relative; }
.eudemon-list a.prev, .eudemon-list a.next { display: block; position: absolute; width: 62px; height: 95px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat 0 0; top: 50%; margin-top: -47px; }
.eudemon-list a.prev { left: 50px; background-position: -9px -498px; }
.eudemon-list a.next { right: 50px; background-position: -101px -498px; }

/**/
.media { padding-bottom: 40px; }
.section.media h2 { font-size: 18px; color: #fff; }
.section.media h2 a:hover, .section.media h2 a.on { color: #f5cd60; }

.mediacont li, .videolist .vp, .wallpaperlist .wp { position: relative; width: 245px; height: 140px; float: left; margin: 0 14px; border: 1px solid #94772a; overflow: hidden; }
.mediacont li img, .videolist .vp img, .wallpaperlist .wp img { position: relative; z-index: 1; width: 100%; height: 100%; }
.vmask { background: #000; background: rgba(0,0,0,.6); filter: alpha(opacity=60); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; }

.playicon { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: url(https://www.eudemons.com/en/images/play.png) no-repeat center center; cursor: pointer; }
.mediacont li:hover .vmask, .videolist .vp:hover .vmask { opacity: 0.4; filter: alpha(opacity=40); }
.mc2 li, .wallpaperlist .wp { cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); }
.mc2 li:hover, .wallpaperlist .wp:hover { border-color: #cc9a15; opacity: 1; filter: alpha(opacity=100); }



.footer { text-align: center; padding: 40px 0; background: #000; }
.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; }
.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: 20px; top: 50%; /*top: 400px;*/ z-index: 3; width: 140px; margin-top: -335px; }
.sidebtns .timepanel { height: 140px; height: 120px; position: relative;}
.sidebtns a { display: block; position: relative; background: none; opacity: 0.9; padding: 0; width: 100%; height: 110px; text-align: center; color: #fffca8; overflow: hidden; }
.sidebtns a > img { position: absolute; left: 0; top: 0; width: 100%; z-index: 1; }
.sidebtns a > span { display: block; position: relative; z-index: 2; padding-top: 62px; }
.sidebtns a:hover { opacity: 1 }
.sidebtns a.sb1 span, .sidebtns a.sb5 span { padding-top: 55px; line-height: 13px; }
.sidebtns.cnpage  a.sb1 span, .sidebtns.cnpage  a.sb5 span { padding-top: 63px; }
body[data-lang="ru"] .sidebtns a { font-size:12px; }

/*2025 index add ht dl btn*/
.left-sidebtns { position:fixed; left:20px; top:50%; margin-top: -172px; z-index:3; width:163px; height:351px; background:url(https://www.eudemons.com/en/images/ht/dlbg.png?) no-repeat 0 0; box-sizing:border-box; padding:22px 0 0 0; }
.left-sidebtns a { width:139px; height:38px; background:url(https://www.eudemons.com/en/images/ht/dlbtn.png) no-repeat 0 0; display:flex; align-items:center; justify-content:flex-start; line-height:1; color:#513b1d; font-size:14px; margin:3px auto; }
.left-sidebtns a:hover { filter:brightness(1.2); }
.left-sidebtns a:before { content:""; display:block; margin-right:4px; margin-left:20px; }
body[data-lang="pt"] .left-sidebtns a:before, body[data-lang="ru"] .left-sidebtns a:before { margin-left:10px; }
body[data-lang="cn"] .left-sidebtns a:before { margin-left:25px; }

body[data-lang="es"] .left-sidebtns a, body[data-lang="ru"] .left-sidebtns a { font-size:12px; }
body[data-lang="es"] .left-sidebtns a:before { margin-left:16px; }

.left-sidebtns a.pcbtn:before { width:20px; height:20px; background:url(https://www.eudemons.com/en/images/ht/dlicon1.png) no-repeat 0 0; }
.left-sidebtns a.apkbtn:before { width:16px; height:18px; background:url(https://www.eudemons.com/en/images/ht/dlicon2.png) no-repeat 0 0; }
.left-sidebtns a.ggbtn:before { width:17px; height:18px; background:url(https://www.eudemons.com/en/images/ht/dlicon3.png) no-repeat 0 0; }
.indexcode { width:139px; margin:0 auto; position:relative; text-align:center; }
.indexcode img { width:100%; display:block; }
.indexcode:after { content:""; display:block; width: 126px; height:28px; background:url(https://www.eudemons.com/en/images/ht/light.png) no-repeat 0 0; position:absolute; top:0; left:50%; margin-left:-63px; animation: scanMove 3s ease-in-out infinite; }
.indexcode span { display: block; width: 86%; margin: 5px auto; color: #8d8165; font-size:12px; line-height:1.2; }
body[data-lang="ru"] .indexcode span { font-size:11px; }
body[data-lang="ru"] .subnav a { height:50px; line-height:1.2; display:flex; align-items:center; justify-content:center; }

body[data-lang="en"] .left-sidebtns { margin-top:-80px; }
body[data-lang="en"] .left-sidebtns:before {
	position: absolute;
	content: "Mobile Version\A Coming Soon";
	white-space: pre;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	font-size: 13px;
	color: #513b1d;
	width: 123px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #fdeaa7, #f6c453 50%, #d99a2b);
	border: 2px solid #fff3cf;
	border-radius: 14px;
	box-shadow: 0 0 12px rgba(253,191,61,0.7);
	left:50%; margin-left:-61px; top:-72px;
	animation: flash 1.2s infinite;
}


@keyframes flash {
  0% { opacity: 1; filter:brightness(1.1); }
  50% { opacity: 0.7; filter:brightness(1); }
  100% { opacity: 1; filter:brightness(1.1); }
}

@keyframes scanMove {
	0%{top: 0}
	50%{top: 120px;}
	100%{top: 0}
}


/*.sidebtns > a, .sidebtns .sb1 { position: relative; display: block; width: 112px; height: 45px; padding: 85px 0 0 18px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat 0 0; color: #fffca8; text-align: center; line-height: 20px; }
.sidebtns .timepanel {width: 130px;height: 130px;position: relative;}
.sidebtns .sb1 {cursor: pointer;width: 90px;padding: 70px 0 0 30px;margin: 0 0 15px 7px;background-position: -665px -130px;font-size: 13px;}
.sidebtns > a.sb2 { background-position: -658px -245px; }
.sidebtns > a.sb3 { background-position: -658px -374px; }
.sidebtns > a.sb4 { background-position: -658px -502px; }

.sidebtns .sb1:hover { background-position: -820px -130px; }
.sidebtns > a.sb2:hover { background-position: -813px -245px; }
.sidebtns > a.sb3:hover { background-position: -813px -374px; }
.sidebtns > a.sb4:hover { background-position: -813px -502px; }
.sidebtns > a.sb5 {background: url(https://www.eudemons.com/en/images/treasure.png) no-repeat 9px 6px; font-size: 12px;}
.sidebtns > a.sb5.sp { font-size: 14px; }*/


.servertime { position: absolute; top: 20px; width: 178px; left: -200px; border: 1px solid #e2de93; background: #000; border-radius: 3px; padding: 5px 15px 5px 5px; text-align: center; line-height: 20px; }
.servertime:after { content: ""; width: 0; height: 0; }
body[data-lang="ru"] .servertime { text-align:left; width:214px; left:-236px; }

.servertime a.timeclose { position: absolute; right: 0; top: 0; width: 20px; height: 20px; line-height: 20px; font-size: 16px; color: #e2de93; }
.servertime span { display: inline-block; *display: inline; *zoom: 1; width: 70px; vertical-align: middle; text-align: left; }
.servertime .arrow { display: block; position: absolute; right: -19px; width: 0; height: 0; border: 8px solid transparent; border-left: 10px solid #e2de93; }
.servertime .arrow b { position: absolute;left: -11px;top: -6px;display: block;width: 0;height: 0;border: 6px solid transparent;border-left: 9px solid #000; }

/**/
.popbox { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; }
.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); z-index: 99; }
.pop-content { position: relative; z-index: 100; }
.pop-panel.video { position: relative; width: 800px; height: 100%; margin: 200px auto; }
.pop-panel.video iframe { width: 800px; height: 450px; }
.pop-close { position: absolute; right: -40px; top: 0; display: block; width: 40px; height: 40px; line-height: 38px; text-align: center; color: #fff; font-size: 40px; background: #4e4e4e; }
.pop-close:hover { background: #8c8c8c; }

.pop-panel.pic { position: relative; width: 1000px; margin: 140px auto; }
.pop-panel.pic img { width: 1000px; height: 563px; }

a.commonbtn { display: block; width: 160px; height: 36px; line-height: 36px; border: 4px; text-align: center; border-radius: 5px; font-size: 22px; margin: 0 auto; border: 1px solid #d98320; background: #d98320; }
a.commonbtn:hover { background: #000; }

/*****************************************************/

/*newslist page*/
.allnewslist.main { width: 80%; }
.allnewslist { width: 90%; margin: 0 auto; font-size: 16px; }
.allnewslist .newsc li { height: 34px; line-height: 34px; }
.allnewslist .newsc li a { width: 520px; }
.allnewslist .newsc li a:hover { text-decoration: underline; color: #666; }
.allnewslist .newsc .icon { margin-right: 15px; }
.allnewslist ul { padding: 20px 0; }
.allnewslist img { max-width: 640px; border: 1px solid transparent; }
.allnewslist .pic { text-align: center; }
.allnewslist a:hover img { border: 1px solid #660b00; }
.allnewslist .newsc .newslist p { padding: 5px 0; }
.allnewslist .newsc .newslist p a { width: 725px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.allnewslist .newsc .newslist p a:hover { text-decoration: underline; color: #e0c934; }
.newsc p span, .newsc p a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.newsc p span.icon { width: 25px; }
.newsc p span { width: 110px; }

.newsc p a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dede_pages { text-align: center; }
.dede_pages a { margin: 0 6px; color: #fff; }
.dede_pages a:hover { color: #e0c934; text-decoration: underline; }
.dede_pages a.thislink { cursor: default; color: #e0c934; text-decoration: underline; }
.dede_pages a.thislink:hover { text-decoration: none; }

#eoallnews, #eoeventnews, #eopatchnews { padding-top: 20px; }


.main table { width: 100%; margin: 20px auto; }
.main td, .context th { border: 1px solid #382c1c; }
.main th { border-bottom: 1px solid #554530; background: #382c1c; color: #fff; line-height: 40px; font-size: 18px; font-weight: normal; }
.main td { border: 1px solid #554530; color: #ddd; line-height: 32px; }
.main td a { color: #848484!important; font-weight: bold; }
.main td a:hover { color: #e3bb3b!important; }
.main td strong { color: #a30000!important; }
.main td > p { width: 90%; margin: 0 auto; text-align: left; }

/*news page*/
.main.txt:before, .main.search:before { position: absolute; top: -5px; left: 0; content: ""; width: 100%; height: 5px; background: #f7cd5a; }
.newstitle { font-size: 24px; text-align: center; padding-top: 20px; }
.main.txt .time { padding: 10px 0 15px 0; text-align: center; border-bottom: 1px dashed #666; margin-bottom: 30px; }
.context p { padding: 5px 0; }
.context p img { max-width: 100%; }
.main.txt .context p a { color: #f7cd5a; }
.main.txt .context p a:hover { text-decoration: underline; }

.backtop { position: relative; width: 96%; height: 37px; padding: 30px 2%; padding: 30px 0 0 0; text-align: right; }
.backtop a { position: absolute; right: 0; top: 30px; display: block; width: 37px; height: 37px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat -295px -417px; text-indent: 999em; font-size: 0; overflow: hidden; }


/*download*/
.downloadpage .commontabs { width: 341px; }
.title { color: #e3bb3b; font-size: 22px; height: 34px; line-height: 34px; text-align: center; margin: 40px 0 20px 0; }
.title .li, .title .ri { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 102px; height: 16px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat 0 0; margin-top: -2px; font-size: 0; overflow: hidden; }
.title .li { background-position: -296px -475px; }
.title .ri { background-position: -303px -501px; }
.downloadpage .commoncont { text-align: center; font-size: 14px; text-align: center; }
body[data-lang="es"] .downloadpage .commoncont { font-size:13px; }
.iminfo { font-size: 16px; padding-bottom: 20px; }
a.rbtn { display: block; width: 224px; height: 60px; margin: 0 auto; line-height: 60px; font-size: 28px; color: #ffe792!important; text-decoration: none!important; text-shadow: 1px 1px 1px #000; text-align: center; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat -303px -536px; }
a.rbtn:hover { background-position: -303px -606px; }
.commoncont a { color: #848484; text-decoration: underline; }
.commoncont a:hover { color: #e3bb3b; }

.cor-list { text-align: center; margin: 0 auto; }
.cor-list li { width: auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 12px; }


/*search*/
.main.search { min-height: 600px; }
.main.search td, .main.search .context th { border: none; } 
.gsc-result { border-bottom: 1px dashed #666!important; }
.main.search table { margin: 0 auto; }
.main.search a.gs-title b { color: #ffa34a!important; }
.gsc-input-box { background: none!important; }
.gsc-result-info, .gsc-orderby-label { color: #909090!important; }
.gsc-result .gs-title { height: 2.2em!important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #000!important; }
.gsc-search-box-tools .gsc-search-box .gsc-input { padding: 0 5px!important; }
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet { background-color: rgb(43, 42, 38)!important; }
.gsc-completion-container { background: #010102!important; }
.gsc-completion-selected { color: #000!important; }

/*media page*/
.allmedia .commontabs { width: 341px; }
.videolist .vp, .wallpaperlist .wp { margin: 20px 23px; }
.allmedia .main { width: 80%; }
.videoname { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


/*20190529 animation*/

.featurelink { display: none; position: absolute; left: 230px; top: 150px; z-index: 44; width: 830px; height: 200px; }

.animate-mod{display:none;position:absolute;width:100%}
.animate-mod *{display:block;position:absolute}
.bird-01{top:107px;left:-32px;width:196px;height:205px;background:url(https://www.eudemons.com/en/images/bird-01.png) no-repeat}
.bird-02{top:90px;right:-185px;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(0) translateX(5px) rotate(0)}
100%{-webkit-transform:scale(1) rotate(360deg) translateX(5px) rotate(-360deg)}
}
@keyframes birdMove{0%{transform:scale(1) rotate(0) translateX(5px) rotate(0)}
100%{transform:scale(1) rotate(360deg) translateX(5px) rotate(-360deg)}
}
@-webkit-keyframes birdMove02{0%{-webkit-transform:scale(1) rotate(0) translateX(5px) rotate(0)}
100%{-webkit-transform:scale(1) rotate(-360deg) translateX(5px) rotate(360deg)}
}
@keyframes birdMove02{0%{transform:scale(1) rotate(0) translateX(5px) rotate(0)}
100%{transform:scale(1) rotate(-360deg) translateX(5px) rotate(360deg)}
}


/*2025 add ht download*/
.dlbtns { display:flex; align-items:center; justify-content:space-between; width:500px; box-sizing:border-box; padding:10px 0; margin:0 auto; }
.dllinks { width:52%; flex-shrink:0; display:flex; align-items:center; justify-content:center; flex-direction: column; height:100%; }
.dllinks a { display:block; width:100%; margin:10px 0; height:auto; }
.dllinks a:hover { filter:brightness(1.2); }
.dllinks a img { display:block; width:100%; height:auto; }
.code { width:44%; }
.code a, .code span { display: block; line-height:1; white-space:nowrap; text-align:center; }
.code a { height:auto; text-decoration:underline; }
.code img { width:90%; margin:10px auto; display:block; }

.pop { position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .4); z-index:4; display:flex; align-items:center; justify-content:center; }
.pop.hide { display:none; }
.popcont { position: relative; width: 500px; background: #000; box-sizing:border-box; padding:50px; display:flex; align-items:center; justify-content:center; font-size:110%; border:1px solid #e3bb3b; }
.pop a.close { position:absolute; right:10px; top:10px; height: 30px; line-height: 30px; width: 30px; text-align: center; font-size:50px; color:#ccc }
.pop a.close:hover { color:#fff; }

/*search page*/
.gsc-above-wrapper-area, .gsc-wrapper, form.gsc-search-box { max-width:100%!important; }

/*2026 ar version*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400..700&display=swap');
body[data-lang="ar"] { direction:rtl; font-family: "Noto Naskh Arabic", serif; }
body[data-lang="ar"] .nav li { float:right; }
body[data-lang="ar"] .lang { right:auto; left:0; }
body[data-lang="ar"] .left-sidebtns a:before { margin-left:4px; margin-right:20px; }
body[data-lang="ar"] .servertime { padding: 5px 5px 5px 15px; }
body[data-lang="ar"] .servertime a.timeclose { right:auto; left:0; }
body[data-lang="ar"] .pop-close { right:auto; left:-40px; }
body[data-lang="ar"] .main td > p { text-align:right; }
body[data-lang="ar"] .newsc span.icon { margin-right:0; margin-left:12px; }
body[data-lang="ar"] .more { text-align:left; }
body[data-lang="ar"] .more a i { transform:rotate(180deg); }
body[data-lang="ar"] .lang i { margin-right:0; margin-left:5px; }
body[data-lang="ar"] .col_search input { float:right; }
body[data-lang="ar"] .dede_pages { display:none; }


/*responsive*/
@media screen and (max-width: 1200px) {
	.left-sidebtns { display: none; }
.sidebtns { transform: scale(0.7); transform-origin: top right; }
	.fullbg { background-size: 100% auto; min-width: auto; }
	.col_search { top: 5vw; }
	.nav, .lang { height: 4vw; line-height: 4vw; }
	.nav li { font-size: 1.4vw; }
    .wrapper { width: 90%; margin: 0 auto; }
    .header { height: 25vw; }
    .logo { width: 20vw; left: 0; top: 5vw; }
    .logo img { width: 100%; }
    .section { width: 80%; margin: 0 auto; }
    .section.class { width: 100%; min-width: 900px; }
    .hotnews { text-align: center; }
    .hotnews li { float: none; display: inline-block; *display: inline; *zoom: 1; width: 17%; margin: 0 1%; font-style: 2vw; text-align: left; }
    .hotnews li img { height: 10vw; }
    .hotnews li strong { font-size: 1.8vw; }
    .newsc li a.newslink { width: 50%; }
    .newsc li .description { width: 53%; margin-left: 23%; }
    .newsc li a.readmore { width: 14%; }
    .avatar { width: 45%; background-size: 100% auto; }
    .eudemon-list { text-align: center; }
    .eudemon-list li { display: inline-block; *display: inline; *zoom: 1; width: 7%; height: auto; margin: 0 0.5%; }
    .eudemon-list li a { width: 100%; height: auto; }
    .eudemon-list li a:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
    .eudemon-list li a img { width: 100%; height: auto; float: left; }
    .mediacont li, .videolist .vp, .wallpaperlist .wp { width: 22%; margin: 0 1%; height: 9vw; }
    .classcont { position: relative; left: 0; margin: 0 auto; width: 24vw; background-size: 100% 100%; height: auto; }
    .classname { font-size: 1.8vw; }
    .classintro { font-size: 1.2vw; }
    .classintro p { padding: 0.2vw 0; }
    .pop-panel.video { margin: 160px auto; }
    .featurelink { width: 36vw; top: 6vw; height: 14vw; }
    .allnewslist .newsc .newslist p a { width: 70%; }

    .newsc p span { width: 20%; }
    .context p img { width: 100% }
}

@media screen and (max-width: 800px){
	body { font: 1.4vw/1.8 'Merriweather', Microsoft YaHei, Arial, Helvetica, sans-serif }
 	.lang, .col_search, .animate-mod, .featurelink { display: none; }
 	.nav { display: block; position: relative; width: 100%; height: auto; }
.nav ul.clearfix { flex-wrap: wrap; }
.nav li { width: auto; padding: 5px 10px; font-size: 3vw; }
 	.nav li { /*width: 12.4%*/ width: 100%; display: block; float: none; }

 	.header { position: relative; z-index: 2; }
 	.content { position: relative; z-index: 1; }
 	.logo { left: auto; right: 0; width: 34vw; }
 	.fullbg { background-position: center -5vw; background-size: 120% auto }

 	.main th, .main td { font-size:2vw; }
 	.title .li, .title .ri { display: none; }
 	.newstabs, .commontabs { width: 100%; text-align: center; font-size: 0; }
 	.newstabs a, .commontabs a { float: none; display: inline-block; vertical-align: middle; width: 30%; height: 8vw; line-height: 8vw; font-size: 3vw; }
 	#eoallnews, #eoeventnews, #eopatchnews { padding-top: 2vw; }
 	.allnewslist .newsc .newslist p { font-size: 2vw; }
 	.newsc p span { display: none; width: 24%; }
 	.allnewslist .newsc .newslist p a { width: 80%; }
 	.context img { width: 100%!important; height: auto!important; }
 	.newstitle { font-size: 4vw; }
 	.hotnews li { width: 16%; }
}

@media screen and (max-width: 500px){
	/* .nav { display: none; } */
}

/*error page*/
.fullbg.error { background-image: url(https://www.eudemons.com/en/images/error/error.jpg); }
.error-visit { width: 549px; height: 480px; margin-left: 100px; padding-top: 74px; }
.error-home a { display: block; width: 322px; height: 97px; margin: 0 auto; background: url(https://www.eudemons.com/en/images/error/error-btns.png) no-repeat 0 0; }
.error-home a:hover { background-position: 0 -106px; }
.error-social { padding: 65px 0; text-align: center; }
.error-social a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 70px; height: 70px; margin: 0 10px; background: url(https://www.eudemons.com/en/images/error/error-btns.png) no-repeat 0 0; }
.error-social a.error-fb { background-position: 0 -222px; ; }
.error-social a.error-yt { background-position: -96px -222px; }
.error-social a.error-rd { background-position: -193px -222px; }
.error-social a.error-fb:hover { background-position: 0 -312px; ; }
.error-social a.error-yt:hover { background-position: -96px -312px; }
.error-social a.error-rd:hover { background-position: -193px -312px; }
.error .footer { background: none; }
.error .logo { width: 300px; left: 216px; top: 100px; }
.error .logo img { width: 100%; }
.error h1 { font-size: 0; height: 0; overflow: hidden; }
.error .featurelink, .error .col_search, .error .animate-mod { display: none; }


/*20210517 news update ---- 20210604 scroll back*/
/*.index .slider, .allnews { float: left; }
.index .slider { width: 49%; }
.index .slider img { width: 100%; }
.index .slider img, .index .slider a { display: block; }
.index .slidecont { overflow: hidden; }
.index .allnews { width: 49%; margin: 0 0 0 8px; padding: 2% 0 0 0; border: none; }
.index .newstabs { width: 80%; margin: -42px auto 0 auto; padding-bottom: 4px; text-align: center; font-size: 0; }
.index .newstabs a { float: none; width: 30%; font-size: 18px; height: 38px; line-height: 38px; display: inline-block; *display: inline; *zoom; 1; vertical-align: middle; }
.index .newsc { padding: 5px 2% 13px 2%; margin: 0 auto; width: 96%; }
.index .newsc li a.newslink { width: 332px; }
.index .newsc li span { width: 105px; }
.index .newsc li span.icon { width: 25px; }
.index .newsc li { padding: 5px 0; height: 28px; line-height: 28px; }
.index .newsc li a.newslink { padding: 0 15px 0 5px; }
.index .featurelink { display: none; height: 300px; }
.index .newslide { padding-top: 40px; }
.index .bd { width: 100%; text-align: center; background: #151515; line-height: 26px; height: 26px; }
.index .bd li { display: inline-block; *display: inline; *zoom; 1; vertical-align: middle; background: #444; width: 12px; height: 12px; border-radius: 10px; font-size: 0; margin: 0 5px; cursor: pointer; }
.index .bd li.on { background: #e3bb3b }
.index .readmore {  text-align: center; }
.index .readmore a { display: block; background: #151515; line-height: 26px; height: 26px; color: #fff; }
.index .readmore a:hover { background: #e3bb3b; color: #000; }

.index .readmore a i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 20px; width: 17px; height: 18px; margin-left: 5px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat -110px -722px; }
.index .readmore a:hover i { background-position: -110px -745px; }*/

@media screen and (max-width: 1200px) {
	.index .newsc li a.title { display: flex; justify-content: space-between; }
	.index .newsc li span, .newsc li a.newslink { font-size: 1.4vw; width: auto; }
	.index .newsc li a.newslink { width: 50%; padding: 0 1%; }
	.index .newsc span.icon { transform: scale(0.8); width: 3vw; height: 3vw; margin-right: 0.5vw; }
	.index .newstabs a { font-size: 1.6vw; }
}

/*htversion*/
@keyframes scale-pulse{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}
.ht-box { position: relative; z-index:12; width:142px; margin:50px auto 0; }
.ht-box .ht-phone {width: 59px; height:89px; margin:0 auto; animation:scale-pulse 1.5s ease-in-out infinite; }
.ht-box .ht-txt { width:142px; height:59px; margin-top:-10px; }