@charset "big5";

html{

    scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #D9D9D9;
	scrollbar-darkshadow-color: #D9D9D9;
	scrollbar-track-color: #ECECEC;
	scrollbar-arrow-color: #0076A3;

}

body{
	margin: 0 0 0 0;
	background-color: #377AC4;
	background-image: url(image/index_header_bg.jpg);
	background-repeat: repeat-x;
	background-position: 5px 40px;	
	
} 
 
#DivTop {
    margin:0 0 0 0 ;
	*margin:-19px 0 0 0 ;
	width:1005px;
	height:350px;
	background-color:#3B7ABD;
} /*或者設定百分比*/
 
#DivContainer {
	margin:0 0 0 0;
		
	width:1005px;
    clear:both;
	background: url(image/Container_bg.jpg) repeat-x;
	
	
} /*可以不用設立width，沒有設定會預設為100%*/
 

#DivLeft {
        margin:-2px 0 0 0;
		*margin:0 0 0 0;
        width:200px;
        float:left;
        height:200px; 
		
		}



#clear{
 clear: both; 
}
/*login*/

.left_box_border{
width:250px;

padding:2px;
*padding:0px;
_padding:0 0 0 0px;
margin:0 0 0 -2px;
*margin:0 0 0 0;

}
.left_box{
	width:250px;
	height:140px;
	background-image: url(image/left_Login.gif);
	background-repeat: no-repeat;
	background-position: top;
	
}
.left_box_error1{
	width:250px;
	height:199px;
	background-image: url(image/left_Login_error1.gif);
	background-repeat: no-repeat;
	background-position: top;
	
}
.left_box_error2{
	width:250px;
	height:199px;
	background-image: url(image/left_Login_error2.gif);
	background-repeat: no-repeat;
	background-position: top;
	
}

.left_box_right{
	width:250px;
	height:173px;
	background-image: url(image/left_Login_right.gif);
	background-repeat: no-repeat;
	background-position: top;
	
}

.clearlog{
clear:both;
height:1px;
*height:4px;
_height:1px;
overflow:hidden;
}
.clearlog_error{
clear:both;
height:-2px;
*height:6px;
_height:6px;
overflow:hidden;
}
#login{
	padding:10px;
	margin: 0 0 0 10px;
	*margin: 45px 0 0 10px;
	_margin: 45px 0 0 0;
	padding:35px 0 0 0;
	*padding:0 0 0 0;
	_padding:0 0 0 10px;
}
#login_right{
	margin: 0 0 0 10px;
	*margin: 87px 0 0 10px;
	_margin: 87px 0 0 0;
	padding:35px 0 0 0;
	
	*padding:0 0 0 0;
	_padding:0 0 0 10px;
}
.input{
	width:140px;
	height:12px;
	font-size:10px;
	margin: 10px 0 0 44px;
	*margin: 0 0 0 44px;
	padding:2px;
	
}
.input_error{
	width:140px;
	height:12px;
	font-size:10px;
	margin: 10px 0 0 50px;
	*margin: -60px 0 0 46px;
	_margin: -60px 0 0 46px;
	padding:1px;
	*padding:2px;
	
	
}

.submit{
float:right;
margin-right:50px;
margin-top:5px;
}
.submit_right{
float:right;
margin-right:75px;
margin-top:30px;
*margin-top:23px;
_margin-top:28px;

}
.submit_error{
float:right;
margin-right:45px;
margin-top:61px;
*margin-top:25px;
}
#welcome{
 float:left;
 font-size:11px;
*font-size:10px;
_font-size:10px;
 color:#000000;
 text-decoration:none;
 font-weight:normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 display:block;
 margin:12px 0 0 45px;
 *margin:-40px 0 0 40px;
 _margin:-40px 0 0 19px;
}
.Forgetsubmit{
float:right;
margin-right:15px;
margin-top:5px; /* FireFox已ok*/
*margin-top:-14px;/*IE7 已ok*/
_margin-top:-14px; /*IE6 已OK */
}
.Forgetsubmit_error{
float:right;
margin-right:10px;
margin-top:61px; /*FireFox已ok*/
*margin-top:6px; /*IE7 已ok*/
_margin-top:6px; /*IE6 已OK*/
}
#DivRight {
        margin:0px
        width:200px;
        float:right;
		height:200px;
		background-color: rgb(65%,10%,40%);
		}
 
#DivContent {
	float:left;
	width:696px;
	margin:0 0 0 55px;
	_margin:0 0 0 45px;
	background: url(image/main_bg.gif) no-repeat; 
	position: relative;      
}
.hot{
	width:230px;
	margin:20px 0 0 10px;
	*margin:20px 0 0 10px;
	_margin:20px 0 0 5px;
	float: left;
	
}
.main_video{
	float:right;
	width:270px;
	
	margin: -282px 30px 0 0;
	_margin: -282px 17px 0 0;
}
/* 遊戲截圖*/
#screenshot_top{
background-image: url(image/screenshot_top.gif);
width:640px;
height:55px;
margin:10px 0 0 25px;
}
#screenshot_bottom{
background-image: url(image/screenshot_bottom.gif);
width:640px;
/*height:152px;*/
margin:0 0 0 25px;
}
#hotweapon{
/*background-image: url(image/main_hotweapon.gif);*/
width:412px;
height:43px;
margin:20px 0 0 25px;
}
#hotweapon_bottom{
	background: url(image/main_hotweapon_bottom.gif) no-repeat;
	width:412px;
	height:161px;
	margin:0 0 0 25px;
	background-repeat: no-repeat;	
}

.hotweapon_h1{
	font-family: "新細明體";
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.hotweapon_h2{
	font-family: "新細明體";
	font-size: 12px;
	font-weight: bold;
    color: #0075A6;
	text-align: center;
}
.hotweapon_h3{
	font-family: "新細明體";
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.hotweapon_price{
	font-family: "新細明體";
	font-size: 12px;
	font-weight: bold;
	color: #990000;	
	text-align: center;
}
#main_rank{
	background: url(image/rank.gif) no-repeat ;
	width:210px;
	height:205px;
	float:right;
	margin:-203px 29px 0 0;
	*margin:-203px 29px 0 0;
	_margin:-212px 17px 0 0;
	clear:both;
	
		
}

/* news more連結*/
#newsboardtop h1{
padding:20px 0 0 0;
*padding:0 0 0 0;
margin:0px 0 0 285px;
*margin:20px 0 0 285px;
}
/* news board*/
#newsboardtop{
background-image: url(image/news_board_top.gif);
width:354px;
height:55px;
background-color:#CCCCCC;
margin:40px 0 0 25px;
}
#newsboardbottom{
background-image: url(image/news_board_bottom.gif);
width:354px;
height:229px;
background-color:#CCCCCC;
margin:0 0 0 25px;

}
.post_notice{
font-size:13px;
color:#525252;
text-decoration:none;
 font-weight:normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.post_notice:hover{
 font-size:13px;
 color:#1E86AD;
 text-decoration:none;
 font-weight:normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.post_day{
font-size:12px;
color:#BDBEBE; 
text-decoration:none;
margin:0 0 0 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}  
.post_title{
 font-size:15px;
 color:#CC3300;
 text-decoration:none;
 font-weight:bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding:0 0 0 10px;
  }
.post_news{
	font-size:13px;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px 10px 10px 10px;
	line-height:1.8em;
	
}
.post_news_date{
 font-size:12px;
 color:#666666;
 text-decoration:none;
 font-weight:normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 padding:60px 10px 30px 80px;
 

}

.update_news{
background-image: url(image/update_news.gif);
width:630px;
height:55px;
margin:55px 0 0 33px;
}
.update_news_bottom{
background-image: url(image/update_news_bottom.gif);
width:630px;
/*height:790px;*/
margin:0 0 0 33px;
display:block;
overflow:auto;


}
.event_news{
background-image: url(image/event_news.gif);
width:630px;
height:55px;
margin:55px 0 0 33px;

}
.quick{
margin:10px 0 0 0;
position:absolute;

}
.user{
	background: url(image/item/item_user.gif) no-repeat;
	width:75px;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
	padding:3px 0 0 0;
	*padding:3px 0 0 0;
	margin:10px 0 0 0;
	_margin:30px 0 0 -7px;
	font-weight: bold;
 }

.item_name{
	background: url(image/item/item_name_bg.gif) no-repeat;
	width:180px;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#E1E1E1;
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
	padding:3px 0 0 0;
	margin:10px 0 0 0;
	_margin:30px 0 0 0;
	font-weight: bold;
 }
.item_notice{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#636363;
text-decoration:none;
text-align: left;
line-height:1.5em;
 }
#service_contact{
background: url(image/service_contact_bg.gif) no-repeat;
width:540px;
height:550px;
margin:0 0 0 45px;
}
#service_contact h1{
margin:295px 0 0 210px;
}
.a:hover.item_name {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:025E91; text-decoration:underline; text-align: center;}

#DivFooter {
    background: url(image/footer.jpg) repeat-x;
	_ background: url(image/footer_ie6.jpg) repeat-x;
	width:1300px;
	height:100px;
    clear:both;
	
}
.copyright{
    margin:-30px 0 0 -230px;
    _margin:-25px 0 0 -230px;
    position:relative;
	width:810px;
	height:60px;
	z-index:1;
	left: 430px;
	top: 1500;
}
#quick {
	position:absolute;
	width:250px;
	height:330px;
	z-index:2;
}
.service{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
text-decoration:none;
line-height:1.6em;
font-weight: bold;
 }
.a:hover.service {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:13px; color:025E91; }
/*分頁按鈕*/

DIV.sabrosus {
	padding-rigft: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin: 3px; 
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
DIV.sabrosus A {
	border-right: #9aafe5 1px solid;
    padding-right: 5px; 
	border-top: #9aafe5 1px solid; 
	padding-left: 5px;
    padding-botom: 2px; 
	border-left: #9aafe5 1px solid;
	color: #2e6ab1; 
	margin-right: 2px;
    padding-top: 2px;
    border-bottom: #9aafe5 1px solid;
	text-decoration: none
}
DIV.sabrosus A:hover {
	border-right: #2b66a5 1px solid;
	border-top: #2b66a5 1px solid;
	border-left: #2b66a5 1px solid;
	color: #000;
	border-bottom: #2b66a5 1px solid;
	background-color: lightyellow
}
DIV.pagination A:active {
	border-right: #2b66a5 1px solid;
	border-top: #2b66a5 1px solid;
	border-left: #2b66a5 1px solid;
	color: #000;
	border-bottom: #2b66a5 1px solid; 
	background-color: lightyellow
}
DIV.sabrosus SPAN.current {
	border-right: navy 1px solid;
	padding-right: 5px;
	border-top: navy 1px solid;
	padding-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: navy 1px solid;
	COLOR: #fff;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: navy 1px solid;
	BACKGROUND-COLOR: #2e6ab1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid;
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #929292 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #929292 1px solid;
	COLOR: #929292; 
	MARGIN-RIGHT: 2px; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #929292 1px solid
}