@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(../images/fullbg.jpg?20241111) no-repeat center top #000; }
.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(../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; }
.subnav a:nth-last-child(1) { border-bottom:none; }
.subnav a:hover { background: url(../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(../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(../images/pic.png) no-repeat center top; color: #f5cd60; font-size: 24px; text-shadow: 1px 1px 1px #000; text-transform: uppercase; }

.more { width: 98%; margin: 0 auto; text-align: right; padding-bottom: 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(../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(../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: 510px; margin: -24px auto 0 auto; padding-bottom: 20px; }
.newstabs a, .commontabs a { display: block; float: left; 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(../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(../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(../images/class.png?0227) no-repeat 0 0; }
.classtabs a.ct1 { z-index: 1; 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: -30px; top: 0; 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: 250px; top: 0; width: 350px; height: 340px; background-position: -1420px -1424px; }
.classtabs a.ct8 { z-index: 7; left: 462px; top: 0; width: 303px; height: 330px; background-position: -364px -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; }

.classcont { position: absolute; z-index: 7; /*top: 100px;*/ top: 180px; left: 50%; margin-left: -225px; width: 390px; height: 497px; background: url(../images/classbox.png) no-repeat 0 0; padding: 30px; }
.classname { text-align: center; color: #ffdda0; font-size: 24px; background: url(../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(../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(../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(../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(../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(../images/icon-discord.png) no-repeat 0 0; }
.footer .social a.tt { background: url(../images/icon-tiktok.png) no-repeat 0 0; }
.footer .social a.ins { background: url(../images/icon-ins.png) no-repeat 0 0; }
.footer .social a.twitter { background: url(../images/icon-twitter.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: -340px; }
.sidebtns .timepanel { height: 140px; height: 120px; position: relative;}
.sidebtns a { display: block; position: relative; background: none; opacity: 0.9; padding: 0; width: 100%; height: 112px; 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: 66px; }
.sidebtns a:hover { opacity: 1 }
.sidebtns a.sb1 span, .sidebtns a.sb5 span { padding-top: 60px; line-height: 13px; }
.sidebtns.cnpage  a.sb1 span, .sidebtns.cnpage  a.sb5 span { padding-top: 68px; }


/*.sidebtns > a, .sidebtns .sb1 { position: relative; display: block; width: 112px; height: 45px; padding: 85px 0 0 18px; background: url(../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(../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; }

.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(../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(../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; }
.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(../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 { position: absolute; left: 230px; top: 150px; z-index: 44; display: block; 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(/en/images/bird-01.png) no-repeat
}

.bird-02 {
	top: 90px;
	right: -185px;
	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)
	}
}

/*responsive*/
@media screen and (max-width: 1200px) {
	.sidebtns { display: none; }
	.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: none; position: absolute; left: 0; top: 0; width: 12.4%; }
 	.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(../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(../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(../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; }
}