@charset "gb2312";
/* CSS Document */
html{_overflow-x:hidden;}
*{padding:0;margin:0;}   
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
ul,ol,li{list-style:none;/*line-height: 1;*/}
dl,dt,dd{font-weight:normal;list-style-type:none;}
img{border:0;vertical-align:bottom;font-size:1%;line-height:1%;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block}
.none,.tips strong,.tips ol{display:none;}
strong{font-weight:bold;}
body{text-align:center;background:#010101;font-size:12px;color:#fff;line-height:180%;font-family:tahoma;}
a{outline:none;hide-focus: expression(this.hideFocus=true);text-decoration:none;color:#fff;}
#topLinks a,#index #content ul li a,#tab a,#nav a{display:block;text-indent:-9999px;}
#tab li a,#nav li a{background-image:url(http://image.tiancity.com/csol/event/dkextreme/images/links.jpg);background-repeat:no-repeat;}
.wrapper{text-align:center;}
#container{text-align:left;width:998px;margin:0 auto;}
#topLinks a{width:60px;height:30px;float:left;margin:0 6px 0 0;}
#index #topLinks{padding:15px 0 0 840px;height:30px;}
#index{background:url(http://image.tiancity.com/csol/event/dkextreme/images/bg1.jpg) no-repeat 50% 0;}
#index #header{height:396px;background:url(http://image.tiancity.com/csol/event/dkextreme/images/header1.jpg) no-repeat 50% 0;}
#index #content{height:440px;background:url(http://image.tiancity.com/csol/event/dkextreme/images/content1.jpg) no-repeat 50% 0;}
#index #content ul{padding:0 0 0 22px;}
#index #content ul li{float:left;margin:12px 0 0;}
#index #content ul li.rm1{margin-right:45px;}
#index #content ul li.rm2{margin-right:52px;}
#index #content ul li a{width:285px;height:415px;}
#nav{padding:0 0 0 152px;}
#nav li{float:left;margin-top:209px;}
#nav li a{width:109px;height:49px;}
#nav1,#nav2{margin-right:91px;}
#nav3{margin-right:88px;}
#nav1 a{background-position:0 0;}
#nav2 a{background-position:-109px 0;}
#nav3 a{background-position:-218px 0;}
#nav4 a{background-position:-327px 0;}
#nav1 a:hover{background-position:0 -49px;}
#nav2 a:hover{background-position:-109px -49px;}
#nav3 a:hover{background-position:-218px -49px;}
#nav4 a:hover{background-position:-327px -49px;}
#nav1 a.current{background-position:0 -98px;}
#nav2 a.current{background-position:-109px -98px;}
#nav3 a.current{background-position:-218px -98px;}
#nav4 a.current{background-position:-327px -98px;}
#inner #topLinks{padding:12px 0 0 855px;height:30px;}
#inner{background:url(http://image.tiancity.com/csol/event/dkextreme/images/bg2.jpg) no-repeat 50% 0;}
#inner #header{height:315px;background:url(http://image.tiancity.com/csol/event/dkextreme/images/header2.jpg) no-repeat 50% 0;}
#inner #content{width:100%;background:url(http://image.tiancity.com/csol/event/dkextreme/images/middle.jpg) repeat-y 50% 0;}
#inner #bottombg{width:100%;background:url(http://image.tiancity.com/csol/event/dkextreme/images/bottom.jpg) no-repeat 50% bottom;}
#inner #topbg{width:100%;background:url(http://image.tiancity.com/csol/event/dkextreme/images/top.jpg) no-repeat 50% 0;}
.mContent{padding:20px 0 68px 97px;}
.mContent h2{width:805px;height:45px;text-indent:-9999px;margin:0 0 25px;}
#zombie h2{background:url(http://image.tiancity.com/csol/event/dkextreme/images/newzombie.jpg) no-repeat 0 0;}
#charater h2{background:url(http://image.tiancity.com/csol/event/dkextreme/images/newcharater.jpg) no-repeat 0 0;}
#map h2{background:url(http://image.tiancity.com/csol/event/dkextreme/images/newmap.jpg) no-repeat 0 0;}
#map #tab{background:url(http://image.tiancity.com/csol/event/dkextreme/images/maptitle.jpg) no-repeat 0 0;text-indent:-9999px;}
#tab{margin:0 0 23px;height:39px;}
#tab li{float:left;}
#tab li a{width:116px;height:39px;}
#zombie #tab1 a{background-position:-436px -78px;}
#zombie #tab2 a{background-position:-436px -117px;}
#zombie #tab1 a:hover,#zombie #tab1 a.current{background-position:-552px -78px;}
#zombie #tab2 a:hover,#zombie #tab2 a.current{background-position:-552px -117px;}
#charater #tab1 a{background-position:-436px 0;}
#charater #tab2 a{background-position:-436px -39px;}
#charater #tab1 a:hover,#charater #tab1 a.current{background-position:-552px 0;}
#charater #tab2 a:hover,#charater #tab2 a.current{background-position:-552px -39px;}
#box{width:806px;height:561px;position:relative;}
#box dl{display:none;}
.z1{background:url(http://image.tiancity.com/csol/event/dkextreme/images/zombie1.jpg) no-repeat 0 0;}
.z2{background:url(http://image.tiancity.com/csol/event/dkextreme/images/zombie2.jpg) no-repeat 0 0;}
.c1{background:url(http://image.tiancity.com/csol/event/dkextreme/images/charater1.jpg) no-repeat 0 0;}
.c2{background:url(http://image.tiancity.com/csol/event/dkextreme/images/charater2.jpg) no-repeat 0 0;}
#video{position:absolute;width:383px;}
#zombie #video{top:231px;left:402px;height:305px;background:url(http://image.tiancity.com/csol/event/dkextreme/images/videobg1.jpg) no-repeat 0 0;padding:25px 0 0 20px;}
#charater #video{top:251px;left:402px;height:304px;background:url(http://image.tiancity.com/csol/event/dkextreme/images/videobg2.jpg) no-repeat 0 0;padding:17px 0 0 20px;}
#footer{width:980px;margin:0 auto;padding:50px 0 10px;font-family:"ËÎÌå";}