@import url(reset.css);

a{color:#333;text-decoration:none;}
a:hover{color:#ffbb00;text-decoration:underline;}
img{border:0;display:block;}

/* font */

body {
	background-image: url(../images/index_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
body{-webkit-text-size-adjust:100%;}
body{font:12px Verdana, Geneva, sans-serif;color:#333}
table{font-size:inherit;font:100%;}
select, input, textarea{font:99% arial,helvetica,clean,sans-serif;}
pre, code{font:115% monospace;*font-size:100%;}
body * {line-height:1.55em;}
h3{text-indent:-9999px;}
strong{font-weight:bold}

.headbg{width:100%; background:#FFF; height:40px; border-bottom:3px solid #00598e; position:fixed; top:0; left:0; z-index:5000; _position:absolute; _top:expression(documentElement.scrollTop + 0 + "px");}
.head{width:980px; margin:0 auto; position:relative;}
.nav{margin:0px;}
.nav li{float:left;width:106px; text-align:center;}
.nav li a{display:block; height:40px; line-height:40px; font:bold 18px/40px "微软雅黑"; padding:0 10px;}
.nav li a:hover,.nav li.active a{background:#00598e; color:#fff; text-decoration:none;}
.head_ico1{width:100px; height:85px; display:block; position:absolute; top:0; right:0; background:url(/images/icopng1.png) no-repeat;}

#page_wrapper 
{
	margin: 0 auto;
	width: 1000px;
	height: auto;

}

#page_header { 
 margin: 0 auto;
 width: 1000px; 
 height: 400px;
}



/* page_middle */
#page_middle
{
	position:relative;
	width: 1000px;
	height: auto;

}


/* main_left */
#main_left 
{
	width: 252px;
	height: auto;
	float: left;
	margin-bottom: 20px; /*設定footer隔離*/
}

#sign_up
{
	display:block;
	background-image: url(../images/main_left/sign_up_a.png);
	width: 243px;
	height: 121px;
}

#sign_up:hover
{
	background-image: url(../images/main_left/sign_up_b.png);
	cursor:pointer;
}

#download
{
	display:block;
	background-image: url(../images/main_left/game_download_a.png);
	width: 243px;
	height: 69px;
}

#download:hover
{
	background-image: url(../images/main_left/game_download_b.png);
	cursor:pointer;
}

#redeem
{
	display:block;
	background-image: url(../images/main_left/member_left_01a.jpg);
	width: 243px;
	height: 72px;
}

#redeem:hover
{
	background-image: url(../images/main_left/member_left_01b.jpg);
	cursor:pointer;
}

#addition_Svr
{
	display:block;
	background-image: url(../images/main_left/member_left_02a.jpg);
	width: 243px;
	height: 54px;
}

#addition_Svr:hover
{
	background-image: url(../images/main_left/member_left_02b.jpg);
	cursor:pointer;
}

#lesson
{
	display:block;
	background-image: url(../images/main_left/member_left_03a.jpg);
	width: 243px;
	height: 56px;
}

#lesson:hover
{
	background-image: url(../images/main_left/member_left_03b.jpg);
	cursor:pointer;
}

#fanspage
{
	background-image: url(../images/main_left/discuss_02a.jpg);
	width: 243px;
	height: 54px;
}

#fanspage:hover
{
	background-image: url(../images/main_left/discuss_02b.jpg);
	cursor:pointer;
}

#youtube
{
	background-image: url(../images/main_left/discuss_03a.jpg);
	width: 243px;
	height: 53px;
}

#youtube:hover
{
	background-image: url(../images/main_left/discuss_03b.jpg);
	cursor:pointer;
}

#service
{
	display:block;
	background-image: url(../images/main_left/discuss_06a.jpg);
	width: 243px;
	height: 45px;
}

#service:hover
{
	background-image: url(../images/main_left/discuss_06b.jpg);
	cursor:pointer;
}

/* main_center */
#main_center 
{
	width: 493px;
	float: left;
	margin-top: -2px;
}

#main_banner 
{
	width:486px;
	height:254px;
	position:relative;
	/*	background-image: url(../images/main_center/main_banner_bg.png);
	background-repeat: no-repeat;
*/
	background-position: center top;
	margin-left: -1px;
}

#rule_section
{
	width: 472px;
	height: 70px;
	padding-left:5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#r1
{
}

#r2
{
}


#news_section
{
	height: 150px; 
}

#bbs_section
{
	height:210px;
}

/* main_right */
#main_right {
	width: 228px;
	height: auto;
	float:left;
}

#banner{
	padding-bottom: 6px;
}

#player_Website
{
	background-image: url(../images/main_right/webbss_a.jpg);
	width: 228px;
	height: 79px;
}

#player_Website:hover
{
	background-image: url(../images/main_right/webbss_b.jpg);
	cursor:pointer;
}

/* footer */
#footer
{
	width:100%;
	height: 78px;
	border-top:3px solid #00598e;
	text-align:center;
	clear: both;
}

#footer_logo
{
}

/* sub webpage */
#sub_page_left
{
	width: 243px;
	float:left;
}
#sub_page_menu
{
	background-image: url(../images/sub_page_menu/menu_bg.gif);
	width: 241px;
}

#sub_page_right 
{
	width: 724px;
	top: 0px;
	position:relative;
	float:left;
	left: 10px;
	margin-bottom: 10px;
}

/* 718px sub page right content*/
#sub_page_right_header
{
	width: 718px;
	height: 15px;
	background-image: url(../images/common/sub_bg_header.png);
}

#sub_page_right_bg
{
	width: 718px;
	background-image: url(../images/common/sub_bg.png);
	padding-bottom: 10px;
	padding-top: 5px;
}

#sub_page_right_end
{
	
	width: 718px;
	height: 130px;
	background-image: url(../images/common/sub_bg_end.png);
}
.sub_page_top
{
	position:absolute;
	width: 102px;
	height: 38px;
	z-index:1;
	left:311px;
	margin-top: 25px;
}

/* 653px box table */
.box_top_653
{
	width: 653px;
	height: 11px;
	background-image: url(../images/common/653_top.gif);
}

.box_bg_653
{
	width: 653px;
	background-image: url(../images/common/653_bg.gif);
}

.box_bottom_653
{
	width: 653px;
	height: 11px;
	background-image: url(../images/common/653_bottom.gif);
	margin-bottom: 10px;
}

/* 629px box table */
.box_top_629
{
	width: 629px;
	height: 10px;
	background-image: url(../images/common/629_top.gif);
}

.box_bg_629
{
	width: 629px;
	background-image: url(../images/common/629_bg.gif);
}

.box_bottom_629
{
	width: 629px;
	height: 11px;
	background-image: url(../images/common/629_bottom.gif);
}

/* 356px box table */
.box_top_356
{
	width: 356px;
	height: 10px;
	background-image: url(../images/common/356_top.gif);
}

.box_bg_356
{
	width: 356px;
	background-image: url(../images/common/356_bg.gif);
}

.box_bottom_356
{
	width: 356px;
	height: 10px;
	background-image: url(../images/common/356_bottom.gif);
}

.tableCell td
{
	padding: 5px;
	text-align:left;
	vertical-align: top;
	font-family: inherit;
}
.tableCell ul
{
	list-style-type: disc;
	margin-left: 10px;
}


.tableCell2 td
{
	height:22px;
	padding: 2px;
	text-align:left;
	vertical-align: top;
	font-family: inherit;

}

.tableCell3 td
{
	height:20px;
	text-align:left;
	vertical-align: top;
	font-family: inherit;
	padding-right: 2px;
	padding-left: 2px;
}
.dot_line
{
	background-image:url(../images/common/dotted_4px.gif);
}

.dot_line2
{
	background-image:url(../images/common/dotted2_4px.gif);
}

/*裝備table*/
.equip_info_table {
border-collapse:collapse;
width:625px;
color:#33290d;
font-size:12px;
line-height:150%;
margin:0px;
border:0;
}

.equip_info_table td {
border:1px solid #b6c9de;
vertical-align:middle;
}

.equip_info_table_pink01 {
width:15%;
background:#faf0f9;
text-align:center;
color:#523c4f;
padding:5px 0px;
}

.equip_info_table_pink02 {
	width:10%;
	background:#faf0f9;
	text-align:center;
	color:#523c4f;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.equip_info_table_pink03 {
width:18%;
background:#faf0f9;
text-align:left;
color:#523c4f;
padding:5px 5px;
}

.equip_info_table_pink04 {
width:39%;
background:#faf0f9;
text-align:left;
color:#523c4f;
padding:5px 5px;
}

.equip_info_table_white01 {
	width:15%;
	background:#fafafa;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;

}

.equip_info_table_white02 {
	width:10%;
	background:#fafafa;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.equip_info_table_white03 {
width:18%;
background:#fafafa;
text-align:left;
padding:5px 5px;
}

.equip_info_table_white04 {
width:39%;
background:#fafafa;
text-align:left;
padding:5px 5px;
}

.equip_info_table_head01 {
width:15%;
background:#dce5f5;
color:#3c4452;
font-weight:bold;
text-align:left;
padding:5px 5px;
}

.equip_info_table_head02 {
width:10%;
background:#dce5f5;
color:#3c4452;
font-weight:bold;
text-align:center;
padding:5px 0px;
}

.equip_info_table_head03 {
width:18%;
background:#dce5f5;
color:#3c4452;
font-weight:bold;
text-align:left;
padding:5px 5px;
}

.equip_info_table_head04 {
width:39%;
background:#dce5f5;
color:#3c4452;
font-weight:bold;
text-align:left;
padding:5px 5px;
}

/*道具table */
.item_info_table {
border-collapse:collapse;
width:625px;
color:#33290d;
font-size:12px;
line-height:150%;
margin:0px 11px;
border:0;
}

.item_info_table td {
border:1px solid #b8b2a5;
vertical-align:middle;
}

.item_info_table_pink01 {
width:10%;
background:#faf0f9;
text-align:center;
color:#523c4f;
padding:5px 0px;
}

.item_info_table_pink02 {
width:19%;
background:#faf0f9;
text-align:left;
color:#523c4f;
padding:5px 5px;
}

.item_info_table_pink03 {
width:30%;
background:#faf0f9;
text-align:left;
color:#523c4f;
padding:5px 5px;
}

.item_info_table_pink04 {
width:52%;
background:#faf0f9;
text-align:left;
color:#523c4f;
padding:5px 5px;
}

.item_info_table_white01 {
width:10%;
background:#fafafa;
text-align:center;
padding:5px 0px;
}

.item_info_table_white02 {
width:19%;
background:#fafafa;
text-align:left;
padding:5px 5px;
}

.item_info_table_white03 {
width:30%;
background:#fafafa;
text-align:left;
padding:5px 5px;
}

.item_info_table_white04 {
width:52%;
background:#fafafa;
text-align:left;
padding:5px 5px;
}

.item_info_table_head01 {
width:10%;
background:#dce5f5;
color:#3c4452;
font-weight:bold;
text-align:center;
padding:5px 0px;
}

.item_info_table_head02 {
width:19%;
background:#dce5f5;
color:#3c4452;
font-weight:bold;
text-align:center;
padding:5px 5px;
}

.item_info_table_head03 {
width:30%;
background:#dce5f5;
color:#3c4452;
font-weight:bold;
text-align:center;
padding:5px 5px;
}

.item_info_table_head04 {
width:52%;
background:#dce5f5;
color:#3c4452;
font-weight:bold;
text-align:center;
padding:5px 5px;
}


/*iframe_image 分頁截圖*/
.imgframe_box {
	float:left;
	width:265px;
	margin-left: 11px;
}

.imgframe_top {
width:265px;
height:4px;
background:url(../images/common/img265_top.gif) left bottom no-repeat;
}

.imgframe_bg {
width:265px;
background:url(../images/common/img265_bg.gif) left top repeat-y;
font-size:0px;
line-height:0px;
vertical-align:top;
}

.imgframe_bg img {
	width: 97%;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}

.imgframe_bottom {
width:265px;
height:5px;
background:url(../images/common/img265_bottom.gif) left top no-repeat;
}

/* font style*/
.h1{
	color: #a80e49;
}
.bold{
	font-weight: bold;
}
.red-bold
{
	color:#a80e49;
	font-weight:bold;
}
.f1{
	color:#FF0000;
}
.f2{
	color:#5b88c2;
}
.f3{
	color:#41a15b;
}
.f4{
	color:#e59155;
}
.ft14{
	font-size: 16px;
}
.orange{
	color:#FF9900;
	font-weight: bold;
}
.black-job
{
	color:#4a3f3b;
	font-weight:bold;
}
.red{color:#CC3300;}
.red a{color:#CC3300;}
.red2{color:#FF0000;}
.blue{
	color:#0174ae;	
}
.blue a{
	color:#0174ae;
}
.white
{
	color: #FFF;	
}
.white a
{
	color: #FFF;	
}

.table-container
{
    display:table;
    width:92%;
    border-collapse: collapse;
	margin-left: 5px;
    }
 
.table-row
 {  
     display:table-row;
 }

.col
 {
	display:table-cell;
	vertical-align:middle;
 }

.sub_title{
	text-align: left;
	margin-left: 35px;
}
.box_title{
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

/*wallpaper*/
.wallpaper {
	width:100%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

.wallpaper_table td
{
	padding: 0px;
	text-align:left;
	vertical-align: top;
	font-family: inherit;
}

.wallpaper_table ul
{
	width: 300px;
	margin-left: 15px;
}
.wallpaper_table li
{
	float: left;
	width: 89px;
	margin: 5px;
}

/*freebbs*/
.freebbs_rules
{
	width: 653px;
	background-image: url(../images/community/freebbs/freebbs.png);
	background-repeat: no-repeat;
	height: 29px;
	margin-top: 15px;
}

.paging_wrapper{
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 90px;
}
.paging_left{
	float: left;
	text-align: right;
	width: 100px;
}
.paging_center{
	float: left;
	width: 350px;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
	vertical-align: middle;
}
.paging_right{
	float: left;
	text-align: right;
	width: 100px;
}

/* BBS */
.freebbs_btn{
	margin-top: 20px;
}

.bbs_blue_tite{

}

/* BBS 回覆 */
.reply_table{
	margin-top: 10px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
}

/* BBS 發post */
.post_table{
	margin-top: 10px;
	width: 653px;
}

/* 653px BBS table */
.bbs_top_653
{
	width: 653px;
	height: 10px;
	background-image: url(../images/common/653_top_white.gif);
}

.bbs_bg_653
{
	width: 653px;
	background-image: url(../images/common/653_bg_white.gif);
}

.bbs_bottom_653
{
	width: 653px;
	height: 11px;
	background-image: url(../images/common/653_bottom_white.gif);
	margin-bottom: 10px;
}

.bbs_title{
	width: 630px;
	height: 31px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-image: url(../images/common/bbs_title.png);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFF;
}
.bbs_content{
	text-align: left;
	width: 620px;
	margin-top: 5px;
	margin-left: 5px;
}

.bbs_content_table td
{
	text-align:left;
	vertical-align: middle;
	font-family: inherit;
}

.bbs_content_name{
	background-image: url(../images/common/581_bbs_top.gif);
	background-repeat: no-repeat;
	width: 581px;
	height: 26px;
	padding-left:20px;
	color: #0769b5;
}

.bbs_content_reply{
	background-image: url(../images/common/581_bbs_bg.gif);
	background-repeat: repeat;
	padding-left:20px;
	padding-right: 10px;
}

.bbs_content_bottom{
	background-image: url(../images/common/581_bbs_bottom.gif);
	background-repeat: no-repeat;
	height: 11px;
}

.bbs_content_time{
	display: inline-block;
	color: #999;
	padding-left: 10px;
}

/*653px Member table*/

.member_top_653
{
	width: 653px;
	height: 10px;
	background-image: url(../images/common/653_black_top.gif);
}

.member_bg_653
{
	width: 653px;
	background-image: url(../images/common/653_black_bg.gif);
}

.member_bottom_653
{
	width: 653px;
	height: 11px;
	background-image: url(../images/common/653_black_bottom.gif);
	margin-bottom: 10px;
}

.member_title{
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

.member_content{
	text-align: left;
	width: 620px;
	margin-top: 5px;
	margin-left: 5px;
}

.member_content_table td
{
	text-align:left;
	vertical-align: middle;
	font-family: inherit;
	padding-top: 10px;
	padding-left: 10px;
}

.line
{
	background-image:url(../images/common/line.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
}

.bbs_rules {
	text-align: left;
	font-size: 12px;
	color: #000;
	padding-right: 10px;
	padding-left: 15px;
}
.bbs_rules li{
	margin-left: 1.5em;
}

/*fanArt*/
.fanArt {
	margin-left: 15px;
}

.fanArt_box {
	height: 194px;
	width: 185px;
	border: 1px solid #3f8db4;
	display: inline-block;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.fanArt_table {
	text-align: center;
	vertical-align: middle;
	width: 185px;
	height: 190px;
}
.fanArt_photo {
	height: 135px;
	width: 185px;
}
.fanArt_photo img{
	width: 100%;
	overflow: hidden;
	border:0px;
}

.fanArt_td{
	width: 185px;
	background-color: #d5eaf6;
}
.fanArt_title{
	min-width: 50px;
	max-width: 180px;
	height:20px;
	color: #0174ae;
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 0px;
	background-color: #d5eaf6;
}
.TextOverflow{
	max-width: 110px;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis; /* for Opera */
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}
.fanArt_title a{
	color: #0174ae;
	background-color: #d5eaf6;
}
.fanArt_title img{
	display: inline;
	vertical-align: 3px;
	padding-right: 2px;
	padding-left: 4px;
}
.fanArt_like {
	width: 50px;
	color: #f55b5b;
	background-color: #d5eaf6;
	text-align: left;
	vertical-align: 5px;
	line-height: 1px;
}
.fanArt_name {
	color: #000;
	background-color: #d5eaf6;
	height: 20px;
	width: 185px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

/*fanArt Replay*/
.fanArt_content{
	
}

.fanArt_content img{
	height: auto;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	
}
.fanArt_wrapper{
	min-height: 68px;
	height: auto;
}
.like_display {
	background-image: url(../images/community/fanart/like_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 68px;
	width: 108px;
	float: left;
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	padding-top: 13px;
}

.fanArt_info {
	height: auto;
	width: 100%;
}

ul.playlist {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.playlist li {
	margin-bottom: 5px;
}
ul.playlist li a img {
	border: 0;
	vertical-align: middle;
}

.tv {
	background: #FFFFF;
	padding: 20px;
	width: 640px;
	height: 360px;
}
.video {
	float: left;
	width: 480px;
	height: 360px;
}

.mainWidth{width:978px;background:#FFF;border:1px solid #666;margin:310px auto 10px auto;min-height:400px;}
.mainWidth h2{font:bold 18px '微软雅黑';}
			.woaicss {width:481px; overflow:hidden;}
			#woaicsstitle {width:481px; height:51px; background-image:url(../images/news_01.jpg); no-repeat; margin:0 auto;}
			.tabNewsLine {width:481px; height:24px; padding-top:4px;}
			.tabNewsLine_Icon {float:left; width:42px; padding-left:22px;}
			.tabNewsLine_content {float:left; font:12px Verdana, Geneva, sans-serif; padding-left:2px; height:24px; line-height:24px; text-overflow:ellipsis; -o-text-overflow:ellipsis; /* for Opera */ overflow:hidden;}
			.tabNewsLine_Date {float:right; font:12px Verdana, Geneva, sans-serif; height:24px; line-height:24px; padding-right:22px;}
			#tabNewsPage {font:12px Verdana, Geneva, sans-serif; color:#333;}