html{ background-color:#fff;}
body{ margin:0; padding:0; background:#000000; min-width:1000px; color:white; font-family:"\5FAE\8F6F\96C5\9ED1";}
div,form,img,ul,ol,li,dl,dt,dd{margin: 0; padding: 0; border:0; }
	h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
	li{list-style-type:none;}
	a{ display:block;}
	img{vertical-align:top;border:none; overflow:hidden; width:100%; height:100%;}
	p{ margin:0; padding:0;}
div{ display:block;}


.page_event { text-align: left; position: relative; width: 100%; z-index: 1; background: #4D4D4D;; }
.evt_page_body { width: 100%; position: relative; z-index: 3;background-color: #4D4D4D;}
.evt_page_bg { position: absolute; width: 100%; left: 0; top: 0; z-index: 2; }
.evt_page_bg div { width: 100%; height: 366px; background-position: center top; background-repeat: no-repeat; }
.evt_page_bg .bg2{ height:367px;}

.header{ position:relative;  width:100%; margin-bottom:20px; z-index:4;background-color: #4D4D4D;}
.bg{ position:relative; margin:0 auto; background:url(./a_2.jpg) no-repeat top center; height:367px;}
.bg2{ position:relative; margin:0 auto; background:url(./a_3.jpg) no-repeat top center; height:366px;}
.event_content{ margin:0 auto; position:relative;  overflow:hidden; width:1000px;}
.event_content .logo{ position:relative; float:left; width:200px; height:88px; overflow:hidden;}
.event_content .lineout{ position: relative; width: 4px; height: 4px; background-color: #fff; float: left; overflow: hidden; top: 53px; margin: 0 7px 0 7px; border-radius: 2px;}
/* .event_content .logo .pics{ width:164px; height:34px; position:absolute; bottom:15px;} */
.event_content .logo .pics{
    width: 200px;position:absolute; bottom:15px;
    height: 60px;
    background: url('doom/logo-apex.png') no-repeat scroll center center transparent;
}
.event_content .logo .pics-orange{
    width: 200px;position:absolute; bottom:15px;
    height: 60px;
    background: url('doom/logo-orange.png') no-repeat scroll center center transparent;
}
.event_content .logo .pics-serene{
    width: 200px;position:absolute; bottom:15px;
    height: 60px;
    background: url('doom/logo-serene.png') no-repeat scroll center center transparent;
}
.event_content .logo .pics-clouds{
    width: 200px;position:absolute; bottom:15px;
    height: 60px;
    background: url('doom/logo-clouds.png') no-repeat scroll center center transparent;
}
.event_content .download{ position:relative; float:right; width:200px; height:88px; overflow:hidden;}
.event_content .download .pics{width: 200px;position:absolute; bottom:15px;
    height: 60px;
    background: url('doom/download.png') no-repeat scroll center center transparent;}
.event_content .bd{  position:absolute; right:90px;width:694px; height:88px; overflow:hidden; }
.event_content .bd ul{ padding:25px 0px 0 70px; }
.event_content .bd ul li{ color:white; float:left; margin-right:17px; font-size:14px; }
.event_content .bd ul li.gamebbs{ margin-right:0;}
.event_content .bd ul .nine{ color:white; opacity:0.1;}
.event_content .bd ul li a{ color:white; text-decoration:none;}
.event_content .bd ul li:hover a{ color:rgb(255,167,21);}
.event_content .bd ul li .logos{ position:relative; width:22px; height:20px; margin-right:3px; top:-3px; overflow:hidden; background:url(../images/a_5.png) no-repeat; float:left;}
.event_content .bd .home .logos{ background-position:-21px 0;}
.event_content .bd .home:hover .logos{background-position:1px 0;}
.event_content .bd .news .logos{ background-position:-22px -20px;}
.event_content .bd .news:hover .logos{background-position:0px -20px;}
.event_content .bd .product .logos{ background-position:-22px -40px;}
.event_content .bd .product:hover .logos{ background-position:0px -40px;}
.event_content .bd .company .logos{ background-position:-21px -60px;}
.event_content .bd .company:hover .logos{ background-position:2px -60px;}
.event_content .bd .join .logos{ background-position:-21px -80px;}
.event_content .bd .join:hover .logos{ background-position:2px -80px;}
.event_content .bd .connection .logos{ background-position:-21px -100px;}
.event_content .bd .connection:hover .logos{ background-position:1px -100px;}
.event_content .bd .BBS .logos{ background-position:-21px -120px;}
.event_content .bd .BBS:hover .logos{ background-position:2px -120px;}
.event_content .bd ul li .zi{ color:white; float:left; text-decoration:none;}
.event_content .bd ul li:hover .zi{ color:rgb(255,167,21)}

.banner{ position:relative; margin-bottom:20px; width:1000px;}
.message{ position:absolute; top:0; right:0; width:300px; height:350px; background-color:#4D4D4D; overflow:hidden;}
.title{ font-size:22px; padding:15px 20px; font-weight:bold;background-color: #4D4D4D;}
.icon{ width:19px; height:19px;  overflow:hidden; position:relative; float:right; top:0px;}

.message .lit{ position:relative; background-color:#4D4D4D;}
.message .lit ul{ padding:0px; width:280px; margin:0 auto; }
.message .lit ul li{ padding:9px; cursor:pointer;  font-size:13px;  background-color:#4D4D4D; border-bottom:1px dashed white;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.message .lit ul li .cyc{ position:relative; float:left; width:5px; height:5px; border-radius:10px; background-color:white; top:6px; margin-right:5px;}


.page_event .evt_floor { margin-bottom: 20px;}
.page_event .evt_mod { width: 1000px;; margin: 0 auto; background:#4D4D4D; position:relative; }
.page_event .hd { position: relative; width:1000px; height:50px; }
.page_event #evt_floor1  .hd{ background-color:#fff;}
.page_event .bd { padding: 25px 0 8px 55px;}
.page_event .pd_items { *margin-bottom: 3px; }
.page_event .pd_items li { float: left;width: 118px; height: 118px; position: relative;  margin: 0 70px 60px 0; }
.page_event .pd_items li a{ text-align:center; color:#000; font-size:16px; margin-top:5px;} 
.icons{ position:relative; float:left; width:33px; height:23px;  overflow:hidden; margin-right:5px;}

.connetus{ position:relative;  width:246px; height:216px; background:url(../images/a_10.jpg) no-repeat top center; overflow:hidden; margin-bottom:20px; margin-right:20px; font-size:14px;}
.connetus #buss{ padding:25px 0 25 27px;color: #000;}
.connetus #hr{ padding:25px 0 0 27px;color: #000;}
.parter{ width:733px;position:relative; background:#67a1e0; margin-top:-237px; left:268px;}
.parter .nod{ position: relative;width:733px;  background-color:#77b0eb;}
.parter .all{ padding:15px; padding-left:43px; padding-top:50px;background-color: #fff;}
.parter .all ul li{ float:left; width:175px; height:55px;  margin-bottom:50px; margin-right:50px;}

.footer{ width: 100%;
text-align: center;
z-index: 4;}
.footer .event_content{ height: 80px;
width: 100%;
background-color: #4D4D4D;} 


#pro_head_ad{width:1000px;height:400px;position: relative;overflow:hidden;}
#pro_head_ad .head_ad_div{height:400px;display:inline-block;position: relative;}
#pro_head_ad .head_ad_div a{width:1000px; height:400px;overflow:hidden;display:inline;float: left;}
#pro_head_ad .ad_page{width:16px; height:16px; text-align:center; line-height:16px; background:#ffffff; display: block; top:375px; position:absolute; z-index:105; text-indent:-999px;border-radius:10px; overflow:hidden;}
#pro_head_ad a.ad_page:hover{text-decoration:none;background:#4D4D4D;color:#000;cursor: pointer;}

.message .lit ul li .newspaper{ color:white;}

.juchi {
    margin-top: 20px;
    background: url('doomuchi.png') repeat-x scroll 0% 0% transparent;
    width: 100%;
    height: 8px;
    font-size: 1px;
}
.copyright {
    height: 80px;
    width: 500px;
    margin: auto;
    color: #FFF;
    font-size: 12px;
    line-height: 32px;
}