@charset "utf-8";
/* CSS Document */
body{ background:#3b0202; margin:0; font:新細明體; padding:0px; }
body,table{ font:Geneva, Arial, Helvetica, sans-serif; font-size:13px; line-height:20px;font:新細明體;}
img{ margin:0px;}
#webDIV{ margin:auto; width:1024px; padding-left:8px; padding-right:8px; background:url(images/web_bbg.gif) center top repeat-y;}

#topDIV{ height:350px; background:#3b0202;}
#headerBanner{margin:auto; height:350px;}
#midDIV{background:url(images/web_Layout_02.gif) repeat-x top;  min-height:500px; height:auto !important; height:500px;}
#midTable{}
#left_Colum{ width:240px; }
#right_Colum{ width:784px;}

#btnDIV{}
#mainmenuDiv{ height:109px;}

/*************  MAIN  *****************/
a{ color:#FFFFFF; text-decoration:none;}
a:hover{ color:#FFFF33; text-decoration:underline;}
#main_leftmenu_Div{}
#LeftMenuFlash{ width:240px; height:204px;}
#main_Conetent_Div{}
#main_Conetent_Left_Colum{ width:536px;}
#main_Conetent_Right_Colum{ width:248px;}

/************* main news div ***************/
#main_news_Div{ margin-top:10px;}
#main_newsDiv_header{ background:url(images/main_newsDiv_01.gif) no-repeat bottom left; height:50px; }
#main_newsDiv_cat_menu{font-size:16px; font-weight:bold; padding:18px; text-align:right;}
#main_newsDiv_cat_menu a{ color:#FFFFFF; text-decoration:none;}
#main_newsDiv_cat_menu a:HOVER{ color:#FFFF33; text-decoration:underline;}
#main_newsDiv_mid{background:url(images/main_newsDiv_02.gif) repeat-y top left; }
#main_newsDiv_btn{background:url(images/main_newsDiv_03.gif) no-repeat top left; height:36px; text-align:right; padding-right:30px;}

.main_news_list_tb{ color:#FFFFFF; margin:auto;}
.main_news_list_tb td{ border-bottom:#FFFFFF dotted 1px;}
.main_news_list_cat_td{ width:50px; text-align:center;}
.main_news_list_title_td{ text-align:left; width:300px;}

/************ main hot topic *************/
#main_hottopic_Div{ background:url(images/img_bg_main_hotTopicsDiv.jpg) no-repeat top left; height:182px; padding-top:30px;}
#main_hottopic_Div_content_tb{ margin-left:180px; color:#FFFFFF; width:340px;}

/************** main_forumLinkDiv *************/
#main_forumLinkDiv{ background:url(images/img_bg_main_forumlinkDiv.gif) no-repeat TOP left; height:152px; padding-top:60px; margin-top:8px;}
#main_forumLinkDiv_Content{ margin-left:14px;}

/************** main_downloadLinkDiv *************/
#main_downloadLinkDiv{ margin-top:8px;}

#main_downloadLinkDiv_Content{ margin-left:14px;}
#main_downloadLinkDiv_Content a{ font:Arial;}
#main_download_LeftTd img:hover{ border:#FFFFFF 4px solid; margin-left:-4px; margin-top:-4px;}
#main_download_LeftTd{ padding-left:33px;}
#main_download_RightTd img:hover{ border:#FFFFFF 4px solid; margin-right:-4px; margin-top:-4px;}
#main_download_RightTd{ padding-right:29px;}

/************** main new Events Div ***********/
#main_newsEvent_Div{margin-top:8px; }
#main_newsEvent_Div_head{ background:url(images/main_newEventsDiv_01.gif) no-repeat bottom left; height:109px; }
#main_newsEvent_Div_content{ background:url(images/main_newEventsDiv_02.gif) repeat-y top left; text-align:left; padding-left:25px; }
#main_newsEvent_Div_content img{ border:#FFFFFF 2px solid; margin:4px auto 4px auto;}
#main_newsEvent_Div_content img:hover{ border:#FFFF00 2px solid; margin:4px auto 4px auto;}
#main_newsEvent_Div_btn{ background:url(images/main_newEventsDiv_03.gif) no-repeat top left; height:29px; }

/*************** main Web Ring Div**************/
#main_webRing_Div{ margin-top:8px; }
#main_webRing_Div_head{ background:url(images/main_webRing_Div_01.gif) no-repeat bottom left; height:85px;}
#main_webRing_Div_content{ background:url(images/main_webRing_Div_02.gif) repeat-y top left;text-align:left; padding-left:30px; }
#main_webRing_Div_content img{border:#FFFFFF 2px solid; margin:4px auto 4px auto;}
#main_webRing_Div_content img:hover{ border:#FFFF00 2px solid; margin:4px auto 4px auto;}
#main_webRing_Div_btn{ background:url(images/main_webRing_Div_03.gif) no-repeat top left; height:60px;}

/**************** main game Screen Div ***********/
#main_gameScreen_Div{ background:url(images/main_gameScreen_Div.gif) no-repeat top left; padding:30px; height:135px; }
#main_gameScreen_Div_pics_tb{ margin-left:140px;}
#main_gameScreen_Div_pics_tb img{ border:#000000 4px solid;}
#main_gameScreen_Div_pics_tb img:hover{ border:#CCCCCC 4px solid;}
#main_gameScreen_Div_pics_tb td{ width:18%;}

/**************** news page ********************/
#newspage_Div{ margin-top:10px; margin-bottom:40px;}
#newspage_header{ background:url(images/main_newsPageDiv_01.gif) no-repeat bottom left; height:50px; }
#newspage_cat_menu{font-size:16px; font-weight:bold; text-align:right;padding:18px; }
#newspage_cat_menu a{ color:#FFFFFF; text-decoration:none;}
#newspage_cat_menu a:HOVER{ color:#FFFF33; text-decoration:underline;}
#newspage_mid{background:url(images/main_newsPageDiv_02.gif) repeat-y top left; padding-top:30px; padding-bottom:40px; }
#newspage_btn{background:url(images/main_newsPageDiv_03.gif) no-repeat top left; height:36px; text-align:center; padding-right:30px; color:#FFFFFF; padding-bottom:20px;}

#newspage_new_Div{ width:760px; margin:auto 8px auto 8px; margin-top:-26px;}
#newspage_new_DivContent{ background:url(images/newsPage_new_bg_02.jpg) top repeat-y; line-height:20px; color:#222222; padding:10px 30px 50px 30px;}
#newspage_new_DivContent H1{ color:#660000; background:url(images/icon_new_icon.gif) left no-repeat; font-size:16px; font-weight:bolder; padding:2px 2px 2px 26px; margin:2px;}
#newspage_new_DivContent H5{ color:#CA4A5E; font-size:12px; text-align:right; padding:2px; margin:2px; border-bottom:#660000 1px dotted;}
#newspage_new_DivContent a{ color:#990000;}
#newspage_new_DivContent a:hover{ color:#FF0066;}
.newspage_list_tb{ color:#FFFFFF; margin:auto;}
.newspage_list_tb td{ border-bottom:#FFFFFF dotted 1px;}
.newspage_list_cat_td{ width:50px; text-align:center;}
.newspage_list_title_td{ text-align:left; width:500px;}

/****************** DOWNALOD PROGRAM ************/
.downloadp_Tb{ margin:8px auto 8px auto; border:#660000 1px solid; line-height:20px; color:#333333; }
.downloadp_Tb td{ background:#FFFFFF;}
.downloadp_Tb th{ background:#660000; color:#FFFFFF;}
/***************** download Wallpaper*******************/
#wpdl_Items_Frame{ margin:4px;}
.wpdlItemDiv{ width:300px; background:url(images/wallpaperDlItem_bg.jpg) top center no-repeat; padding-top:14px; margin:2px;height:236px;}


/****************** download Screen *******************/
#scrdl_Items_Frame{ margin:4px;}
.screenDlItem{ text-align:center; background:#FFFFFF; border:#CCCCCC 1px solid;}
/***************** PAGE  *****************/
#allpage_Div{ margin-top:4px; margin-bottom:40px;}
#allpage_header{ background:url(images/page_Div_01.gif) no-repeat bottom left; height:50px;margin:10px auto auto auto; }
#allpage_mid{background:url(images/page_Div_02.gif) repeat-y top left; padding-top:10px; padding-bottom:40px;min-height:400px; height:auto !important; height:400px; }
#allpage_btn{background:url(images/page_Div_03.gif) no-repeat top left; height:42px; text-align:center; padding-right:30px; }
.page_Mid_Frame_T{ width:720px; background:url(images/page_mid_Frame_01.jpg) no-repeat top; height:22px; margin:auto;}
.page_Mid_Frame_B{ width:720px; background:url(images/page_mid_Frame_03.jpg) no-repeat bottom; height:22px; margin:auto;}
.page_Mid_Frame_M{ width:680px; background:url(images/page_mid_Frame_02.jpg) repeat-y top; margin:auto; padding:2px 20px 10px 20px; color:#333333;}

.page_Content_Frame_T{ width:720px; background:url(images/page_Content_Frame_01.jpg) no-repeat top; height:29px; margin:auto;}
.page_Content_Frame_B{ width:720px; background:url(images/page_Content_Frame_03.jpg) no-repeat bottom; height:26px; margin:auto; }
.page_Content_Frame_M{ width:640px; background:url(images/page_Content_Frame_02.jpg) repeat-y top; margin:auto; padding:2px 40px 10px 40px; color:#444444;}

.page_Nav{ color:#999999; font-size:12px;}
.page_Nav a{ color:#999999; font-size:12px;}
.page_Nav a{ color:#999999; text-decoration:underline; font-size:12px;}

.page_subMenu{ text-align:center;}
.page_subMenu a{ color:#660000;}

.page_sub_subMenu{ text-align:center; width:600px; background:url(images/page_sub_subMenu_bg.jpg) no-repeat top center; height:28px; padding-top:8px; }
.page_sub_subMenu a{ color:#660000;}

.page_Content_Frame_M p{ line-height:20px;}
.content_center_img{ text-align:center;}

.page_data_table{margin:auto; background:#F1EDEB; border:#663300 1px solid; width:620px;}
.page_data_table th{color:#FFFFFF; font-weight:bold; background:#660000;}
.page_data_table td{}
.page_data_table_even{ background:#F9F8F7;}
.page_data_table_odd{ background:#FFFFFF;}

.page_Mid_Frame_M strong{ color:#990000;}
.page_Mid_Frame_M hr{ color:#990000;}
.page_Mid_Frame_M a{ color:#0000CC;}
.page_Mid_Frame_M a:hover{ color:#3399FF;}
.redText_B{ color:#FF0000; font-weight:bold;}
.tbDate{ width:80px;}
.BoldMe{ font-weight:bolder;}

h2{ color:#660000; font-size:18px;background:url(images/icon_h2.gif) top left no-repeat; padding-left:20px;}
h3{  color:#660000; font-size:16px; background:url(images/icon_h3.gif) left no-repeat; padding-left:20px;}
h4{  color:#660000; font-size:12px;}
/******************PAGES 2 **************************/
#page2{}

.p2_name_desc{ color:#666666; font-size:12px;}

/******************PAGES 4 **************************/
#page4{}
#page4 h5{color:#660000; font-weight:normal; line-height:26px; font-size:14px; }
.p4_name_desc{ color:#666666; font-size:12px;}
/****************** PAGE 6*******************/
#csDiv{ margin:auto; width:500px;}
