@charset "utf-8";
body{ margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; background:#b74398;}
img{ border:0;}
h1, h2, h3, p{ border:0; outline:0; margin:0; padding:0;}
ul{ margin:0; padding:0; list-style:none;}
.png{
 position:relative;
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
 this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
   );

 }
.main{ width:1000px; margin:0 auto;}
.header{ float:left; width:100%; height:78px;}
.header #logo{ float:left; width:224px; height:78px;}
.header #forms{ float:right; width: 199px; height:29px; margin:20px 0 0 0; background:url(../images/search_l.gif) no-repeat left center;}
.header #forms .f_left{ float:left; width:168px;}
.header #forms .f_left input{ background:none; border:0; font-size:13px; font-weight:bold; font-style:italic; color:#999; margin:5px 0 0 18px; display:inline; float:left;}
.header #forms .f_right{ float:left; width:31px; height:29px;}
.header #forms input.submit{ float:left; width:31px; height:29px; border:0; float:left;}
.header .linktop{ float:right; width:200px; padding-top:8px; font:11px normal Tahoma, Geneva, sans-serif; color:#FFF; text-align:right;}
.header .linktop a{ color:#FFF; text-decoration:none; padding:0 8px;}
.header .linktop a:hover{ color:#FFF;}

.container{ float:left; width:1000px; background:url(../images/topmain.gif) no-repeat top center;}
.container_bg{ float:left; width:1000px; background:url(../images/bgmain.gif) repeat-y; margin-top:10px;}
.container_bt{ float:left; width:1000px; height:10px; background:url(../images/btmain.gif) repeat-y;}
.left{ float:left; width:190px; margin: 0 0 0 10px; display:inline;}
.topleft1{ float:left; width:190px; height:10px; background: url(../images/topleft1.gif) no-repeat;}
.bgleft1{ float:left; width:188px; background:#feca04 url(../images/bgleft1.gif) repeat-x bottom center; border-left:1px #f39801 solid; border-right:1px #f39801 solid;}
.bgleft1 ul li{ float:left; width:178px; background:url(../images/arr.png) no-repeat left center; margin:0 0 0 5px; display:inline; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:8px; line-height:20px;}
.bgleft1 ul li a{ color:#000; text-decoration:none; padding-left:22px;}
.bgleft1 ul li a:hover{ color:#F09;}
.btleft1{ float:left; width:190px; height:10px; background: url(../images/btleft1.gif) no-repeat;}

.right{ float:left; width:780px; margin:0 0 0 10px; display:inline;}
.feauted{ float:left; width: 450px; height:270px; background: url(../images/b1_l.gif) no-repeat left center;}

.feauted_bg{ float:left; width:430px; height:270px; background:url(../images/b1_bg.gif) repeat-x; margin-left:10px; display:inline;}
.feauted_bg ul li{ float:left; width:195px; background:url(../images/arrow1.gif) no-repeat left center; margin:20px 10px 0 10px; display:inline;}
.feauted_bg ul li a{ color:yellow; text-decoration:none; padding-left:18px;}
.feauted_bg ul li a:hover{ text-decoration:none;}
.feauted_r, ads1_r{ float:left; width:10px; height:270px; background: url(../images/b1_r.gif) no-repeat;}

.ads1{ float:left; width:320px; height:270px; margin:0 0 0 10px; display:inline; background:url(../images/b1_l.gif) no-repeat left center;}
.ads1_bg{ float:left; width:300px; height:270px; background:url(../images/b1_bg.gif) repeat-x; margin-left:10px; display:inline;}
.ads1_bg .ads300{ float:left; width:300px; height:250px; margin-top:10px;}

.spacer{ float:left; width:100%; height:15px;}

.titleR{ float:left; width:780px; height:40px; background:url(../images/b2_l.gif) no-repeat left center;}
.titleR_bg{ float:left; width: 760px; height:40px; background:url(../images/b2_bg.gif) repeat-x; margin-left:10px; display:inline;}
.titleR_bg h2{ float:left; font-size:18px; color:#FFF; line-height:40px;}
.titleR_bg span.panaging{ float:right; padding-top:8px;}
.titleR_bg span.panaging img{ padding:0 3px;}
.titleR_r{ float:left; width: 10px; height:40px; background:url(../images/b2_r.gif) no-repeat;}

ul.listgame{ float:left; width:100%; margin-top:10px;}
ul.listgame li{ float:left; width:130px; height:180px; background:url(../images/bggame.png) no-repeat; margin:8px 6px 0 16px; display:inline;}
ul.listgame li span{ float:left; width:120px; margin:5px 0 0 5px; display:inline; text-align: center; font:11px Verdana, Geneva, sans-serif; line-height:18px;}
ul.listgame li span img{ width:100px; padding:10px 10px 0 10px;}
ul.listgame li span a{ color:#ea2c8c; text-decoration:none;}
ul.listgame li span a:hover{ color:#2ca5ea;}
ul.listgame li.bottom{ float:left; width:94%; text-align: right; font-size:18px; padding-bottom:10px; color:#0195d3; background:none; height:auto;}
ul.listgame li.bottom a{ color:#0195d3; text-decoration:none; padding:0 8px;}
ul.listgame li.bottom a:hover{ color:#fb9d01;}

.friend_top{ float:left; width:190px; height:40px; background:url(../images/b3_top_l.gif) no-repeat left center; margin-top:12px;}
.friend_top_bg{ float:left; width: 166px; height:40px; background:url(../images/b3_top_bg.gif) repeat-x; margin-left:12px; display:inline; font-size:18px; color:#FFF; line-height:30px;}
.friend_top_r{ float:left; width:12px; height:40px; background:url(../images/b3_top_r.gif) no-repeat;}
.friend_bg{ float:left; width:184px; border:3px #00b4ff solid; border-width:0 3px 0 3px; background:#FFF;}

.friend_bg ul li{ float:left; width:174px; margin:8px 0 0 5px; display:inline; border-bottom:1px #cbf0ff solid; padding-bottom:5px;}
.friend_bg ul li.top{ text-align:center; border-bottom:0;}
.friend_bg ul li a{ color:#086f00; text-decoration:none;}
.friend_bg ul li a:hover{ color:#00b4ff;}

.friend_bt{ float:left; width:190px; height:12px; background:url(../images/btleft2.gif) no-repeat;}

.footer{ float:left; width:100%; padding:8px 0; font-size:11px; color:#FFF;}
.gameplay{ float:left; width:780px; margin-top:2px; background:url(../images/topgame.gif) no-repeat top center;}
.gameplay_bg{ float:left; width:778px; background:#f2f2f2; border:1px #dddddd solid; border-width:0 1px 0 1px; margin-top:10px;}

.gameplay_bg .boxplay{ float:left; width:100%; padding:15px 0 10px 0; text-align:center;}

.gameplay_bt{ float:left; width:780px; height:10px; background:url(../images/bottomgame.gif) no-repeat;}

.b4_top{ float:left; width:190px; height:40px; background:url(../images/b4_top_l.gif) no-repeat;}
.b4_top_bg{ float:left; width:155px; height:40px; background:url(../images/b4_top_bg.gif) repeat-x; margin-left:22px; display:inline; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#ea2c8c; text-transform:uppercase; text-indent:3px; line-height:30px;}
.b4_top_r{ float:left; width:13px; height:40px; background:url(../images/b4_top_r.gif) no-repeat;}
.b4_bg{ float:left; width:184px; background:#FFF; border:3px #ffc600 solid; border-width:0 3px 0 3px;}
.b4_bg ul { float:left; margin-top:5px;}
.b4_bg ul li{ float:left; width:174px; height:31px; margin:1px 0 0 5px; display:inline; background:url(../images/bgmenu.gif) no-repeat; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.b4_bg ul li a{ color:#ea2c8c; text-decoration:none; line-height:31px; padding-left:23px;}
.b4_bg ul li a:hover{ color:#ff6c00; text-decoration:none;}
.b4_bt{ float:left; width:190px; height:13px; background:url(../images/b4_bt.gif) no-repeat;}