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

body {
margin:0px 0px 0px 0px;
padding:0px;
background: #D1CAB9 url(images/bg.gif) 0 0 repeat-x;
color:#333;
font-size:13px;
line-height:21px;
font:"新細明體", Arial, Helvetica, sans-serif;
}
a {
color:#333;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/*----------------------------------wrapper------------------------------------------*/
#wrapper {
	height: 100%;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-----for firefox solve setting height------*/
html>body .wrapper{
	height: auto;
}
.banner {
background:url(images/vn_banner.jpg) 0 0 no-repeat;
width:1000px;
height:290px;
}
/*-------------------------------------menu--------------------------------------------*/

.TabList{
width:1000px;
height:50px;
}
.TabList div{
float: left;
padding-top:10px;
padding-left:7px;
}
.TabList p.tabclear{
margin: 0px;
clear:both;
}
.tab01hover a, .tab01hover a:hover{
background:url(images/vn_button01.gif) 0 -27px no-repeat;
height:27px;
width:87px;
display:block;
overflow: hidden;
}
.tab01 a{
background:url(images/vn_button01.gif) 0 0 no-repeat;
height:27px;
width:87px;
display:block;
overflow: hidden;
}
.tab02hover a, .tab02hover a:hover{
background:url(images/vn_button02.gif) 0 -27px no-repeat;
height:27px;
width:177px;
display:block;
overflow: hidden;
}
.tab02 a{
background:url(images/vn_button02.gif) 0 0 no-repeat;
height:27px;
width:177px;
display:block;
overflow: hidden;
}

.tab03hover a, .tab03hover a:hover{
background:url(images/vn_button03.gif) 0 -27px no-repeat;
height:27px;
width:187px;
display:block;
overflow: hidden;
}
.tab03 a{
background:url(images/vn_button03.gif) 0 0 no-repeat;
height:27px;
width:187px;
display:block;
overflow: hidden;
}

.tab04hover a, .tab04hover a:hover{
background:url(images/vn_button04.gif) 0 -27px no-repeat;
height:27px;
width:156px;
display:block;
overflow: hidden;
}
.tab04 a{
background:url(images/vn_button04.gif) 0 0 no-repeat;
height:27px;
width:156px;
display:block;
overflow: hidden;
}

.tab05hover a, .tab05hover a:hover{
background:url(images/vn_button05.gif) 0 -27px no-repeat;
height:27px;
width:117px;
display:block;
overflow: hidden;
}
.tab05 a{
background:url(images/vn_button05.gif) 0 0 no-repeat;
height:27px;
width:117px;
display:block;
overflow: hidden;
}
.tab01 a:hover, .tab02 a:hover, .tab03 a:hover, .tab04 a:hover, .tab05 a:hover {
background-position: 0 -27px;
}
.btEN a {
background:url(images/vn_btEN.gif) 0 0 no-repeat;
display:block;
width:114px;
height:24px;
}
.btEN a:hover {
background:url(images/vn_btEN.gif) 0 -24px no-repeat;
display:block;
width:114px;
height:24px;
}
.btlogout a:hover {
background:url(images/btlogout.gif) 0 0 no-repeat;
display:block;
width:114px;
height:24px;
}
.btlogout a {
background:url(images/btlogout.gif) 0 0 no-repeat;
display:block;
width:114px;
height:24px;
}

.btlogin {
background:url(images/vn_bt_login.gif) 0 0 no-repeat;
width:91px;
height:24px;
display:block;
border:0px;
}
.btloginhover {
background:url(images/vn_bt_login.gif) 0 -24px no-repeat;
width:91px;
height:24px;
display:block;
border:0px;
}
.btmember {
background:url(images/vn_bt_member.gif) 0 0 no-repeat;
width:226px;
height:24px;
display:block;
border:0px;
}
.btmemberhover {
background:url(images/vn_bt_member.gif) 0 -24px no-repeat;
width:226px;
height:24px;
display:block;
border:0px;
}
.btgame a {
background:url(images/vn_bt_game.gif) 0 0 no-repeat;
width:184px;
height:68px;
display:block;
}
.btgame a:hover {
background:url(images/vn_bt_game.gif) 0 -68px no-repeat;
width:184px;
height:68px;
display:block;
}
.btagain a {
background:url(images/vn_bt_again.gif) 0 0 no-repeat;
width:133px;
height:33px;
display:block;
}
.btmail a {
background:url(images/vn_bt_mail.gif) 0 0 no-repeat;
width:207px;
height:33px;
display:block;
}
.bthome a {
background:url(images/vn_bt_home.gif) 0 0 no-repeat;
width:133px;
height:33px;
display:block;
}
.btagain a:hover, .btmail a:hover, .bthome a:hover {
background-position: 0 -33px;
}
.btsend {
background:url(images/vn_send.gif) 0 0 no-repeat;
width:91px;
height:24px;
display:block;
border:0px;
}
.btsendhover {
background:url(images/vn_send.gif) 0 -24px no-repeat;
width:91px;
height:24px;
display:block;
border:0px;
}
.bt_rank01 a {
background:url(images/vn_bt_rank01.gif) 0 0 no-repeat;
width:273px;
height:18px;
display:block;
}
.bt_rank01hover a {
background:url(images/vn_bt_rank01.gif) 0 -18px no-repeat;
width:273px;
height:18px;
display:block;
}
.bt_rank02 a {
background:url(images/vn_bt_rank02.gif) 0 0 no-repeat;
width:122px;
height:18px;
display:block;
}
.bt_rank02hover a {
background:url(images/vn_bt_rank02.gif) 0 -18px no-repeat;
width:122px;
height:18px;
display:block;
}
.bt_rank03 a {
background:url(images/vn_bt_rank03.gif) 0 0 no-repeat;
width:273px;
height:18px;
display:block;
}
.bt_rank03hover a {
background:url(images/vn_bt_rank03.gif) 0 -18px no-repeat;
width:273px;
height:18px;
display:block;
}
.bt_rank04 a {
background:url(images/vn_bt_rank04.gif) 0 0 no-repeat;
width:122px;
height:18px;
display:block;
}
.bt_rank04hover a {
background:url(images/vn_bt_rank04.gif) 0 -18px no-repeat;
width:122px;
height:18px;
display:block;
}
.bt_rank01 a:hover, .bt_rank02 a:hover, .bt_rank03 a:hover, .bt_rank04 a:hover {
background-position:0 -18px;
}
/*----------------contents---------------*/
.contents_t {
background:url(images/bg_t.gif) 0 0 no-repeat;
width:1000px;
height:12px;
overflow: hidden;
}
.contents_f {
background:url(images/bg_f.gif) 0 0 no-repeat;
width:1000px;
height:12px;
overflow: hidden;
margin-bottom:5px;
}
.contents_c {
width:1000px;
background-color:#FFFFFF;
min-height:650px;
_height:650px;
}
.contentspadding {
padding:10px 25px 10px 25px;
}
.ulstyle {
	margin: 0px 0px 0px 7px;
	padding: 10px 0px 0px 7px;	
    list-style:url(images/a01.gif);
	font-size:15px;
}
.ulstyle li {
padding-bottom:8px;
}
.gamebg {
background:url(images/gamebg.gif) top right no-repeat;
}
.rankbg {
background:url(images/rankbg.jpg) 0 0 no-repeat;
width:937px;
height:483px;
}
/*-------------------table--------------*/
.datatable {
border-collapse:collapse;
margin-top:10px;
}
.datatable td {
padding:3px;
border-bottom:1px dashed #A7B0B2;
}
.datatable tr.bgcolor {
background-color:#E9E8E9;
}

.datatable th {
padding:2px;
background-color:#6FAFBF;
color:#fff;
}
.timebg {
background:url(images/timebg.gif) 0 0 no-repeat;
width:160px;
height:33px;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
}
/*-------------------------------pages-----------------------------*/
.pages{
text-align:center;
font-family: sans-serif;
font-size:12px;
line-height:30px;
margin-top:10px;
}
.pages a,.pages a:visited{
color:#333;
text-decoration:none;
}
.pages a:hover{
background:#ABACAF;
color:#fff;
border:1px solid #cccccc;
text-decoration:none;
}
.pages a.pagenum{
border:1px solid #cccccc;
padding:3px 5px 3px 5px;
}
.cpage{
border:1px solid #fff;
padding:3px 5px 3px 5px;
color:#FF560B;
font-weight:bolder;
vertical-align: top;
}
/*----------------word-------------------*/
.word01 a {
text-decoration:underline;
} 
.word01 a:hover {
text-decoration:none;
}
.word02 {
color:#0066FF;
}
.word02 a {
text-decoration:underline;
color:#0066FF;
} 
.word02 a:hover {

text-decoration:none;
}
.word03 {
color:#FF0000;
font-size:15px;
}
.word04 {
font-weight:bold;
color:#FF6300;
}
.word05 {
color:#FF3601;
text-decoration:underline;
}
.word06 {
color:#333;
font-size:15px;
}
.word06 a{
color:#333;
text-decoration:none;
}
.word06 a:hover {
color:#FF3601;
text-decoration:underline;
}
.wordtitle {
font-size:18px;
font-weight:bold;
}
/************vn iframe**************/
.iframeStyle{
background-color:#FFFFFF;
}
/***********************************/