@charset "utf-8";


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

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

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

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

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

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

#homeFastMenu li#n1 a {background-position: 0px 0px;}
#homeFastMenu li#n2 a {background-position: 0px -40px;}
#homeFastMenu li#n3 a {background-position: 0px -80px;}
#homeFastMenu li#n4 a {background-position: 0px -120px;}

#homeFastMenu li#n1 a:hover {background-position: -180px 0px;}
#homeFastMenu li#n2 a:hover {background-position: -180px -40px;}
#homeFastMenu li#n3 a:hover {background-position: -180px -80px;}
#homeFastMenu li#n4 a:hover {background-position: -180px -120px;}



/* 左側欄-通用選單
---------------------------------------------------------------- */
.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;
}

.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 li ul li.l3 {
	background-image: url(../../images/moduleContentBg3_o.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

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

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

.menu li ul li.l3 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 {
	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;
	z-index:100;	/* 原檔案無 */
}

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


/* 中間欄
----------------------------------------------------------------*/
#contentCenter {
	float: left;
	width: 605px;
	display: inline;		/* fix ie6 bug */
	position: relative;
	z-index:100;	/* 原檔案無 */
}

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

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

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

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

/* PRODUCT BROWSER */
#productbrowser { width: 975px; height: 180px; background: url(../../images/picGameProfileBG.jpg) no-repeat top; overflow: auto; }
#pb-productbrowsercontainer { position: relative; width: 975px; height: 180px; margin: 0 auto; }
#pb-productslider { top: 4px; left: 0; width: 975px; height: 140px; position: absolute; margin: 0; padding: 0; }
#pb-productslider .pb-productimage { float: left; width: 120px; height: 140px; position: relative; top: 0; }
#pb-productslider .pb-productimage a:link,
#pb-productslider .pb-productimage a:visited { float: left; width: 100%; padding-top: 125px; 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: #C00; }

/* 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); }
#pb-productslider #pb-game04 a { background-image: url(../../images/picGame04.jpg); }
#pb-productslider #pb-game05 a { background-image: url(../../images/picGame05.jpg); }
#pb-productslider #pb-game06 a { background-image: url(../../images/picGame06.jpg); }
#pb-productslider #pb-game07 a { background-image: url(../../images/picGame07.jpg); }
#pb-productslider #pb-game08 a { background-image: url(../../images/picGame08.jpg); }

/* 遊戲說明 */
.contentGame {
	position:absolute;
	visibility: hidden;
	border: 1px solid #8D011C;
	width: 470px;
	padding: 10px;
	z-index: 100;
	font-size: 11px;
	background-image: url(../../images/alpha.png);
	background-repeat: repeat;
	color: #eeeeee;
}
.contentGame h3 {
	font-size: 16px;
	margin-bottom: 0.3em;
	color: #FF0000;
	margin-top: 0px;
}

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

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

.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;
	z-index:100;	/* 原檔案無 */
}

/* 右側欄-其他資訊
------------------------------------------------------------------- */
#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;
}

.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;
}