/* CSS Document */
@font-face {
	font-family: "zongyi";
	src:url(../font/DFFN_G7.TTC);
}
body{	margin:0 auto;-webkit-user-select:none;-moz-user-select:none;}

#div_all{	position:relative; width:1024px;	height:704px;	background-image:url(../images/bg.png); margin:0 auto;	-webkit-user-select:none; ;ms-user-select: none; background-size: 100%;}
#div_canvas{width:1024px;	height:704px; overflow: hidden;}
#div_canvas canvas{-webkit-user-select:none;-moz-user-select:none;}

#div_canvasfirstpage{width:1024px;	height:704px; overflow: hidden;}
#div_canvasfirstpage canvas{-webkit-user-select:none;-moz-user-select:none;}


.btn {	right:26px;	line-height: 56px;	font-size: 26px; position:absolute; bottom:2px; cursor:pointer;	background: url('../images/btn3_1.png') no-repeat;	color: #FFF;	width: 157px;	height: 65px;	text-align: center;	display:none;	background-size: 100%;}
.btn:hover {right:26px;	line-height: 56px;	font-size: 26px; position:absolute; bottom:2px; cursor:pointer;	background: url('../images/btn3_2.png') no-repeat;	color: #FFF;	width: 157px;	height: 65px;	text-align: center;		background-size: 100%;}

.lbtn {	left:26px;	line-height: 56px;	font-size: 26px; position:absolute; bottom:2px; cursor:pointer;	background: url('../images/btn1_1.png') no-repeat;	color: #FFF;	width: 157px;	height: 65px;	text-align: center;	display:none;	background-size: 100%;}
.lbtn:hover {left:26px;	line-height: 56px;	font-size: 26px; position:absolute; bottom:2px; cursor:pointer;	background: url('../images/btn1_2.png') no-repeat;	color: #FFF;	width: 157px;	height: 65px;	text-align: center;		background-size: 100%;}

.continuebtn {	right:26px;	line-height: 56px;	font-size: 26px; position:absolute; bottom:2px; cursor:pointer;	background: url('../images/continue1.png') no-repeat;	color: #FFF;	width: 157px;	height: 65px;	text-align: center;	display:none;	background-size: 100%;}
.continuebtn:hover {right:26px;	line-height: 56px;	font-size: 26px; position:absolute; bottom:2px; cursor:pointer;	background: url('../images/continue2.png') no-repeat;	color: #FFF;	width: 157px;	height: 65px;	text-align: center;		background-size: 100%;}

.logo{position:absolute; top:17px;left:23px}

.start{
    background-image: url('../images/btn2_1.png');
    top:255px;
    left:550px;
}
.start:hover,.start:active{
    background-image: url('../images/btn2_2.png');
}
.rules{
    background-image: url('../images/btn1_1.png') ;
    top:255px;
    left:325px;
}
.rules:hover{
    background-image: url('../images/btn1_2.png') ;
}

#yxgz{	position:absolute;	left:0px;	top:0px;	width:1024px;	height:704px;	background:url(../images/bg_gz.png) no-repeat;	display:none;}
#yxgz div{	position:absolute;	right:26px;	bottom: 2px;	width:157px;	height:65px;	background:url(../images/bg_gz_close.png) no-repeat;background-size: 100%;}
#yxgz div:hover{	cursor:pointer; background-image: url('../images/bg_gz_close_1.png');}

#fyxgz{	position:absolute;	left:0px;	top:0px;	width:1024px;	height:704px;	background:url(../images/bg_gz.png) no-repeat;	display:none;}
#fyxgz div{	position:absolute;	right:26px;	bottom: 2px;	width:157px;	height:65px;	background:url(../images/btn2_1.png) no-repeat;background-size: 100%;}
#fyxgz div:hover{	cursor:pointer; background-image: url('../images/btn2_2.png');}

.wh{	position:absolute;	left:150px;	top:10px;	font:35px YuanTi;	display:none;	cursor:default;}
#did_win{	position:absolute;	left:400px;	top:100px;	width:185px;	height:136px;		background-image:url(../images/winner_1.png);	background-repeat:no-repeat;	display:none;}

#div_over{	position:absolute;	left:0;	top:0;	width:1024px;	height:768px;	background-color:#FFF;	opacity:.6;	display:none;		}

.df{	position:absolute; top: 0px; height: 704px; width:1024px; font-size:80px; color:red; font:80px; font-family: Arial;
    	opacity:1;	display:none;	cursor:default;
    background: url(../images/scroe.png) no-repeat;	background-size: 100%; text-align: right}
.df span{padding-right: 295px; line-height: 7.1; font-weight: bold;}

.ef{	position:absolute; top: 0px; height: 704px; width:1024px; font-size:80px; color:red; font:80px; font-family: Arial;
    	opacity:1;	display:none;	cursor:default;
    background: url(../images/scroe.png) no-repeat;	background-size: 100%; text-align: right}
.ef span{padding-right: 270px; line-height: 7.1; font-weight: bold;}

.ff{	position:absolute; top: 0px; height: 704px; width:1024px; font-size:80px; color:red; font:80px; font-family: Arial;
    	opacity:1;	display:none;	cursor:default;
    background: url(../images/scroe.png) no-repeat;	background-size: 100%; text-align: right}
.ff span{padding-right: 253px; line-height: 7.1; font-weight: bold;}

.perScore{
    display:none;
    color: #ff0000;
    font-size: 40px;
    position: absolute;
    -webkit-user-select:none;-moz-user-select:none;
    cursor: default;
    font-family: 'Arial';
    font-weight: bold;
}