@charset "utf-8";
/* CSS Document */

html{
    height:100%;
}
body{
    font-family:微软雅黑;
	background:url(../images/dkbg.jpg) no-repeat center top;
	height:800px;
}
.cf:before,.cf:after{
    display:table;
	content:"";
}
.cf:after{
    clear:both;
}
*{
    padding:0;
	margin:0;
}
.btn{
    display:block;
	cursor:pointer;
}
.content{
    width:695px;
	margin:0 auto;
}
.content1,.content2{
    height:167px;
}
.content1{
	background:url(../images/dkbm_01.jpg) no-repeat;
}
.content2{
	background:url(../images/dkbm_02.jpg) no-repeat;
}
.content3{
    background:url(../images/dkbm_03.jpg) no-repeat;
	height:99px;
}
.content4{
    background:url(../images/dkbm_04.jpg) no-repeat;
	height:64px;
}
.content5{
    height:503px;
    background:url(../images/dkbm_05.jpg) no-repeat;
}

.signup-btn{
    width:223px;
	height:74px;
	background:url(../images/dkbt_02.png) no-repeat;
	position:relative;
	top:3px;
	margin:0 auto;
}
.signup-btn:hover{
    background-position:-223px 0;
}
.signup-btn:active{
    background-position:-446px 0;
}
.content4 .btn-group{
    position:relative;
	left:6px;
}
.match-desp-btn,.match-detail-btn,.match-reward-btn,.match-place-btn{
    width:172px;
	height:64px;
	background:url(../images/dkbt_01.jpg) no-repeat;
	float:left;
	display:inline;
}
.match-desp-btn{
    background-position:0 -1px;
}
.match-desp-btn:hover{
    background-position:0 -64px;
}
.match-desp-btn:active,.match-desp-btn.a{
    background-position:0 -128px;
}
.match-detail-btn{
    background-position:-172px -1px;
}
.match-detail-btn:hover{
    background-position:-172px -64px;
}
.match-detail-btn:active,.match-detail-btn.a{
    background-position:-172px -128px;
}
.match-reward-btn{
    background-position:-344px -1px;
}
.match-reward-btn:hover{
    background-position:-344px -64px;
}
.match-reward-btn:active,.match-reward-btn.a{
    background-position:-344px -128px;
}
.match-place-btn{
    background-position:-516px -1px;
}
.match-place-btn:hover{
    background-position:-516px -64px;
}
.match-place-btn:active,.match-place-btn.a{
    background-position:-516px -128px;
}
.content5 .scroll{
    width:630px;
	position:relative;
	top:16px;
}
.gameinfo{
    position:relative;
	left:75px;
	font-size:16px;
	width:528px;
}
.scrollcontent {
height: 422px;
overflow: hidden;
float: left;
}
.scrollbar {
width: 6px;
height: 422px;
background:url(../images/dkbt_03.png) no-repeat;
position: relative;
float: right;
background-position:-2px -2px;
}
.scrollblock {
position: absolute;
left:-4px;
width: 14px;
height: 43px;
background:url(../images/dkbt_03.png) no-repeat;
background-position:-9px -2px;
cursor: pointer;
}
.match-desp{
    height:422px;
}
.match-detail,.match-reward,.match-place{
    display:none;
}
td{
    text-align:center;
}