@charset "gb2312";
/*= Reset =*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{ outline:0}ins{text-decoration:none}del{text-decoration:line-through}
table{ border-collapse:collapse; border-spacing:0 /*non IE*/; width:100%}
/*= Float & Clear =*/
.fr { float:right}.fl { float:left}.clear { clear:both}.clearfix:after{clear:both; content:'.'; display:block; visibility:hidden; height:0}.clearfix{display:inline-block}* html .clearfix {zoom:100%}.clearfix{display:block}
ul { list-style:none;}
body { font:12px/1.5 "Lucida Grande", verdana,Helvetica ,Georgia,sans-serif,"ËÎÌå"; color:#000; background:#ccc;}
input,textarea { font-family:Arial, Helvetica, sans-serif;}
#wrap { width:950px; margin:0 auto;text-align:center; background:url(bg1.jpg) 0 28px #F4F9E2 repeat-x;}
.container {
  text-align: left;
  position: relative;
  padding: 0;
  overflow:hidden;
  margin: 0 auto;  
  width: 950px;
}
a {color:#000; text-decoration:none;}
a:hover { color:#F60; text-decoration:underline }
.hidetext {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.red { color:#f00;}
.gray { color:#666}
.orange { color:#f60;}
.jimu { color: #666;}

#menu a.active,
#menu a.active span,
#menu a:hover,
#menu a:hover span,
#menu li,
#letterlink li a.active,
#letterlink li,
.box2 .text h5,
.box2 .text h5 span,
.box2 .text li,
.box2 .title .hottags,
.box4 li,
#content4 li,
#content5 .box .con .text h5,
#content5 .box .con .text li 
{ background-image:url(icons.png); _background-image:url(icons.gif); background-repeat:no-repeat;}

#top { height:25px; line-height:25px; border-top:4px solid #393939; padding:0 10px; background-color:#F5F6F8}
#header { padding:8px 10px 5px; height:77px; overflow:hidden; }
#logo {width:295px; height:77px;overflow:hidden; background:url(logo.jpg) left top no-repeat }
#logo a{ height:77px; float:left;  text-indent:-9999px;}
#logo a.la { width:135px}
#logo a.game { width:160px}
.banner468 img,.banner100 img { height:60px; display: inline-block}
.banner468 ,.banner100{ margin-top:2px; float:left; padding:5px; margin-left:4px; border:1px solid #5E97CB; overflow:hidden;}
.banner468 img{ width:468px;}
.banner100 img { width:100px;}

#menu { height:36px; background:#1578D5;  overflow:hidden; position:relative; margin:0 4px;}
#menu .r ,#menu .l{  width:10px; background:url(menu_r.png) right top no-repeat; height:360px;}
#menu .r {position:absolute; right:0; top:0;}
#menu .l { position:absolute; left:0; top:0; background:url(menu_l.png) left top no-repeat; }
#menu .con { margin:0 10px;background:url(menu_bg.png) repeat-x; height:36px; overflow:hidden; }
#menu ul { padding-left:30px;}
#menu li{ float:left; padding:0 10px 0 7px; background-position:right -71px; margin-top:5px;}
#menu a { float:left; height:25px; font-size:14px; color:#fff; text-decoration:none; font-weight:bold; line-height:25px;padding-left:10px;}
#menu a span { float:left; display:block; padding-right:10px; cursor:pointer}
#menu a.active,#menu a:hover {  background-position: 0 0;  }
#menu a.active span ,#menu a:hover span{ background-position:right -36px;}

#search { height:33px; background:url(search.png) 0 0 no-repeat; width:942px; margin:0 auto 10px;}
#search .int1{ border:1px solid #1270BD; background:#DDEDFA; height:17px; margin:5px 0 0 100px; float:left; _display:inline; width:240px; font:13px/16px Verdana; overflow:hidden;  padding:2px; }
#search .btn { float:left; width:88px; font:14px/23px Verdana; border:none; text-align:center; margin-left:5px; height:23px; margin-top:5px; background:url(btn_01.gif);}
#tag { float:left; height:22px; margin:5px 0 0 25px; width:460px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:23px;}
#tag,#tag a { color:#0E6DBC}

#sites { width:218px; height:270px; background:url(site.png) no-repeat; margin-left:4px; _display: inline;}
#sites .con { margin-top:45px; text-align:center; }
#sites a img { border:3px solid #BDDEE7; margin:2px;}
#imgcom { width:717px; height:271px; background:url(bg2.png) no-repeat; overflow:hidden; margin-right:4px; _display:inline;}
#imgcom .con { padding:4px 0 0 3px;}
#imgcom a { border:1px solid #ddd; margin:5px 10px; padding:5px; padding-bottom:8px; text-decoration:none; float:left; text-align:center; background:#fff;}
#imgcom img { display:block; width:110px; height:80px; margin-bottom:8px;}

#content2{ margin:5px 0;}
#content3{ margin:5px 0;}
#box1 { background:url(bxo1.png) left top no-repeat; _background:url(bxo1.gif) left top no-repeat; width:942px; margin:-3px 4px 5px;}
.box1fot { background:url(box1_fot.png) no-repeat #3F90C8; width:942px; height:19px;}
.box2 { background:url(box2.png); width:714px; height:254px; overflow:hidden; margin-top:1px; margin-left:4px;}
.box3 { background:url(box3.gif) no-repeat; margin-right:4px; width:221px; height:255px;}
.box4 { background:url(box4.png) no-repeat; margin-right:4px; width:220px; height:255px;}
* html .box2,* html .box3 ,* html .box4{ display:inline}
h5 { font-size:14px;}
#hotgames { padding-top:17px; width:900px; margin:0 0 0 18px;}
#letterlink { border-bottom:1px dashed #C2D0BA; height:30px; line-height:30px; margin-bottom:8px;}
#letterlink li{ float:left; padding:0 10px; background-position: right -102px;}
#letterlink li a { width:69px ; letter-spacing:2px;height:27px; line-height:27px; text-align:center;}
#letterlink li a#showbox1 { letter-spacing:0;}
#letterlink li a.active { font-weight:bold; background-position:-163px -494px;  float:left; padding-left:18px; display:block;}
#letterlink li a.active:hover { color:#000; text-decoration:none; cursor:default}
/*#gamelist table { width:100%;}
#gamelist { color:#666; padding-left:10px; width:888px; }
#gamelist a { color:#333;}
#gamelist a:hover { color:#f60;}
#gamelist td { height:22px; padding:0 3px;}
#gamelist td a { padding:0 3px; }*/
#gamelist { font-family:"ËÎÌå"; color:#333;}

.box2 .con{ padding:10px; }
.box2 .textnimg {background:#fff; border:1px solid #ccc; padding:10px; margin-top:10px; overflow:hidden; height:182px;}
.box2 .img { width:458px; overflow:hidden;}
.box2 .text { width:210px; overflow:hidden;}
.box2 .text h5 { background-position:0 -372px; height:28px; line-height:28px;}
.box2 .text h5 span{ float:left; background-position:-212px -225px; padding-left:20px}
.box2 .img img { display:block; margin-bottom:5px; width:80px; height:60px;}
.box2 .text ul { margin-top:10px; line-height:2;}
.box2 .text li,#content5 .box .con .text li { float:left; width:95px; _width:93px; padding:2px 0; padding-left:10px; background-position:-233px -197px}
.box2 .text li a,#content5 .box .con .text li a { display:block; width:92px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box2 .img li{ _display:inline; background:#fff; float:left;margin:0 5px 10px; width:80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center}
.box2 li a { float:left;}
.box2 .title h5{ border-left:4px solid #99CC00; padding-left:8px; height:18px; line-height:20px; color:#666;}
.box2 .title .hottags { background-position:0 -132px; margin-top:2px;  padding-left:35px;}
table#newgame { margin:52px 5px 5px 5px; width:210px;}
table#newgame td { border-bottom:1px dashed #ccc; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:24px; line-height:24px;}
table#newgame td.time { width:52px; color:#f60;}
table#newgame td.gamename { width:97px;}
table#newgame td.stat { color:#666; width:71px; }
.box4 ul { width:192px; margin:50px 15px 0 13px; line-height:1.8}
.box4 li { background-position: 0 -317px; padding:2px 0 2px 18px; border-bottom:1px dashed #ccc;}

#content4 { border:1px solid #B2B2B2; margin:6px 4px; width:940px; overflow:hidden;}
#content4 .con { border:5px solid #e8e8e8; background:#fff; display:block; padding:10px;}
#content4 .con h6 { color:#333; height:32px; text-align:center; font-weight:normal; line-height:28px; background-image: url(label1.jpg); background-repeat:no-repeat;}
#content4 .con a { color:#333;}
#content4 .con a:hover { color:#f60;}
.w150 { width:150px;}

#content4 ul { border:1px dashed #ccc;  padding:8px; }
#content4 li { float:left; padding:2px 0; padding-left:15px; overflow:hidden;}
#gamefixdown{ width:350px; position:relative; margin-left:15px; _display:inline}
.gfdicon { position: absolute; right:-10px; top:0;}
#gamefixdown li { background-position:-4px -350px;}
#gamefixdown h6,#gamecmt h6 ,#gameskill h6{ width:94px;}

#gamecmt ,#gameskill ,#gamecard  { width:140px; margin-left:30px; overflow:hidden;}
#gamecmt li,#gameskill li, #gamecard li{ width:102px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-position:-4px -262px; padding-left:18px;}

#gameskill li {background-position:-5px -290px;}
#gamecard h6{ width:134px; background-position:0 -54px;}
#gamecard { width:160px;}
#gamecard li{ width:120px;  background-position:-3px -530px;}

#content5 { width:942px; margin:5px 4px; display:block;}
#content5 .box { float:left; overflow:hidden; width:308px; background:#fff; border:1px solid #C5C5C5; height:398px;}
#content5 .box .con { border-top:3px solid #D6F0C1; padding:10px;}
#content5 #mobilegame.box .con { border-top:3px solid #D6E4F1;}
#content5 #smallgame.box .con { border-top:3px solid #FFDBCB;}
#content5 .box .con .img  img{ display:block; margin-bottom:5px;}
#content5 .box .con .img a { float:left; color:#666; width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; margin:5px 8px;}
#content5 .box .con .img a:hover { color:#f60;}
#content5 .box .con .text { width:135px;_display:inline}
#content5 .box .con .text.fl { margin-left:5px; }
#content5 .box .con .text.fr { margin-right:5px;}
#content5 .box .con .text h5 { text-indent:-9999px; background-position:-1px -419px; border-bottom:1px dashed #666;}
#content5 .box .con .text h5.bbs {background-position:-3px -459px;}
#content5 .box .con .text ul { margin-top:10px; line-height:1.6;}
#content5 .box .con .text li {background-position:-233px -199px }
#content5 .box .con .text li a { width:120px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#content5 .box h6 { height:28px; line-height:28px; color: #fff; border-bottom:1px solid #62B606; overflow:hidden; line-height:33px; padding-left:53px; }
#content5 #offlinegame.box h6 { background:url(contenth61.jpg);  }
#content5 #mobilegame.box h6 { background:url(contenth62.jpg); border-bottom:1px solid #006794;}
#content5 #mobilegame.box,#content5 #smallgame.box { margin-left:6px;}
#content5 #smallgame.box h6 { background:url(contenth63.jpg); border-bottom:1px solid #FA6839}

#footer { text-align:center; color:#666; background:url(footer.png) no-repeat; overflow:hidden; width:942px; height:74px; margin:4px;}
#footer  p{ padding:10px;}
#footer a { color:#666;}

.listItem { padding-left:10px;}
.listItem p { padding: 0; margin: 0; clear: both; line-height: 24px; }
.p12 { font-size: 12px; line-height: 20px; }
.p14Bold { font-size: 12px; font-weight: bold; line-height: 20px; }
.p14 { font-size: 14px; line-height: 24px; }
.p14Bold { font-size: 14px; font-weight: bold; line-height: 25px; }
.p18Bold { font-size: 18px; font-weight: bold; line-height: 24px; }
.cBlack, .cBlack a:link, .cBlack a:visited, .cBlack a:active { color: #000000; text-decoration: none; }
.cBlack a:hover { color: #000000; text-decoration: underline; }
.cWhite, .cWhite a:link, .cWhite a:visited, .cWhite a:active { color: #ffffff; text-decoration: none; }
.cWhite a:hover { color: #ffffff; text-decoration: underline; }
.cRed, .cRed a:link, .cRed a:visited, .cRed:active { color: #ff0000; text-decoration: none; }
.cRed a:hover { color: #ff0000; text-decoration: underline; }
.cGray, .cGray a:link, .cGray a:visited, .cGray:active { color: #595959; text-decoration: underline; }
.cGray a:hover { color: #595959; text-decoration: underline; }
.cCGray, .cCGraya:link, .cCGraya:visited, .cCGray:active { color: #595959; text-decoration: none; }
.cCGraya:hover { color: #595959; text-decoration: underline; }
.cSGray, .cSGray a:link, .cSGray a:visited, .cSGray:active { color: #5F605E; text-decoration: none; }
.cSGray a:hover { color: #5F605E; text-decoration: underline; }
.cOrangge, .cOrangge a:link, .cOrangge a:visited, .cOrangge:active { color: #FF6000; text-decoration: none; }
.cOrangge a:hover { color: #FF6000; text-decoration: underline; }