*{ word-wrap:break-word; outline:none; }
html, body{ }

body, div, td, input, textarea, select, button{ font-size:12px; font-family:Tahoma, Geneva;}
body, div, ul, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
body{ color:#333; background:#000 url(../images/Index_body_bg.jpg) no-repeat 50% 0;}
ul,li{ list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:12px; }
em, cite, th, i{ font-style:normal; font-weight:normal;}
table{ border-collapse:collapse;}
th{ text-align:left; }
label{ cursor:pointer; }
a{ color:#111; text-decoration:none; font-family:Verdana;}
	a:hover { text-decoration:underline; }
	a img{ border:none; }
.clear{ clear:both;}
.fl{ float:left;} .fr{ float:right;}

	/**  **/
#Header{ width:100%; margin:0 auto; position:relative; min-width:991px; height:334px; z-index:10; background:url(../images/web_bg.jpg) no-repeat 50% 0; z-index:1;}
	.webLogo{ display:none;}
	#Navigate{ position:relative; z-index:10; padding:69px 0 0 7px; margin:0 auto; width:991px;}
		#Navigate strong{ float:left; width:88px;}
		#Navigate strong a{ float:left; display:block; width:88px; height:46px; text-indent:-3000px;}
		#Navigate strong a:hover{ background:url(../images/Nav_hover.jpg) no-repeat;}
		#Navigate .innerWidth{ width:283px; float:left;}
		#Navigate strong a.n1:hover{ background-position:0 -46px;}
		#Navigate strong a.n2:hover{ background-position:0 -92px;}
		#Navigate strong a.n3:hover{ background-position:0 -138px;}
		#Navigate strong a.n4:hover{ background-position:0 -184px;}
		#Navigate strong a.n5:hover{ background-position:0 -230px;}
		#Navigate strong a.n6:hover{ background-position:0 -276px;}
		#Navigate strong a.n7:hover{ background-position:0 -322px;}
		
		
#inVideoIcon{width:132px;  margin:0 auto; position:relative; min-width:132px; height:20px; background:url(../images/inVideoIcon_off.jpg) no-repeat 50% 0; z-index:1; top:540px; right:160px;}
	#inVideo2{ position:relative; padding:0px 0 0 0px; margin:0 auto; width:132px;}
		#inVideo2 strong{ float:left; width:63px;}
		#inVideo2 strong a{ float:left; display:block; width:63px; height:20px; text-indent:-3000px;}
		#inVideo2 strong a:hover{ background:url(../images/inVideoIcon_on.jpg) no-repeat;}
		#inVideo2 .innerWidth=={ width:63px; float:left; }
		#inVideo2 strong a.v1:hover{ background-position:0 0px;}
		#inVideo2 strong a.v2:hover{ background-position:6px -21px;}
	#topSwf{ position:relative; height:210px; z-index:1; }
	
	
#Footer{ float:left; position:relative; width:100%; margin:0 auto; min-width:132px; height:121px; background:url(../images/footer_bg.gif) no-repeat 50% 0; z-index:1; top:25px; right:2px; background---:#aa1d22;}
	#Footer .link{ margin:25px auto 10px; color:#999; font-weight:bold;}
	#Footer .link a{ float:left;   position:relative; margin:0 8px; color:#ccc;}
	#Footer .CoozLogo{ float:left;  width:144px; height:43px; position:relative; top:25px; right:-40px; background:#001daa;}

#Footer .right{ color:#aaa; width:500px; height:43px;  position:relative;  line-height:2; top:23px; right:-53px;}
	 		.right a:link{  color:#fff; text-decoration: none;}
	 		.right a:visited {  color:#fff;text-decoration: none; }
	 		.right a:hover{ color:#fff; text-decoration: underline; }

			
#wrap{ position:relative; margin:0 auto; min-width:991px; padding:0; z-index:100; background:url(../images/c1.jpg) no-repeat 50% 0; }	
	.body{ position:relative; width:991px; margin:-210px auto 0; z-index:10;}	
	.c1{ position:relative; height:569px; z-index:10;}
	.c2{ position:relative; height:409px; background:url(../images/c2.jpg) no-repeat; z-index:0;}
	.c3{ position:relative; height:179px; background:url(../images/c3.jpg) no-repeat; }
	.c4{ position:relative; height:534px; background:url(../images/c4.jpg) no-repeat; z-index:1; }
	#btmFire{ position:relative; margin:-320px auto 0; height:299px; z-index:0; }
	.inNews{ position:absolute; top:129px; right:39px; width:347px; height:199px;}
		.inNews .tags{ margin:7px auto auto 32px; width:270px; height:32px; overflow:hidden; zoom:1;}
		.inNews .tags strong{ float:left; width:51px; height:32px; margin-left:3px;}
		.inNews .tags a{ display:block; float:left; width:51px; height:32px; text-indent:-3000px; background:url(../images/newsTags.jpg) no-repeat -300px 0;}	
		.inNews .tags .current a.n0{ background-position:0 0;}
		.inNews .tags .current a.n1{ background-position:0 -32px;}
		.inNews .tags .current a.n2{ background-position:0 -64px;}
		.inNews .tags .current a.n3{ background-position:0 -96px;}
		.inNews .tags .current a.n4{ background-position:0 -128px;}
		.inNews .topNews{ text-align:center; line-height:30px;}
		.inNews ul{ width:315px; margin:auto;}		
		
	.artList{}	
		.artList li{ position:relative; padding:2px 8px; background:url(../images/dot.jpg) no-repeat 0 50%;}	
		.artList li i{ position:absolute; right:0; top:0; padding:2px 0; color:#222;}
	.dropSelect{ position:relative; width:80px; height:26px; background:url(../images/dropSelect.gif) no-repeat 0 -19px; color:#fff; padding:0 0 0 8px; z-index:10; cursor:pointer}
		.dropSelect .dBody{ margin-right:-1px; height:26px; background:url(../images/dropSelect.gif) no-repeat 100% -19px;}
		.dropSelect .dBody em{ position:absolute; top:3px; left:8px; line-height:19px; height:19px;}
		.dropSelect .dBody i{ position:absolute; top:3px; right:3px; width:19px; height:19px; overflow:hidden; text-indent:-3000px; background:url(../images/DropSelect.gif) no-repeat 0 0;}
		.dropSelect .dBody i.hover{ background-position:-19px 0;}
		.dropSelect .dList{ display:none; position:absolute; top:25px; left:1px; margin:0 1px; background:#1a1d22; border:1px #676554 solid; }
		.dropSelect .dList a{ display:block; height:20px; line-height:20px; color:#989da4; border:1px solid #1a1d22; overflow:hidden; text-indent:5px;}
		.dropSelect .dList a:hover{ background:#313439; color:#fff; text-decoration:none;}

	.inLinks{ position:absolute; top:169px; left:429px; width:140px; height:300px; z-index:100; }
		.inLinks a.bt_games{ position:absolute; top:-125px; right:0; width:135px; height:125px; float:left; display:block; text-indent:-3000px; background:url(../images/StartGame.png) no-repeat; _background:url(../images/StartGame.png) no-repeat;}
        
        .inLinks a.bt_reg{ position:absolute; top:0px; background:url(../images/bt_hover.jpg) no-repeat -1000px 0; display:block; margin-bottom:0px; width:140px; height:50px; overflow:hidden; text-indent:-3000px}    
        .inLinks a.bt_fq{ position:absolute; top:50px; background:url(../images/bt_hover.jpg) no-repeat -1000px 0; display:block; margin-bottom:0px; width:140px; height:50px; overflow:hidden; text-indent:-3000px}    
        .inLinks a.bt_server{ position:absolute; top:100px; background:url(../images/bt_hover.jpg) no-repeat -1000px 0; display:block; margin-bottom:0px; width:140px; height:50px; overflow:hidden; text-indent:-3000px}    
        .inLinks a.bt_mb{ position:absolute; top:150px; background:url(../images/bt_hover.jpg) no-repeat -1000px 0; display:block; margin-bottom:0px; width:140px; height:50px; overflow:hidden; text-indent:-3000px}        
        .inLinks a.bt_2{ position:absolute; top:200px; background:url(../images/bt_hover.jpg) no-repeat -1000px 0; display:block; margin-bottom:0px; width:140px; height:50px; overflow:hidden; text-indent:-3000px}
        .inLinks a.bt_3
            { position:absolute; top:250px; background:url(../images/bt_hover.jpg) no-repeat -1000px 0; display:block; margin-bottom:0px; width:140px; height:50px; overflow:hidden; text-indent:-3000px}
            .inLinks a.bt_reg:hover{ background-position:0 0;}
            .inLinks a.bt_fq:hover{ background-position:0 -50px;}
            .inLinks a.bt_server:hover{ background-position:0 -100px;}
            .inLinks a.bt_mb:hover{ background-position:0 -150px;}
            .inLinks a.bt_2:hover{ background-position:0 -200px;}
            .inLinks a.bt_3:hover{ background-position:0 -250px;}
			
		.serverList{ margin:0px; height:145px; overflow:hidden;}
			.serverList h3{ visibility:hidden; height:46px; color:#50afb4;}
			.serverList ul{ margin:0px auto; width:100px;}
			.serverList li{ height:24px; line-height:24px; margin:1px auto; background:#000 url(../images/ServerDot_1.gif) no-repeat 5px 50%;}
			.serverList li.st_0{ background-image:url(../images/ServerDot_0.gif);}
			.serverList ul a{ padding-left:20px; display:block; line-height:24px; font-size:12px; color:#fff;}
			.serverList ul a.st_new{ padding-right:23px; background:url(../images/ServerNew.gif) no-repeat 81px 50%;}
			.serverList ul a.st_hot{ padding-right:23px; background:url(../images/ServerHot.gif) no-repeat 81px 50%;}
			
		.calendar{ position:relative; height:65px; color:#fff; z-index:100;}
			.calendar h3{ visibility:hidden; height:34px;}
			.calendar a.date{ display:block; text-align:center; line-height:1.5; color:#c0b5ac;}
			.calendar a.date:hover{ text-decoration:none; color:#fff;}
			.listPanel{ visibility:hidden; position:absolute; top:30px; left:125px; width:180px; min-height:100px; background:#1e0907; border:1px #38220f solid; padding:3px; text-align:left; line-height:1.5;}
				.listPanel .title{ overflow:hidden; zoom:1; position:relative;}
				.listPanel .title strong{ display:block; float:left; cursor:pointer;}
				.listPanel .title strong a{ display:block; float:left; color:#523e37; padding:0 10px; line-height:1.5;height:26px; line-height:26px;}
				.listPanel .title strong.current{ background:#000;}
				.listPanel .title strong.current a{ color:#c0b5ac; text-decoration:none;}
				.listPanel .lists a{ margin:0 auto 1px; display:block; height:24px; line-height:24px; background:#000; color:#9c0; padding:0 1em;}	
				.listPanel #close{ position:absolute; top:6px; right:6px; width:16px; height:16px; text-indent:-3000px; text-align:center; background:url(../images/close.gif) no-repeat; color:#604e3f;}
			
	.ranking{ position:absolute; top:353px; right:39px; width:347px; height:169px; overflow:hidden;}
		.ranking .tags{ position:absolute; top:6px; right:8px; height:36px;}
		.ranking .tags strong{ float:left; width:115px;}
		.ranking .tags strong a{ float:left; display:block; width:115px; height:36px; text-indent:-3000px; background:url(../images/rankTags.jpg) no-repeat -300px 0;}
		.ranking .tags .current a.n0{ background-position:0 0;}
		.ranking .tags .current a.n1{ background-position:0 -36px;}
		.ranking .list{ position:absolute; top:45px; left:35px; width:280px; color:#fff;}
		.ranking .list table{ border-collapse:collapse; border-spacing:0;}
		.ranking .list th{ font-weight:bold; color:#eee; padding:4px 0; }
		.ranking .list td{ padding:2px 0;}
		.ranking .list td a{ padding:2px 0;color:#fff;}
		.ranking .dropSelect{ top:12px; left:15px;}
		
	.inVideo{ position:absolute; top:353px; left:65px; width:295px; height:193px; background:#000; overflow:hidden;}
	#inFocus{ position:absolute; top:0; left:47px; width:360px; height:346px; overflow:hidden;}
	
	.inData h3, .inNovel h3, .inHot h3, .inFAQ h3, .inHot-2 h3 { height:45px; visibility:hidden;}
	.inData .more,   .inHot .more,   .inFAQ .more,    .inNovel .more,    .inPictrue .more,   .inHot-2 .more{ position:absolute; top:16px; right:6px; width:70px; height:24px; text-indent:-3000px;}
	.inData{ position:absolute; top:35px; left:47px;  width:540px;}
		.inData ul{ overflow:hidden; zoom:1;}
		.inData li{ float:left; margin:0 8px; text-align:center; line-height:1.8;}
		.inData li img{ display:block; width:72px; height:69px;}
		
	.inNovel{ position:absolute; top:35px; right:45px; width:336px; height:120px;}
		.inNovel ul{ margin:0 8px;}
	.inFAQ{ position:absolute; top:172px; left:47px;  width:326px;}
	.inFAQ ul{ margin:0 0 0 10px;}

		
		
		
	.inHot{ position:absolute; top:220px; right:320px;  width:290px;}
		.inHot ul{ margin:0 0 0 10px; }
		.inHot li{  }		
			.Hot_Icon_1{ padding:0 0 0px 40px; height:18px; background:url(../images/Hot_Icon_1.gif) no-repeat 3px 0; line-height:18px;}
			.Hot_Icon_2{ padding:0 0 0px 40px; height:18px; background:url(../images/Hot_Icon_2.gif) no-repeat 3px 0; line-height:18px;}
			.Hot_Icon_3{ padding:0 0 0px 40px; height:18px; background:url(../images/Hot_Icon_3.gif) no-repeat 3px 0; line-height:18px;}
			.Hot_Icon_4{ padding:0 0 0px 40px; height:18px; background:url(../images/Hot_Icon_4.gif) no-repeat 3px 0; line-height:18px;}
			.Hot_Icon_5{ padding:0 0 0px 40px; height:18px; background:url(../images/Hot_Icon_5.gif) no-repeat 3px 0; line-height:18px;}

	.inHot-2{ position:absolute; top:220px; right:30px;  width:290px;}
		.inHot-2 ul{ margin:0 0 0 10px; }
		.inHot-2 li{  }				
		
	.adList{ position:absolute; top:25px; left:18px;}
		.adList a{ display:block; float:left; width:228px; height:130px; overflow:hidden; zoom:1; margin-left:9px;}
	.inPictrue{ position:absolute; top:40px; left:46px; width:888px; height:170px;}
		.inPictrue .tag{ margin:7px auto 7px 49px; overflow:hidden; zoom:1;}
		.inPictrue .tag strong{ float:left; width:106px; height:40px; margin:0 7px;}
		.inPictrue .tag strong a{ float:left; display:block; width:106px; height:40px; text-indent:-3000px; background:url(../images/picTags.jpg) no-repeat -300px 0;}
		.inPictrue .tag .current a.n0{ background-position:0 0;}
		.inPictrue .tag .current a.n1{ background-position:0 -40px;}
		.inPictrue .tag .current a.n2{ background-position:0 -80px;}
		.inPictrue ul{ margin:0 10px; overflow:hidden; zoom:1; }
		.inPictrue li{ float:left; margin:0 4px;}
		.inPictrue li a{ float:left; display:block; border:1px solid #000; padding:2px; background:#b5987a;}
		.inPictrue li a img{ border:1px solid #000;}
		.inPictrue .uploadPic{ position:absolute; top:25px; left:420px;}
		
	.inServer{ position:absolute; top:273px; left:90px; width:195px; height:180px; padding:1px 0 0;}
		.inServer h3{ display:none;}
		.inServer p{ width:180px; margin:25px auto; color:#111; line-height:1.8;}
		.inServer .bt_in{ position:absolute; left:53px; bottom:16px; display:block; width:92px; height:32px; text-indent:-3000px;}
	.in17173{ position:absolute; top:263px; left:368px; width:285px; height:190px; overflow:hidden;}
		.in17173 .tag{ height:40px; padding-left:10px;}
		.in17173 .tag strong{ float:left; width:119px; height:40px; margin-left:10px;}
		.in17173 .tag strong a{ display:block; float:left; height:40px; width:119px; text-indent:-3000px;}
		.in17173 .tag strong a:hover{ background-image:url(../images/17173tag.jpg); background-repeat:no-repeat;}
		.in17173 .tag strong a.n0:hover{ background-position:0 0;}
		.in17173 .tag strong a.n1:hover{ background-position:0 -40px;}
		.in17173 .tag strong.current .n0{ background:url(../images/17173tag.jpg) no-repeat 0 0;} 
		.in17173 .tag strong.current .n1{ background:url(../images/17173tag.jpg) no-repeat 0 -40px;} 
		
	.in26G{ position:absolute; top:263px; right:74px; width:226px; height:164px;}
		.in26G h3{ visibility:hidden; height:40px;}	
		.in26G ul{ margin:5px auto auto 10px;}
		
	.coop{ width:890px; margin:10px auto; overflow:hidden; zoom:1;}
		.coop h3{ float:left; width:62px; line-height:1.2; padding:2px; color:#f7db7b; font-weight:normal;}
		.coop .list{ float:left; width:745px; height:33px; overflow:hidden;}
		.coop .list a{ display:block; float:left; padding:1px 2px;}
		.coop .list a img{ width:88px; height:31px;}
		.coop .more{ float:right; width:62px; line-height:1.3; padding:2px;}
		.coop .more a{ color:#f7db7b; }		
	
.act{ text-decoration:underline;}
.tx_rad{ color:#f00;}
.tx_r{ text-align:right;}
.tx_c{ text-align:center;}
.tx_gray{ color:#999;}

#ii_f{ position:relative; z-index:10;}

#inVideo_picture{width:295px;  margin:0 auto; position:relative; min-width:295px; height:196px; background:#000; top:350px; right:283px;}