@charset "utf-8";


/*內容區塊-3欄式
--------------------------------------------------------------------------------------------------------*/

/* 左側欄-選單
---------------------------------------------------------------- */
#navSecondary {
	float: left;
	width: 180px;
	display: inline;		/* fix ie6 bug */
	margin-left: 10px;
	margin-bottom: 30px;
	position: relative;
	color: #666666;
}

#navSecondary a {
	color: #666666;
}

#navSecondary a:hover {
	color: #a77001;
}

#navSecondary.home {
	margin-bottom: 0px;
}	/* 首頁調整用 */


/* 左側欄-首頁快速選單
---------------------------------------------------------------- */
#homeFastMenu {
	height: 60px;
	width: 180px;
	margin-bottom: 4px;
}

#homeFastMenu li {
	text-indent: -9999px;
	list-style-type: none;
	
}

#homeFastMenu li a {
	width: 180px;
	display: block;
	height: 29px;
	background-image: url(../../images/homeFastMenu.gif);
	margin-bottom:3px;	
}

#homeFastMenu li#n1 a {background-position: 0px 0px;}
#homeFastMenu li#n2 a {background-position: 0px -29px;}
#homeFastMenu li#n3 a {background-position: 0px -58px;}
#homeFastMenu li#n4 a {background-position: 0px -87px;}
#homeFastMenu li#n5 a {background-position: 0px -116px;}

#homeFastMenu li#n1 a:hover {background-position: -180px 0px;}
#homeFastMenu li#n2 a:hover {background-position: -180px -29px;}
#homeFastMenu li#n3 a:hover {background-position: -180px -58px;}
#homeFastMenu li#n4 a:hover {background-position: -180px -87px;}
#homeFastMenu li#n5 a:hover {background-position: -180px -116px;}

/* 左側欄-通用選單
---------------------------------------------------------------- */
.menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.menu li {
	margin: 0px;
	padding: 0px;
}

.menu li h3 {
	padding-top: 3px;
	*padding-top: 6px;
	padding-left: 24px;
	height: 31px;
	background-image: url(../../images/moduleHead.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

.menu li ul {
	padding: 0px;
	list-style-type: none;
	margin-bottom: 5px;
	border-bottom: 1px solid #E8E7E7;
}

.menu li ul li {
	background-image: url(../../images/moduleContentBg_o.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

.menu li ul li a {
	background-image: url(../../images/moduleContentBg.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 30px;
	padding-left: 32px;
}

.menu li ul li a:hover {
	text-decoration: none;
	background-image: none;
	background-color: transparent;
	color: #a77001;
}

.menu li ul li a.stay {
	text-decoration: none;
	background-image: none;
	background-color: transparent;
}

.menu li ul li h4 {
	background-image: url(../../images/moduleContentBg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-left: 32px;
	height: 30px;
	font-size: 12px;
	font-weight: normal;
}

.menu li ul li h4.attC1 {
	color: #FF6600;
	font-weight: bold;
}

.menu li ul li h4.attC2 {
	color: #669900;
	font-weight: bold;
}

/* 儲值-2層選單(線上購點>遊戲專館)
---------------------------------------------------------------- */
.menu li ul li.l2 {
	background-image: url(../../images/moduleContentBg2_o.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

.menu li ul li.l2 a {
	background-image: url(../../images/moduleContentBg2.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 30px;
	padding-left: 45px;
}

.menu li ul li.l2 a:hover {
	text-decoration: none;
	background-image: none;
	background-color: transparent;
}

.menu li ul li.l2 a.stay {
	text-decoration: none;
	background-image: none;
	background-color: transparent;
}

/*各類點數查詢與遊戲設定中心
--------------------------------------------------*/

.menu .special {
	background-image: url(../../images/moduleContentSBg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 55px;
	font-size: 11px;
	text-align: center;
}

.menu .special em {
	display: block;
	font-style: normal;
	margin-bottom: 3px;
}

.menu .special em.s2 {
	color:#666666;
	display: block;
	font-style: normal;
	text-align: left;
	margin-left: 6px;
	padding: 0px;
	letter-spacing: normal;
}

.menu .special a {
	background-image: none;
	text-decoration: none;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 106px;
	display: block;
}

.menu .special a:hover {
	text-decoration: none;
}


/* 包圍中間欄與右側欄的div-讓3欄式的主要內容能在頁面上方呈現
----------------------------------------------------------------*/
#cMain {
	float:right;
	width: 790px;
	margin-right: 10px;
	display: inline;		/* fix ie6 bug */
	margin-bottom: 30px;
	position: relative;
}

#cMain.home {
	margin-bottom: 0px;
}	/* 首頁調整用 */


/* 中間欄
----------------------------------------------------------------*/
#contentCenter {
	float: left;
	width: 605px;
	display: inline;		/* fix ie6 bug */
	position: relative;
}

#ad605 {
	width: 605px;
	height: 90px;
	margin-bottom: 10px;
}/* 605 x 90 廣告區 */

/* 中間欄-首頁上方-flash廣告區塊
----------------------------------------------------------------*/
#homeMainAD {
	width: 605px;
	height: 281px;
}

/* 中間欄-首頁下方-遊戲介紹區塊
----------------------------------------------------------------*/
#homeGameProfile {
	width: 600px;
	position: relative;
	margin-bottom: 30px;
	margin-left: 195px;
	clear: both;
}

#homeGameProfile ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	letter-spacing: normal;
}

/* PRODUCT BROWSER */
#productbrowser { width: 600px; height: 220px; background: url(../../images/picGameProfileBG.jpg) no-repeat top; overflow: auto; }
#pb-productbrowsercontainer {
	position: relative;
	width: 575px;
	height: 200px;
	margin: 0 auto;
	padding: 10px 10px 10px 11px;
}
#pb-productslider {
	width: 575px;
	height: 100px;
	position: absolute;
	margin: 0;
	padding: 0;
}
#pb-productslider .pb-productimage {
	float: left;
	width: 170px;
	height: 30px;
	position: relative;
	top: 0;
	margin-right: 9px;
	margin-left: 9px;
}
#pb-productslider .pb-productimage a:link,
#pb-productslider .pb-productimage a:visited { float: left; width: 100%; padding-top: 185px; overflow: hidden; color: #666; font-size: 11px; text-align: center; background-position: 50% 100%; background-repeat: no-repeat; }
#pb-productslider .pb-productimage a:hover { text-decoration: none; color: #F3C200; }

/* PRODUCT BROWSER PRODUCTS */
/*
#pb-productslider #pb-game01 a { background-image: url(../../images/picGame01.jpg); }
#pb-productslider #pb-game02 a { background-image: url(../../images/picGame02.jpg); }
#pb-productslider #pb-game03 a { background-image: url(../../images/picGame03.jpg); }
*/
/* 遊戲說明 */
.contentGame {
	position:absolute;
	visibility: hidden;
	border: 1px solid #F3C200;
	width: 450px;
	padding: 10px;
	z-index: 999;
	font-size: 11px;
	background-image: url(../../images/alpha.png);
	background-repeat: repeat;
	color: #666666;
}
.contentGame h3 {
	font-size: 16px;
	margin-bottom:1em;
	color: #F3C200;
	margin-top: 0px;
}

.contentGame h4 {
	font-size: 12px;
	margin-bottom: 0.3em;
	color: #F3C200;
	margin-top: 0px;
}

.contentGame p {
	font-size: 12px;
	margin-bottom: 0.5em;
	margin-top: 0px;
	line-height: 150%;
}

.contentGame ul {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	list-style: none;
}
.contentGame ul li {
	margin-left: 1em;
	padding-left: 0;
}

.contentGame .gameCover {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	position: relative;
}

.contentGame .gameCover img {
	margin-bottom: 10px;
	display: block;
}

.contentGame .gameCover em {
	display: block;
	font-style: normal;
	text-align: center;
	font-size: 11px;
}


/* 主要資訊
--------------------------------------------------------------------*/
#content {
	width: 605px;
	position: relative;
}

/* 右側欄-其他資訊
------------------------------------------------------------------- */
#contentAdded {
	float:right;
	display: inline;		/* fix ie6 bug */
	width: 180px;
	position: relative;
}


/* 右側欄-戰谷公告
------------------------------------------------------------------- */
.publish {
	padding: 0px;
	list-style-type: none;
	margin-bottom: 5px;
	border-bottom: 1px solid #E8E7E7;
	font-size: 11px;
	letter-spacing: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #666666;
}

.publish a {
	color: #666666;
}

.publish a:hover {
	color: #a77001;
}

.publish h3 {
	padding-top: 3px;
	*padding-top: 6px;
	padding-left: 24px;
	height: 31px;
	background-image: url(../../images/moduleHead.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
}

.publish h3 span {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	position: absolute;
	top: 4px;
	right: 4px;
	letter-spacing: -0.1em;
}

.publish h3 span a {
	color: #FFFFFF;
}

.publish li {
	background-image: url(../../images/publishBg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 25px;
	padding: 0px 6px;
}

.publish li p {
	width: 168px;
	word-break:keep-all;/* 不換行 */
	white-space:nowrap;/* 不換行 */
	overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
	text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/
}

.publish li a {
	text-decoration: none;
}

.publish li a:hover {
	text-decoration: none;
}

/* 右側欄-廣告180x150
------------------------------------------------------------------- */
.adRight {
	width: 180px;
	margin-bottom: 5px;
}

/* 右側欄-熱門商品
------------------------------------------------------------------- */
.hotP {
	width: 180px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 5px;
}

.hotP h3 {
	padding-top: 3px;
	*padding-top: 6px;
	padding-left: 24px;
	height: 23px;
	*height: 20px;
	background-image: url(../../images/moduleHead.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

.hotP li {
	width: 180px;
	padding: 0px;
	margin-bottom: 2px;
}

/* 右側欄-本週新品 and 左側欄-戰谷特賣列車
------------------------------------------------------------------- */
.oneP {
	width: 180px;
	padding: 0px;
	margin-bottom: 5px;
}

.oneP h3 {
	padding-top: 3px;
	*padding-top: 6px;
	padding-left: 24px;
	height: 23px;
	*height: 20px;
	background-image: url(../../images/moduleHead.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

.oneP p {
	width: 180px;
	padding: 0px;
	margin: 0px;
}

/* 右側欄-快速尋找商品
------------------------------------------------------------------- */
.searchP {
	width: 180px;
	padding: 0px;
	margin-bottom: 5px;
}

.searchP h3 {
	padding-top: 3px;
	*padding-top: 6px;
	padding-left: 24px;
	height: 23px;
	*height: 20px;
	background-image: url(../../images/moduleHead.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

.searchP p {
	width: 180px;
	padding: 0px;
	margin: 0px;
}

/*儲值流程-儲值完成
--------------------------------------------------------------------------------------------------------*/
#storeOK h3 {
	font-size: 16px;
	color: #990000;
	margin-bottom: 1em;
}