@charset "big5";
@import url("reset.css");


/* ------------------------ body ------------------------*/	
body{
	font-size:13px;
	color:#FFF;
	line-height:2.0;
	text-align:justify;
	background-position:top;
	background-image:url(/images/bg-01.jpg);
	background-color:#333;
	letter-spacing:1px;
	}
	

/* ------------------------ ALL FONT ------------------------*/	

.FONT_01{
	color: #fc6161;
	letter-spacing:1px;
	}
	
.FONT_02{
	color: #9b937e;
	letter-spacing:1px;
	}
/* ---ok---*/		
.FONT_03{
	color: #cca853;
	letter-spacing:1px;
	}
/* ---ok---*/	
.FONT_04{
	color: #FFFFFF;
	letter-spacing:1px;
	}
	
.FONT_05{
	color:#bc4f4f;
	letter-spacing:1px;
	}


.FONT_06{
	color:#0FF;
	letter-spacing:1px;
	}
	

/************ top上面選單  **********/

#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 850px;
	float:right;
	margin-top:447px;	
}

#menu li {
	margin: 0;
	padding: 0;
	float: left;


}
#menu li a {
	padding: 3px 0;
	display: block;
	color:#000;
	text-decoration: none;


}
#menu li ul {	
    margin-top:-110px ;
	list-style: none;
	float: left;
	position: absolute;
	left: 0;
	display: none;

}
#menu li ul li {}
#menu li ul li a { display: inline; }
#menu li ul li a:hover { text-decoration: underline; }
	
/*-----------------------------我的表格--------------------------------*/



.table {	           /*整體表格*/
	font-size:12px;
	width: 100%;
	margin: 0 0 10px 0; /*表格與外部的間距*/
	border: 5px #474135 solid; /*框線顏色,樣式*/
	border-collapse: collapse; /*允許框線重疊*/
	letter-spacing:1px;
}

.table td {
	color: #7d7a75;
	padding-left:5px;
	height: 1.8em;
	line-height: 30px;/*列_高度*/
	border: 1px solid #474135; /*框線顏色,樣式*/
	background-color: #1F1E1D;
}

.td_center {
	text-align: center;	   /*文字置中*/
}

.table th {
	color:#7d7a75;
	line-height: 30px;/*第1列_高*/
	text-align: center;/*第1列_文字置中*/
	font-weight: bold;/*第1列_粗體*/
	background-color: #0E0D0D;/*第1列_底色*/
	border: 1px #474135 solid; /*框線顏色,樣式*/


}

/*-----------------------------公告表格--------------------------------*/



.table_01 {	           /*整體表格*/
	font-size:12px;
	width: 100%;
	margin: 0 0 10px 0; /*表格與外部的間距*/
	border: 5px #474135 solid; /*框線顏色,樣式*/
	border-collapse: collapse; /*允許框線重疊*/

}

.table_01 td {
	color: #7d7a75;
	height:50px;
	padding:5px 5px 5px 5px;
	height: 1.8em;
	border: 1px solid #474135; /*框線顏色,樣式*/
	background-color: #1F1E1D;
}


.table_01 th {
	color:#7d7a75;
	line-height: 30px;/*第1列_高*/
	text-align: center;/*第1列_文字置中*/
	font-weight: bold;/*第1列_粗體*/
	background-color: #0E0D0D;/*第1列_底色*/
	border: 1px #474135 solid; /*框線顏色,樣式*/


}
/* ----------------------- 表格文字 ----------------------*/	
	
.TABLE_01{
	color: #9b937e;
	letter-spacing:1px;
	padding:0 0 0 25px;
	}
	
.TABLE_02{
	color: #7d7a75;
	letter-spacing:1px;
	padding:0 0 0 25px;
	}
	
.TABLE_03{
	background-image:url(images/t-02/t2-01/TABLE_BG.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
.TABLE_font{
	color: #7d7a75;
	letter-spacing:1px;
	}
	
/* ------------------------ 最外層包裝 -----------------------*/

#WRAPPER{
		width:100%;
		height:1000px;
		background-repeat:no-repeat;
		background-position:center top;
		position: relative;
		background-image:url(/images/bg-02.jpg);
	    }
		
		
			
/* ------------------------ 主選單 --------------------------*/
#HEADER {
		width:1002px;
		background-repeat:no-repeat;
		background-position:center top;
		margin:0 auto;
		position: relative;

    }
	
#HEADER_BG {
		width:1002px;
		margin:0 auto;
		background-position:center top;

    }
		
#apDiv1{ /*上抬頭banner*/
	margin:115px 0 0 40px;
    position:absolute; 
    }
	
#apDiv2{
	padding:385px 0 0 53px;
    position:absolute; 
    }

#TOP_LOGO{
	padding:13px 0 0 615px;
    position:absolute; 
    }
		
#TOP_PHO{
		background-position:center top;
		background-repeat:no-repeat;
    }
	
#TOP_ICON{
    position:absolute;
	z-index:1;
    }
/* ------------------------ 左邊選單(5/12) ------------------------*/		
#SUB_LEFT {
	width:200px;
	float:left;
	padding:0 0 0 20px ;

    }

/* --- 抬頭名稱  --- */	
#SUB_LEFT h1 {
	margin:0 0 7px 9px;
	}

/* --- FB邊框  --- */	
#SUB_LEFT h2 {
	margin:0 0 0 10px ;
	}
	
/* --- 左邊選單 --- */		
#menu_a {
	list-style: none;
	padding:0 0 10px 0;
}


#menu_a li a {
	display: block;
	height: 54px; /* 圖片的高 */
	line-height: 3px;	/* ie suck */
	text-indent: -9999px;
}
#menu_a a.ICON_01 {
	width:207px; 
	background:url(images/sub_left/sub_left_01.png) no-repeat 0 0;	
	padding:0 0 3px 0;
}
#menu_a a.ICON_02 {
	width:207px; 
	background:url(images/sub_left/sub_left_02.png) no-repeat 0 0;	
	padding:0 0 3px 0;
}	
#menu_a a.ICON_03 {
	width:207px; 
	background:url(images/sub_left/sub_left_03.png) no-repeat 0 0;
	padding:0 0 3px 0;
}
#menu_a a.ICON_04 {
	width:207px; 
	background:url(images/sub_left/sub_left_04.png) no-repeat 0 0;	
	padding:0 0 3px 0;
}
#menu_a a.ICON_05 {
	width:207px; 
	background:url(images/sub_left/sub_left_05.png) no-repeat 0 0;	
	padding:0 0 3px 0;
}
#menu_a a.ICON_06 {
	width:207px; 
	background:url(images/sub_left/sub_left_06.png) no-repeat 0 0;	
	padding:0 0 3px 0;
}	
#menu_a a.ICON_07 {
	width:207px; 
	background:url(images/sub_left/sub_left_07.png) no-repeat 0 0;	
	padding:0 0 3px 0;
}
#menu_a a.ICON_08 {
	width:207px; 
	background:url(images/sub_left/sub_left_08.png) no-repeat 0 0;	
	padding:0 0 3px 0;
}

#menu_a a.ICON_09 {
	width:207px; 
	background:url(images/sub_left/sub_left_09.png) no-repeat 0 0;	
}
/* ------------------------ 右邊選單------------------------*/
#SUB_RIGHT{
	width:234px;
	height:484px;
	float:right;
	background-image:url(images/sub_right/right_bg.png);
	}
	
/* --- TV --- */	
#SUB_RIGHT h1 {
	padding:25px 0 47px 17px;
	}	
	
/* --- 80px BANNER --- */	
#SUB_RIGHT h2 {
		z-index:10;
	padding:22px 0 0 17px;
	}
	
/* --- 120px BANNER --- */	
#SUB_RIGHT h3 {
	padding:29px 0 0 17px;
	}
	
/* --- 各國版本選 --- */	
#hmenu {
	padding:15px 0 8px 20px;
	list-style: none;
}
#hmenu li {
	float: left;

}
#hmenu li a {
	display: block;
	height: 24px; /* 圖片的高/2 */
	text-indent: -9999px;
}
#hmenu a.v1 {
	width:63px;
	background:url(images/sub_right/sub_right_01.png) no-repeat 0 0;
	padding:0 0 0 3px;
}
#hmenu a.v2 {
	width:63px; 
	background:url(images/sub_right/sub_right_02.png) no-repeat 0 0;	
	padding:0 0 0 3px;
}	
#hmenu a.v3 {
	width:63px; 
	background:url(images/sub_right/sub_right_03.png) no-repeat 0 0;
	padding:0 0 0 3px;
}

/* ------------------------ 公告內容區 ------------------------*/	
/* --- 首頁版型內容區 --- */	
#CONTENT{
	margin-left:240px;
	margin-right:240px;
	}
	
/* --- 公告內頁文字連結(手動公告) --- */		
#CONTENT a{
	color:#FFF;
	font-size:12px;
	line-height:22px;
	}	
	
#CONTENT a:hover{
	color:#f4a917;
	line-height:22px;
	font-size:12px;
	}

/* --- 內頁版型內容區 --- */		
#CONTENT_PAGE{
	margin-left:215px;
	}	
	
#BULLETIN{
	width:477px;
	margin:0 0 0 21px;
	}
	
/* --- 公告五個按鈕 --- */	
#ICON{
	width:485px;
	height:49px;
	padding:15px 0 0 35px;
	background-image:url(images/bulletin/main_icon_bg.png);
	}

/* --- search --- */	
#SEARCH{
	height:22px;
	}
	
.SEARCH_ICON{
	float:right;
	padding:5px 3px 0 0;
	}
	
.SEARCH_TEXT{
	float:right;
	padding:5px 3px 0 0;
	}
	
/* --- 公告文字框--- */
.MAIN{
	padding:6px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#343535;	
	}
	
/* --- 公告icon --- */			
.MAIN_ICON{
	float:left;
	}	

/* --- 公告文字 --- */	
.MAIN_CON{
	width:370px;
	font-size:12px;
	letter-spacing:1px;
	margin-left:38px;
	}
	
#MAIN a{
	color:#FFF;
	}	
	
#MAIN a:hover{
	color:#f4a917;
	}
	
/* --- 日期 --- */		
.MAIN_DATE{
	float:right;
	font-size:11px;
	color:#a68f76;
	margin-left:10px;
	}	
	
/* --- MORE_ICON --- */
#MORE{
	margin:10px 0 0 430px;
	}

/* --- 遊戲截圖抬頭 --- */
.MORE_CON{
	float:right;
	}
	
/* --- NPC --- */	
#NPC {
	float:left;
	}

/* --- 遊戲截圖 --- */	

#PHOTO_MAIN {
	float:right;
	margin: 5px 10px 0 0;
	}
	
#PHOTO {
	width:342px;
	height:220px;
	z-index:1;
	padding:12px 0 0 9px;
	background-image:url(images/content/imgPlayer_bg.png);
	}	


#imgPlay {
	overflow:hidden;
	width:333px;
	position:relative;
}

#imgPlay .imgs IMG {
	width:333px;

}

#imgPlay .imgs LI {
	float:left;
	position:relative;
}

#imgPlay .prev {
	background: url(images/content/imgPlayer.png) no-repeat 0px 0px; 
	left: 20px;
	top: 80px; 
	width: 40px; 
	height:60px;
	cursor: pointer;
	text-indent: -9999px; 
	position: absolute; 
	}

#imgPlay .next {
    background: url(images/content/imgPlayer.png) no-repeat 0px 0px; 
    width: 40px;
	height: 60px;
    cursor: pointer; 
    text-indent: -9999px; 
    position: absolute; 
	right: 20px;	
    top: 80px; 
	background-position:right 0px;
}

/* ----------------------- 公告點選內頁 ----------------------*/	

#NEWS{
	width:515px;
	 background-image:url(images/new/new-02.jpg);

	}
	
.NEWS_HEA{
    background-image:url(images/new/new-01.jpg);
	background-repeat:no-repeat;
	}
	

	
/* --- 公告FB --- */	
.NEWS_SHA{
	padding:30px 0 0 430px;
	
	}

/* --- 公告日期 --- */	
.NEWS_DATE{
	font-size:12px;
	line-height: 22px;
	color:#ffffff;
	padding:0 0 0 45px;
	}		
	
/* --- 公告大標 --- */	
.NEWS_TI{
	text-align:justify;
	float:right;
	width:380px;
	height:50px;
	font-weight:bolder;
	font-size:12px;
	line-height:22px;
	letter-spacing:1px;
	color:#FC0;
	margin:5px 30PX 0 60PX;
	}
	
/* --- 公告內文 --- */	
#NEWS_P{
	width:455px;
	font-size:12px;
	line-height:30px;
	text-align:justify;	
	margin:50px 0 0 36px;
	}
	
#NEWS_P a{
	color:#ae8c8a;
	font-size:12px;
	text-align:justify;
	letter-spacing:1px;
	line-height:30px;
	text-decoration:none;
	}	
	
#NEWS_P a:hover{
	color:#7a7a7a;
	font-size:12px;
	text-align:justify;
	letter-spacing:1px;
	line-height:30px;
	text-decoration:none;
	}
	
	
.NEWS_FB{
	padding:50px 0 0 36px;
	}
	
/* ------------------------ 版權所有 ------------------------*/	

#FOOTER {
	width:1002px;	
	margin:0 auto;
	background-position:center top;
	}
	
/* ------------------------ 內頁版型 ------------------------*/	

#PAGE {
	width:771px;
	background-image:url(images/page_02.png);
	margin:0 0 0 15px ;
	}	
	
	
/* --- 內頁版型  HEADER --- */		
.PAGE_HEA{
		width:771px;
		background-image:url(images/page_01.jpg);
		background-repeat:no-repeat;
		}
		
/* --- 內頁版型  FOOTER --- */			
.PAGE_FOOT{
	    width:771px;
		height:62px;
		background-image:url(images/page_03.jpg);
		padding:20px 0 0 50px;
		background-repeat:no-repeat;
		}
		
/* --- 內頁版型  MAIN --- */			
.PAGE_MAN{

		width:705px;		
		margin:0 0 20px 35px;			
		}

#PAGE h1{
	padding:40px 0 10px 0;
	}

/* --- 圖片底框 --- */	
#PAGE h2{
	width:608px;
	height:448px;
	background-image:url(images/pic-bg.jpg);
	padding:11px 0 0 12px;
	margin:30px 0 40px 45px;
	}
	
/* --- 內文大標 --- */		
#PAGE h3{
	font-size:12px;
	padding:20px 0 0 0;
	font-weight:normal;
	
	}	
	
/* --- 內文置中圖片 --- */		
#PAGE h4{
	padding:30px 0 30px 0;
	}	
	
/* ---經典收藏影片下載按鈕 --- */		
#PAGE h5{
	float:left;
	padding:4px 0 0 30px;	
	}
	
/* ---下載遊戲 --- */		
#PAGE p{}

/* ------------------------桌布下載 ------------------------*/	

a img {
	border: 0;
}
#menuDiv {
	width:650px;
	height:900px;
	margin:30px 0 0 0;
}

#tabMenu {
	list-style: none;
	margin:0 0 0 20px;
}

	

#tabMenu li {
	float: left;
	width: 200px;
	height: 160px;
	margin:50px 10px 10px 0px;
}
#tabMenu li a {
	font-size:12px;
}

#tabMenu li a:hover{}

.DESK_CON {
	width:200px;
	height:49px;
	background-image:url(images/t-04/t4-02/t4_02.png);
	background-repeat:repeat;
	overflow:auto;
	padding:9px 0 0 0px;

	}
	



/* ------------------------ 經典收藏 ------------------------*/	

#SHARE {
	overflow:auto;
    }
	
.MOVIE {
	float:left;
	}
	
.MOVIE_CON {
	width:260px;
	height:45px;
	background-image:url(images/t-04/t4-01/t4_01.png);
	background-repeat:repeat;
	overflow:auto;
	padding:0 0 0 50px;
	margin:0 35px 15px 0;
	}
	
/* ------------------------ 遊戲下載 ------------------------*/	
.DOWNBG1{	
	width:450px;
	height:238px;
	background-image:url(images/t-03/t3-01/t3-bg-01.jpg);
	padding:50px 0 0 170px;
	margin:0 0 30px 40px;
	overflow:auto;
	}
	
.DOW1_TB{
	float:left;
	font-size:12px;
	width:76px;
	height:37px;
	letter-spacing:1px;
	padding:6px 0 0 10px;
	background-image:url(images/t-03/t3-01/t3-bu-01.gif);
	}	
	
.DOWNBG2{
	background-color:#CFF;
	width:590px;
	height:117px;
	background-image:url(images/t-03/t3-01/t3-bg-02.jpg);
	padding:50px 0 0 30px;
	margin:0 0 0 50px;
		}

.DOWNBG2_left{
	float:left	
	}
	
.DOWNBG2_right{
	float:right;
	padding:5px 80px 0 0;
	}	
	
.DOW2_TB{
	float:left;
	font-size:12px;
	width:100px;
	height:37px;
	background-image:url(images/t-03/t3-01/t3-bu-02.gif);
	padding:6px 20px 0 0;
	}
	
	
.DOWNBG1, .DOWNBG2, a{
	color:#91856d;
	font-size:12px;
	text-align:justify;
	letter-spacing:1px;
	line-height:25px;
	text-decoration:none;
	font-weight:normal;
	}	
	
.DOWNBG1, .DOWNBG2, a:hover{
	color:#e9b62e;
	font-size:12px;
	text-align:justify;
	letter-spacing:1px;
	line-height:25px;
	text-decoration:none;
	font-weight:normal;
	}
/* ------------------------ 產品上市 ------------------------*/	

.PRO_BG{	
	width:650px;
	height:220px;
	background-image:url(images/t-08/t8-01/pro-bg.png);
	margin:0 0 0 30px;
	}	
	
.PRO_TEXT{
	padding:10px 0 0 0;
	}
	
.PRO_TI{
	color:#FFF;
	padding:15px 0 0 0;
	}
	
/* ------------------------ 申請帳號 ------------------------*/	
.MEMBER {
	font-size: 12px;
	line-height: 23px;
	color: #7d7a75;
	height: 600px;
	text-decoration: none;
	width: 100%;
	overflow: auto;
	border: 1px dashed #978e80;
}


/***********************************************/
/*noroi用* 線上人數/ 
/***********************************************/

#onlineCount-Div
{
	position: absolute;
	top: 80px;
	left: 5px;
	margin: 0;
	padding: 0.1em;
	color: #ffffff;
	background: #0000ff;
	font-size: 12px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
	display: none;
}

#divNews  /*滑鼠顯示訊息公告*/
{
	position: absolute;
	top: 580px;
	left:100px;
	width:500px;
	margin: 0;
	padding: 0.1em;
	color: #c6c6c6;
	background: #131022;
	font-size: 12px;
	display: none;
	padding:15px 15px 15px 15px;
	line-height:1.8;
	letter-spacing:1px;
	z-index:1;
}


/*--------有數字的banner，只能用JQ8-----------*/

.slide-wrapper {/*整個外框*/
	width:230px;
	height: 150px;
	padding: 180px 10px 10px 0px;
	border: 0px solid #ccc;
/*	background-color: #FC6;*/
	position:	absolute;
}


.pics5 {/*圖片*/
	margin-top:0px;

}

#nav {/*數字按鈕*/
	font-family: "微軟正黑體", "新細明體", "Arial";

	font-size:12px;
	line-height:14px;
	position: absolute;
	left: 110px;
	top: 150px;
	z-index: 999;
}

#nav a {
	color: #FFF;
/*	background-color: #6666FF;*/
	text-decoration: none;
	margin: 3px 3px;/*外間距*/
	padding: 2px 5px 2px 5px;/*內間距*/
}
#nav a.activeSlide {/*目前按鈕*/
	background-color: #66F;
	border: 1px solid #FFF;
	color: #FFF;
}
#nav a:focus {
	outline: none;
}



#msg {/*圖說*/
	font-family: "微軟正黑體", "新細明體", "Arial";
	font-size: 18px;
	position: absolute;
	top: 40px;
	left: 170px;
	/*width: 100%;*/
/*	height: 30px;*/
	z-index: 99;/*讓說明文字的階層高一點 不會被擋到*/
	color: #000;
	line-height: 1.6;
	padding: 0 20px 0 0px;	
}
.msgbg {/*半透明文字框的底*/
	background-color: #000;
	opacity:0.2;
	position: absolute;
	top:0px;
	left: 0;
	width: 100%;
/*	height: 30px;*/
	z-index: 99;
}