*{ margin:0; padding:0}
body{ background:#fff url(../images/bg.jpg) top center no-repeat; font-size:12px; position:relative}
ul,li{ list-style-type:none}
img{ border:none}
a{ text-decoration:none}
.clear{ clear:both}


.wrap{ width:100%; height:100%;float:left; background:url(../images/bg_02.jpg) center bottom no-repeat; position:relative}
.big_div{ width:980px; margin:0 auto; position:relative;}
.wrap_01{ width:980px; height:auto; float:left;}
.top{ width:980px; height:535px; background:url(../images/bg_01.jpg) no-repeat}
.contanier{width:980px; float:left; position:relative; background:url(../images/bg_03.jpg) 0 0 no-repeat}
.bg_div{ width:254px; height:70px; background:url(../images/pic_02.png) no-repeat; position:absolute; z-index:1; top:-30px; left:-5px}

/*導航下拉菜單start*/
#lr_systembox { width: 980px; height: 132px; position:relative; z-index:40}
.lr_systembtn { width: 915px; height: 190px; margin:0 auto; background:url(../images/nav.gif) no-repeat; position:relative; z-index:40; padding:0px 10px 0 55px}
/*
.lr_systembtn .lr_abtn1,.lr_systembtn .lr_abtn2,.lr_systembtn .lr_abtn3,.lr_systembtn .lr_abtn4,.lr_systembtn .lr_abtn5,.lr_systembtn .lr_abtn6,.lr_systembtn .lr_abtn7 { width:95px; height: 50px; display: inline-block;
font-size:14px; color:#000; text-align:center; line-height:50px; float:left; background:url(../images/nav_t.png) 0 no-repeat}
.lr_systembtn .lr_abtn4{ width:285px; text-align:center}*/

.lr_systembtn .lr_abtn1{ display: block; width: 106px; height: 40px; position: absolute; left: 5px; top: 46px; z-index: 40 }
.lr_systembtn .lr_abtn2{ display: block; width: 106px; height: 40px; position: absolute; left: 130px; top: 46px; z-index: 40 }
.lr_systembtn .lr_abtn3{ display: block; width: 106px; height: 40px; position: absolute; left: 255px; top: 46px; z-index: 40 }
.lr_systembtn .lr_abtn4{ width:283px; background:none}
.lr_systembtn .lr_abtn5{ display: block; width: 106px; height: 40px; position: absolute; left: 636px; top: 46px; z-index: 40 }
.lr_systembtn .lr_abtn6{ display: block; width: 106px; height: 40px; position: absolute; left: 755px; top: 46px; z-index: 40 }
.lr_systembtn .lr_abtn7{ display: block; width: 106px; height: 40px; position: absolute; left: 874px; top: 46px; z-index: 40 }
/*.lr_systembtn .lr_abtn1:hover{background-position:12px -56px}
.lr_systembtn .lr_abtn2:hover{background-position:-115px -55px}
.lr_systembtn .lr_abtn3:hover{background-position:-243px -55px}
.lr_systembtn .lr_abtn5:hover { background-position:-578px -58px}
.lr_systembtn .lr_abtn6:hover { background-position:-707px -58px}
.lr_systembtn .lr_abtn7:hover { background-position:-836px -58px}*/

.lr_menu { height: 210px; width: 980px; background: url(../images/nav_xl.png) no-repeat; position: absolute; top: 92px; left: 0px; z-index: 4; display:none}
.lr_menu ul { overflow: hidden; float:left; padding:15px 0 0 0; display:block}
.lr_menu .nav_sy{ width:106px; margin:0 22px 0 5px}
.lr_menu .nav_js{ width:105px; margin: 0 17px 0 0}
.lr_menu .nav_sq{ width:260px; float:left; display:block; margin:0 8px 0 5px}
.lr_menu .nav_zx{ padding-left:5px;margin:0 22px 0 0}
.lr_menu .nav_funs{ width:106px; margin:0 18px 0 0}
.lr_menu .nav_kf{ width:101px}
.lr_menu li { width:100px; text-align:center; height:22px; line-height:22px}
.lr_menu li a { font-size:12px; color:#000; text-align:center }
.lr_menu li a:hover{ color:#c00}
.yellow{ color:black}
.red{ color:#F00}
.blue{ color:#06F}
/*導航下拉菜單end*/

/*引用平臺加載flash*/
.banner{ width:980px; height:345px;position:relative}
#topflash{ width: 361px; height:211px; position: absolute; left:-56px; top: 220px; z-index: 50}
#topgame{  height:590px; position:absolute; top:-130px; z-index:0}

.st_btn{ width: 337px; height: 163px; background: url(../images/game_start.png) no-repeat; position: absolute; z-index: 8; left: -49px; top: 215px; display: }


/*會員登入*/
.left_side{ width:246px; overflow:hidden; position:relative; float:left; z-index:7}

 /*登入前狀態*/
.login{ width:246px; overflow:hidden; background:url(../images/login_bg2.jpg) repeat-y}
.login .login_div{ width:246px; overflow:hidden; padding-top:20px; padding-bottom:8px;background:url(../images/login_bg2.jpg) repeat-y}
.login .lg_div{ width:246px; height:12px; background:url(../images/login_bg3.jpg) no-repeat bottom;}
.login .input{ width:210px; height:110px; padding:20px 10px 10px 26px}
.login .input p{ color:white; line-height:30px}
.R1,.R2{ width:91px; height:18px; background:url(../images/login_icon.png) no-repeat; border:none; line-height:18px; text-indent:2px; color:#FFF}
.input .R1{ position: absolute; top: 31px; left: 63px }
.input .R2{ position: absolute; top: 63px; left: 63px }
.login .bc_text{ width:200px; height:16px; color:#F00; padding:0 0 0 46px; background:url(../images/close.png) 30px 0 no-repeat}
.login .yzm{ width:226px; height:24px; line-height:22px; padding:0 0 0 26px; color:#FFF}
.login .yzm .R3{ width: 38px; height: 19px; background: url(../images/login_icon.png) 0 -25px no-repeat; border: none; position: absolute; top: 91px; left: 74px; line-height: 19px }
.login_con{ width: 48px; height: 63px; background: url(../images/login_icon.png) -125px 0 no-repeat; border: none; position: absolute; top: 25px; right: 27px; cursor: pointer }
.member_login{ width:218px; height:24px; line-height:24px; padding-left:25px; color:#FFF}
.member_login span{ color:#aa5400; display:inline-block; padding: 0 8px}
.member_login a{ color:#aa5400}
.member_login a:hover{ color:#C03}


/*其他账号登入*/
.other_link_login{ width:246px; height:80px; position:relative; padding:25px 0 0 0}
.other_link_login ul{ width:220px; padding:15px 10px 0 16px}
.other_link_login ul li{ width:33px; height:33px; float:left; margin: 0 0 6px 6px}
.other_link_login ul li a{ width:33px; height:33px; display:block; background:url(../images/login_icon.png) no-repeat}
.other_link_login ul li a.b1{ background-position:0 -83px}
.other_link_login ul li a.b2{ background-position:-40px -83px}
.other_link_login ul li a.b3{ background-position:-81px -83px}
.other_link_login ul li a.b4{ background-position:-122px -83px}
.other_link_login ul li a.b5{ background-position:-165px -83px}
.other_link_login .more{ width: 67px; height: 20px; border: none; background: url(../images/login_icon.png) 0 -54px no-repeat; position: absolute; top: 81px; left: 83px }
.other_link_login .fwtk{ display: block; width: 93px; height: 23px; background: url(../images/icon-01.png) no-repeat; position: absolute; left: 68px; top: 7px; }

/*登入後狀態*/
.login_01{width:246px; clear:both; overflow:hidden; background:url(../images/login_ff.jpg) no-repeat; padding-top:20px;}
.login_01 .login_top{ width:246px; height:75px; color:#000; font-size:14px}
.login_01 .login_top ul{ width:210px; height:70px; padding:5px 0 0 36px}
.login_01 .login_top ul li{ padding:3px 0 3px 0; color:#000}

.login_01 .login_center{ width:166px; height:76px; margin:2px 40px 2px 40px; color:#C00; font-size:14px; background:#dfb97e}
.login_01 .login_center ul{ width:166px; height:73px; padding:6px 0 0 0}
.login_01 .login_center ul li{ width:166px; height:22px; line-height:22px; overflow:hidden; text-align:center}
.login_01 .login_center ul li a{ color:#C00}
.login_01 .login_center ul li a:hover{ text-decoration:underline}

.login_01 .login_bottom{ width:246px; height:43px; font-size:12px; color:#aa5400} 
.login_01 .login_bottom ul{ width:211px; padding: 12px 0 0 35px}
.login_01 .login_bottom ul li{ float:left; padding:0 2px}
.login_01 .login_bottom ul li a{ color:#aa5400}
.login_01 .login_bottom ul li a:hover{ color:#C00; text-decoration:underline}

/*伺服器選擇start*/
.select_sever{ width:246px; height:277px; clear:both; background:url(../images/sclect_sfq.jpg) no-repeat; position:relative}
.select_sever ul{ width:191px; height:209px; padding:50px 30px 0 25px}
.select_sever ul li{ border-bottom:#000 solid 1px; height:28px; line-height:28px}
.select_sever ul li a{ width:191px; height:28px; display:block; color:#000}
.select_sever ul li a:hover{ background:#b49762}
.select_sever ul li span{ padding:0 17px 0 17px}
.select_more{ width: 220px; height: 45px; border: none; background: url(../images/login_icon.png) 0 -122px no-repeat; position: absolute; top: 195px; }
/*伺服器選擇end*/

/*星曲banner start*/
.xq_banner{ width:238px; height:159px; overflow:hidden; background:url(../images/banner_bg.png) no-repeat; padding:0 0 0 16px}
.xq_banner img{ width:214px; height:127px; vertical-align:middle; padding-top:18px;}
/*客服中心 start*/
.serviece{ width:246px; height:350px}
.service_center{ width:246px; height:350px; background:url(../images/service.png) no-repeat}
.service_center ul{ width:217px; padding:60px 0 0 23px; color:#850000;}
.service_center ul li{ line-height:20px}

/************************************left_side 內容結束**********************************/

.right_side{ width:734px; height:auto; float:left; position:relative; z-index:10}
/*廣告圖片輪播特效JS  start*/
.left_hdp{ width:490px; height:210px; float:left; margin-left:10px; position:relative; z-index:40}
.main_banner{ width:490px; height:300px; position:absolute;top:-120px;}
.img_view{ width:490px; height:306px; overflow:hidden; position:relative;}
.img_view div{ position: absolute; left: 2px; top: 1px; overflow: hidden }
.img_nav{ width:490px; height:27px; position:relative;}

#img_mesg2{ width:490px; height:27px; overflow:hidden;}
#img_mesg2 ul{ width:500%;}
#img_mesg2 ul li{ font-size:0; float:left; border:1px solid #002656; border-left:none; cursor:pointer;}
#img_mesg2 ul li a{ display:block; width:122px; height:24px; padding-top:2px; font-size:12px; color:#FFF; background:#cc0056; line-height:20px; text-decoration:none; text-align:center}
#img_mesg2 ul li a:hover{ color:#cd1d00; background:#008ed6}
#img_mesg2 ul li a:hover,#img_mesg2 ul li a.now{ color:#f6ff00; background-position:center bottom;}
#topgame_obj{left:-265px}
/*廣告圖片輪播特效JS  end*/

/*快速儲值 儲值教學  遊戲基地買E卡  start*/
.right_list{ width:224px; height:auto; float:left; margin-left:10px; overflow:hidden}
.right_list ul{ width:224px}
.right_list ul li{ width:222px; height:53px; padding:0 0 0 0}
.right_list ul li a{ display:block; width:222px; height:53px;overflow:hidden; background:url(../images/all_button.png) no-repeat;}
.right_list ul li .clb{}
.right_list ul li .store_value{ height:53px; background-position:0 -53px}
.right_list ul li .store_value:hover{ background-position:-229px -53px}
.right_list ul li .store_teaching{ background-position:0 -108px}
.right_list ul li .store_teaching:hover{ background-position:-229px -108px}
.right_list ul li .buy_e{ background-position:0 -166px}
.right_list ul li .buy_e:hover{ background-position:-229px -166px}


/*登錄器下載 領取虛寶 職業介紹 VIP系統 開始*/
.main_icon{ width:730px; float:left; margin:10px 0 10px 4px; display:inline;}
.main_icon ul{ width:728px;padding-left:2px;}
.main_icon ul li{ width:178px; height:68px; float:left; margin:0 2px}
.main_icon ul li a{ display:block; width:178px; height:68px; background:url(../images/main_icon.png) 0 0 no-repeat}
.main_icon ul li a.m01{ background-position:-3px 0}
.main_icon ul li a.m02{ background-position:-184px 0}
.main_icon ul li a.m03{ background-position:-366px 0}
.main_icon ul li a.m04{ background-position:-546px 0}


/*最新消息 start*/
.center_cont{ width:734px; height:200px; float:left; position:relative; margin-bottom:10px;}
.center_cont .p_centerside{ width:392px; height:198px; float:left; background:url(../images/funs.png) 0 -458px no-repeat; margin-left:7px; display:inline;}
.p_tab { width:392px; height:47px; overflow:hidden }
.p_tab ul { padding-left: 20px; }
.p_tab ul li { float: left; display: inline; cursor: pointer; height: 28px; text-align: center; margin:16px 5px 0 0; color:#fff; font-weight:700}
.p_tab_1 a, .p_tab_1 span, .p_tab_2 a, .p_tab_2 span, .p_tab_3 a, .p_tab_3 span,.p_tab_4 a,.p_tab_4 span{ float: left; height: 30px; text-align: center; line-height: 43px; color:#f4dec3; }
.p_tab_1, .p_tab_1 a, .p_tab_1 a:hover, .p_tab_1 span { width: 83px; }
.p_tab_2, .p_tab_2 a, .p_tab_2 a:hover, .p_tab_2 span { width: 54px; height:27px; background:url(../images/icon_02.png) 0 -264px no-repeat}
.p_tab_3, .p_tab_3 a, .p_tab_3 a:hover, .p_tab_3 span { width: 54px; }
.p_tab_4, .p_tab_4 a, .p_tab_4 a:hover, .p_tab_4 span { width: 54px; }
/*.p_tab .p_tab_more{ display: block; color: #F00; width: 56px; height: 30px; font-weight: 100; position: absolute; left: 344px; top: 11px; }
.p_tab ul .p_tab_more a:hover{ text-decoration:underline}*/

.p_tab_1 a { width:80px; height:28px; display:block; text-indent:-9999em }
.p_tab_1 a:hover, .p_tab_1 span { color:#FF0; font-weight:700; text-indent:-9999em}
.p_tab_2 a { }
.p_tab_2 a:hover, .p_tab_2 span { color:#FF0; font-weight:700}
.p_tab_3 a { }
.p_tab_3 a:hover, .p_tab_3 span { color:#FF0; font-weight:700 }
.p_tab_4 a { }
.p_tab_4 a:hover, .p_tab_4 span { color:#FF0; font-weight:700 }
.p_news_list { width: 345px; margin: 0 auto; padding:5px 20px 0 25px; }
.p_news_list ul li { height: 22px; text-indent: 40px; line-height: 22px; border-bottom:#3b3838 dashed 1px }
.p_news_list ul li a{ color:#830000}
.p_news_list ul li a:hover{color:#cd1d00}
.p_news_list ul li.big{ color:#cd1d00; font-family:“微軟雅黑”; font-size:15px; height:35px; overflow:hidden; border:none}
.p_news_list ul li.big h2{ width:305px; padding-left:10px; white-space:nowrap; line-height:35px; overflow:hidden}
.p_news_list ul li.big p{ font-size:12px; text-indent:6px; font-weight:100; padding-top:2px}
.p_news_list ul li.ico3 { background:url(../images/icon_02.png) 2px 3px no-repeat }
.p_news_list ul li.ico2 { background:url(../images/icon_02.png) 2px -20px no-repeat}
.p_news_list ul li.ico1 { background:url(../images/icon_02.png) 2px -44px no-repeat}
.p_news_list ul li span { float: right; color:#a1a1a1 }

.p01_news_hot { width: 677px; margin: 0 auto; padding: 20px 27px 10px 30px }
.p01_news_hot ul{ overflow:hidden }
.p01_news_hot ul li{height: 23px; padding-left:10px; line-height: 23px; border-bottom:#666 dashed 1px}
.p01_news_hot ul li a{ color:#000}
.p01_news_hot ul li a:hover{color:#cd1d00; text-decoration:underline}
.p01_news_hot ul li span{ float:right; color:#a1a1a1}

/*熱門文章 start*/
.center_cont .center_hot{ width:322px; height:198px; float:left; margin-left:7px; display:inline; background:url(../images/funs.png) 0 -254px no-repeat;}
.center_hot .hot_tit{ width:320px; height:48px}
.center_hot .hot_tit ul{ padding-left:145px}
.center_hot .hot_tit ul li{ float:left; height:28px; padding:26px 3px 0 3px; color:#830000}
.center_hot .hot_tit ul li.hot_search{ font-weight:700}
.center_hot .hot_tit ul li a{ color:#830000}
.center_hot .hot_tit ul li a:hover{ color:#323232; text-decoration:underline}
.center_hot .hot_tit ul li .speicl{ color:#323232; text-decoration:underline}

.center_hot .hot_cont{ width:320px; height:138px; position:relative; float:left}
.center_hot .hot_cont ul{ width:288px; height:114px; margin:0 14px 0 18px; overflow:hidden}
.center_hot .hot_cont ul li{ width:288px; text-indent:8px; height:22px; line-height:22px; border-bottom: #3b3838 dashed 1px}
.center_hot .hot_cont ul li a{ display:block; color:#830000}
.center_hot .hot_cont ul li a:hover{ color:#cd1d00}
.center_hot .hot_cont ul li a.hot_more{ float:right; padding-right:2px; background:none; color:#F00}
.center_hot .hot_cont ul li a.hot_more:hover{ text-decoration:underline}
.center_hot .hot_cont ul li span{ float:right;color:#a1a1a1}
.center_hot .hot_cont b{ width:38px; height:20px; font-weight:100; padding-left:273px}
.center_hot .hot_cont b a{ color:#C00}
.center_hot .hot_cont b a:hover{ text-decoration:underline}

.center_hot .p_tab_more{ display: block; width: 33px; height: 20px; position: absolute; left: -61px; top: -29px; color: #830000; z-index: 50; font-style: normal }
.center_hot .p_tab_more:hover{ text-decoration:underline; color:#C00;}

/*星曲資料庫start*/
.data{ width:734px; height:auto; float:left; position:relative;}
.data_left{ width:475px; height:172px; float:left; background:url(../images/funs.png) 0 -667px no-repeat;overflow:hidden; margin:0 10px 0 7px; padding:25px 0 0 15px}
.sc, .sc_data{ float: left; display: inline; margin-top:35px; margin-left:5px; height:141px; height:116px}
.sc_data{ height: 141px; height:116px}
.sc_data ul{ width:70px; padding-top:5px}
.sc_data li{color: #C19D4F; float: left; font-family: "宋体"; line-height: 18px; width: 70px; background:url(../images/dot.png) 0 7px no-repeat; padding-left:8px; display:block; height:18px; overflow:hidden }
.sc_data li a{ color:#830000; font-size:12px}
.sc_data li a:hover{ color:#F00}

/*遊戲介紹 start*/
.data_introduce{ width:222px; height:198px; float:left; background:url(../images/game_introduce.png) no-repeat;}
.data_introduce p{ padding:54px 13px 0 20px; line-height:17px; text-indent:1.4em; color:#830000}

/*粉絲專區 合作媒體 start*/
.funs_content{ width:729px; height:248px; float:left; margin:10px 0 0 5px; }
.funs_zone{ width:492px; height:248px; float:left; background:url(../images/funs.png) no-repeat; margin-right:10px;}
.content{ width:470px; height:200px; padding:30px 17px 20px 15px; overflow:hidden}

.media{ width:222px; height:247px; float:left; background:url(../images/media.png) no-repeat;}
.media .media_top { font-size: 14px; font-weight: bold; padding-left: 40px;  height: 54px; line-height: 40px; }
.media .media_con {  height: 177px; padding-top: 5px; }
.media ul { width: 112px; margin: 0 auto; height: 174px; overflow: hidden; }
.media li { width: 150px; height: 50px; margin-bottom: 8px; overflow: hidden; }


/************************星曲 列表頁樣式**************************start*/
.left{ width:246px; height:545px; float:left; position:relative; z-index:6; overflow:hidden}
.menu{ position:absolute; left:0; top:0; width:246px}
.menu_top{ width:254px; height:600px; background:url(../images/list_img.png) no-repeat -4px -14px; position:absolute;}
.left_side_content{ width:246px; height:413px}
.left_top_content ul{ width:195px; height:355px; font-size:14px; padding:65px 18px 0 33px }
.left_top_content ul li{ height:20px; padding:5px 0}
.left_top_content ul li a{ width:200px; height:20px; display:block; background:url(../images/dot.png) 0 -7px no-repeat; color:#000; text-indent:12px}
.left_top_content ul li a:hover{ color:#F00; text-decoration:underline}

.left_buttom_content{ width:246px; height:52px; display:inline}
.left_buttom_content ul{ width:195px; height:47px; padding:5px 27px 0 35px}
.left_buttom_content ul li{ width:90px; text-align:center; float:left;}
.left_buttom_content ul li a{ color:#000; display:block}
.left_buttom_content ul li a:hover{ text-decoration:underline}

.right_side_list{ width:734px; height:auto; float:left; position:relative; z-index:8; background:}
.right_side_list .right_top_text{ width:734px; height:30px; overflow:hidden; padding-top:35px; text-indent:70px; font-size:14px; font-weight:700; color:#000; background:url(../images/list_pic02.png) 0 0 no-repeat}
.right_top_text a{ color:#000}
.right_top_text a:hover{ color:#ff4949}
.right_side_list .right_bottom_cont{ width:734px; height:33px; clear:both; background: url(../images/list_pic02.png) 0 -107px no-repeat }
/*新聞公告活動切換js 樣式*/
.p01_centerside { width: 734px; height:793px; float: left; background:url(../images/list_pic03.png) repeat-y}
.posti { height: 20px; line-height: 20px; text-indent: 6px; }
.p01_tab { width:734px; height:57px; background:url(../images/list_pic04.png) 0 46px no-repeat }
.p01_tab ul { padding-left: 40px; height:30px; padding-top:24px }
.p01_tab ul li { float: left; display: inline; cursor: pointer; height: 30px; width: 80px; text-align: center; line-height: 30px; background:url(../images/icon_02.png) 0 -137px no-repeat; margin-right:3px}
.p01_tab_1 a, .p01_tab_1 span, .p02_tab_2 a, .p02_tab_2 span, .p03_tab_3 a, .p03_tab_3 span, .p04_tab_4 a, .p04_tab_4 span { display:block; width:80px; float: left; height: 31px; text-align: center; line-height:30px; color:#fff}
.p01_tab_1, .p01_tab_1 a, .p01_tab_1 a:hover, .p01_tab_1 span { width: 80px; text-align:center }
.p02_tab_2, .p02_tab_2 a, .p02_tab_2 a:hover, .p02_tab_2 span { width: 80px; text-align:center }
.p03_tab_3, .p03_tab_3 a, .p03_tab_3 a:hover, .p03_tab_3 span { width: 80px; text-align:center }
.p04_tab_4, .p03_tab_3 a, .p04_tab_4 a:hover, .p04_tab_4 span { width: 80px; text-align:center }
.p01_tab_1 a { }
.p01_tab_1 a:hover, .p01_tab_1 span { color:#fff712}
.p02_tab_2 a { }
.p02_tab_2 a:hover, .p02_tab_2 span {color:#fff712 }
.p03_tab_3 a { }
.p03_tab_3 a:hover, .p03_tab_3 span {color:#fff712}
.p04_tab_4 a { }
.p04_tab_4 a:hover, .p04_tab_4 span {color:#fff712 }
.p01_news_list { width: 667px; margin: 0 auto; padding: 10px 27px 10px 40px }
.p01_news_list ul li { height: 28px; text-indent: 40px; line-height: 28px; border-bottom:#666 dashed 1px }

.p01_news_game{ width: 667px; margin: 0 auto; padding: 10px 27px 10px 40px}
.p01_news_game ul li{ height: 28px; text-indent: 0px; line-height: 28px; border-bottom:#666 dashed 1px }
.p01_news_game ul li a{ color:#000}
.p01_news_game ul li a:hover{ color:#900; text-decoration:underline}
.p01_news_game ul li span{ float: right; color:#a1a1a1 }

.p01_news_list ul li.list_ico3 { background:url(../images/icon_02.png) 0 6px no-repeat }
.p01_news_list ul li.list_ico4 { background:url(../images/icon_02.png) 0 6px no-repeat}
.p01_news_list ul li.list_ico1 { background:url(../images/icon_02.png) 0 -42px no-repeat }
.p01_news_list ul li.list_ico2{ background:url(../images/icon_02.png) 0 -16px no-repeat}
.p01_news_list ul li span { float: right; color:#a1a1a1 }
.p01_news_list ul li a{ color:#000}
.p01_news_list ul li a:hover{ color:#900; text-decoration:underline}
.page { height:50px; width:100%; padding-left:100px; padding-top:20px}
.page  a{ color:#F00; font-size:14px}
.page  a:hover{ color:#494438; text-decoration:underline}
/************************星曲 列表頁樣式**************************end*/

/*文章頁面樣式*/
.right_content{ width:714px; height:auto; padding:0 10px 10px 10px; background:url(../images/list_pic03.png) 0 -160px repeat-y; float:left}
.right_content .top_content{ width:650px; height:55px; margin:15px 30px 0 34px; border-bottom:#3b3838 dashed 1px} 
.top_content p{ width:650px; color:#000; text-align:center}
.top_content p b{ display:block; width:650px; font-size:16px; height:32px; line-height:30px}
.top_content p span{ margin:0 8px 0 8px}

.text_content{width:640px; height:auto; margin:16px 35px 20px 39px;color:#000}
.text_content p{ text-indent:30px; font-size:14px;  line-height:20px; padding:5px 0;}

.bottom_contetn{width:640px; height:50px; margin:15px 35px 5px 39px; padding-top:5px; overflow:hidden;color:#3c2106; font-size:14px; border-top:#3b3838 dashed 1px}
.bottom_contetn p{ height:25px; line-height:25px; text-indent:2px}
.bottom_contetn p b{ color:#666}
.bottom_contetn p a{color:#666}
.bottom_contetn p a:hover{color:#c00; text-decoration:underline}
/******
.readings{ width:640px;height:160px; margin:0 35px 0 39px; overflow:hidden}
.readings ul{ font-size:14px}
.readings ul li{ padding:4px 0 4px 0; color:#3c2106}
.readings ul li span{ float:right; color:#3c2106}
.readings ul li a{ color:#3c2106; padding-left:10px; background:url(../images/dot.png) 2px -29px no-repeat}
.readings ul li a:hover{ text-decoration:underline}****/

.right_bottom_cont{ width:734px; height:33px; background: url(../images/list_pic02.png) 0 -114px no-repeat }

/*活動頁面樣式*/
/**********活動日曆  當前活動進行時 樣式start************/
.active_login{ width:980px; height:235px; position:relative; background:url(../images/bg_03.jpg) no-repeat; overflow:hidden}
.center_calendar{ width:334px; height:224px; background:url(../images/active_bg.png) no-repeat; float:left; overflow:hidden; position:relative;z-index:8; padding-left:5px}
.calendar_top{ width:323px; height:80px}
.calendar_top ul{ width:293px; height:30px; padding:50px 0 0 30px}
.calendar_top ul li{ float:left; padding:3px 5px; display:block}

.news_content{ width:323px; height:144px; overflow:hidden; position:relative; clear:both}
.news_content .show a{ color:#333}
.news_content .show a:hover{ color:#005e78; text-decoration:underline}
.news_content .list{ width:291px; padding:0px 10px 15px 22px}
.news_content .list li{ float:left; width:30px; height:18px;padding: 4px 5px}
.news_content .list li a{ display:block; width:30px; height:18px; text-align:center; line-height:18px;  color:#494438; background:#FFF}
.news_content .list li a:hover{ background:#47bef3}


.actives_when{ width:391px; height:224px; background:url(../images/when_active.png) no-repeat; float:left; position:relative; z-index:8; overflow:hidden}
.actives_div{ width:348px; height:144px; margin:60px 35px 20px 20px; overflow:auto; overflow-x:hidden}
.actives_when ul{ width:338px; padding:4px 0 0 10px}
.actives_when ul li{ width:150px; float:left; line-height:20px; padding-left:10px}
.actives_when ul li a{ width:155px; color:#000; background:url(../images/icon_02.png) 0 -198px no-repeat; padding-left:15px;}
.actives_when ul li a:hover{ color:#e24222; background:url(../images/icon_02.png) 0 -173px no-repeat}

/*熱門活動樣式 start*/

.hot_acitve{ width:980px; height:400px; background:url(../images/hot_acitve_bg.png) no-repeat; clear:both}
.hot_acitve ul{ width:940px; height:325px; padding:65px 10px 10px 30px}
.hot_acitve ul li{ width:200px; height:150px; float:left; padding:4px 15px; color:#000; display:block}
.hot_acitve ul li .hot_img{ width:180px; line-height:10px; font-size:14px; text-align:center; padding-bottom:2px}
.hot_acitve ul li .hot_tit{font-weight:700; font-size:14px; height:20px; line-height:20px; background:url(../images/icon_02.png) 93px -216px no-repeat; text-indent:22px}
.hot_acitve ul li .hot_tit01{font-weight:700; font-size:14px; height:20px; line-height:20px; background:url(../images/icon_02.png) 99px -216px no-repeat; text-indent:22px}
.hot_acitve ul li .hot_time{ font-weight:700; height:18px; line-height:18px; padding:0 5px; text-align:center}

/*推薦活動 活動預告 樣式*/
.Recommend_active{ width:980px; height:212px; background:url(../images/active_pic02.png) no-repeat; margin-top:10px; padding-top:60px; overflow:hidden}
.Recommend_active .M1{ width:451px; height:130px; margin:0px 0 14px 25px; float:left}
.Recommend_active .M1_img{ width:193px; height:116px; float:left; margin:8px 0 0 7px}
.Recommend_active .M1_cont{ width:235px; height:116px; float:left; margin:8px 6px 0 10px; overflow:hidden}
.Recommend_active .M1_cont p{ width:235px; height:116px; text-indent:15px; line-height:20px}
.Recommend_active .M1_cont p a{ color:#000}
.Recommend_active .M1_cont p a:hover{ text-decoration:underline}
.Recommend_active .M1_cont p span a{ color:#fc0f0f}
.Recommend_active .M1_cont p span a:hover{ text-decoration:underline}


/*共用 頁腳footer 開始*/
.footer{ width:980px; height:170px;  float:left; font-size:12px; display:inline; position:relative}
.foot_content{ width: 447px; height: 51px; float: left; position: absolute; top: 70px; left: 339px; color: #000 }
.foot_content a{ color:#333}
.foot_content a:hover{ text-decoration:underline}
.foot_content p{ padding-top:4px}


.yellownew{color:blue};