@charset "utf-8";
/*================遊戲專用===================*/
/*遊戲資訊*/
.gameIntro .mainPic {
	float:left;
	width:310px;
	height:200px;
}
/*.mainPic2++wind++*/
.gameIntro .mainPic2 {
	float:left;
	padding:5px;
	background-color:#FFF;
	border:#CCC solid 1px;
}
.gameIntro .blk_info {
	float:left;
	width:360px;
	overflow:hidden;
}
.gameIntro .blk_info h2 {
	background-image:url(../Images/default/gameInfo_h2_bg.gif);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	height:25px;
	line-height:25px;
	padding:0 30px 0 10px;
	margin:0;
	color:#065aaf;
	font-weight:normal;
}
.gameIntro .blk_info .text {
	float:left;
	line-height:1.8em;
	padding-left:10px;
}
.gameIntro .blk_info .screen {
	float:left;
	width:260px;
	height:65px;
	padding-left:10px;
	margin-top:20px;
}
.gameIntro .blk_info .screen img {width:70px; height:55px; border:#CCC 5px solid; margin-right:5px;}
.gameIntro .blk_info .btn_startGame a {
	float:right;
	width:90px;
	height:110px;
	background-image:url(../Images/default/btn_startGame.gif);
	background-repeat:no-repeat;
	text-indent:-999999px;
}
.gameIntro .blk_info ul.otherLink {
	position: absolute;
	height:20px;
	width:375px;
	margin-left:10px;
	margin-top:-15px;
}
.gameIntro .blk_info ul.otherLink li {
	background-image:url(../Images/default/icon_03.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:14px;
	margin-right:8px;
	float:left;
}
.gameIntro .blk_info ul.otherLink a:link, .gameIntro .blk_info ul.otherLink a:visited { color:#6f6f6f;}
.gameIntro .blk_info ul.otherLink a:hover { color:#03c0e9;}
/*遊戲分類列表*/
.gameType ul.games {margin-bottom:20px; float:left;}
.gameType ul.games li { float:left; width:160px; height:100px; margin-left:12px; margin-top:10px; background-image:url(../Images/default/gamePic_none.gif); background-repeat:no-repeat; position:relative; /* 供 .label 以 right/bottom 錨定卡片邊界 */}
.gameType ul.games li.first {
	margin-left:0px;
}
.gameType ul.games .gamePic { position: absolute; width:160px; height:100px;}
.gameType ul.games .gamePic.none {display:none;}
.gameType ul.games .name { position:absolute;
	background-image:url(../Images/default/games_name_bg.png);
	background-position:right;
	background-repeat:no-repeat;
	height:30px;
	line-height:30px;
	padding:0 8px;
	margin-top:70px;
	color:#333;
}
.gameType ul.games .mask {
	position:absolute;
	width:150px;
	height:90px;
	filter:alpha(opacity=50);       /* IE */ 
	-moz-opacity:0.5;  
	opacity:0.5;
	border:#FFF 5px solid;
}
.gameType ul.games .label {
	position:absolute;
	width:36px;
	height:36px;
	/* right/bottom 錨定：任何縮放都貼齊卡片右下邊界 */
	right:0;
	bottom:0;
	z-index:10; /* 最上層：蓋過 mask 白框/名稱條/分類圖示（hover 選單 z-index 更高不受影響） */
}
.gameType ul.games .label.new {	background-image:url(../Images/default/games_label_new.png);}
.gameType ul.games .label.hot {	background-image:url(../Images/default/games_label_hot.png);}
.gameType ul.games .label.cb {	background-image:url(../Images/default/games_label_cb.png);}
.gameType ul.games .label.ob {	background-image:url(../Images/default/games_label_ob.png);}
.gameType ul.games .otherLink {
	position: absolute;
	z-index:100;
	width:154px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	margin-top:100px;
	padding-top:5px;
	padding-left:5px;
	background-image:url(../Images/default/games_otherLink_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	display:none;
	border:#FFF 1px solid;
	-webkit-box-shadow: #666 1px 1px 8px;
    -moz-box-shadow: #666 1px 1px 8px;
    box-shadow: #666 1px 1px 8px;
}
.gameType ul.games .otherLink a:link, .gameType ul.games .otherLink a:visited {
	display:inline-block;
	width:75px;
	height:20px;
	line-height:20px;
	color:#000;
	padding: 0;
	text-align:center;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius: 5px;
	overflow:hidden;
}
.gameType ul.games .otherLink a:hover {
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}
.gameType ul.games .otherLink a.btn_play:link, .gameType ul.games .otherLink a.btn_play:visited {
	width: 55px;
	height:55px;
	text-indent:-999999px;
	background-image:url(../Images/default/btn_play.gif);
	_background-image:url('');
	background-position:0 0;
	padding:0;
	float:right;
	margin-right:0px;
	margin-bottom:0px;
}
.gameType ul.games .otherLink a.btn_play:hover {
	background-color: transparent;
	background-position:0 -55px;
}
#patcherDownload {
	background-image:url(../Images/default/patcher_download_bg.jpg);
	background-repeat:no-repeat;
	width:670px;
	height:200px;
}
#patcherDownload a.button {
	margin-left:400px;
	margin-top:120px;
}
/*================遊戲分類選單 icon（#gameNav）===================*/
/* 原本 ul.nav li 全部共用同一顆 icon_01.gif 通用小圓點，5 個分類看不出差異。
   這裡沿用「每個分類各自一張 background-image」的慣例（同 #blk_member 的 tab icon 做法），
   用 inline SVG data URI 畫 5 個可辨識的小圖示，不用另外存圖檔；顏色跟隨 ul.nav li 原本的 #1197be。
   game_category 篩選碼不可動（前台篩選邏輯依賴它），只是拿來當 CSS 選擇器。 */
#gameNav li[game_category="all"] {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' fill='%231197be'/%3E%3Crect x='14' y='3' width='7' height='7' fill='%231197be'/%3E%3Crect x='3' y='14' width='7' height='7' fill='%231197be'/%3E%3Crect x='14' y='14' width='7' height='7' fill='%231197be'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#gameNav li[game_category="web"] {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' fill='none' stroke='%231197be' stroke-width='2'/%3E%3Cline x1='2' y1='9' x2='22' y2='9' stroke='%231197be' stroke-width='2'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#gameNav li[game_category="online"] {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%231197be' stroke-width='2'/%3E%3Cline x1='3' y1='12' x2='21' y2='12' stroke='%231197be' stroke-width='2'/%3E%3Cpath d='M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18' fill='none' stroke='%231197be' stroke-width='2'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#gameNav li[game_category="walk"] {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='2' width='12' height='20' rx='2' fill='none' stroke='%231197be' stroke-width='2'/%3E%3Cline x1='10' y1='19' x2='14' y2='19' stroke='%231197be' stroke-width='2'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#gameNav li[game_category="pc"] {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4' width='20' height='13' rx='1' fill='none' stroke='%231197be' stroke-width='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21' stroke='%231197be' stroke-width='2'/%3E%3Cline x1='12' y1='17' x2='12' y2='21' stroke='%231197be' stroke-width='2'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
/*================下載區分類導覽 icon（#dlNav）===================*/
/* 分類是後台可自由新增/改名的（downloadCategory 資料表無 icon 欄位，也不像
   game_category/KM cid 是固定代碼可以逐一對應），跟 #gameNav/#kmSideNav
   同樣的「全部共用 icon_01.gif 通用小圓點看不出差異」問題，但沒有穩定代碼可
   當選擇器 key，改用 nth-child 依項目順序輪流套用 6 款圖示，一樣不用另外存圖檔。 */
#dlNav > li:nth-child(6n+1) {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h6l2 3h10v10H3V6z' fill='none' stroke='%231197be' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#dlNav > li:nth-child(6n+2) {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%231197be' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%231197be'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#dlNav > li:nth-child(6n+3) {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='9' width='20' height='8' rx='4' fill='none' stroke='%231197be' stroke-width='2'/%3E%3Cline x1='7' y1='11' x2='7' y2='15' stroke='%231197be' stroke-width='2'/%3E%3Cline x1='5' y1='13' x2='9' y2='13' stroke='%231197be' stroke-width='2'/%3E%3Ccircle cx='17' cy='12' r='1' fill='%231197be'/%3E%3Ccircle cx='15' cy='14' r='1' fill='%231197be'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#dlNav > li:nth-child(6n+4) {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2.6 5.6 6.1.6-4.6 4.1 1.3 6-5.4-3.2-5.4 3.2 1.3-6-4.6-4.1 6.1-.6z' fill='none' stroke='%231197be' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#dlNav > li:nth-child(6n+5) {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8l9-5 9 5-9 5-9-5z' fill='none' stroke='%231197be' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M3 8v9l9 5 9-5V8' fill='none' stroke='%231197be' stroke-width='2' stroke-linejoin='round'/%3E%3Cline x1='12' y1='13' x2='12' y2='22' stroke='%231197be' stroke-width='2'/%3E%3C/svg%3E");
	background-size:12px 12px;
}
#dlNav > li:nth-child(6n+6) {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12l9-9h9v9l-9 9z' fill='none' stroke='%231197be' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='8' r='1.5' fill='%231197be'/%3E%3C/svg%3E");
	background-size:12px 12px;
}