@charset "utf-8";
/*================首頁專用===================*/
/*側邊攔*/
#sidebar1 {margin-bottom:-240px;}
/*頁尾區域*/
#footer {
	background-image:url(../Images/default/footer_bg_index.gif);
	background-repeat:no-repeat;
	margin-bottom:20px;
	height:69px;
	text-align:center;
	clear:both;
	padding-top:10px;
}
/*大廣告*/
#blk_adMain {
	float:left;
	width:960px;
	height:170px;
}
/*廣告文字1*/
#blk_adText1 {
	text-align:center;
	clear:both;
}
#blk_adText1 a:link, #blk_adText1 a:visited {
	font-size:16px;
	height:40px;
	line-height:40px;
	color:#333;
	background-image:url(../Images/default/icon_02.gif);
	background-position: 0 13px;
	background-repeat:no-repeat;
	padding:10px 0 10px 20px;
}
#blk_adText1 a:hover {
	color:#31a5c7;
}
/*廣告文字2*/
#blk_adText2 {
	width:630px;
	text-align:center;
	border-top: #dedbde 1px solid;
	border-bottom: #dedbde 1px solid;
	/*float:left;*/
	height:40px;
	margin-bottom:10px;
}
#blk_adText2 a:link, #blk_adText2 a:visited {
	font-size:16px;
	margin:5px;
	width:175px;
	line-height:40px;
	color:#333;
}
#blk_adText2 a:hover {
	color:#008095;
}
/*廣告直式*/
#blk_adVertical {
	float:right;
	height:500px;
	width:90px;
	margin-top:40px;
}

#blk_adVertical img, #blk_adVertical .flashBanner {
	margin-bottom:10px;
	width:90px;
	height:260px;
	background-color: #EEF3F7;
}

#blk_adVertical .flashBanner a span{
	height:260px;
	width:90px;	
	display:block;
	position:absolute;
	background-image:url(bnr_mask.png);
	/*margin-top:40px;*/
}
/*站內搜尋*/
#blk_search {
	margin-top: 10px;
}
#blk_search .textBox {
	background-image:url(../Images/default/blk_search_textBox.gif);
	background-repeat:no-repeat;
	width:89px;
	/*	width:122px; 原寬*/
	height:27px;
	padding-left:30px;
	padding-right:3px;
	border:none;
	font-size:12px;
	line-height:27px;
	margin-left:3px;
	color:#88a1a7;
}
#blk_search .btn1 {
	background-image:url(../Images/default/btn1_right.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:48px;
	height:27px;
	border:none;
	color:#FFF;
	font-size:12px;
	line-height:27px;
	cursor:pointer;
}
/*服務*/
#blk_service {
}
#blk_service a:link, #blk_service a:visited {
	width:87px;
	height:26px;
	/*height:26px; 原高*/
	text-align:center;
	background-color:#666;
	padding-top:59px;
	float:left;
	color:#666;
}
#blk_service a:hover {
	color:#31a5c7;
}
#blk_service a.faq {
	background-image:url(../Images/default/blk_service_faq.jpg);
}
#blk_service a.report {
	background-image:url(../Images/default/blk_service_report.jpg);
}
#blk_service a.security {
	background-image:url(../Images/default/blk_service_security.jpg);
}
#blk_service a.s24h {
	background-image:url(../Images/default/blk_service_s24h.jpg);
}
/*訂閱EDM*/
#blk_getEDM h2 {
	background-image:url(../Images/default/blk_getEDM_h2.gif);
	background-repeat:no-repeat;
	width:169px;
	height:30px;
	float: left;
	text-indent:-999999px;
	margin-left:5px;
}
#blk_getEDM .textBox {
	background-image:url(../Images/default/blk_getEDM_textBox.gif);
	background-repeat:no-repeat;
	width:89px;
	/*	width:122px; 原寬*/
	height:27px;
	padding-left:30px;
	padding-right:3px;
	border:none;
	font-size:12px;
	line-height:27px;
	margin-left:3px;
	color:#88a1a7;
}
#blk_getEDM .btn1 {
	background-image:url(../Images/default/btn1_right.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:48px;
	height:27px;
	border:none;
	color:#FFF;
	font-size:12px;
	line-height:27px;
	cursor:pointer;
}
/*公告*/
#blk_system {width:162px;}
#blk_system h2 {
	background-image:url(../Images/default/blk_system_h2.gif);
	background-repeat:no-repeat;
	width:169px;
	height:35px;
	/*float: left;*/
	text-indent:-999999px;
	margin-left:5px;
	display:block;
}
#blk_system a.btn_more {
	background-image:url(../Images/default/icon_02.gif);
	background-repeat:no-repeat;
	background-position:0 9px;
	color:#95b562;
	padding-left:20px;
	line-height:30px;
	position: absolute;
	margin:-31px 0 0 60px;
	font-size:10px;
}
#blk_system a.btn_more:hover {
	color:#333;
	text-decoration:none;
}
#blk_system ul {
	clear:both;
	border-bottom:#e7e3e7 1px solid;
	padding-bottom:8px;
}
#blk_system ul li {
	width:165px;
	height:1.8em;
	margin-left:8px;
	line-height:1.8em;
	overflow:hidden;
}
#blk_system ul li:hover {
	background-color:#EFF2EA;
}
#blk_system ul li a:link, #blk_system ul li a:visited {
	color:#333;
}
#blk_system ul li a:hover {
	color:#5A8400;
}
/*置頂顏色*/
#blk_system ul li a.ontop:link, #blk_system ul li a.ontop:visited {
	color:#5A8400;
}
/*最新消息*/
#blk_news {
	margin-bottom:20px;
	float:left;
	width:630px;
}
#blk_news div.fltlft {
	width:305px;
	padding-left:10px;
}
#blk_news div.fltrt {
	width:305px;
	padding-left:10px;
}
#blk_news div.mainImg {	
	/*width:115px;
	height:70px;*/
	width:115px;
	height:70px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	text-align:center;
	padding:3px;
	background-color:#FFF;
	border:#CCC 1px solid;
	
}
#blk_news div.mainImg img {
	/*width:90px;
	height:90px;*/	
	max-height:70px;
	/*height:expression((this.height > 90) ? "90":"auto");*/
}
#blk_news h3 {
	font-size:15px;
	margin-top:0;
	/*margin-bottom:10px;*/
	font-weight:bold;
}
#blk_news a:link h3, #blk_news a:visited h3 {
	color:#008EDB;
	width:170px;
	height:1.6em;
	overflow:hidden;
	line-height:1.6em;
	display:block;
}
#blk_news a:hover {
	text-decoration: none;
}
#blk_news p {
	color:#333;
	line-height:1.6em;
	width:170px;
	height:4.8em;
	overflow:hidden;
	display:block;
}
#blk_news a:hover p {
	color:#008EDB;
}
#blk_news .label {
	background-image:url(../Images/default/label_bg.gif);
	background-repeat:no-repeat;
	width:55px;
	height:21px;
	color:#FFF;
	display:inline-block;
	line-height:21px;
	text-align:center;
	margin-right:5px;
	float:left;
}
#blk_news ul.list {
	margin-top:5px;
}
#blk_news ul.list li {
	border-bottom:#e0e0e0 1px solid;
	height:25px;
	margin-top:3px;
}
#blk_news ul.list li a:link, #blk_news ul.list li a:visited {
	color: #3c3c3c;
	width:240px;
	height:21px;
	overflow:hidden;
	line-height:21px;
	display:block;
	float:left;
}
#blk_news ul.list li a:hover {
	color: #1baed3;
}
/*論壇*/
#blk_forum {
	margin-bottom:20px;
	float:left;
	width:630px;
}
#blk_forum div.fltlft {
	background-image:url(../Images/default/blk_forum_icon_new.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:315px;
}
#blk_forum div.fltrt {
	background-image:url(../Images/default/blk_forum_icon_hot.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:315px;
}
#blk_forum ul {
	margin-left:70px;
}
#blk_forum ul li {
	line-height:1.8em;
	display:block;
	overflow:hidden;
	width:240px;
	height:22px;
}
#blk_forum ul li:hover {
	background-color: #EFF6F7;
}
/*異業合作*/
#blk_partner {
	width:740px;
	height:67px;
	background-image:url(../Images/default/blk_partner_bg.gif);
	background-repeat:no-repeat;
	clear:both;
	margin-left:-10px;
}
/*服務總覽*/
#blk_serviceNav {
	background-image:url(../Images/default/blk_serviceNav_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	clear:both;
	height:196px;
	overflow:hidden;
}
#blk_serviceNav table.tbList {
	width:710px;
	float:right;
	margin-top:30px;
	line-height:20px;
}
#blk_serviceNav table.tbList th {
	font-weight:normal;
	text-align:left;
	color:#007CBA ;
	line-height:30px;
	font-size:16px;
	font-weight:bolder;
}
#blk_serviceNav table.tbList th, #blk_serviceNav table.tbList td {
	background-image:url(../Images/default/tbList_line.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 10px;
}
#blk_serviceNav ul li a:link, #blk_serviceNav ul li a:visited {
	font-size:12px;
	color:#000;
	width:90px;
}
#blk_serviceNav ul li a:hover {
	color:#008EDB;
}
/*遊戲清單列表*/
#blk_gameList {	/*overflow:hidden;*/ width:630px; height:280px;}
#pagenum {	overflow:hidden; position:absolute; width:630px; height:360px; border-top:#dedbde 1px solid; padding-top:10px;} 
#blk_gameList ul {
	list-style:none;
	font-size:12px;
	margin:0;
	padding:0;
}
#blk_gameList ul.games {
	margin-bottom:20px;
	float:left;
	width:630px;
	position:absolute;/*left*/
	height:200px;
	padding-top:0px;
	padding-left:5px;
}

#blk_gameList ul.games li {
	float:left;
	width:150px;
	height:94px;
	margin-right:7px;
	margin-bottom:10px;
	 background-image:url(../Images/default/gamePic_none.gif);
	 background-repeat:no-repeat;
}
#blk_gameList ul.games .gamePic {
	position: absolute;
	width:150px;
	height:94px;
}
#blk_gameList ul.games .gamePic.none { display:none}
#blk_gameList 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:65px;
	color:#333;
}
#blk_gameList ul.games .mask {
	position:absolute;
	width:140px;
	height:84px;
	filter:alpha(opacity=50);       /* IE */ 
	-moz-opacity:0.5;  
	opacity:0.5;
	border:#FFF 5px solid;
}
#blk_gameList ul.games .label {
	position:absolute;
	width:36px;
	height:36px;
	margin-top:58px;
	margin-left:114px;
}
#blk_gameList ul.games .label.new {	background-image:url(../Images/default/games_label_new.png);}
#blk_gameList ul.games .label.hot {	background-image:url(../Images/default/games_label_hot.png);}
#blk_gameList ul.games .label.cb {	background-image:url(../Images/default/games_label_cb.png);}
#blk_gameList ul.games .label.ob {	background-image:url(../Images/default/games_label_ob.png);}


#blk_gameList ul.games .categoryIcon {
	position:absolute;
	width:40px;
	height:15px;
	line-height:15px;
	margin-top:5px;
	margin-left:5px;
	font-family:Tahoma;
	text-align:center;
	color:#fff;
	background-image:url(../Images/default/games_categoryIcon.png);
}

#blk_gameList ul.games .otherLink {
	position: absolute;
	z-index:1000;
	width:145px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	margin-top:94px;
	margin-left:0px;
	padding-top:5px;
	padding-left:5px;
	background-image:url(../Images/default/games_otherLink_bg.jpg);
	background-repeat:no-repeat;
	background-position:left 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;
}
#blk_gameList ul.games .otherLink a:link, #blk_gameList ul.games .otherLink a:visited {
	display:inline-block;
	width:70px;
	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;
}
#blk_gameList ul.games .otherLink a:hover {
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}
#blk_gameList ul.games .otherLink a.btn_play:link, #blk_gameList 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;
}
#blk_gameList ul.games .otherLink a.btn_play:hover {
	background-color: transparent;
	background-position:0 -55px;
}
/*分類頁籤*/
#blk_gameList .gameCategory {
	display:block;
	position: relative;
	padding: 0 0 0 10px;
	width: 610px;
}
#blk_gameList a.category {
	height:25px;
	line-height:25px;
	margin:15px 0 0 0;
	padding:0 20px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:left 6px;
	cursor:pointer;
	font-size:13px;
	position:relative;
	bottom:-1px;
	z-index:10;
 }
#blk_gameList a.category.selected {
	color: #0075A9;
	border: #ccc solid 1px;
	border-bottom: #fff solid 1px;
}
#blk_gameList a.category.web {
	margin: 15px 0 0 20px;
	padding:0 0 0 20px;
	border:none;
	background-image:url(../Images/default/icon_12.gif);
	position: absolute;
	bottom:0;
	right:0;
}
/*遊戲頁數按鈕*/
#blk_gameList .gamePage { 	
	position: absolute;	
	margin-top:215px;
	/*margin-left:550px;*/
	margin-left:280px;
}
#blk_gameList .gamePage a {
	width:0;
	height:16px;
	padding-left:16px;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	margin-right:20px;
}
#blk_gameList .gamePage #prev {
	background-image:url(../Images/default/btn_goLeft.gif);
}
#blk_gameList .gamePage #next {
	background-image:url(../Images/default/btn_goRight.gif);
}
/*大廣告輪播區塊*/
#blk_adMain
{
    overflow: hidden;
    width: 960px;
    height: 170px;
    position: relative;
}
#blk_adMain a img
{
    border: none;
    vertical-align: middle;
}
#blk_adMain ul, #blk_adMain li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#blk_adMain ul.showbox, #blk_adMain ul.link
{
    position: absolute;
}
#blk_adMain ul.showbox li
{
    position: absolute;
    /*z-index:1;*/
}
#blk_adMain ul.showbox li.selected
{    
    /*z-index:2;*/
}
#blk_adMain ul.showbox li a
{
    display: block;
    width: 960px;
    height: 170px;
    /*position: absolute;*/
}

#blk_adMain ul.showbox li a span
{ 
    display: block;  
    width : 960px;
    height: 170px;    
    position: absolute;
    background-image:url(bnr_mask.png);
}
#blk_adMain ul.showbox li a img
{
	width:960px;
    height: 170px;
}
#blk_adMain ul.link
{
    z-index:20;
    right: 15px;
	bottom:10px;
}
#blk_adMain ul.link li { float:left; margin-left:10px;}
#blk_adMain ul.link li a
{
    display:block;
    width: 5px;
    height: 10px;
	overflow:hidden;
    /*position: absolute;
    line-height: 30px;*/
    text-indent: -999999px;
    background-color: #FFFFFF;
    right: 0;
	margin-top:10px;
	border:#CCC 1px solid;
    /*background: url(images/menu.off.gif);*/
}
#blk_adMain ul.link li a.selected
{
    height: 20px;
    background-color: #FFFC03;
	margin-top:0px;
    /*background: url(images/menu.on1.gif);*/
}

/*商城小廣告*/
#blk_adEc {
	overflow: hidden;       
	width:169px;
	margin:0 0 10px 0;
	padding:0;
	position: relative;
}
#blk_adEc h2 {
	background-image:url(../Images/default/blk_adEc_h2.gif);
	background-repeat:no-repeat;
	width:169px;
	height:35px;
	/*float: left;*/
	text-indent:-999999px;
	margin-left:5px;
	display:block;
}
#blk_adEc ul, #blk_adEc li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#blk_adEc ul.showbox {
	width:130px;
	height:145px;
	margin:10px 0 0 25px;
}
#blk_adEc ul.showbox li {
    margin-top:0px;
	margin-left:0px;
	position: absolute;
}
#blk_adEc ul.showbox li a img {
    width:130px;
	height:130px;
	border-width:0;
}
#blk_adEc ul.showbox li a {  
	display:block;
	border-width:0;
	width: 130px;
	height: 130px;
}
#blk_adEc ul.showbox li a span {
	display: block;
	width: 130px;
	height: 130px;
	position: absolute;
	background-image:url(bnr_mask.png);
}

#blk_adEc ul.link
{
   visibility: hidden;
   position: absolute;
}

/*軒轅劍音樂盒*/
.musicBox {
	width: 175px;
	margin-top: 15px;
}
.musicBox a.photo {
	background-image: url(../Images/default/musicBox.jpg);
	background-position: right top;
	width: 175px;
	height: 90px;
	display: block;
}
.musicBox a.download {
	background-image: url(../Images/default/musicBoxDownload.png);
	background-position: right top;
	height: 20px;
	width: 175px;
	display: block;
}
.musicBox a.download:hover{
	background-position:bottom; 
}
.musicBox a.link-youtube {
	background-image: url(../Images/default/musicBoxlinkYoutube.png);
	background-position: right top;
	height: 20px;
	width: 175px;
	display: block;
}
.musicBox a.link-youtube:hover{
	background-position:bottom; 
}
.musicBox .Player {
	width: 175px;
	margin-bottom: 3px;
	background-color: #C30;
}
.musicBox .Player .txt {
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 22px;
	color: #FFF;
	background-color: #000;
	display: block;
	width: 165px;
	height: 22px;
	text-align: right;
	padding-right: 10px;
}


/* 推廣區 */
.promotion {
	width:630px;
	margin:0 0 10px 0;
	overflow:hidden;
	zoom:1;
	-webkit-text-size-adjust:none; /* 解除文字大小限制 */
}
.promotion ul.game {
	width:310px;
	height:180px;
	position:relative;
}
.promotion ul.game.left {
	background: url(../Images/default/promotion_bg_npal.png);
	float:left;
	margin:0 0 0 5px;
}
.promotion ul.game.right {
	background: url(../Images/default/promotion_bg_SWD6-2.png);
	float:right;
}
.promotion li.txtbox {
	width:160px;
	height:100px;
	position:absolute;
	top:10px;
	right:10px;
	line-height: 1.6em;
}
.promotion li.txtbox h3 {
	margin:0 0 0 0;
	font-size:15px;
	font-weight:bold;
	color:#008EDB;
	height:1.6em;
}

.promotion li.btnbox {
	width:164px;
	height:40px;
	position:absolute;
	bottom:10px;
	right:5px;
}
.promotion li.btnbox a {
	width:82px;
	height:40px;
	position:absolute;
	display:block;
	color:#f7f7f7;
	line-height:30px;
	text-align:center;
	text-decoration:none;
}
.promotion li.btnbox a.play:hover {
	color:#FFF;
}
.promotion li.btnbox a.play:hover span {
	color:#333;
}
.promotion li.btnbox a.bonus:hover span {
	color:#333;
}
.promotion li.btnbox span {
	width:70px;
	height:10px;
	padding:0 0 0 12px;
	display:block;
	font: 9px/10px Arial;
	text-align:left;
	background: url(../Images/default/promotion_icon_01.png) left center no-repeat;
}
.promotion li.btnbox a.play {
	background: url(../Images/default/promotion_btn_01.png) center bottom no-repeat;
	left:0px;
}
.promotion li.btnbox a.play span {
	background: url(../Images/default/promotion_icon_01.png) left center no-repeat;
	color:#00b7ee;
}
.promotion li.btnbox a.bonus {
	background: url(../Images/default/promotion_btn_02.png) center bottom no-repeat;
	right:0px;
}
.promotion li.btnbox a.bonus span {
	background: url(../Images/default/promotion_icon_02.png) left center no-repeat;
	color:#8fc31f;
}

