@charset "utf-8";
/* CSS Document */
body, p, form, h1, h2, h3, h4, h5, h6, td, th, table, div, ul, li, ol, dl, dt, dd, img, input, select {	margin:0;padding:0;}
img {border:0;}
body {font-size: 14px;font-family: "微软雅黑";color: #e7e5e5;background: url(../images/pattern9.jpg) left top;}
a:link,a:visited{ text-decoration:none; color:#e7e5e5}
a:hover{ text-decoration:none; color:#e7e5e5}
ul,ul li {list-style-type:none;}
.clear {clear:both;height:0px;line-height:0;padding:0;border:0;overflow:hidden;font-size: 0px;}
h1,h2,h3,h4,h5,h6{ font-size:16px; font-weight:bold;}
.cl:after {	content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl {zoom:1;}
input, textarea, button {outline: none;font-family: "微软雅黑";}
.top{ background:url(../images/top.jpg) repeat-x; height:100px; border-bottom:#2f3032 2px solid;box-shadow: 1px 1px 7px #000;}
.warp900{ width:900px; margin:auto;}
.logo{ width:102px; height:70px; float:left; margin:12px 0 0 0; background:url(../images/logo.png) no-repeat left top;}
.logo a{ display:block; width:102px; height:70px; overflow:hidden;}
.top h1{ font-size:30px;text-shadow: 2px 2px 0 #000; float:left; padding-right:70px; height:40px; line-height:40px; margin-top:30px;padding-left:30px; border-right:#424242 1px solid;}
.bottom{ border-top:#000 1px solid;}
.con{ background:url(../images/preview.png) no-repeat left top; padding:40px 0;}
.footer{ background:#151515; padding:15px 0; border-top:#232426 1px solid;}
.people_con{box-shadow: 0 0 10px #141414; width:858px; margin:auto; border:#333 1px solid; background:#2a2b2d; padding:20px;border-radius: 1em; position:relative;}
#time{ position:absolute; right:20px; top:20px; color:#FFD100;}
.server{ float:left;height:30px; padding-top:10px; margin-top:30px;padding-left:50px;border-left:#000 1px solid;}
.server span{ float:left; font-size:18px;}
#selection{ float:left; margin-left:5px; padding:3px;}
.indicator{ padding:20px; text-align:center;}
#toptitle{ text-align:center; border-bottom:#333 1px solid; font-size:18px; padding-bottom:15px;}
#toptitle span{ color:#F90; font-weight:bold;}
#sex{ margin-top:25px;}
.male{ float:left; width:120px; text-align:right; padding-right:5px; height:34px; line-height:34px; color:#00b0f0;}
.woman{ float:left; width:120px; text-align:left; padding-left:5px; height:34px; line-height:34px; color:#ff3399;}
#scale{ width:600px; height:34px; margin:0 4px; display:inline-block; float:left; position:relative;}
#male_scale{ position:absolute; left:0; top:0; height:34px; line-height:34px; background:#00b0f0; z-index:1;border-top-left-radius:5px;border-bottom-left-radius:5px;}
#male_scale.on{background:#0099d1;}
#woman_scale{ position:absolute; right:0; top:0; height:34px; line-height:34px; background:#ff3399; z-index:2;border-top-right-radius:5px;border-bottom-right-radius:5px;}
#woman_scale.on{background:#de1c7d;}
.profession{ margin-top:35px; border:#323335 2px solid; border-radius:1em; background:#2e2e2f; padding:20px;}
.profession h2{font-size:18px; font-weight:normal; text-align:center;}
.profession li{ height:36px; font-size:16px; margin-top:25px;}
.spantitle,.spanend{ width:80px; line-height:36px; display:block; float:left;}
.spantitle{ padding-left:40px; background-repeat:no-repeat; background-position:left center;}
.profession_scale{ float:left;width:600px; background:#313131; margin-top:5px;}
.p_profession{ height:24px;}
.warrior{ color:#B85A00; background-image:url(../images/warrior.png)}
.p_warrior{ background:#B85A00;}
.guardian{ color:#00E0FF;background-image:url(../images/guardian.png)}
.p_guardian{ background:#00E0FF;}
.elementalist{ color:#FA2F91;background-image:url(../images/elementalist.png)}
.p_elementalist{ background:#FA2F91;}
.thief{ color:#DD3D14;background-image:url(../images/thief.png)}
.p_thief{ background:#DD3D14;}
.mesmer{ color:#B266FF;background-image:url(../images/mesmer.png)}
.p_mesmer{ background:#B266FF;}
.ranger{ color:#C1DA00;background-image:url(../images/ranger.png)}
.p_ranger{ background:#C1DA00;}
.necromancer{ color:#00D681;background-image:url(../images/necromancer.png)}
.p_necromancer{ background:#00D681;}
.engineer{ color:#995C00;background-image:url(../images/engineer.png)}
.p_engineer{ background:#995C00;}
.minwidth{min-width:980px;_width:expression(document.body.clientWidth < 980 ? "980px" : "auto");}
.spanend{ text-align:right; background:none;}
#goTop{ width:34px;}
#goTop span{ display:block; width:34px; height:34px; overflow:hidden; background-image:url(../images/home_top.png); background-repeat:no-repeat; cursor:pointer;}
#goTop #link_home{ background-position:left -68px;}
#goTop #link_home:hover{ background-position:left -102px;}
#goTop #link_top{ background-position:left top; margin-top:2px;}
#goTop #link_top:hover{ background-position:left -34px;}
#goTop #link_home a{ display:block; width:34px; height:34px; overflow:hidden;}