@charset "utf-8";

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, 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; }

ol,ul { list-style:none; }

table { border-collapse: collapse;border-spacing: 0; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }


body { line-height:1; font-size:14px; font-family:Helvetica,Arial,Helvetica,sans-serif; color:#5C2518;width:100%; background:#052465 url("assets/0430-body__q5b98e625.jpg") center 40px no-repeat; }

a { color:#914939; text-decoration: none; outline:medium none;}

a:hover { color:#ffae00; }

.fixed { clear:both; height:0; overflow:hidden; font-size:0; line-height:0;}


.top_link{ height:48px; background-color:#111;}


.logo{ width:178px; height:101px; display:block; position:absolute; text-indent:-9999em; top:60px; left:60px;}



.header{ height:850px;}

.nav_bg{ background:url("assets/0507-nav_bg__q1f42bc65.png") center top no-repeat;min-height:100px;}

.nav_bg>ul>li{ float:left; position:relative;}

.nav_bg>ul>li>a{ width:139px; display:block; height:49px; text-indent:-9999em; background-image:url("assets/0498-nav__q1f42bc65.png"); background-repeat:no-repeat; position:relative; z-index:21;}

.nav_bg>ul>li.home>a{ width:133px; background-position: 6px 0;}

.nav_bg>ul>li.news>a{ width:138px; background-position: -133px 0;}

.nav_bg>ul>li.community>a{ background-position: -271px 0;}

.nav_bg>ul>li.guides>a{ background-position: -410px 0;}

.nav_bg>ul>li.charge>a{ background-position: -549px 0;}

.nav_bg>ul>li.support>a{ background-position: -688px 0;}

.nav_bg>ul>li.forum>a{ width:133px; background-position: -826px 0;}


.nav_bg ul li ul li{ padding:0 17px;}

.nav_bg ul li ul li a{ line-height:26px; font-size:12px; color:#ccc; display:block; text-align:center;}

.nav_bg ul li ul li a:hover{ background:url("assets/0443-drop__q1f42bc65.png") -189px -105px no-repeat; color:#fff;}

.nav_bg ul li:hover .drop,.nav_bg ul li:hover .drop_bg{ display:block;}

.drop{ width:172px; height:185px; background:url("assets/0443-drop__q1f42bc65.png") no-repeat; position:absolute; top:0; left:-17px; z-index:20; padding-top:55px; display:none;}

.drop_bg{ width:172px; height:62px; background:url("assets/0443-drop__q1f42bc65.png") -172px 0 no-repeat; position:absolute; top:0; left:-17px; z-index:20; display:none;}

.content {width:960px; margin:0 auto; padding:0 15px 0px 15px; background:url("assets/0426-bg__q1f42bc65.png") right top repeat-y; position:relative;}

.home_content { background:url("assets/0434-bottom_tm__q1f42bc65.png") right top no-repeat;}


.left{ width:240px; float:left; display:inline; margin-top:-455px;}

.link{ width:240px; margin-right:10px;}

.link li{ font-size:0; line-height:0; height:auto;}

.link li a{ width:240px; display:block; background-image:url("assets/0440-btn__q15e41daa.jpg"); text-indent:-9999em; position:relative; float:left;}

.link li a.start{ height: 120px;}

.link li a.start:hover{ background-position:-240px 0;}


.link li a.start i { background-image: url("assets/0464-dao__q1f42bc65.png");height: 61px;position: absolute;right: -18px;top: -26px;width: 48px; }


.link li a.link_register{ float: left;height: 71px;margin-top: 0;width: 120px;background-position:0 -120px;}

.link li a.link_charge{ background-position: -120px -120px;height: 71px;width: 120px; float:left;  }

.link li a.link_support{background-position: 0px -191px; height: 60px; margin-top: 10px;}



.link li a.link_register:hover{ background-position:240px -120px;}

.link li a.link_charge:hover{ background-position:120px -120px;}

.link li a.link_support:hover{background-position:240px -191px;}


.shop{ height:60px; margin-top: 10px;background-position: 0px -251px;}

.shop:hover{background-position: -240px -251px;}



.img_show{ width:500px; height:191px; float:left; position:relative; overflow:hidden;z-index:0;}


.img_show .banner_content{}

.img_show .banner_content li{ padding:0; margin:0; width:500px; height:191px; position:relative; }

.img_show .banner_content li a{ display:block; position:absolute; width:500px; height:191px; top:0; left:0; z-index:22; background:none no-repeat;}

.img_show .banner_content li img {z-index:0;}

.img_show_box{ position:absolute; height:191px; width:500px; background:url("assets/0928-img_show_bg__q1f42bc65.png") no-repeat; top:0; left:0; z-index:20; *display:none;}







.image{ float:left; background:url("assets/0487-image_bg__q15e41daa.jpg") no-repeat; width:200px; height:180px; ;margin-left:10px; position:relative;}

.image a{ display:block; height:80px; width:200px; margin-bottom:10px; text-indent:-9999em;}

.image a:hover{ background:url("assets/0487-image_bg__q15e41daa.jpg") -200px 0 no-repeat;}

.image a.live:hover{ background:url("assets/0460-image_bg__q1f42bc65.jpg") -200px -90px no-repeat;}


.ads { margin-top:10px; float:left; height:76px; overflow:hidden;}

.ads a { float: left;height: 76px;margin-right: 10px;width: 170px; }

.ads a:hover img {filter: alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;}

.ads a.ads_list_no { margin-right: 0px }



.right{ float:left; width:710px; margin-left:10px; display:inline; margin-top:-455px;}



.tab li.hover a{background-image: url("assets/0597-tab_hover__q1f42bc65.jpg"); background-repeat:no-repeat;}

.tab2 li.hover a{background-image: url("assets/0597-tab_hover__q1f42bc65.jpg"); background-repeat:no-repeat;}

.tab_box{ width:500px; height:236px; background:url("assets/0593-tab_box_bg__q1f42bc65.jpg") repeat-x;  overflow:hidden; margin-top:10px; float:left; position:relative; padding-top:4px;}


.tab,.tab2{ overflow:hidden; margin-left:3px;}

.tab li,.tab2 li{ float:left;}

.tab li a,.tab2 li a{ height:38px; display:block; width: 97px; font-family:Arial; font-size:14px; font-weight:bold; color:#fff; line-height:32px; text-align:center; position:relative;}

.tab2 li a{ width:107px;}

.tab2 li.tab_screenshot a{ width:117px;}

.tab2 li.tab_screenshot.hover a{ background-position:-408px 0;}


.tab li.hover a{ background-position:-97px 0; color:#fff;}

.tab2 li.hover a{ background-position:-301px 0; color:#fff;}

.tab li.tab_all.hover a{ background-position:0px 0px;}

.tab2 li.tab_vides.hover a{ background-position:-194px 0px;}

.tab li.hover a i,.tab2 li.hover a i{ background:url("assets/0587-nav_i__q15e41daa.png") 0 -4px no-repeat; width:13px; height:4px; position:absolute; top:16px; right:4px;}


.tab li.tab_all.hover a i,.tab2 li.tab_vides.hover a i{ right:15px;}

.tab li.tab_news.hover a i{ right:12px;}

.tab li.tab_notice.hover a i{ right:10px;}

.tab2 li.tab_screenshot.hover a i{ right:1px;}


.tab_main ul{ padding:0 15px; margin-top:5px;}

.tab_main li{ position:relative; }

.tab_main li i{ width:66px; height:15px; float:left; margin-top:9px; background-image:url("assets/0615-tab_icon__q15e41daa.png"); margin-right:10px;}

.icon_news{ background-position:0 -30px;}

.tab_main li a{ line-height:30px; color:#98b8dc; font-family:Arial; font-size:14px; height: 96px;	width: 130px;}

.tab_main li a:hover{ color:#ffae00; text-decoration:underline;}

.tab_main li span{ color:#558cca; font-family:Arial; font-size:11px; position:absolute; top:8px; right:0;}



.tab_com ul li a {float:left; color:#fff; font-size:11px;}

.tab_com ul li img:hover { filter: alpha(opacity=20);-moz-opacity: 0.20;opacity: 0.20;  }



.facebook{ float: left;height:236px; padding-top:4px;margin-left: 10px;margin-top: 10px;overflow: hidden;width: 200px;}

.facebook h2{ color:#020b1a; font-size:14px; line-height:30px; padding-left:10px;}

.facebook_content{ height:145px;}

.facebook_link{ border-top: 1px solid #b3b6ba;color: #59431E;display: block;font-size: 14px;font-weight: bold;height: 46px;line-height: 46px;margin: 0 15px;padding-top: 15px;}

.facebook_link a{ background-image: url("assets/0447-facebook_a__q1f42bc65.png");display: inline-block;height: 30px;margin-right: 10px; margin-top:15px;vertical-align: middle;width: 30px;}



.a_youtube{ background-position:0 0; left:150px;}

.a_facebook{ background-position:-30px 0; left:195px;}

.a_twitter{ background-position:-60px 0; left:240px;}


.card{margin-top: 10px;overflow: hidden;width: 240px; position:relative; background:url("assets/0610-wd_8.png") no-repeat;}

.show_panel{ height:327px;margin: 10px 0 0 34px;overflow: hidden;position: relative;width: 171px;}


.ramd {font-size: 14px; color: rgb(255, 255, 255); line-height: 150%; }

.ramd span { color:#f0cf00; }



.show_panel li{ float:left; height: 279px;}

.show_panel li img{  display: block;margin-left: 0;margin-right: 20px;margin-top: 73px;}

.card_p{ display: block;margin-top: 30px;width: 150px;}

.card_p h3{ color: #240000;font-family: Arial;font-size: 14px; font-weight:bold;line-height: 20px;margin-left: 26px;text-align: center;}

.card_p p{color: #440000;font-family: Arial;font-size: 12px;line-height: 20px;margin-left: 25px;margin-top: 5px;text-align: center;}

.prev{ background:url("assets/0439-card_icon__q1f42bc65.png"); height:21px; width:21px; position:absolute; top:136px; left:9px; text-indent:-9999em;}

.next{ background:url("assets/0439-card_icon__q1f42bc65.png") -21px 0; height:21px; width:21px; position:absolute; top:136px; right:9px; text-indent:-9999em;}

.prev:hover{ background:url("assets/0439-card_icon__q1f42bc65.png") -42px 0;}

.next:hover{ background:url("assets/0439-card_icon__q1f42bc65.png") -63px 0;}

.show_panel ul{ width:9999em; position:absolute;}

.card_box{ position:absolute; width:172px; height:123px; background:url("assets/0613-wd_box__q1f42bc65.png") no-repeat; top:83px; left:34px;}


.banner_content{ position:absolute; left:0;}



.tab_show{ float:left; width:710px; margin-top:10px; position:relative; height:158px; padding-top:4px; background:url("assets/0604-tab_show_bg_8.png") no-repeat;}

.tab_show .tab_com{ width:710px;}

.tab_show .tab_com ul{ padding:10px 10px 0 10px; margin:0;}

.tab_show .tab_com li{ margin:0 4px; float:left; position:relative; width:128px; height:96px; overflow:hidden;}

.tab_show .tab_com li a{ width:128px; height:96px; background-image:url("assets/0553-photo_bg__q1f42bc65.png"); position:absolute; left:0; top:0;}

.tab_show .tab_com li:hover a{ background-position:-128px 0;}



.w960 { width:960px; margin:0 auto; position:relative; }

#footer { background:#08090a url("assets/0457-footer_bg__q9a310d69.png") left top repeat-x; height: 108px; margin-top:20px; }

#footer .footer_logo { background: none no-repeat scroll 30px 24px transparent;font-size: 14px;height: 70px;padding-left: 430px;padding-top: 30px;width: 610px;margin: 0 auto;position: relative;z-index: 1;}

#footer .footer_logo p { padding-left:50px; color: #595959; line-height: 180%; }

#footer .footer_logo a { color: #fff; }

#footer .footer_logo a:hover {  color:#c41212; }

#footer .footer_p {float: left;}

	.content{padding:0 14px 0 15px;}