body{ margin:0; font-size:14px; background:url(../../img/main/mainbg.png) #EBEBEB; color:#939393; font-family:Arial, Helvetica, sans-serif;}
a{ text-decoration:none;}
.clear{ clear:both;}
.hidden{ display:none;}
.small_shadow{ text-shadow: 1px 2px 1px rgba(7, 7, 7, 0.43); }
.pic_frame{ border-color: #EFEFEF #CCC #CCC #EFEFEF; border-style: solid; border-width: 1px; box-shadow: #BBB 0px 0px 4px;}
.open_beta{ width:110px; height:110px; background:url(../../img/main/open_beta.png); right:30px; top:10%; position:fixed;  z-index:999;}
.widget{ width:220px; height:402px; right:0; top:26%; position:fixed;  z-index:999;}
.widget .close{ width:72px; height:22px; background:url(../../img/main/close_1.png); float:right; cursor:pointer;}

.head{ width:960px; height:87px; position:relative; z-index:99; margin:0 auto; top:5px; background:url(../../img/main/cut.png);}
.head .logo{ width:91px; height:85px; background:url(../../img/world.gif); float:left; margin-left:12px; background-position:bottom; background-repeat:no-repeat; background-position: -1px -2px; background-repeat:no-repeat;}
.head .hbody{ width:810px; height:87px; float:right;}
.head .hbody .htop{ width:810px; height:34px; padding-top:7px;}
.head .hbody .htop .channel{ width:163px; height:23px; background:url(../../img/main/cut.png); background-position:0 -87px; float:left; text-align:center; font-weight:bold; color:#333; cursor:pointer; padding-top:5px; margin-left:10px;}
.head .hbody .htop .channel_hov{ background:url(../../img/main/cut.png); background-position:0 -115px; color:#FFF;}
.head .hbody .htop .channel span{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
.head .hbody .htop #profile{ margin-left:115px;}
.head .hbody .htop .htsu{ width:74px; height:23px; background:url(../../img/main/cut.png); background-position:-163px -115px; float:left; margin-left:130px; text-align:center; padding-top:5px; color:#FFF; cursor:pointer; font-weight:bold;}
.head .hbody .htop .htsu:hover{ background-position:-163px -87px; color:#333;}
.head .hbody .htop .htli{ width:67px; height:23px; background:url(../../img/main/cut.png); background-position:-237px -87px; float:left; margin-left:10px; text-align:center; padding-top:5px; color:#333; cursor:pointer; font-weight:bold;}
.head .hbody .htop .htli:hover{ background-position:-237px -115px; color:#FFF;}
.head .hbody .htop .lg{ height:23px; float:right; margin-right:15px; text-align:center; padding-top:5px; color:#555; font-weight:bold;}
.head .hbody .htop .lg a{ color:#888; text-decoration:none;}
.head .hbody .htop .lg a:hover{ text-decoration:underline;}
.head .hbody .hbtm{ width:810px;}
.head .hbody .hbtm .search_box{ width:270px; height:33px; float:right; margin-right:13px; overflow:hidden;}
.head .hbody .hbtm .search_box .stext{ width:228px; height:31px; background:url(../../img/main/cut.png); background-position:0 -145px; float:left; display:none; padding-top:2px; padding-left:10px;}
.head .hbody .hbtm .search_box .stext input{ width:238px; height:25px; border:none; background:none;}
.head .hbody .hbtm .search_box .sbtn{ width:32px; height:33px; background:url(../../img/main/cut.png); background-position:-238px -145px; float:right; cursor:pointer; position:relative; top:-7px;}
.head .hbody .hbtm .search_box .sbtn:hover{background-position:-270px -145px; }

.fg{ width:960px; height:226px; margin:0 auto; position:relative; top:-170px;}
.fg .fg_head{ width:960px; height:29px; background:url(../../img/main/cut.png); background-position:0 -218px;}
.fg .fg_head .title{ font-size:16px; font-weight:bold; color:#FFF; padding-top:5px; float:left; margin-left:15px; }
.fg .fg_head .more{ font-size:16px; font-weight:bold; color:#FFF; padding-top:5px; float:right; margin-right:15px;}
.fg .fg_body{ width:958px; height:181px; background:#FFF; padding-top:15px; border-left:#CCC 1px solid; border-right:#CCC 1px solid; border-bottom:#CCC 1px solid;}
.fg .fg_body .game_box{ width:213px; height:174px; float:left; margin-left:20px;}
.fg .fg_body .game_box .game_pic{ width:213px; height:116px; padding:2px;}
.fg .fg_body .game_box .game_title{ width:220px; padding-left:10px; padding-top:5px; overflow:hidden; font-size:16px; color:#B3181C; font-weight:bold;}
.fg .fg_body .game_box .game_type{ width:220px; padding-left:10px; padding-top:3px; overflow:hidden; font-size:14px; color:#333; font-weight:bold;}

.games{ width:960px; height:630px; padding-top:10px; margin:0 auto; position:relative; top:-170px;}
.ng{ width:355px; height:630px; float:left;}
.ng .ng_head{ width:355px; height:29px; background:url(../../img/main/cut.png); background-position:0 -247px;}
.ng .ng_head .title{ font-size:16px; font-weight:bold; color:#FFF; padding-top:5px; float:left; margin-left:15px;}
.ng .ng_head .more{ font-size:16px; font-weight:bold; color:#FFF; padding-top:5px; float:right; margin-right:15px;}

.hg{ width:355px; height:630px; float:left; margin-left:10px;}
.hg .hg_head{ width:355px; height:29px; background:url(../../img/main/cut.png); background-position:-10px -276px;}
.hg .hg_head .title{ font-size:16px; font-weight:bold; color:#FFF; padding-top:5px; float:left; margin-left:15px;}
.hg .hg_head .more{ font-size:16px; font-weight:bold; color:#FFF; padding-top:5px; float:right; margin-right:15px;}

.g_body{ width:353px; height:700px; background:#FFF; border-left:#CCC 1px solid; border-right:#CCC 1px solid; border-bottom:#CCC 1px solid;}
.gbox{ width:325px; height:109px; padding:14px;}
.gbox .gpic{ width:70px; height:70px; float:left; padding:2px;}
.gbox .gpic img{ width:70px; height:70px; border:none;}
.gbox .gcontent{ width:175px; float:left; padding-left:15px;}
.gbox .gcontent .gtitle{ width:215px; overflow:hidden; font-size:16px; color:#B3181C; font-weight:bold;}
.gbox .gcontent .gtype{ width:215px; overflow:hidden; font-size:14px; color:#333; font-weight:bold;}
.gbox .gcontent .gct{ width:215px; height:62px; line-height:1.3em; font-size:12px; padding-top:5px; overflow:hidden;}
.gline{ width:345px; height:1px; clear:both; border-top:#999 1px dashed; margin:0 auto; overflow:hidden;}

.view{ width:230px; height:630px; float:left; margin-left:10px;}
.view .view_head{ width:230px; height:29px; background:url(../../img/main/cut.png); background-position:-730px -305px;}
.view .view_head .title{ font-size:16px; font-weight:bold; color:#FFF; padding-top:5px; float:left; margin-left:15px;}
.view .view_head .more{ font-size:12px; font-weight:bold; padding-top:7px; float:right; margin-right:10px;}
.view .view_head .more a{ color:#FFF;}
.view .view_head .more a:hover{ text-decoration:underline;}
.v_body{ width:228px; height:700px; background:#FFF; border-left:#CCC 1px solid; border-right:#CCC 1px solid; border-bottom:#CCC 1px solid;}
.vbox{ width:205px; height:109px; padding:14px 12px;}
.vbox .vpic{ width:48px; height:48px; float:left; padding:2px;}
.vbox .vpic img{ width:48px; height:48px; border:none;}
.vbox .vcontent{ width:143px; float:left; padding-left:8px;}
.vbox .vcontent .vname{ width:143px; height:18px; overflow:hidden; font-size:14px; color:#217FD6; font-size:14px;}
.vbox .vcontent .vtitle{ width:143px; height:18px; overflow:hidden; font-size:14px; color:#217FD6; font-weight:bold; font-size:14px;}
.vbox .vcontent .vct{ width:143px; height:75px; line-height:1.3em; font-size:12px; padding-top:2px; overflow:hidden;}
.vline{ width:220px; height:1px; clear:both; border-top:#999 1px dashed; margin:0 auto; overflow:hidden;}

#play_now{ cursor:pointer;}

.channel_boy{ width:163px; display:none; position:absolute; top:12px; z-index:101;}
.channel_boy .channel_space{ width:163px; height:28px;}
.channel_list{ width:161px; border:#CF1F2C 1px solid; background:#FFF; border-radius:5px 5px 5px 5px;}
.channel_list .channel_child{ width:161px; height:25px; text-align:center; float:left; color:#CF1F2C; border-radius:3px 3px 3px 3px; cursor:pointer;}
.channel_list .channel_child:hover{ background:#CF1F2C; color:#FFF;}
.channel_list .channel_child .content{ padding-left:10px; float:left; padding-top:3px;}

.login_bg{ width:100%; height:100%; position:fixed; z-index:100; background:url(../../img/main/bg.png); display:none;}
.display{ display:block;}
.login_bg .login_box{ width:669px; margin:0 auto; margin-top:180px;}
.login_bg .login_box .error_report{ width:654px; height:15px; background:#FFF; padding-left:15px; color:#CF1F2C; padding-top:10px; font-weight:bold; display:none;}
.login_bg .login_box .title{ width:654px; height:34px; background:url(../../img/main/cut_login.png); font-size:16px; text-align:left; font-weight:bold; color:#FFF; padding-left:15px; line-height:2em;}
.login_bg .login_box .c_title{ width:669px; height:30px; padding-top:20px; text-align:center; font-size:16px; background:#FFF; color:#1A6FCC; font-weight:bold;}
.login_bg .login_box .content{ width:569px; padding:0 50px 20px 50px; background:#FFF; color:#5D5D5D;}
.login_bg .login_box .content a{ color:#B32C32;}
.login_bg .login_box .space{ width:669px; height:60px; background:#FFF;}
.login_bg .login_box .space div{ width:95px; height:32px; background:url(../../img/main/ok.png); margin:0 auto; cursor:pointer;}
.login_bg .login_box .title #cancel{ width:38px; height:34px; float:right; cursor:pointer;} 
.login_bg .login_box .title #cancel:hover{ background:url(../../img/main/cut_login.png); background-position:-631px -34px;}
.login_bg .login_box .box_left{ width:340px; height:220px; float:left; background:#FFF; border-radius: 0 0 0 5px; overflow: visible;}
.login_bg .login_box .box_right{ width:329px; height:220px; float:right; background:#FFF; border-radius:0 0 5px 0;}
.login_bg .login_box .box_right .br_title{ width:334px; height:23px; padding-top:17px; text-align:center; font-weight:bold; font-size:16px; color:#2473D0;}
.login_bg .login_box .box_right .br_content{ width:280px; font-size:12px; font-weight:bold; color:#555; padding:4px 30px;}
.login_bg .login_box .box_right .br_tb{ width:300px; height:40px; background:#FFF; padding-top:16px;}
.login_bg .login_box .box_right .br_tb .register{ width:104px; height:31px; background:url(../../img/main/cut_login.png); border:none; float:right; margin-right:15px; cursor:pointer; background-position:-104px -34px;}
.login_bg .login_box .box_right .br_tb .register:hover{ background-position:-104px -65px;}

.login_bg .login_box .text{ width:285px; height:20px; color:#3A3A3A; background:#FFF; padding-top:10px; padding-left:15px;}
.login_bg .login_box .textb{ width:285px; height:30px; background:#FFF; padding-left:15px;}
.login_bg .login_box .textb .input{ width:262px; height:18px; background:#F2F2F2; border:#D0D0D0 2px solid;}
.login_bg .login_box .textb .red_input{ border:#CF1F2C 2px solid;}
.login_bg .login_box .textb #codes{ width:120px;}
.login_bg .login_box .textb .tl{ float:left;}
.login_bg .login_box .textb #codeimg{ cursor:pointer;}
.login_bg .login_box .forget{ width:280px; height:20px; background:#FFF; font-size:12px; text-align:right; padding-right:20px;}
.login_bg .login_box .forget a{ color:#4586EF; font-weight:bold;}
.login_bg .login_box .forget a:hover{ text-decoration:underline;}
.login_bg .login_box .btn_tb{ width:300px; height:40px; background:#FFF; padding-top:30px; padding-left: 15px; }
.login_bg .login_box .btn_tb #cancel{ width:95px; height:32px; background:url(../../img/main/bt.png); background-position:bottom; border:none; float:right; margin-right:10px; cursor:pointer;}
.login_bg .login_box .btn_tb #login_b{ width:104px; height:31px; background:url(../../img/main/cut_login.png); border:none; margin-right:15px; cursor:pointer; background-position:0 -34px;}
.login_bg .login_box .btn_tb #login_b:hover{ background-position:0 -65px;}
.login_bg .login_box .btn_tb #login_fb{ width:204px; height:31px; background:url(../../img/main/facebook_login.png); border:none; float:right; margin-right:-23px; }


.footer{ width:960px; height:60px; position:relative; z-index:99; margin:0 auto; top:-60px;}
.footer .fbody{ width:960px; height:40px; background:url(../../img/main/cut.png); background-position:0 -178px;}
.footer .fbody .fchild{ float:left; padding-left:30px; margin-top:12px; color:#333;}
.footer .fbody .fchild:hover{ color:#C52D38;}
.footer .fbody .fb{ width:30px; height:31px; float:right; background:url(../../img/main/facebook.png); margin-top:5px; margin-right:8px;}
.footer .fbody .tw{ width:31px; height:31px; float:right; background:url(../../img/main/twi.png); margin-top:5px; margin-right:8px;}
.footer .content{ width:100%; text-align:center; padding-top:5px;}
.footer .spicy_logo{width:100px; height:100px; margin:0 auto; padding:20px;}
.footer .spicy_logo img{width:100px; height:100px;}