h1, h2, h3{ font:bold 16px/1 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Arial,sans-serif;}
textarea{ overflow:auto; resize:vertical;}
body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Arial,sans-serif;}
.hide{ display:none;}
/*--clearfix--*/
.clf:before, .clf:after{ content:'\200b'; display:block; height:0;}
.clf:after{ clear:both;}
.clf{ *zoom:1;}

body{ background:url(../images/games/bg.png) repeat;}
#globalheader_bar .welcome{ margin-left:90px}
#globalheader_bar .newWindowButton{ display:none; position:absolute; right:10px; top:1px; visibility: hidden; width:113px; height:29px; background:url(../images/globalheader.png) no-repeat 0 -599px; line-height:29px; text-indent:20px; cursor:pointer}
.wrapper{ background:url(../images/games/wallpage.jpg) no-repeat center 0; min-height:1000px;}
.wrap{ width:982px;}

.header{ height:460px;}
.header h1{ height:180px; width:612px; position:absolute; left:0; top:60px;}
.header h1 a{ display:block; height:100%; text-indent:-9999em;}
.header h3{ height:130px; width:190px; position:absolute; left:700px; top:60px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/games/gf_logo.png', sizingMethod='crop');}
.header h3 img{ _display:none;}
.header .nav{ height:56px; width:100%; position:absolute; left:0; top:360px;}
.header .nav a{ float:left; display:inline; background:#fff; line-height:86px; height:100%; width:25%; text-indent:-9999em; opacity:0; filter:Alpha(opacity=0);}
.header .nav a:hover{ opacity:.2; filter:Alpha(opacity=20);}
.header .nav .info{ border-radius:8px 0 0 8px; width:236px;} .header .nav .web{ width:231px;}.header .nav .gift{ width:222px;}.header .nav .dl{ border-radius:0 8px 8px 0; width:292px;}

.slider{ color:#fff; margin-bottom:20px;}
.slider .title{ background:url(../images/games/slider.png) repeat-x; height:42px; position:relative;}
.slider .title h2{ background:url(../images/games/slider_tits.png) no-repeat; color:#e3a30f; font-size:0; line-height:0; margin-left:5px; height:42px;}
.slider .title .more{ color:#fff; font-size:14px; line-height:20px; position:absolute; right:10px; top:7px;}
.slider .title .f_l, .slider .title .f_r{ background:url(../images/games/slider.png) no-repeat 0 -42px; font-size:0; height:46px; width:10px; position:absolute; top:0; left:-5px;}
.slider .title .f_r{ background-position:100% -42px; left:auto; right:-5px;}
.slider .inner{ font-size:14px; line-height:1.6; padding:5px 10px;}
.game_info{ padding:30px 0 20px; min-height:600px;}
.game_info .video{ background:#fff; height:383px; width:500px; position:absolute; left:34px; top:146px;}
.game_info .video .mask{ background:url(../images/games/tv_bg.png) no-repeat; height:464px; width:547px; position:absolute; left:-23px; top:-11px; z-index:0;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/games/tv_bg.png', sizingMethod='crop');}
.game_info .video .panel{ height:100%; width:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:2;}
.game_info .slider{ margin-left:600px;}
.game_info .slider .f_l{ background-position:-10px -42px;}
.game_info .info{}
.game_info .info p{ line-height:1.8;}
.game_info .info a{ color:#fff;}
.game_info .info span{ float:left; width:80px;}
.game_info .info .price{ color:#EEA435; cursor:default; font-weight:bold; margin-left:10px;}
.game_info .intro{}
.game_info .intro h2{ background-position:0 -42px;}
.game_info .evalu{}
.game_info .evalu h2{ background-position:0 -84px;}
.game_info .evalu .inner{ background:url(../images/games/evalu_logo.png) no-repeat 16px 12px; padding:16px 0 16px 190px;}
.game_info .evalu p{ line-height:18px; height:18px;}
.game_info .evalu span{ float:left; width:80px;}
.game_info .evalu em, .game_info .evalu em i{ background:url(../images/games/star.png) repeat-x; height:12px; position:absolute;}
.game_info .evalu em{ display:inline-block; background-position:0 -12px; font-size:0; line-height:0; width:60px; position:relative;}
.game_info .related{ margin-top:-10px;}
.game_info .related .title{ display:none;}
.game_info .related .inner{ background:url(../images/games/related_bg.png) no-repeat; line-height:36px; margin-left:16px; padding:0; height:76px; width:350px;}
.game_info .related a{ display:inline-block; color:#fff; margin-left:24px; line-height:36px; height:36px; width:148px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.fixbg{ background:url(../images/games/con_bg.png) repeat-y; width:982px; height:200px; position:absolute; bottom:0; left:0; z-index:-1;}

.app_pic, .how_to_play, .cmt_wrap{ background:url(../images/games/con_bg.png) repeat-y; margin-bottom:0; padding-bottom:0;}
.app_pic{ padding-bottom:20px;}
.app_pic .title h2{ background-position:0 -126px;}
.app_pic .panel{ margin:0 auto; height:240px; width:940px; position:relative; overflow:hidden;}
.app_pic .panel ul{ width:500%; position:absolute; left:0; top:0;}
.app_pic .panel li{ float:left; padding:0 7px; min-width:200px;}
.app_pic .panel .tit{ display:block; line-height:28px;}
.app_pic .panel .pic{ border:2px solid #fff; box-shadow:0 2px 5px rgba(0,0,0,.5);}
.app_pic .panel .pic img{ display:block;}
.app_pic .controller{ font-size:0; margin:0 25px 0 26px;}
.app_pic .controller .bar_panel, .app_pic .controller .bar{ background:url(../images/games/slider.png) repeat-x 0 -88px; height:13px; position:relative;}
.app_pic .controller .f_l, .app_pic .controller .f_r{ background:url(../images/games/slider.png) no-repeat 0 -101px; height:100%; width:10px; position:absolute; left:-10px; top:0;}
.app_pic .controller .f_r{ background-position:100% -101px; left:auto; right:-10px;}
.app_pic .controller .bar{ background-position:0 -114px; height:9px; min-width:60px; width:60px; position:absolute; left:0; top:2px; z-index:3; -webkit-transition:width .42s ease; -moz-transition:width .42s ease; -ms-transition:width .42s ease; -O-transition:width .42s ease; transition:width .42s ease;}
.app_pic .controller .bar .f_l{ background-position:0 -123px; margin-left:3px;}
.app_pic .controller .bar .f_r{ background-position:100% -123px; margin-right:2px;}

.how_to_play{}
.how_to_play .title h2{ background-position:0 -168px;}
.how_to_play .inner{ padding-top:20px;}
.how_to_play .list{ margin:0 20px; position:relative; z-index:2;}
.how_to_play .list ul{ width:100%; text-align:justify; text-justify:distribute;}
.how_to_play .list li{ display:inline-block; width:290px; vertical-align:middle; *display:inline; *zoom:1;}
.how_to_play .list .fix{ height:0; width:100%; overflow:hidden;}
.how_to_play .list .pic{ display:block; border:2px solid #d7ecff; box-shadow:0 2px 5px rgba(0,0,0,.5);}
.how_to_play .list .pic:hover{ border-color:#fff; text-decoration:none;}
.how_to_play .list .pic img{ display:block;}
.how_to_play .list .tit{ background:rgba(0,0,0,.8); color:#fff; cursor:pointer; font-size:18px; font-weight:bold; line-height:40px; margin:-40px 0 0; height:40px; width:286px; position:absolute; text-indent:10px; background:none\9; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#82000000,endColorStr=#82000000);}
.how_to_play .list .desc{ color:#cfe8ff; font-size:13px; padding:5px 0; text-indent:2em;height: 163px;}
.how_to_play .list .btn{ padding:10px 0;}
.how_to_play .list .btn a{ display:block; background:url(../images/games/more_btn.png) no-repeat; color:#575757; font-family:Arial; font-size:12px; line-height:24px; height:25px; width:107px; text-indent:36px; vertical-align:top;}
.how_to_play .list .btn a:hover{ text-decoration:none;}
.how_to_play .fixbg{ background-position:-982px 0; background-repeat:no-repeat; height:40px; z-index:1;}

.cmt_wrap{ padding:20px 0 40px; margin-bottom:30px;}
.cmt_wrap .wrap_inner{ border-right:1px solid #539ed9; width:690px;}
.cmt_wrap .wrap_content{ border-right:1px solid #215e97;}
.cmt_wrap .title{ margin-bottom:15px;}
.cmt_wrap .title h2{ background:url(../images/games/slider_tits.png) no-repeat 0 -210px; color:#3081cb; font-size:0; height:35px;}
.cmt_panel{ float:left; color:#fff; width:100%;}
.cmt_inner{ margin:0 10px 0 12px;}
.cmt_panel .inner .title{ background:#174e81; color:#fff; font-size:14px; line-height:32px; margin:0; height:32px; position:relative;}
.cmt_panel .inner .title h3{ display:inline; font-size:14px; font-weight:normal; padding:0 3px 0 10px;}
.cmt_panel .inner .counter{ font-size:12px;}
.add_commt_btn{ background:#0a3760 url(../images/games/add_cmt_btn.png) no-repeat 10px 0; color:#fff; line-height:30px; margin:0; padding-left:36px; height:32px; width:90px; right:0; top:0; text-indent:0;}
.add_commt_btn:hover{ color:#fff; text-decoration:none;}
.commt_order{ margin:-25px 0 0 380px;}
.commt_order li a, .commt_order li span{ display:inline; background:none; padding:0;}
.commt_order li a{ display:inline-block; background:#276094; color:#60a9eb; padding:0 12px; height:25px; text-shadow:none;}
.commt_order li a.focus, .commt_order li a:hover{ background-color:#3081cb; color:#fff; text-shadow:none;}
.commt_item{ border-top-color:#7ec1ff;}
.commt_header .name{ color:#fff;}
.commt_hack a{ color:#a5d4ff;}
.commt_hack a:hover{ color:#fff;}
.commt_floor{ color:#fff;}
.commt_header .timer, .commt_toggle a, .commt_toggle a:hover{ color:#7fc2ff;}
.commt_main p{ color:#fff;}
.commt_toggle i{ border-color:transparent #7fc2ff;}
.commt_toggle .open i{ border-color:#7fc2ff transparent;}
.commt_report{ background:#57A2E6; border-color:#1881D3;}
.commt_report .commt_toggle a{ color:#fcfcfc;}
.commt_report .commt_toggle i{ border-color:transparent #fcfcfc;}
.commt_report .commt_toggle .open i{ border-color:#fcfcfc transparent;}
.commt_report .commt_main{ padding-top:5px;}
.commt_item .odd{ background:#3081cb; border-color:#4794d4;}
.commt_btns a, .commt_btns span{ display:inline; background:none; font-size:12px; padding:0;}
.commt_btns a{ background:#57a2e6; border-radius:3px; color:#fff; padding:0 10px;}
.commt_btns em{ padding:0 2px;}
.commt_btns .agree, .commt_btns .oppose{ padding:0 10px;}
.commt_btns .agree span, .commt_btns .oppose span{ color:#fff; font-size:12px;}
.commt_btns .agree em, .commt_btns .oppose em{ color:#fff; padding:0 2px;}
.commt_btns .oppose{ background:#0E60AA;}
.commt_panel .pager{ border-top-color:#7ec1ff; color:#fff; text-align:left;}
.page_list a, .page_list span, .page_list i{ background:#57A2E6; border-radius:3px; color:#fff;}
.page_list .disabled_page, .page_list .disabled_page:hover i, .page_list .disabled_page i{ color:#93C4F1;}
.page_list .page_more, .page_list .page_more:hover{ color:#fff;}
.report_box{ border-color:#0E60AA;}

.rel_news{ float:right; margin-right:-292px; width:290px; *position:relative; *left:2px;}
.rel_news .title h2{ background-position:0 -242px;}
.rel_news_inner{ margin:0 10px;}
.rel_news .pic_m{ margin-bottom:10px;}
.rel_news .pic_m img{ display:block;}
.rel_news .item{ margin-bottom:10px; padding-left:84px; position:relative; min-height:54px; _zoom:1;}
.rel_news .item .pic{ border:2px solid #fff; position:absolute; left:0; top:0;}
.rel_news .item .pic img{ display:block;}
.rel_news .item .tit{ color:#fff; font-size:14px;}
.rel_news .item .desc{ color:#add8ff;}
.rel_news .more{ padding:3px; text-align:right;}
.rel_news .more a{ display:inline-block; background:#57a2e6; border-radius:3px; color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.26), inset 0 0 2px rgba(249, 245, 190, .48); padding:3px 6px;}
.cmt_wrap .fixbg{ background-position:-1964px 0; background-repeat:no-repeat; height:40px; z-index:1;}

#globalheader{ height:auto;}
#globalheader .top{ height:32px;}
.global_home{ height:30px; width:66px; position:absolute; left:-4px; top:0; text-indent:-9999em;}

/* Fix CSS Sub-pixel Background Misalignments */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.wrapper{ background-position:50.001% 0;}
}