@charset "utf-8";
/* CSS Document */
html,body{min-width:1414px;min-height:100%;_height:100%;}
body{background-color:#0b1629;color:#868686; position:relative;}
a{color:#B0B0B0;}
a:hover{color:#FAC660;text-decoration:underline;}
.bg01, .wraper{min-width:1414px;}
.bg01{background:url(img/bg01.jpg) top center no-repeat;}
.wraper, .topWrap{margin:0 auto;width:1298px;}
.wraper{overflow:hidden;background:url(img/bg02.jpg) top center no-repeat;}

/* 顶部 */
.topBar,.topBar .topWrap{height:38px;}
.topBar,.topBar ul li{background-image:url(img/topBar.gif);}
.topBar{background-color:#FFF;background-image:none;}
.topWrap a.logo{float:left;width:110px;height:38px;margin-right:25px;}
.topWrap ul,.topWrap ul li,.topWrap ul li a{height:18px;line-height:18px;}
.topWrap ul,.topWrap ul li{float:left;}
.topWrap ul{padding-top:10px;}
.topWrap ul.u2{float:right;}
.topWrap ul li{background-repeat:no-repeat;background-position:100% 16%;}
.topWrap ul li.l,topWrap ul li.l2,.topWrap ul li.l5{background:none;}
.topWrap li a{float:left;display:block;width:auto;_line-height:20px;_overflow:hidden;padding:0 10px;margin:0 auto;white-space:nowrap;color:#0186cc;}
.topWrap li a:hover{color:#ff7800;}
.topWrap li.l1 a,.topWrap li.l2 a,.topWrap li.l3 a,.topWrap li.l4 a,.topWrap li.l5 a,.topWrap li.l6 a{background:url(img/ico.gif) no-repeat;}
.topWrap li.l1 a,.topWrap li.l2 a{padding-left:20px;}

.wraper, .show, .wraper .content{height:750px;}
.wraper .content, .slogn, .nav, .nav img{width:570px;}
.show{margin-left:-13px;position:absolute;z-index:3;float:left;width:806px;}
.wraper .content{position:relative;z-index:6;margin-right:58px;float:right;}
.logoC{position:absolute;margin-left:-96px;margin-top:15px;}
.logoC a{display:block;width:123px;height:91px;overflow:hidden;text-indent:-99em;background:url(img/logo.png);}
.slogn{height:401px;}

.nav{position:relative;height:274px;overflow:hidden;background:url(img/nav.gif) 0 0 no-repeat;}
.navList, .nav img{position:absolute;top:0;left:0;}
.navList{z-index:8;}
.nav img{z-index:9;}

.navList li{position:absolute;}
.navList li.n1{left:0;top:17px;}
.navList li.n2{left:103px;top:96px;}
.navList li.n3{left:194px;top:0;}
.navList li.n4{left:281px;top:96px;}
.navList li.n5{left:391px;top:22px;}
.navList li a{display:block;width:179px;height:178px;overflow:hidden;text-indent:-99em;text-indent:-99em;background-image:url(img/nav.png);_background-image:url(img/nav.gif);background-repeat:no-repeat;background-position:179px 178px;}
.navList li a.on{}
.navList li.n1 a.on{background-position:0 -292px;}
.navList li.n2 a.on{background-position:-103px -646px;}
.navList li.n3 a.on{background-position:-194px -275px;}
.navList li.n4 a.on{background-position:-281px -646px;}
.navList li.n5 a.on{background-position:-391px -297px;}

.footer{margin:0 auto;padding:20px 0 15px 392px;width:906px;min-height:78px;line-height:26px;background:url(img/endlogo.gif) 221px 18px no-repeat;}

.shadow, .popUp{display:none; position:absolute; min-width:1414px;left:0;}
.shadow{width:100%;height:100%;background-color:#000;z-index:998;filter: alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.popUp{top:50%;z-index:999;margin-top:-365px;width:100%;min-width:1414px; overflow:hidden;}
.popUp, .popCon{height:550px;}
.popUp .wrap{margin-top:275px;height:0;overflow:hidden;background:url(img/alertBg.jpg) 50% 50% no-repeat;}
.popCon{width:1200px;margin:0 auto;}
.close{position:absolute;top:16px;right:8px;float:right;display:block;width:44px;height:44px;overflow:hidden;text-indent:-99em;background:url(img/close.gif) 0 0 no-repeat;}
.close:hover{background-position:0 -44px;}

.alertNav, .alertNav li{width:123px;}
.alertNav li a{width:94px;padding-right:29px;}
.alertNav{position:absolute;z-index:9;left:50%;margin-left:574px;margin-top:110px;display:none;height:225px;padding:67px 0 63px 0; background:url(img/tabNavBg.gif) 100% 0 no-repeat;}
.alertNav li a{display:block;height:45px;line-height:45px;text-align:right;font-size:14px;color:#786565;background:url(img/navIcon.gif) 200% 0 no-repeat;}
.alertNav li.on a, .alertNav li a:hover{color:#fb944b;background:url(img/navIcon.gif) 100% 0 no-repeat;}
.alertNav li.on a{font-size:18px;}

.popCon{position:relative;}
.con0, .con1, .con2, .con3, .con4{display:none;}
.popCon .content{width:760px;}
.popCon .con3 .content{width:1200px;}
.popCon h3{margin-bottom:15px;height:104px;overflow:hidden;text-indent:-99em;background:url(img/h3.gif) 0 0 no-repeat;}
.con0 h3{background-position:0 0;}
.con1 h3{background-position:0 -104px;}
.con2 h3{background-position:0 -208px;}
.con3 h3{background-position:0 -312px;}
.con4 h3{background-position:0 -416px;}
.popCon h4, .popCon p, .popCon ul, .popCon dl{padding-left:58px;}
.popCon h4{margin-top:15px;height:52px;line-height:52px;font-size:18px;color:#864040;}
.popCon p, .popCon ul li{line-height:30px;font-size:16px;color:#383838;}
.popCon .alarm{margin:5px 0;font-weight:bold;}

h4.tt{background:url(img/h4ICOn.gif) 0 0 no-repeat;}
h4.t1{background-position:0 0;}
h4.t2{background-position:0 -52px;}
h4.t3{background-position:0 -104px;}

.roleFocus, .equip, .skillShow, .mapShow{position:absolute;top:0;}
.roleFocus, .equip{right:20px;height:550px;background:url(img/focuBg.gif) 52% 98% no-repeat;}
/*= 焦点大图.基本 =*/
.roleFocus, .roleFocus .picList{display:block;width:324px;height:550px;overflow:hidden;}
.popCon .roleFocus ul, .con3 ul{padding-left:0;}
.roleFocus{padding:0 38px;}
/*= 焦点大图.页码 =*/
.roleFocus .prev, .roleFocus .next{position:absolute;top:420px;z-index:10;display:block;width:28px;height:48px;overflow:hidden;text-indent:-99em;background:url(img/focuBtn.gif) 0 0 no-repeat;}
.roleFocus .prev{left:0;background-position:-28px 0;}
.roleFocus .next{right:0;background-position:0 0;}
.roleFocus .prev:hover{background-position:-28px -48px;}
.roleFocus .next:hover{background-position:0 -48px;}

.equip{width:400px;overflow:hidden;}

.skill, .skill{height:80px;}
.skill{margin:25px 0 50px;color:#383838;}
.skill dt, .skill dt em{width:72px;}
.skill dt{margin-right:15px;padding-right:10px;border-right:solid 1px #D1D1D1;float:left;line-height:24px;text-align:center;font-size:14px;}
.skill dt img{width:56px;height:56px;}
.skill dt em{display:block;}
.skill dd{line-height:21px;}
.skill dd.st{line-height:24px;font-size:16px;margin-bottom:10px;}

.skillShow, .mapShow{right:0;z-index:9;}
.mapShow{margin:72px 65px 0 0;}

.cittaShow{margin:35px 0;}
.cittaShow li{margin-right:10px;float:left;}
.cittaInfo{}
.cittaInfo li{padding-left:24px;height:30px;background:url(img/ctIcon.gif) 0 50% no-repeat;}

.bgP{display:block;width:390px;height:251px; overflow:hidden; text-indent:-99em; background:url(img/bgP.jpg) 0 0 no-repeat; 	position:absolute;bottom:0;right:-85px; z-index:1;}