@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0;}
body{ width:100%; height:100%;position:relative; font-size:12px; background:#070922 url(../images/index_bg.jpg) no-repeat top center; color:#53ecff;}
.body{width:1030px; margin:0 auto; position:relative;}
img{border:0px; vertical-align:middle;}
ul,li{white-space:normal;list-style-type:none;}
a,a:link { color:#53ecff; text-decoration: none;}
a:hover {color:#FFFF00; }

/*a{ text-decoration:none; color:#53ecff;}
a:hover{ color:#FFFF00;}*/
ul,li{ list-style:none;}
.STYLE1 {color:#000000;font-weight: bold;float:left; margin-left:14px; display:inline-block;}

.top_flash{ width:1030px; height:324px; float:left;}

.content{ width:1030px; float:left; position:relative;}
.content .left{ width:222px;  float:left;display:inline; overflow:hidden; position:relative;}
.content .mid{ width:560px;float:left; margin-left:10px; display:inline; overflow:hidden;}
.content .right{ width:222px;float:left; margin-left:10px; display:inline; padding-top:140px; overflow:hidden;}

.left a.gamestart{ background:url(../images/gamestart.jpg) no-repeat; width:222px; height:132px; display:block; float:left; margin-bottom:8px; display:inline; z-index:1000; position:relative;}
.left a:hover.gamestart{ background:url(../images/gamestart_hover.jpg) no-repeat 0 1px; z-index:1000;}
.left .login{ background:url(../images/login_bg.jpg) no-repeat; height:176px; float:left;margin-bottom:5px; display:inline; position:relative; overflow:hidden;}
a.apply_buttom{ width:222px; height:62px;background:url(../images/apply_hover.jpg) no-repeat 11px 8px; display:block; overflow:hidden;}
a:hover.apply_buttom{ background:none;}
.tex1{ width:115px; height:14px; margin:14px 0 0 90px; display:inline; background:none; border:0 none;}
.tex2{ width:115px; height:14px; margin:8px 0 0 90px; display:inline; background:none; border:0 none;}
.tex3{ width:50px; height:14px; margin:8px 0 0 90px; display:inline; background:none; border:0 none; float:left;}
.go{ width:64px; height:20px; float:left; margin:-3px 0 0 10px; display:inline-block;}
.line3{width:222px;position:absolute;left: 4px;top: 148px;}
.xxh_img{ margin:1px 0 0 20px; vertical-align:middle;}

.login_change{ width:222px; float:left;}
.cont_box{ width:100%; float:left;}
.cont_box li{ margin:2px 0px;}
.Member_account{ width:80px; height:22px; display:inline-block; background:url(../images/litle_icon.jpg) no-repeat 0 -240px; float:left;}
.E_card{ width:80px; height:22px; display:inline-block; background:url(../images/litle_icon.jpg) no-repeat 0 -212px; float:left;}
.sfq_box{ width:150px; height:90px;float:left; padding:5px 0 5px 0px; text-align:center; color:#FFFF00;}




/*社區帳號直接登入*/
.border_bg{ width:222px; float:left; margin-bottom:8px; display:inline; overflow:hidden;}
.border_bg .title{ width:222px;height:40px; float:left;background:url(../images/b_top.jpg) no-repeat; float:left; overflow:hidden;}
.border_bg .title02{ width:222px;height:40px; float:left;background:url(../images/b_top.jpg) no-repeat; float:left; overflow:hidden;}
.border_bg .cont{ width:222px; background:url(../images/b_mid.jpg) repeat-y; float:left;}
.border_bg .end{ width:222px; height:46px; background:url(../images/b_end.jpg) no-repeat; float:left; overflow:hidden;}
.p1{ width:150px; height:27px; background:url(../images/title_all.gif) no-repeat; margin:10px 0 0 38px;}
.p2{ width:150px; height:27px; background:url(../images/title_all.gif) no-repeat 35px -27px; margin:10px 0 0 38px;}
.p3{ width:150px; height:22px; background:url(../images/title_all.gif) no-repeat 35px -104px; margin:15px 0 0 38px;}
.p4{ width:150px; height:22px; background:url(../images/title_all.gif) no-repeat 5px -57px; margin:15px 0 0 38px;}
.p5{ width:150px; height:22px; background:url(../images/title_all.gif) no-repeat 30px -212px; margin:12px 0 0 38px;}
.p6{ width:150px; height:22px; background:url(../images/title_all.gif) no-repeat 30px -238px; margin:12px 0 0 38px;}

/*串介面樣式*/
.cont ul{ width:170px; height:auto;margin:5px 0 0 26px; display:inline; float:left;}
.cont ul li{ float:left; width:30px; height:30px;margin:5px;}
.cont ul li a{ width:30px; height:29px; display:block; background:url(../images/link_icon.jpg) no-repeat;}
.cont ul li a.v1{ background-position:0 0px;}
.cont ul li a.v2{ background-position:0 -29px;}
.cont ul li a.v3{ background-position:0 -58px;}
.cont ul li a.v4{ background-position:0 -87px;}
.cont ul li a.v5{ background-position:0 -346px;}
.cont ul li a.v6{ background-position:0 -376px;}
.cont ul li a.v7{ background-position:0 -491px;}
.cont ul li a.v8{ background-position:0 -289px;}
.cont ul li a.v9{ background-position:0 -433px;}
.cont ul li a.v10{ background-position:0 -462px;}
.cont ul li a.v11{ background-position:0 -520px;}
.cont ul li a.v12{ background-position:0 -205px;}
.cont p.server{padding:0 0 0 20px; color:#FFFF00;}
.cont p.server strong{ font-size:14px; line-height:150%; color:#53ecff;}
.hh{ height:151px;}
.hh2{ height:50px;}
.hh3{ height:262px;}
/*串介面more樣式*/
.more_02{ width:40px; height:17px; float:left; margin:7px 0 0 150px; display:inline; background:url(../images/litle_icon.jpg) no-repeat -6px -272px; display:block;}
a:hover.more_02{background:url(../images/litle_icon.jpg) no-repeat -64px -272px; }


/*.cont ul{ width:170px; height:auto;margin:5px 0 0 26px; display:inline; float:left;}
.cont ul li{ float:left; width:30px; height:30px;margin:5px;}
.cont ul li a{ width:30px; height:30px; display:block; background:url(../images/link_icon.jpg) no-repeat;}
.cont ul li a.v1{ background-position:0 0px;}
.cont ul li a.v2{ background-position:0 -29px;}
.cont ul li a.v3{ background-position:0 -58px;}
.cont ul li a.v4{ background-position:0 -87px;}
.cont ul li a.v5{ background-position:0 -116px;}
.cont ul li a.v6{ background-position:0 -145px;}
.cont ul li a.v7{ background-position:0 -174px;}
.cont ul li a.v8{ background-position:0 -203px;}
.cont ul li a.v9{ background-position:0 -232px;}
.cont ul li a.v10{ background-position:0 -261px;}
.cont ul li a.v11{ background-position:0 -290px;}
.cont ul li a.v12{ background-position:0 -319px;}
.cont ul li a.v13{ background-position:0 -348px;}
.cont ul li a.v14{ background-position:0 -377px;}
.cont ul li a.v15{ background-position:0 -406px;}
.cont ul li a.v16{ background-position:0 -435px;}
.cont ul li a.v17{ background-position:0 -464px;}
.cont ul li a.v18{ background-position:0 -493px;}
.cont ul li a.v19{ background-position:0 -522px;}
.cont p.server{padding:0 0 0 20px; color:#FFFF00;}
.cont p.server strong{ font-size:14px; line-height:150%; color:#53ecff;}
.hh{ height:151px;}
.hh2{ height:50px;}
.hh3{ height:262px;}*/

/*icon*/
.cont02{ width:222px; background:url(../images/b_mid.jpg) repeat-y; float:left; padding:10px 0px;}
.cont02 ul{ padding-left:23px; float:left;}
.cont02 ul li{ width:100%;float:left;}
.qz{ width:30px; height:30px; display:inline-block; background:url(../images/litle_icon.jpg) no-repeat -7px 0px; float:left; margin:2px 0 0 0px;}
.font_sfq{ font-size:15px; font-weight:bolder; float:left; padding:5px 0 0 0px; width:110px;line-height:30px; text-align:center;}
.new1{ width:30px; height:25px; float:left; background:url(../images/litle_icon.jpg) no-repeat -7px -36px; margin:10px 0 0 0px;}
.new2{width:30px; height:25px; float:left; background:url(../images/litle_icon.jpg) no-repeat -7px -63px; margin:10px 0 0 0px;}
a.more01{ width:76px; height:26px; background:url(../images/litle_icon.jpg) no-repeat -7px -93px; display:block; margin:3px 0 0 68px;}
a:hover.more01{background:url(../images/litle_icon.jpg) no-repeat -7px -119px;}


/*中間部分*/
/**/

p.gd_link{ width:560px; height:132px;}
a.czzd{ width:155px; height:65px; margin-top:61px;display:block; float:left; background:url(../images/E-card.jpg) no-repeat 10px 0px;}
a:hover.czzd{ background:url(../images/E-card.jpg) no-repeat 10px -74px;}
a.xsgd{ width:155px; height:65px; margin-top:61px;display:block; float:left; background:url(../images/E-card.jpg) no-repeat -145px 0px; margin-left:0px; display:inline;}
a:hover.xsgd{ background:url(../images/E-card.jpg) no-repeat -145px -74px;}

/*p.gd_link{ width:560px; height:132px;}
a.czzd{ width:179px; height:68px; margin-top:61px;display:block; float:left; background:url(../images/gd_link.jpg) no-repeat 10px 0px;}
a:hover.czzd{ background:url(../images/gd_link.jpg) no-repeat 10px -70px;}
a.xsgd{ width:170px; height:68px; margin-top:61px;display:block; float:left; background:url(../images/gd_link.jpg) no-repeat -172px 0px; margin-left:2px; display:inline;}
a:hover.xsgd{ background:url(../images/gd_link.jpg) no-repeat -172px -70px;}*/
.scroll_img{ width:558px; height:170px; border:1px solid #FFFFFF; float:left; margin-top:9px;}
/*news_area專區*/
.area01{ width:560px; float:left; margin-top:8px; display:inline;position:relative; }
.area01 .news_title,.area01 .news_title02{ width:560px; height:34px; background:url(../images/m_top.jpg) no-repeat; overflow:hidden;}
.area01 .news_title ul li{ float:left; width:77px; height:25px; font-size:16px; line-height:30px; font-weight:bolder; color:#000000; margin:3px 0 0 15px; text-align:center; cursor:pointer;}
.news_title ul li span{background:url(../images/title_bg_hover.gif) no-repeat;float:left; width:77px; height:25px;font-size:16px;text-align:center; cursor:pointer;color:#000000;}
.area01 .news_title02 ul{ float:right; width:300px; height:25px; font-size:16px; line-height:28px; font-weight:bolder; color:#000000; margin:2px 0 0 15px; text-align:center; cursor:pointer;}
.area01 .news_title02 ul li a{ color:#000000;}
.area01 .news_title02 ul li a:hover{ color:#FFFF00;}
.area01 .news_title02 ul li{ float:left; width:77px; height:25px; font-size:16px; line-height:28px; font-weight:bolder; color:#000000; margin:2px 0 0 15px; text-align:center; cursor:pointer;}
a.more02{width:54px;height:20px;position:absolute;background:url(../images/litle_icon.jpg) no-repeat -108px -105px;left: 493px;top: 7px;}
a:hover.more02{background:url(../images/litle_icon.jpg) no-repeat -108px -125px;}
.news_list{ width:560px; float:left; background:url(../images/m_mid.jpg) repeat-y; overflow:hidden;}
.news_list ul{ width:560px; margin:5px 0 0 10px;}
.news_list ul li{ width:560px; height:25px; padding-top:5px; line-height:20px;}
.event_list{ width:560px; float:left; background:url(../images/m_mid.jpg) repeat-y; overflow:hidden;}
.event_list ul{ width:560px; margin:5px 0 0 10px;}
.event_list ul li{line-height:20px;list-style:none;}
.facebook_list{width:560px; height:190px; float:left; background:url(../images/m_mid.jpg) repeat-y; overflow:hidden; text-align:center;}
.news_time{ position:absolute; right:20px;}
/*--------*/
.zx-news{ width:56px; height:20px; display:block; background:url(../images/litle_icon.jpg) no-repeat -108px -12px; float:left; margin:0px 5px 0px 0px;}
.hkhd{ width:56px; height:20px; display:block; background:url(../images/litle_icon.jpg) no-repeat -108px -37px; float:left; margin:0px 5px 0px 0px;}
.xtgg{ width:56px; height:20px; display:block; background:url(../images/litle_icon.jpg) no-repeat -108px -61px; float:left; margin:0px 5px 0px 0px;}
.zx-news_3{ width:32px; height:20px; display:block; background:url(../images/litle_icon.jpg) no-repeat -133px -209px; float:left; margin:0px 5px 0px 0px;}
.zx-news_2{ width:32px; height:20px; display:block; background:url(../images/litle_icon.jpg) no-repeat -133px -227px; float:left; margin:0px 5px 0px 0px;}
.zx-news_1{ width:32px; height:20px; display:block; background:url(../images/litle_icon.jpg) no-repeat -133px -248px; float:left; margin:0px 5px 0px 0px;}
/*--------*/
.m_end{ width:560px; height:8px; background:url(../images/m_end.jpg) no-repeat; float:left;}

.xxh_facebook,.zxhr_title,.discuss_title,.mthz_title{ width:124px; height:18px;display:block; margin:6px 0 0 10px; float:left;}
.xxh_facebook{background:url(../images/title_all.gif) no-repeat 0 -127px;}
.zxhr_title{background:url(../images/title_all.gif) no-repeat 0 -147px;}
.discuss_title{ width:65px;background:url(../images/title_all.gif) no-repeat 0 -168px;}
.mthz_title{background:url(../images/title_all.gif) no-repeat 0 -192px;}
.zxht{ width:380px; float:left; margin-top:8px; display:inline; overflow:hidden;}
.head01{ width:100%; height:34px; background:url(../images/m_top.jpg) no-repeat;float:left; position:relative;}
.head02{ width:5px; height:34px; float:right; background:url(../images/m_top.jpg) no-repeat top right;}
.midd01{ width:100%;  background:url(../images/m_mid.jpg) repeat-y;float:left; position:relative;}
.midd02{ width:6px; float:right; background:url(../images/m_mid.jpg) repeat-y top right;}
.endd01{ width:100%; height:6px; background:url(../images/m_end.jpg) repeat-y;float:left; overflow:hidden;}
.endd02{ width:6px; height:6px; float:right; background:url(../images/m_end.jpg) no-repeat right 0; overflow:hidden;}
.discuss{ width:173px; float:right; margin:8px 2px 0 0; display:inline;}
.mthz{ width:558px; float:left; margin-top:8px;}
.xxh_select{position:absolute;left: 288px;top: 6px;}
ul.zxht_list{ width:350px;float:left;padding:10px 0 0 20px; position:relative;}
ul.zxht_list li{ margin:8px 0px; height:20px;}
.zxht_list .news_time2{ position:absolute; right:8px;}
.baha{ width:22px; height:25px; display:block; background:url(../images/litle_icon.jpg) no-repeat -60px -8px; float:left; margin:-5px 10px 0 0px;}
.jidi{ width:22px; height:25px; display:block; background:url(../images/litle_icon.jpg) no-repeat -60px -33px; float:left; margin:-5px 10px 0 0px;}
ul.tl_arae{ width:157px; float:left;  margin:8px 0 0 9px; display:inline;}
ul.tl_arae li{ width:75px; height:65px;float:left; margin:1px;}
a.tl01{ width:75px; height:65px;  background:url(../images/tlq_link.jpg) no-repeat; display:block;}
a.tl02{ width:75px; height:65px;  background:url(../images/X-2000fun.jpg) no-repeat; display:block;}
a.tl03{ width:75px; height:65px;  background:url(../images/X-FB.jpg) no-repeat; display:block;}
a.tl04{ width:75px; height:65px;  background:url(../images/X-gamebase.jpg) no-repeat; display:block;}
a:hover.tl01{background:url(../images/tlq_link.jpg) no-repeat -75px 0px;}
a:hover.tl02{background:url(../images/X-2000fun.jpg) no-repeat -75px 0px;}
a:hover.tl03{background:url(../images/X-FB.jpg) no-repeat -75px 0px;}
a:hover.tl04{background:url(../images/X-gamebase.jpg) no-repeat -75px 0px;}
ul.mt_link{}
ul.mt_link li{ width:107px; height:42px; float:left;}
/*
ul.mt_link li a.h1{ width:105px; height:40px; background:url(../images/hzmt.jpg) no-repeat 4px 0; display:block;}
ul.mt_link li a.h2{ width:105px; height:40px; background:url(../images/hzmt.jpg) no-repeat 4px -42px; display:block;}
ul.mt_link li a.h3{ width:105px; height:40px; background:url(../images/hzmt.jpg) no-repeat 4px -82px; display:block;}
ul.mt_link li a.h4{ width:105px; height:40px; background:url(../images/hzmt.jpg) no-repeat 4px -122px; display:block;}
ul.mt_link li a.h5{ width:105px; height:40px; background:url(../images/hzmt.jpg) no-repeat 4px -164px; display:block;}

*/
/*右邊部分*/
.czhd{ width:222px; height:228px; float:left; background:url(../images/cxhd.jpg); margin-bottom:8px;}
.g1,.g2{ width:182px; height:80px;float:left; display:block;display:inline;}
.g1{margin:41px 0 0 20px;}
.g2{margin:10px 0 0 20px;}

.line_link{ width:222px; height:255px; background:url(../images/line_link.jpg) no-repeat;margin-bottom:9px; float:left; padding:10px 0 0 10px;}
.link01,.link02,.link03,.link04{ width:200px; height:55px;display:block; margin-bottom:4px;}
a:hover.link01{ background:url(../images/line_link_hover.jpg) no-repeat -10px -9px;}
a:hover.link02{ background:url(../images/line_link_hover.jpg) no-repeat -10px -68px;}
a:hover.link03{ background:url(../images/line_link_hover.jpg) no-repeat -10px -127px;}
a:hover.link04{ background:url(../images/line_link_hover.jpg) no-repeat -10px -186px;}
/*
.line_link{ width:222px; height:255px; background:url(../images/line_link.jpg) no-repeat;margin-bottom:8px; float:left; padding:8px 0 0 10px;}
.link01,.link02,.link03,.link04{ width:200px; height:55px;display:block; margin-bottom:4px;}
a:hover.link01{ background:url(../images/line_link_hover.jpg) no-repeat -10px -8px;}
a:hover.link02{ background:url(../images/line_link_hover.jpg) no-repeat -10px -67px;}
a:hover.link03{ background:url(../images/line_link_hover.jpg) no-repeat -10px -126px;}
a:hover.link04{ background:url(../images/line_link_hover.jpg) no-repeat -10px -186px;}*/
.foot{ width:100%; float:left;}
.ft_bg{ width:1297px; height:182px; background:url(../images/foot_bg.jpg) no-repeat; margin:0 auto;}




/*分頁*/
.gd_link02{ width:560px; height:132px; background:url(../images/m_top.jpg) no-repeat 0 bottom; float:left; margin-top:35px;}
.Y_position{ width:120px; height:24px; line-height:24px; font-size:16px; font-weight:bolder; color:#000000;display:block; margin:100px 0 0 10px; float:left;}
.gd_link02 em{ float:left; font-size:16px; font-family:"微软雅黑"; font-style:normal; color:#000;  margin:100px 0 0 10px;}
.gd_link02 em a{color:#000;}
.gd_link02 em a:hover{color:#FFFF00 text-decoration:underline;}
a.up_page{ width:64px; height:24px; display:block; background:url(../images/litle_icon.jpg) no-repeat 0 -153px; float:left; margin:0 15px 30px 300px; display:inline;}
a.down_page{width:64px; height:24px; display:block; background:url(../images/litle_icon.jpg) no-repeat 0 -180px; float:left;}
a:hover.up_page{ background:url(../images/litle_icon.jpg) no-repeat -64px -180px;}
a:hover.down_page{ background:url(../images/litle_icon.jpg) no-repeat -64px -153px;}
.xxh_xb{ width:222px; height:149px; float:left; background:url(../images/get_xb.jpg) no-repeat; margin-bottom:8px; display:inline;}
.xxh_xb a.get_xb,.xxh_xb a.xb_dh{ width:222px; height:72px; display:block;}
.xxh_xb a:hover.get_xb{ background:url(../images/get_xb_hover.jpg) no-repeat;}
.xxh_xb a:hover.xb_dh{ background:url(../images/get_xb_hover.jpg) no-repeat 0 -72px;}
.xxh_banner{ width:222px; float:left;}
.xxh_banner ul li{ width:220px; height:100px; border:1px solid #FFFFFF; margin:8px 0px;}


/*新聞展開頁*/
.top_title{ height:100px; width:100%; float:left; position:relative;}
.news_content{ width:500px;float:left;padding:20px;}
.news_content02{ width:500px;float:left;padding:20px; background:url(../images/new_pro_bg.jpg) no-repeat 3px 2px;}
.xxh_news_time{ width:430px; height:30px;float:left; margin:-10px 0 0 80px; display:inline; line-height:40px;}
.xxh_news_title{ width:430px; height:30px;float:left; margin:10px 0 0 80px; display:inline; line-height:40px; color:#FFFF00; font-size:14px;}


/*活動專區樣式*/
a.black{ text-decoration:underline; color:#FFFF00; font-size:13px; font-weight:bolder; float:right; margin-right:10px;}
.div2 {margin-left:0px;}
.div2_1{ width:160px; height:115px; border:1px solid #158BD5; background:#042665;float:left; margin:10px 0px;}
.div2_2{ width:245px; height:110px; border:1px solid #158BD5; background:#042665; margin:10px 0 10px 8px; display:inline; float:left; color:#6699CC; padding:5px 0 0 5px;}
.div2_3{ width:100px; height:95px; float:left; border:1px solid #158BD5; background:#042665;  margin:10px 0 10px 8px;display:inline; text-align:center;color:#66CCFF; padding-top:20px;}


/*首页轮播广告*/
.PH_SwitchAdv{float:left;clear:none;width:556px;height:170px;position:relative;}
.PH_SwitchAdv_main,.ph_switchadv_main{float:left;position:absolute;z-index:1;width:100%;height:170px;overflow:hidden;}
.PH_SwitchAdv_bg,.ph_switchadv_bg{left:0px;top:0px;z-index:6;width:556px;height:170px;}
.PH_SwitchAdv_main li{float:left;overflow:hidden;}

.PH_SwitchAdv li{width:100%;height:170px;}
.phsaupd{position:absolute;left:0px;top:150px;z-index:7;width:556px;height:20px;text-align:right;}
.phsaupd div{float:right;clear:none;display:inline;width:20px;height:20px;}
.phsaupd span,.phsaupd a,.phsaupd a:hover{float:left;width:16px;height:15px;background:#000000;font-size:10px;text-align:center;color:#FFFFFF; font-family:Arial;line-height:15px;}
.phsaupd span{background-position:0px 0px;}
.phsaupd a{background-position:-16px 0px;}
.phsaupd a:hover{background-position:0px 0px;}

.share_link{ width:65px; height:20px; position:absolute; right:0px; top:35px;}
.select_gg{ float:right; margin:5px 20px 0 0px;}
.welcome_w{ padding:10px 0 0 15px;}


.page{ width:540px !important; height:25px; float:left; text-align:center; margin-bottom:30px;}
.tzr_num{float:left; margin-top:3px;}
.tzr_num a{ color:#FFFFFF; text-decoration:none;}
.tzr_num a:hover{  color:#53ecff; text-decoration:underline;}
/*页数*/
.upp,.up,.ne-2,.nee-2{ width:60px; height:22px; margin-right:10px;float:left;}
.upp{background:url(../images/upp.png); margin-left:70px; display:inline;}
.up{background:url(../images/up.png);}
.ne-2{background:url(../images/ne-2.png); margin-left:10px; display:inline;}
.nee-2{background:url(../images/nee-2.png);}

.share_link{ width:65px; height:20px; position:absolute; right:0px; top:35px;}
.select_gg{ float:right; margin:5px 20px 0 0px;}
.welcome_w{ padding:10px 0 0 15px;}


/*history*/
a.history{ width:75px; height:26px; background:url(../images/litle_icon.jpg) no-repeat -6px -298px; display:block; margin:3px 0 0 68px;}
a:hover.history{background:url(../images/litle_icon.jpg) no-repeat -81px -298px;}