@charset "utf-8";
/* CSS Document */
/*----------------------------------------
 header
----------------------------------------*/

div#header{
color:#FFFFFF;
background-image:url(../images/header_bg.png);
background-position:50% 100%;
}

div#header-inner{
margin-left:auto;
margin-right:auto;
width:992px;
}

div#header-inner:after{/* clearfix */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

div#header-inner h1 {
float:left;
margin:8px 0;
		}

/*主選單*/
ul#globalNavi{
margin:0 ;
padding:102px 0 0 73px;
width:511px;
height:36px;
float:left;
list-style:none;
}

ul#globalNavi li{
	width:102px;
	height:36px;
	background:url(../images/global_navi.gif) no-repeat;
	text-indent:-9999px;
float:left;
margin:0;
}
ul#globalNavi a {
	display:block;
	outline:0;
	background:url(../images/global_navi.gif) no-repeat;
	height:36px;
	}
	ul#globalNavi li.news a {
	    background-position: left top;
		}
	ul#globalNavi li.member a {
		background-position:-102px top;
		}
	ul#globalNavi li.deposit a {
		background-position:-204px top;
		}
	ul#globalNavi li.points a {
		background-position:-306px top;
		}
	ul#globalNavi li.service a {
		width:103px;
		background-position:-408px top;
		}
	    ul#globalNavi li.news a:hover {
	    background-position: left bottom;
		}
		ul#globalNavi li.member a:hover {
		background-position:-102px bottom;
		}
		ul#globalNavi li.deposit a:hover {
		background-position:-204px bottom;
		}
		ul#globalNavi li.points a:hover {
		background-position:-306px bottom;
		}
		ul#globalNavi li.service a:hover {
	    background-position: -408px bottom;
		}
		
/*----------------------------------------
 contents
----------------------------------------*/
div#contents{
	width: 992px;
	margin: 11px auto;
	padding: 0px;
}
/*左邊欄*/
div#sub {
	width:235px;
	float:left;
	margin-right:8px;
	}
/*會員登入*/
div#sub div.memberBox{	
    margin: 0px;
	padding: 0px;}
div#sub div.memberBox h3{
	text-indent:-9999px;
	width:235px;
	height:51px;
	background:url(../images/title_login.png) no-repeat;}

div#sub div.memberBox div.line{
	border: 1px solid #999999;
	border-top-style: none;
	margin-bottom: 5px;
	background-color: #FFF;
	padding:16px; 
}
div#sub div.memberBox input{
	border:1px solid #bababa;
	margin-bottom:11px;
	padding:5px;
	height:19px;
	width:196px;
	border-radius:3px;
	background-color: #F7F7F7;  
	}

div#sub div.memberBox div.signIn_btn {
	height:41px;
	width:207px;}	
	
div#sub div.memberBox button {
	/*margin: 0 0 0 20px;*/
	padding: 0;
	width: 95px;
	height: 41px;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-color: #707070;
	/*background-color: #F7F7F7;*/
	background-image: url(images/loginBTN_bTN.gif);
	float:left;
}	
div#sub div.memberBox a.forget {
	margin: 10px 20px 0 25px;
	font-size: 10pt;
	text-decoration: none;
	color: #171717;
	float:left;	
}
div#sub div.memberBox a.forget:hover {
color: #f90;}

div#sub div.memberBox div.message {
	/*float:left;
	width: 95px;
	height: 41px;*/
	padding: 8px 0 8px 30px;
	font-size: 10pt;
	color: #F00;
	background-image: url(../images/input_bg2.png);
	background-position: 13px 11px;
	background-repeat: no-repeat;
}

div#sub div.memberBox div.openID {
	border-top: 1px dashed #999999;}
	
div#sub div.memberBox div.openID ul{
	width: 207px;
	height: 115px;
	margin:3px 0 0 0;
	list-style:none;
}
div#sub div.memberBox div.openID li{
	float:left;	
	}
div#sub div.memberBox div.openID li.text{	
width: 207px;
font-size: 10pt;
margin:8px 0 6px 0;}

div#sub div.memberBox div.openID a{
	display: block;
    text-indent:-9999px;
	width:37px;
	height:37px;
	margin:0 5px 0 0;}
div#sub div.memberBox div.openID a:hover{background-position: left bottom;}
div#sub div.memberBox div.openID li.facebookBtn a{background-image: url(../images/icon_openid_41x41_fb.png);margin-left:12px;}
div#sub div.memberBox div.openID li.gamebaseBtn a{background-image: url(../images/icon_openid_41x41_gamebase.png);}
div#sub div.memberBox div.openID li.gamerBtn a{background-image: url(../images/icon_openid_41x41_gamer.png);}
div#sub div.memberBox div.openID li.i-gamerBtn a{background-image: url(../images/icon_openid_41x41_i-gamer.png);}         
/*註冊按鈕*/
div#sub div.memberBox div.openID li.signupBtn a{
	width:201px;
	height:41px;
	margin-top:8px;
	background-image: url(../images/SignUp_bTN.gif);}       
	
/*伺服器列表*/
div#sub div.serverBox{}
div#sub div.serverBox h3{
	text-indent:-9999px;
	width:235px;
	height:44px;
	background:url(../images/title_server.gif) no-repeat;}

div#sub div.serverBox div.line{
	border: 1px solid #999999;
	border-top-style: none;
	margin-bottom: 5px;
	background-color: #FFF; }

div#sub div.serverBox ul {
	font-size: 13px;
	line-height: 40px;
	padding-bottom: 10px;
	}
div#sub div.serverBox ul li {
	margin: 0 10px;
	border-bottom: 1px dashed #999999;
	list-style-type: none;
	} 
div#sub div.serverBox ul li a{
	text-decoration: none;
	color: #171717;	
	} 
div#sub div.serverBox ul li a:hover{color: #f90;}
div#sub div.serverBox ul li span{
	width:8px;
	height:20px;
	padding-left: 10px;
}
 
/*FB*/
div#sub div.FacebookBox{
	margin:0;
	border: 1px solid #999999;}
	
	
/*右邊欄*/
div#main {
	width:749px;
	float:left;
	}
	
div#main div.newsBox{
	float: left;
}
div#main div.newsBox h3{
	text-indent:-9999px;
	width:749px;
	height:47px;
	background:url(../images/news/title_news.gif) no-repeat;
	border-bottom: 5px solid #999999;
	  margin: 0px;
	padding: 0px;}
	
div#main div.newsBox div.line{
	height:800px;
	border: 1px solid #999999; 
	border-top-style: none;
	background-color: #FFF;
	/*margin-bottom: 5px;*/
}
/* 麵包屑路徑 */
div#bread_bg{
	width:100%;
	height:30px;
	background-color: #f5f6f0;}
ul#bread {
	height:30px;
	width:80%;
	float: left;
	font-size: 78%;
	list-style: none;
    margin: 0;
    padding: 6px 0 0 30px;
	background:url(../images/news/icon_home.gif) no-repeat;
	background-position:15px 6px;
}
ul#bread li {
	float: left;
	list-style: none;
 margin: 0;
  padding: 0 10px 0 0;
}
ul#bread li a {
	color: #171717;

  padding: 0 10px 0 0;
  margin: 0;
}	
ul#bread li a:hover{color: #f90;}










/* 最新消息-頁籤 */
#news_tabs {
	width: 663px;
	float: left;
	margin: 27px 0 0 47px;
}
#news_tabs ul, #news_tabs li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#news_tabs .tabs li {
	float: left;
	/*margin: 0 0 0 0px;*/
	height: 37px;
	cursor: pointer;
	/*border-radius: 5px 5px 0 0;*/
}

/*
#news_tabs .tabs li:hover {
	float: left;
	margin: 0 0 10px 0px;
	height: 32px;
	cursor: pointer;
	
}
*/

#news_tabs .tabs span {
  width: 127px;
  height: 36px;
	display: block;
	float: left;
	overflow: hidden;
  padding: 3px 0 5px 0;
  text-align: center;
  font-size: 12pt;	
  text-indent:-9999px;
  /*padding: 7px 15px 5px 15px;*/
}
#news_tabs .tabs span.tab0 {
	background:url(../images/news/tab0.gif) no-repeat;
	background-position:0px 1px;}
#news_tabs .tabs span.tab1 {
	background:url(../images/news/tab1.gif) no-repeat;
	background-position:0px 1px;}

#news_tabs .tabs span.tab2 {
	background:url(../images/news/tab2.gif) no-repeat;
	background-position:0px 1px;}
#news_tabs .tabs span.tab3 {
	background:url(../images/news/tab3.gif) no-repeat;
	background-position:0px 1px;}

#news_tabs .tabs span:hover {color: #f90; height: 49px; margin: 0 0 20px 0px;}	
#news_tabs .tabs span.tab0:hover {background:url(../images/news/tab0_hover.gif) no-repeat;}
#news_tabs .tabs span.tab1:hover {background:url(../images/news/tab1_hover.gif) no-repeat;}
#news_tabs .tabs span.tab2:hover {background:url(../images/news/tab2_hover.gif) no-repeat;}
#news_tabs .tabs span.tab3:hover {background:url(../images/news/tab3_hover.gif) no-repeat;}




#news_tabs .tab_container {
  /*height: 161px;*/
	clear: both;
	border-top: 5px solid #F8A426;
	background: #fff;
	overflow: hidden;
	
}
#news_tabs .tab_container ul {
	position: relative;
	/*height: 150px;*/
	overflow: hidden;
}
#news_tabs .tab_container .content1 {
   clear: both;
	position: absolute;
	width: 630px;
	/*height:100%;*/
	padding: 12px 15px;
}

#news_tabs .tab_container .content1 ul {
	font-size: 13px;
	padding-bottom: 10px;
	}
#news_tabs .tab_container .content1 ul li {
	margin: 0 10px;
	border-bottom: 1px dashed #999999;
	list-style-type: none;
padding: 15px 0;
	} 	
		 
#news_tabs .tab_container .content1 ul li a{
	text-decoration: none;
	color: #171717;	
	} 
#news_tabs .tab_container .content1 ul li a:hover{color: #f90;}
#news_tabs .tab_container .content1 ul li img{
  float: left;
	width: 28px;
	height:18px;
	padding: 0 10px 0 0;}
#news_tabs .tab_container .content1 ul li span.news_time{
    float: right;
	padding-right: 10px;
}
/* 最新消息-頁碼 */
div.pageJump{
	margin-top:630px;
   text-align:center; 
   font-size:12px; 
   letter-spacing:1px; 
   padding:10px 0 10px; 
   border-top:1px dashed #999999; 
   border-bottom:1px dashed #999999; }
div.pageJump a{
   padding:4px 8px; 
   cursor:pointer; 
   color:#393a3a; 
   margin-left:4px;
   text-decoration: none;}
div.pageJump a.current, div.pageJump a:hover{background-color:#a4a4a4; color:#FFF; border-radius:5px; text-decoration: none;}