@import url("../mobile.css");
@import url("main.css");
/* CSS Document */

/*************中間左方：menu********************/	
/*熱門排行*/	
.hotgame{
	background:#282828;
	width:200px;
	margin:0px;
	padding:0px;}
.hotgamepic{/*熱門排行的title圖*/
	width:197px;
	height:42px;
	margin:0px;
	padding:0px;
	cursor:pointer;}
.hotgamelist{
	width:187px;
	margin:0px 0px 0px 10px;
	padding:0px;
	overflow:hidden;
	background:url(../images/bg_line_1.gif) repeat-y bottom right #41423C;}
.hotgamelist ol{
	margin:0px;
	padding:0px 0px 0px 35px;}
.hotgamelist li{
	color:#9DDC0F;
	line-height:30px;
	margin:0px;
	padding:0px;}
.hotgamelist a{
	color:#9DDC0F;
	text-decoration:none;}
/*遊戲總覽*/	
.gamemenu{
	background:#282828;
	width:200px;
	margin:0px;
	padding:0px;}
.gamemenu_pic{/*遊戲總覽的title圖*/
	width:197px;
	height:42px;
	margin:0px;
	padding:0px;}
.gametype_closs{
	margin:0px;
	display: block;
	width:37px;
	height:30px;
	background:url(images/i_open.gif) top center no-repeat #0D0D0C;
	cursor:pointer;}
.gametype_open{
	display:block;
	margin:0px;
	width:37px;
	height:30px;
	background:url(images/i_close.gif) top center no-repeat #0D0D0C;
	cursor:pointer;}
.gametypelink{
	display: block;
	width:160px;
	height:30px;
	padding:0px;
	margin:-30px 0px 0px 37px;}	
.gametype_name{/*各類別遊戲名*/;
	display: block;
	width:160px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#0D0D0C;
	height:30px;
	border:0px solid #0D0D0C }
.gametype_list{
	width:187px;
	margin:0px 0px 0px 10px;
	padding:0px;
	background:url(images/bg_line_2.gif) repeat-y bottom right #41423C;}
.gametype_list ol{
	margin:0px;
	padding:0px 0px 0px 35px;}
.gametype_list a{
	color:#CFC03F;
	line-height:25px;
	padding:0px;
	font-size:12px;}
.gametype_list li{
	color:#CFC03F;
	line-height:25px;
	padding:0px;
	list-style-type:none;
	font-size:12px;}
.gamemenu_footer{
	width:197px;
	height:11px;
	margin:0px;
	padding:0px;}

/*************中間右方：遊戲列表***************/
#gamelist{
	width:690px;
	margin:5px 5px;
	padding:0px;
	clear:both;
	background:url(images/bg_main_2.gif) repeat-y;}
.newgame_title2{
	position:relative;
	width: 690px;
	height:50px;
	background:url(images/t_news_2.gif) top no-repeat;}
.classic_title2{
	position:relative;
	width: 690px;
	height:42px;
	background:url(images/t_recommend_2.gif);}
.gamelist_footer{
	clear:both;
	width:690px;
	height:15px;
	margin:0px auto;
	padding:0px;
	background:url(images/bg_main_3.gif) bottom center no-repeat;}
#gamelist_area{
	position: relative;
	width: 670px;
	margin: 0px auto;
	padding: 10px;}
.gamelist_single{
	position: relative;
	width: 335px;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
.gamelist_pic{
	width: 128px;
	height: 128px;
	margin: 5px 5px 5px 5px;
	float: left;
}
.gamelist_pic img{
	border:0px solid}
.gamelist_dec{
	position: relative;
	width:185px;
	height:128px;
	float:left;
	margin:5px;
	line-height:120%;
	overflow:hidden;}
.gamelist_dec2{
	width:175px;
	height:128px;
	float:left;
	margin:5px;
	line-height:120%;
	overflow:hidden;}
.gamelist_name a{
	color:#b71414}
.gamelist_name a:hover{
	color:#ff0000;
	text-decoration:underline;}
.gamelist_text{	
	display:block;
	font-size:13px;
	line-height:130%;
	margin:0px 0px 0px 0px }
.gamelist_amount{
	position: absolute;
	bottom:5px;}
.gamelist_intor{
	position: absolute;
	bottom:1px;
	right:10px}

.page_box{
	clear:both;
	text-align:center;}
.page_prv{ cursor:pointer; margin-right:5px;}
.page_next{ cursor:pointer}
.page_this{ cursor:pointer; font-weight:bold; margin-right:5px;}
.page_num{ cursor:pointer; margin-right:5px;}
/**************中間右方：各遊戲頁***************/	
#gamedec{
	width: 690px;
	margin:0px 10px;
	background:url(images/bg_main2_1.gif) repeat-y;}
.gamedec_title{
	width: 690px;
	height:39px;
	margin:0px auto;
	background:url(images/t_gameintro.gif) top no-repeat;}
#gamedec_area{
	width: 690px;
	margin:0px auto;}
.gamedec_box{
	position:relative;
	width:645px;
	height:207px;
	margin:40px 0px 20px 22px;
	color:#FFFFFF;
	background:url(images/bg_gameshow.gif) top center no-repeat;}
.gamedec_pic{
	position:absolute;
	left:35px;
	top:-24px}
.gamedec_pic img{
	width:176px;
	height:208px;}
.gamedec_text{
	position:absolute;
	left:230px;
	top:5px;
	line-height:120%;}
.gamedec_name{
	margin:10px 0px;}
.gamedec_lang{
	margin:10px 0px;}
.gamedec_amount{
	margin-top:-30px;
	margin-left: 250px;}
.gamedec_120{
	width:400px;
	margin:10px 0px;}
.gamedec_footer{
	clear:both;
	width:690px;
	height:25px;
	margin:0px auto;
	padding:0px;
	background:url(images/bg_main2_2.gif) bottom center no-repeat;}
#gamedec_nav{
	position:relative;
	width:650px;
	margin: 0px 20px;
	height:51px;
	background:url(images/bg_gamemain_1.gif) bottom center no-repeat;}	
#gamedec_nav ol{
	margin:0px 0px 0px 10px;
	padding:0px;}
#gamedec_nav li{
	float:left;
	display:block;
	height:36px;
	list-style-type:none;
	margin-left:5px;}	
.tab_help_on{
	width:98px;
	height:36px;
	display:block;
	background:url(images/tab_help.gif) top center no-repeat;}
.tab_help_off{
	width:100px;
	height:36px;
	display:block;
	background:url(images/tab_help_f2.gif) top center no-repeat;
	cursor:pointer;}
.tab_down_on{
	width:117px;
	height:36px;
	display:block;
	background:url(images/tab_down.gif) top center no-repeat;}
.tab_down_off{
	width:117px;
	height:36px;
	display:block;
	background:url(images/tab_down_f2.gif) top center no-repeat;
	cursor:pointer;}
		



/****************************遊戲說明*********************************/
#tab_content{
	clear:both;
	width:650px;
	margin: 0px 20px;
	padding:0px;
	background:url(images/bg_gamemain_2.gif)  center  repeat-y;
	color:#666666;
	line-height:150%;}
#tab_content_help{
	margin:0px;
	padding:0px 30px 30px 30px}
#tab_content_help h5{
	margin:0px 10px;
	padding:0px;
	font-size:13px;}
#tab_content_help ol{
	margin:0px 50px;
	padding:0px;
	list-style-position:outside;}
#tab_content_help ul{
	margin:0px 40px;
	padding:0px;
	list-style-position:outside;
	list-style-type: square}
#tab_content_help p{
	margin:0px;
	padding:0px;}
/****************************遊戲下載*********************************/		
#tab_content_down{
	margin:0px;
	padding:0px 30px 30px 30px}
#tab_content_down img{
	margin:10px 0px 0px 0px;
	padding:0px}	
#OP_nav{
	margin:0px;
	padding:0px 0px 0px 20px;}
#OP_nav ol{
	margin:0px;
	padding:0px;}
#OP_nav li{
	float:left;
	line-height:150%;
	list-style-type:none;
	margin-left:20px;
	color:#b71414;}
.tab_fet_on, .tab_vibo_on, .tab_aurora_on,{
	display:block;
	color:#b71414;}
.tab_fet_off, .tab_cht_off, .tab_tcc_off, .tab_vibo_off, .tab_aurora_off, {
	display:block;
	cursor:pointer;
	color:#b71414;
	border-bottom:1px solid}
.tab_cht_off a, .tab_tcc_off a{
	text-decoration:none;
	color:#b71414;}

.tab_card_on{
	display: inline;
	color:#b71414;
	width:80px}
 .tab_card_off{
	display: inline;
	cursor:pointer;
	color:#b71414;
	width:80px;
	border-bottom:1px solid}
	
#tab_content_fet{
	clear:both;
	margin:0px;
	padding:0px;}
.tab_down_fet{
	margin:0px 0px 10px 0px;
	padding:0px 40px}
.tab_down1{
	position:relative;
	height:180px;}
.tab_down1_content{
	position:absolute;
	top:0px;
	left:80px;
	line-height:200%;}
.tab_down2{
	position:relative;
	height:150px;}
.tab_down2_content{
	position:absolute;
	top:0px;
	left:80px;
	line-height:200%;}
.game_QRcode{
	position:absolute;
	width:120px;
	height:120px;
	top:0px;
	left:430px;
	border:1px solid #999999}
#TelNo{
	margin:0px;
	padding:3px;
	width:200px;
	height:15px;
	border:1px solid #999999;}
#wappush_submit{
	margin:0px 0px 0px 10px;
	padding:0px;
	width:50px;
	height:26px;
	border:0px solid #EDEDE9;
	background:url(images/i_send.gif) no-repeat;}
	
#tab_content_vibo{
	clear:both;
	margin:0px;
	padding:0px;}
.tab_down_vibo{
	margin:0px 0px 10px 0px;
	padding:0px 40px}

#tab_content_aurora{
	clear:both;
	margin:0px;
	padding:0px;}
.tab_down_aurora{
	margin:0px 0px 10px 0px;
	padding:0px 40px}
/****************************支援機型*********************************/		
#tab_content_support{
	margin:0px;
	padding:0px 10px 30px 0px;
	color:#666666;
	font-size:15px;
	line-height:120%;}
.support_mobile{
	clear:both;
	width:580px;
	margin:0px;
	padding:5px 0px;
	border-bottom:1px dashed #999999;}
.support_mobile ol{
	margin:0px;
	padding:5px 0px 0px 10px;
	width:570px;
	list-style-type:none;
	font-family:Arial;
	font-weight:bold;}
.support_mobile li{
	margin:-18px 0px 0px 120px ;
	padding:0px;
	width:450px;
	font-weight: normal;
	list-style-type:none;}