@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px "微软雅黑","宋体"; color:#896e3f;  background:#aea183 url(/images/special/elderscrollsonline/body_bg.jpg) no-repeat center top}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,font,form,b,strong,span{ margin:0; padding:0; list-style:none;}
img{ border:0;}
a{color:#896e3f; text-decoration:none;}
a:hover{ color:#c00; text-decoration:underline;}
.c{ clear:both; height:0; font-size:0; line-height:0; overflow:hidden; margin:0; padding:0;}


/*头部代码*/
#header{ width:1000px; height:830px; margin:0 auto; background:url(/images/special/elderscrollsonline/header_bg.jpg) no-repeat;}
.logo{ height:90px;}
.logo .game{ width:290px; height:70px; padding-top:20px; overflow:hidden; float:left;}
.logo .game a{ width:290px; height:70px; display:block; text-indent:-999em;}
.logo .lonlife{ width:200px; height:60px; padding:30px 0 0 20px; overflow:hidden; float:left;}
.logo .lonlife a{ width:200px; height:60px; display:block; text-indent:-999em;}
#header .btn{ width:925px; padding-left:75px; height:90px; padding-top:570px;}
#header .btn .pro{ width:220px; height:55px; float:left;}
#header .btn .game{ width:220px; height:55px; padding-left:30px; float:left;}
#header .btn img{ width:220px; height:55px;}
#header .sign{ width:925px; padding-left:75px; width:470px; height:35px; font:14px/40px "宋体"; text-align:center; color:#592906;}
#header .sign a{ color:#eed69b; text-decoration:underline;}
#header .sign a:hover{color:#fff;}

/*中间部分*/
#content{ width:850px; height:950px; margin:0 auto; background:#efeadf url(/images/special/elderscrollsonline/content_bg.jpg) no-repeat;}

.about{ height:455px; padding-top:40px;}
.about .left{ width:185px; float:left;}
.about .right{ width:655px; float:right;}
.about .right h3{ height:35px; font:bold 24px/24px "微软雅黑"; color:#a17246;}
.about .right h4{ height:24px; font:bold 14px/24px "宋体"; color:#df6921;}
.about .right h4.five{color:#63b20d;}
.about .right p{ font:14px/25px "宋体"; color:#a17246; padding-bottom:18px;}
.about .right .btn{ height:50px;}
.about .right .btn .pay{ width:200px; height:50px; float:left;}
.about .right .btn .ser{ width:200px; height:50px; float:left; padding-left:60px;}

.feature{ width:780px; height:110px; padding:0 35px;}
.feature ul{ margin-right:-19px; zoom:1;}
.feature ul li{ width:178px; height:58px; font:bold 14px/21px "微软雅黑"; margin-right:19px; border:1px solid #b0a38d; float:left;}
.feature ul li a{ width:113px; height:50px; padding:8px 0 0 65px; display:block; color:#efeadf;}
.feature ul li a:Hover{ color:#efeadf; text-decoration:underline;}
.feature ul li.f1{ background:#b9ae9b url(/images/special/elderscrollsonline/feature_ico1.png) no-repeat 9px 5px;}
.feature ul li.f2{ background:#b9ae9b url(/images/special/elderscrollsonline/feature_ico2.png) no-repeat 9px 5px;}
.feature ul li.f3{ background:#b9ae9b url(/images/special/elderscrollsonline/feature_ico3.png) no-repeat 9px 5px;}
.feature ul li.f4{ background:#b9ae9b url(/images/special/elderscrollsonline/feature_ico4.png) no-repeat 9px 5px;}


.news{ width:720px; height:240px; padding:0 30px; margin:0 auto; background:url(/images/special/elderscrollsonline/news_bg.png) no-repeat;}
.news h3{ height:35px; padding-top:30px; font:bold 22px/22px "微软雅黑"; color:#a17246;}
.news ul li{ width:310px; height:24px; padding:0 40px 0 10px; font:12px/24px "宋体"; background:url(/images/special/elderscrollsonline/news_ico.png) no-repeat 0 8px; float:left;}
.news ul li a{color:#896e3f;}
.news ul li a:hover{color:#c00;}
.news ul li span{ float:right;}

/*底部信息*/
#footer{ width:780px; height:30px; padding-top:40px; margin:0 auto;}
#footer .left{ float:left;}
#footer .right{ float:right;}

/*在线客服*/
.kefu-ol{position:fixed;right:0;top:50%;margin-top:-85px;width:110px;height:170px;cursor:pointer;background-image:url(/images/lonlifenew5/kefu_ol_ico.png);}