@charset "utf-8";
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
	margin: 0;
	padding: 0;
	font-family: "Microsoft Yahei"
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
	display: block
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th {
	text-align: left;
	font-weight: normal
}

html,
body,
fieldset,
img,
iframe,
abbr {
	border: 0
}

i,
cite,
em,
var,
address,
dfn {
	font-style: normal
}

[hidefocus],
summary {
	outline: 0
}

li {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
	font-size: 100%
}

sup,
sub {
	font-size: 83%
}

pre,
code,
kbd,
samp {
	font-family: inherit
}

q:before,
q:after {
	content: none
}

textarea {
	overflow: auto;
	resize: none
}

a,
button {
	cursor: pointer;
	outline: 0;
	color: orange;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
	font-weight: bold
}

del,
ins,
s,
a,
a:hover {
	text-decoration: none
}

body,
textarea,
input,
button,
select,
keygen,
legend {
	font: 14px/1.14 'Microsoft Yahei', \5b8b\4f53;
	outline: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix {
	zoom: 1
}

.clearfix:after,
.clearfix:before {
	display: table;
	content: ''
}

.clearfix:after {
	clear: both
}

#topBar {
	width: 100%;
	height: 54px;
	background: #e5e5e5;
	z-index: 999;
	position: relative
}

.wrap {
	width: 1200px;
	margin: 0 auto
}

.bigWrap {
	width: 100%
}

#topBar .wrap {
	height: 54px;
	position: relative
}

.icon_ewan {
	height: 43px;
	margin-top: 6px
}

.icon_ewan a {
	height: 43px;
	float: left;
	width: 240px;
	display: block;
	color: #0b65c0
}

.icon_ewan a img {
	width: 43px;
	float: left
}

.icon_ewan label {
	display: block;
	width: 180px;
	height: 43px;
	float: left;
	margin-left: 10px;
	font-size: 20px;
	line-height: 24px;
	cursor: pointer
}

.icon_ewan label span {
	font-size: 12px;
	display: block;
	line-height: 18px
}

.icon_ewan a:hover {
	color: #0b65c0
}

.tourl {
	height: 54px;
	min-width: 500px
}

.tourl a {
	display: block;
	height: 54px;
	padding: 0 16px;
	float: left;
	line-height: 54px;
	color: #0b65c0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}

.tourl a:hover,
.tourl a.cur {
	color: #fff;
	background-color: #467cdf
}

.tourl a.tb_app {
	background: url(/img/icon_app.png) no-repeat 10px center;
	padding: 0 10px 0 30px
}

.tourl a.tb_collect {
	background: url(/img/ico-star.png) no-repeat 10px center;
	padding: 0 10px 0 30px
}

.tourl a.tb_app:hover {
	background: #467cdf url(../img/icon_app_h.png) no-repeat 10px center;
	color: #fff
}

.tourl a.tb_collect:hover {
	background: #467cdf url(../img/ico-star-h.png) no-repeat 10px center;
	color: #fff
}

.tourl a.tb_moreGame span {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	line-height: 0;
	border-top: 6px solid #467cdf;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}

.tourl a.tb_moreGame:hover span {
	border-top-color: #fff;
	border-left-color: transparent;
	border-right-color: transparent
}

.tourl a.cur span {
	border-top-color: #fff;
	border-left-color: transparent;
	border-right-color: transparent;
	-webkit-transform: rotate(180deg) translateZ(0);
	-moz-transform: rotate(180deg) translateZ(0);
	-ms-transform: rotate(180deg) translateZ(0);
	-o-transform: rotate(180deg) translateZ(0);
	transform: rotate(180deg) translateZ(0)
}

.tourl div {
	float: left;
	height: 53px;
	line-height: 53px;
	margin-right: 10px
}

.tourl div u {
	float: left
}

.tourl div b {
	font-weight: normal;
	color: #0b65c0
}

.tourl div i {
	float: right;
	background: #888;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
	height: 14px;
	line-height: 14px;
	color: #fff;
	font-size: 12px;
	margin: 16px 0 0 10px;
	cursor: pointer
}

.tourl div i:hover {
	background: #777
}

#dropDown {
	width: 460px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 54px;
	z-index: 10001;
	display: none
}

#dropDown div {
	background: url(/img/line_dropdown.png) no-repeat right center;
	text-align: center;
	width: 33.3%;
	padding: 10px 0;
	float: left
}

#dropDown div h2 {
	font-size: 18px;
	color: #000;
	font-weight: normal;
	line-height: 30px
}

#dropDown div a {
	display: block;
	color: #3b3b3b;
	line-height: 28px;
	height: 28px;
	width: 100%
}

#dropDown div a:hover {
	color: #467cdf
}

#dropDown div:last-child {
	background: 0
}

#showMessageFrame {
	width: 556px;
	position: fixed;
	left: 50%;
	margin-left: -278px;
	background: #ebebeb;
	padding-bottom: 20px;
	top: 250px;
	opacity: 1;
	z-index: 51;
	display: none
}

#showMessageFrame h3 {
	background: #e6c42e;
	height: 56px;
	width: 100%;
	text-align: center;
	line-height: 56px;
	color: #f00;
	font-size: 24px;
	font-weight: normal
}

#showMessageFrame div {
	padding: 0 40px
}

#showMessageFrame div p {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ccc;
	font-size: 16px
}

#showMessageFrame div p span {
	color: #ff8c1c
}

#showMessageFrame div li {
	font-size: 16px;
	line-height: 26px
}

#showMessageFrame div button {
	width: 96px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 0;
	background: #666;
	color: #fefefe;
	margin: 20px auto 0;
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s
}

#showMessageFrame div button:hover {
	background: #000
}

.logingbox {
	width: 364px;
	height: 282px;
	z-index: 50;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -191px 0 0 -182px;
	background-color: #f4f9fc;
	border: solid 1px #d4e8f4;
	border-radius: 2px;
	display: none
}

.logingbox p.titleP {
	width: 95%;
	height: 50px;
	line-height: 50px;
	padding-left: 5%;
	color: #fff;
	font-size: 18px;
	background-color: #1aaaeb;
	margin-bottom: 20px
}

.logingbox p.titleP span {
	float: right;
	width: 36px;
	height: 26px;
	line-height: 28px;
	text-align: center;
	border-radius: 2px;
	border: solid 1px #276594;
	box-shadow: inset 0 1px 1px rgba(1, 1, 1, .35);
	-moz-box-shadow: inset 0 1px 1px rgba(1, 1, 1, .35);
	-webkit-box-shadow: inset 0 1px 1px rgba(1, 1, 1, .35);
	background-color: #3372a3;
	margin: 12px 6px 0 0;
	cursor: pointer
}

.logingbox div {
	width: 345px;
	height: 46px;
	border-radius: 4px;
	border: solid 1px #d5e9f4;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .25);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .25);
	margin: 0 auto 9px;
	background: -webkit-linear-gradient(left, #f1f1f1, #f8f8f8, #fcfcfc);
	background: -o-linear-gradient(right, #f1f1f1, #f8f8f8, #fcfcfc);
	background: -moz-linear-gradient(right, #f1f1f1, #f8f8f8, #fcfcfc);
	background: linear-gradient(to right, #f1f1f1, #f8f8f8, #fcfcfc)
}

.logingbox div label {
	background: url(/img/log_user.png) no-repeat center center;
	width: 42px;
	height: 100%;
	float: left
}

.logingbox div+div label {
	background: url(/img/log_pwd.png) no-repeat center center
}

.logingbox div input {
	width: 295px;
	height: 22px;
	line-height: 22px;
	border: 0;
	border-left: solid 1px #d5e9f4;
	float: left;
	margin: 15px 0 0;
	color: #5e5e5e;
	font-size: 15px;
	background: 0;
	padding-left: 4px
}

.logingbox p {
	width: 275px;
	height: 39px;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color: #878787
}

.logingbox p .fl {
	margin-left: 7px
}

.logingbox p input.fl {
	margin-top: 9px;
	background-color: #dedede;
	border:solid 1px #b0b0b0;
	width: 14px;
	height: 14px;
	padding-left: 0
}

.logingbox p a.fr {
	margin-right: 20px;
	color: #878787
}

.logingbox p a.fr:hover {
	text-decoration: underline;
	color: #f80
}

.logingbox p .logingbtn {
	float: left;
	width: 98px;
	height: 40px;
	background-color: #3372a3;
	border-radius: 2px;
	line-height: 37px;
	color: #fff;
	text-align: center;
	overflow: hidden
}

.logingbox p .logingbtn a {
	display: block;
	width: 100%;
	height: 37px;
	background-color: #488eba;
	color: #000
}

.logingbox p .logingbtn a:hover {
	color: #fff!important
}

.logingbox p .registerbtn {
	float: right;
	width: 98px;
	height: 40px;
	background-color: #d2d4d5;
	border-radius: 2px;
	line-height: 37px;
	color: #fff;
	text-align: center;
	overflow: hidden
}

.logingbox p .registerbtn a {
	display: block;
	width: 100%;
	height: 37px;
	background-color: #969ea1;
	color: #000
}

.logingbox p .registerbtn a:hover {
	color: #fff!important
}

.logingbox p span:hover {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	transform: scale(1.1, 1.1)
}


body {
	width: 100%;
	background: #153158 url(../img/bg.jpg) no-repeat center top;
}


/*LOGO*/

.logo {
	width: 389px;
	height: 131px;
	margin: 18px auto 0;
}

.logo a,
.logo a img {
	width: 100%;
	height: 100%;
	display: block;
}


/*内容*/

.container {
	width: 1200px;
	margin: 150px auto 0;
}

.container .aside {
	width: 249px;
}


/*边栏*/

.aside .btns {
	width: 100%;
	overflow: visible;
}

.aside .btns a {
	background-image: url(../img/btns.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

.aside .btns a.and {
	width: 251px;
	height: 111px;
	margin-left: -1px;
}

.aside .btns a:hover.and {
	background-position: 0 -111px;
}

.aside .btns a.bbs {
	width: 248px;
	height: 82px;
	background-position: 0 -222px;
}

.aside .btns a:hover.bbs {
	background-position: 0 -304px;
}

.aside .player {
	margin-top: 20px;
	width: 100%;
	height: 211px;
	background: url(../img/bg-player.jpg) no-repeat;
}

.aside .player a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.aside .player a label {
	width: 90px;
	height: 89px;
	background: url(../img/icon-player.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	top: 50%;
	margin-top: -45px;
	cursor: pointer;
	-webkit-animation: rota 3s linear infinite normal;
	-moz-animation: rota 3s linear infinite normal;
	-o-animation: rota 3s linear infinite normal;
	-ms-animation: rota 3s linear infinite normal;
	animation: rota 3s linear infinite normal;
}

.aside .player a i {
	display: block;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	position: absolute;
	border-left: 30px solid #fff;
	top: 50%;
	margin-top: -20px;
	left: 50%;
	margin-left: -10px;
	cursor: pointer;
}

@-webkit-keyframes rota {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rota {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-o-keyframes rota {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes rota {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@keyframes rota {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.aside .server {
	display: block;
	width: 100%;
	height: 150px;
	margin-top: 15px;
	background-color: #00293c;
	position: relative;
}

.aside .server label {
	position: absolute;
	width: 58px;
	height: 45px;
	background: url(../img/icon-server.png) no-repeat;
	top: -1px;
	left: -1px;
	display: block;
}

.aside .server ul {
	position: absolute;
	width: 80%;
	top: 25px;
	left: 13%;
}

.aside .server li {
	height: 26px;
	line-height: 26px;
	text-align: left;
	color: #8593b4;
	font-size: 0.875em;
	white-space: nowrap;
	display: block;
}

.aside .server li a {
	color: #8593b4;
}


/*MAIN*/

.main {
	width: 940px;
}

.main .slider {
	width: 449px;
	height: 285px;
	border: 1px solid #062548;
	position: relative;
	overflow: hidden;
}

.slider .sliderImgs {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.slider .sliderImgs a {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.slider .sliderImgs img {
	width: 100%;
	height: 100%;
	display: block;
}

.slider .imgController {
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 100%;
}

.slider .imgController label {
	border-radius: 5px;
	background-image: -moz-linear-gradient( 90deg, rgb(73, 73, 75) 0%, rgb(90, 91, 93) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(73, 73, 75) 0%, rgb(90, 91, 93) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(73, 73, 75) 0%, rgb(90, 91, 93) 100%);
	width: 17px;
	height: 12px;
	display: block;
	float: left;
	margin-left: 8px;
	cursor: pointer;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.slider .imgController label.cur {
	border-radius: 5px;
	background-image: -moz-linear-gradient( 90deg, rgb(118, 231, 0) 0%, rgb(217, 243, 0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(118, 231, 0) 0%, rgb(217, 243, 0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(118, 231, 0) 0%, rgb(217, 243, 0) 100%);
	width: 41px;
}

.infomations {
	border-width: 1px solid rgb(6, 11, 32);
	background-image: -moz-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	background-image: -webkit-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	background-image: -ms-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.26);
	width: 480px;
	height: 284px;
	padding-top: 1px;
}

.infoTabs {
	width: 100%;
	height: 44px;
	background-color: #00293c;
}

.infoTabs label {
	width: 100px;
	height: 44px;
	background: url(../img/bg-infoTabs.png) no-repeat 0 -44px;
	display: block;
	float: left;
	text-align: center;
	line-height: 44px;
	border-right: 1px solid #000;
	cursor: pointer;
	color: #5295ac;
	font-size: 16px;
}

.infoTabs label.cur {
	background-position: 0 0;
	color: #8bff00;
}

.infoTabs span {
	float: right;
	line-height: 44px;
	margin-right: 15px;
}

.infoTabs span a {
	display: none;
	color: #319996;
}

.infoTabs span a:hover {
	color: #3cdfdb;
}

.infomations ul {
	display: none;
	width: 430px;
	margin: 10px auto 0;
}

.infomations li {
	zoom: 1;
	line-height: 38px;
}

.infomations li:before,
.infomations li:after {
	content: '';
	display: table;
}

.infomations li:after {
	clear: both;
}

.infomations li a {
	display: block;
	float: left;
	color: #6baacb;
	width: 350px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.infomations li a:hover {
	padding-left: 10px;
	color: #8bff00;
}

.infomations li label {
	float: right;
	margin-right: 10px;
	color: #5a9abb;
}


/*角色介绍*/

.mainIntro {
	width: 945px;
	height: 378px;
	background: url(../img/bg-cars.png) no-repeat;
	position: relative;
	margin-top: 14px;
}

.mainIntro .introImg {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 700px;
	height: 347px;
}

.mainIntro .introImg img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
}

.mainIntro .introTab {
	width: 252px;
	right: 8px;
	top: 8px;
	height: 347px;
	background: url(../img/cars.png) no-repeat 0 -347px;
	position: absolute;
	overflow: hidden;
}

.mainIntro .introTab label {
	display: block;
	width: 100%;
	height: 83px;
	color: #a1a1a1;
	font-size: 20px;
	text-indent: 40px;
	line-height: 84px;
	background-image: url(../img/cars.png);
	background-repeat: no-repeat;
	background-position: -9999px -9999px;
	cursor: pointer
}

.mainIntro .introTab label.cur {
	color: #fff;
}

.mainIntro .introTab label.a.cur {
	background-position: 0 0;
}

.mainIntro .introTab label.b {
	margin-top: 1px;
	height: 86px;
}

.mainIntro .introTab label.b.cur {
	background-position: 0 -84px;
}

.mainIntro .introTab label.c {
	margin-top: 0px;
	height: 86px;
}

.mainIntro .introTab label.c.cur {
	background-position: 0 -171px;
}

.mainIntro .introTab label.d {
	height: 87px;
	margin-top: 1px;
}

.mainIntro .introTab label.d.cur {
	background-position: 0 -260px;
}


/*LIST*/

.listHtml {
	border: 1px solid rgb(6, 11, 32);
	background-image: -moz-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	background-image: -webkit-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	background-image: -ms-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.26);
	width: 100%;
	height: 587px;
}

.position {
	background-color: rgb(0, 41, 60);
	height: 44px;
	line-height: 44px;
	text-indent: 26px;
	color: #fff;
	font-size: 16px;
}

.position a {
	margin: 0 4px;
	color: #fff;
}

.position a:hover {
	color: #8bff00
}

.pageHtml .position {
	background-color: none;
	border-bottom: 1px solid #383f51;
	color: #e2e2e2;
}

.pageHtml .position a {
	color: #e2e2e2;
}

.pageHtml .position a:hover {
	color: #8bff00;
}

.listHtml .infomations {
	width: 890px;
	margin: 10px auto 0;
	background: none;
	height: auto;
	box-shadow: none;
}

.listHtml .infomations ul {
	width: 100%;
	margin: 0;
	height: 460px;
	overflow: hidden;
	display: block;
}

.listHtml .infomations li a {
	width: 700px;
	color: #e2e2e2;
}

.listHtml .infomations li a:hover {
	color: #8bff00;
}

.listHtml .infomations li label {
	color: #e2e2e2;
}


/*LIST'S PAGE*/

.listHtml .pagebreak {
	line-height: 30px;
	margin-top: 20px;
}

.listHtml .pagelist {
	text-align: center !important;
	padding-bottom: 30px !important;
	;
}

.listHtml .pagelist .pageinfo strong {
	font-weight: normal;
	padding: 0 4px;
}

.listHtml .pagelist li {
	width: auto;
	display: inline !important;
	border: none;
	float: none !important;
	color: #ccc;
}

.listHtml .pagelist li.thisclass {
	color: #8bff00;
	padding: 0 6px;
}

.listHtml .pagelist li a {
	color: #ccc;
}

.listHtml .pagelist li a:hover {
	color: #8bff00;
}


/*PAGE STYLE*/

.pageHtml {
	border-style: 1px solid rgb(6, 11, 32);
	background-image: -moz-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	background-image: -webkit-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	background-image: -ms-linear-gradient( 90deg, rgb(24, 38, 94) 0%, rgb(21, 27, 41) 99%);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.26);
	width: 938px;
}

.pageHtml .article .hgroup {
	text-align: center;
	padding-bottom: 20px;
}

.pageHtml .article h1 {
	color: #e2e2e2;
	font-size: 24px;
	font-weight: normal;
	line-height: 2;
	margin-top: 20px;
}

.pageHtml .article .hgroup blockquote {
	color: #686e7c;
}

.pageHtml .article .arc_body {
	padding: 20px 80px;
	color: #e2e2e2;
}

.pageHtml .article .arc_body div,
.pageHtml .article .arc_body p {
	line-height: 26px;
	color: #e2e2e2;
	font-size: 14px;
}

.pageHtml .context {
	padding: 20px 80px;
}

.pageHtml .context ul {
	zoom: 1;
}

.pageHtml .context ul:before,
.theList .pageHtml .context ul:after {
	content: '';
	display: table;
}

.pageHtml .context ul:after {
	clear: both;
}

.pageHtml .context li {
	width: 100%;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #E2E2E2;
}

.pageHtml .context li a {
	color: #E2E2E2;
	font-size: 14px;
	-webkit-transition: padding-left .5s;
	-moz-transition: padding-left .5s;
	-ms-transition: padding-left .5s;
	-o-transition: padding-left .5s;
	transition: padding-left .5s;
}

.pageHtml .context li a:hover {
	color: #8bff00;
	padding-left: 14px;
}


/*FOOTER*/

#footer {
	background: #1b1b1b;
	width: 100%;
	margin-top: 16px;
}

#footer .footer {
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

.footer div {
	color: #a4a4a4;
	float: none;
}

.footer div p {
	line-height: 26px;
}

.footer div p a {
	color: #fd3f3f
}

.footer div a,
.footer div span {
	color: #a4a4a4;
	margin: 0 14px;
}

.footer div a:hover {
	color: #fd3f3f
}

.footer .logo {
	width: 229px;
	height: 97px;
}

.footer .logo a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px
}

#footer .midthr label {
	display: inline-block;
	padding-left: 40px;
	width: 60px;
	height: 40px;
	font-size: 0.875em;
	line-height: 16px;
	padding-top: 10px;
	margin: 0 10px 0 0;
}

#footer .midthr label.lb1 {
	background: url("http://www.ewan.cn/home/201311/img/lb1.jpg") no-repeat left center;
}

#footer .midthr label.lb2 {
	background: url("http://www.ewan.cn/home/201311/img/lb2.jpg") no-repeat left center;
}

#footer .midthr label.lb3 {
	background: url("http://www.ewan.cn/home/201311/img/lb3.jpg") no-repeat left center;
}

#users {
	background-color: #fff;
	top: 0;
	right: 0;
}

#users a {
	width: 50px;
	display: inline-block;
	text-align: center;
}

#header {
	width: 100%;
	background: #fff;
	height: 36px;
}

.header {
	width: 1000px;
	margin: 0 auto;
	zoom: 1;
}

.header:before,
#header:after {
	content: '';
	display: table;
}

.header:after {
	clear: both
}

.topper {
	width: 100%;
	zoom: 1;
	height: 36px;
	background-color: #fff;
}

.topper:before,
.topper:after {
	content: '';
	display: table;
}

.topper:after {
	clear: both;
}

.topper span {
	float: right;
	height: 36px;
	line-height: 36px;
}

.topper span a {
	width: 71px;
	height: 28px;
	display: inline-block;
	line-height: 28px;
	text-indent: 32px;
	color: #663200;
	margin-left: 10px;
}

.topper span a.log {
	background: url("http://www.ewan.cn/home/201311/img/log_a_bg.png") no-repeat 0 0;
}

.topper span a.sign {
	background: url("http://www.ewan.cn/home/201311/img/log_a_bg.png") no-repeat -71px 0;
}

.topper span.after a {
	float: right;
	width: auto;
	margin: 0 0 0 10px;
	height: auto;
	display: inline;
	text-indent: 0;
	line-height: 36px;
	color: #c30;
}

.topper span.after b {
	font-weight: normal;
	float: right;
}

.topper span.after button {
	float: right;
	height: 22px;
	line-height: 11px;
	margin-top: 8px;
	margin-left: 10px;
}