body{
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	margin: 0;
	padding: 0;
}
#box{
	width:980px;
	height:645px;
	margin:auto;
	position: relative;
	top: 0;
	left: 0;
}
#testCanvas{
	position: absolute;
	z-index: 100;
}
#big_box{
	position:absolute;
}
.des_cell{
	width:302px;
	height:202px;
	background-image:url(../images/kuangyisheng.png);
	
}
#questionBox{
	width:602px;
	height:456px;
	position:absolute;
	top:138px;
	left:20px;
	background-image:url(../images/q1.png);
	z-index:0;
}
#speechBox_2{
	width:292px;
	height:197px;
	position:absolute;
	top:150px;
	left:35px;
	z-index:2;
	font-size:20px;
	padding:5px 10px 0 0px;
	
}
#dimBox{
	width:980px;
	height:645px;
	position:absolute;
	z-index:12;
}

#show_ansBox{
	width: 329px;
	height: 381px;
	position: absolute;
	top: 15px;
	left: 269px;
	background: url(../images/anskuang.png);
}
#ansBox_bg{
	width:310px;
	height:231px;
	position:absolute;
	top:148px;
	left:652px;
	background:url(../images/ans00.png);
}

.des_cell_a{
}
.des_cell_b{
}
.des_cell_c{
	
}
.des_cell_d{
}
.des_cell_test{
}

.pic_cell{
	width:50px;
	height:50px;
	display:none;
}

#box #pic_container #p0{
	position:absolute;
	left: 363px;
	top: 231px;
	
}
#box #pic_container #p1{
	position:absolute;
	left: 715px;
	top: 238px;
	
}
#box #pic_container #p2{
	position:absolute;
	left: 363px;
	top: 522px;
	
}
#box #pic_container #p3{
	position:absolute;
	left: 715px;
	top: 513px;
	
}
#box #pic_container #p4{
	position:absolute;
	left: 543px;
	top: 360px;
	
}
#box #pic_container #p5{
	position:absolute;
	left: 698px;
	top: 357px;
	
}
#box #pic_container #p6{
	position:absolute;
	left: 332px;
	top: 540px;
	
}
#box #pic_container #p7{
	position:absolute;
	left: 190px;
	top: 647px;
	
}
#box #pic_container #p8{
	position:absolute;
	left: 335px;
	top: 649px;
	
}
#box #pic_container #p9{
	position:absolute;
	left: 558px;
	top: 651px;
	
}
#box #pic_container #p10{
	position:absolute;
	left: 708px;
	top: 546px;
	
}
#box #pic_container #p11{
	position:absolute;
	left: 707px;
	top: 657px;
	
}


.pic_0{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:10;
}
.pic_1{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:9;
}
.pic_2{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:8;
}
.pic_3{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:7;
}
.pic_4{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:6;
}
.pic_5{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:5;
}
.pic_6{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:5;
}
.pic_7{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:5;
}
.pic_8{
	position:absolute;
	left: 652px;
	top: 148px;
	z-index:5;
}

.show_ifYou{
	width:170px;
	position:absolute;
	left: 700px;
	top: 395px;
	font-size:20px;
	font-style:italic;
	color: #004A88;
}
.src_cell{
	width:240px;
	height:85px;
	position:absolute;
	left: 690px;
	top: 420px;
	z-index:5;
	font-size:20px;
	text-align:center;
	display:none;
}


#des_container #d0{
	position:absolute;
	top:150px;
	left:35px;
	z-index:1;
}
#des_container #d1{
	position:absolute;
	left: 20px;
	top: 100px;
	z-index:1;
}
#des_container #d2{
	position:absolute;
	left: 20px;
	top: 100px;
	z-index:1;
}
#des_container #d3{
	position:absolute;
	left: 20px;
	top: 100px;
	z-index:1;
}
#des_container #d4{
	position:absolute;
	left: 20px;
	top: 100px;
	z-index:1;
}
#des_container #d5{
	position:absolute;
	left: 20px;
	top: 100px;
	z-index:1;
}
#des_container #d6{
	position:absolute;
	left: 55px;
	top: 532px;
	z-index:1;
}
#des_container #d7{
	position:absolute;
	left: 155px;
	top: 532px;
	z-index:1;
}
#des_container #d8{
	position:absolute;
	left: 415px;
	top: 532px;
	z-index:1;
}
#des_container #d9{
	position:absolute;
	left: 515px;
	top: 532px;
	z-index:1;
}
#des_container #d10{
	position:absolute;
	left: 164px;
	top: 440px;
}

#speechBox{
	width:271px;
	height:177px;
	position:absolute;
	top:150px;
	left:335px;
	z-index:2;
	font-size:20px;
	padding:5px 10px 0px 0px;
	background:url(../images/kuangbingren.png);
}
#speechBox_2{
	width:292px;
	height:197px;
	position:absolute;
	top:150px;
	left:35px;
	z-index:2;
	font-size:20px;
	padding:5px 10px 0 0px;
	background:url(../images/kuangyisheng.png);
}



.left_btn{
	width:66px;
	height:75px;
	background:url(../images/btn/btn_right.png);
	position:absolute;
	left:635px;
	top:410px;
	cursor:pointer;
}
.left_btn:hover{
	background:url(../images/btn/brn_right_2.png);
}
.left_btn_dim{
	width:66px;
	height:75px;
	background:url(../images/btn/btn_right_3.png);
	position:absolute;
	left:635px;
	top:410px;
}

#xianshi_wenzi{
	width:188px;
	height:85px;
	text-align:center;
	position:absolute;
	left:707px;
	top:370px;
	font-size:25px;
}

.right_btn{
	width:66px;
	height:75px;
	background:url(../images/btn/btn_left.png);
	position:absolute;
	left:912px;
	top:410px;
	cursor:pointer;
}
.right_btn:hover{
	background:url(../images/btn/btn_left_2.png);
}
.right_btn_dim{
	width:66px;
	height:75px;
	background:url(../images/btn/btn_left_3.png);
	position:absolute;
	left:912px;
	top:410px;
}

.left_btn_q{
	width: 104px;
	height: 50px;
	position: absolute;
	left: 212px;
	top: 512px;
	cursor: pointer;
	z-index:6;
}

.left_btn_q_dim{
	width:104px;
	height:50px;
	position:absolute;
	left:212px;
	top:512px;
}

.right_btn_q{
	width: 104px;
	height: 50px;
	position: absolute;
	left: 867px;
	top: 512px;
	cursor: pointer;
	z-index:5;
}

.right_btn_q_dim{
	width:104px;
	height:50px;
	position:absolute;
	left:867px;
	top:512px;
}

.play_btn{
	width:34px;
	height:34px;
	cursor:pointer;
}

#play_tishi{
	position: absolute;
	top: 68px;
	left: 16px;
	z-index: 2;
}

#play_question{
	float:left;
	margin-top:-5px;
	
}
#play_question_1{
	float:left;
	margin-top:-5px;
	
}


#play_biaoti{
	width: 34px;
	height: 34px;
	position: absolute;
	top: 29px;
	left: 870px;
	cursor: pointer;
}

.btn_1{
	width:51px;
	height:51px;
	position:absolute;
	left:738px;
	top:566px;
	cursor:pointer;
}

.btn_1_dim{
	width: 51px;
	height: 51px;
	position: absolute;
	left: 738px;
	top: 566px;
}

#test{
	width:1px;
	height:1px;
	position:absolute;
	left:38px;
	top:88px;
}
#cle{
	position:absolute;
	left:210px;
	top:660px;
}

#dim_div{
	width:980px;
	height:645px;
	background:url(../images/dim.png) 70% 70% repeat-x;
	position:absolute;
	z-index:10;
	opacity:.7;
}

#challenge{
	width:980px;
	height:645px;
	background:url(../images/lv2_kuang.png);
	position:absolute;
	z-index:11;
	background-size: 100%;
	background-repeat: no-repeat;
}
#yesBtn{
	position:absolute;
	top:325px;
	left:360px;
	cursor:pointer;
}
#yesBtn:hover{
	
}
#yesBtn:active{
	
}
#noBtn{
	position:absolute;
	top:325px;
	left:510px;
	cursor:pointer;
}
#noBtn:hover{
	
}
#noBtn:active{
	
}

#title_div{
	width:980px;
	height:645px;
	position:absolute;
	z-index:999;
}

#zhishiju{
	width: 142px;
	font-size: 23px;
	position: absolute;
	top: 72px;
	left: 54px;
	z-index: 10;
}

#startBtn{
	width:200px;
	height:77px;
	position:absolute;
	z-index:1000;
	top:395px;
	left:393px;
	cursor:pointer;
}

.challenge_btn{
	width:51px;
	height:51px;
	position:absolute;
	z-index:6;
	top:566px;
	left:790px;
	cursor:pointer;
}

.challenge_btn_dim{
	width: 51px;
	height: 51px;
	position: absolute;
	z-index: 10;
	top: 566px;
	left: 790px;
}

#xuanXiang_btn{
	position:absolute;
	z-index:10;
	top:390px;
	left:880px;
}


.src_temp{
	width:240px;
	height:85px;
	z-index:5;
	font-size:20px;
	text-align:center;
	background-color:#FFFFFF;
}


.zui_1{
	width:11px;
	height:8px;
	position:absolute;
	top: 442px;
	left: 462px;
	background-image:url(../images/zb1.gif);
}
.zui_2{
	width:16px;
	height:11px;
	position:absolute;
	top: 449px;
	left: 466px;
	background-image:url(../images/zb2.gif);
}
.zui_3{
	width:15px;
	height:11px;
	position:absolute;
	top: 436px;
	left: 435px;
	background-image:url(../images/zb3.gif);
}
.zui_4{
	width:20px;
	height:24px;
	position:absolute;
	top: 419px;
	left: 407px;
	background-image:url(../images/zb4.gif);
}
.zui_5{
	width:24px;
	height:19px;
	position:absolute;
	top: 410px;
	left: 447px;
	background-image:url(../images/zb5.gif);
}
.zui_6{
	width:10px;
	height:10px;
	position:absolute;
	top: 446px;
	left: 449px;
	background-image:url(../images/zb6.gif);
}
.zui_7{
	width:28px;
	height:30px;
	position:absolute;
	top: 413px;
	left: 424px;
	background-image:url(../images/zb7.gif);
}
.zui_8{
	width:21px;
	height:25px;
	position:absolute;
	top: 425px;
	left: 442px;
	background-image:url(../images/zb8.gif);
}
.zui_9{
	width:20px;
	height:22px;
	position:absolute;
	top: 405px;
	left: 400px;
	background-image:url(../images/zb9.gif);
}
.zui_zy{
	width:33px;
	height:22px;
	position:absolute;
	top: 410px;
	left: 158px;
	background-image:url(../images/zy.gif);
}
#talk{
/*	background: url(../images/btn/talk.png); 	cursor:pointer;*/
	position: absolute;

	width: 101px;
	height: 46px;
	left: 646px;
	top: 567px;
}
#talk:hover{
/*	background:url(../images/btn/talk_s2.png);*/
}

#talk:active{
/*	background:url(../images/btn/talk_s3.png);*/
}
#backMain{
	display:none;
	position: absolute;
	width: 104px;
	height: 50px;
	left: 856px;
	top: 566px;
	background: url(../images/btn/back.png);
	cursor:pointer;
}
#backMain:hover{
	background:url(../images/btn/back_s2.png);
}

#backMain:active{
	background:url(../images/btn/back_s3.png);
}

#w_box{
	width: 162px;
	height: 30px;
	position: absolute;
	left: 509px;
	top: 523px;
	background-color:#FFF;
	border-radius: 16px;
	text-align:center;
	padding-top:3px;
	color:#FF8206;
	font-weight: bolder;
}

#ch_ans {	
	position: absolute;
	left: 843px;
	top: 567px;	
}
.dim_num{
	background-color:rgb(153,153,153);
}
#num_1{
	width:27px;
	height: 35px;
	position: absolute;
	left: 341px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_2{
	width:28px;
	height: 35px;
	position: absolute;
	left: 369px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_3{
	width:28px;
	height: 35px;
	position: absolute;
	left: 398px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_4{
	width:29px;
	height: 35px;
	position: absolute;
	left: 427px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_5{
	width:28px;
	height: 35px;
	position: absolute;
	left: 457px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_6{
	width:28px;
	height: 35px;
	position: absolute;
	left: 486px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_7{
	width:29px;
	height: 35px;
	position: absolute;
	left: 515px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_8{
	width:28px;
	height: 35px;
	position: absolute;
	left: 545px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_9{
	width: 28px;
	height: 35px;
	position: absolute;
	left: 574px;
	top: 575px;
	line-height:35px;
	text-align:center;
}
#num_10{
	width:30px;
	height: 35px;
	position: absolute;
	left: 603px;
	top: 575px;
	line-height:35px;
	text-align:center;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

#xk_01{
	width: 717px;
	height: 35px;
	position: absolute;
	left: 232px;
	top: 452px;
	overflow:hidden;

}
#xz_01{
	width: 260px;
	height: 35px;
	cursor: pointer;
}
#xz_02{
	position: absolute;
	width: 260px;
	height: 35px;
	top: 0px;
	left: 237px;
	cursor: pointer;
}
#xz_03{
	position: absolute;
	width: 260px;
	height: 35px;
	top: 0px;
	left: 465px;
	cursor: pointer;
}

#xk_02{
	width: 640px;
	height: 85px;
	position: absolute;
	left: 270px;
	top: 454px;
	overflow: hidden;
	font-size:20px;
}
#xk_4{
	width: 580px;
	height: 85px;
	position: absolute;
	left: 300px;
	top: 435px;
	overflow: hidden;
	font-size:18px;
}

#xz_11,
#xz_12,
#xz_13,
#xz_14 {
	background: url(../images/xz_01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 28.9%;
	height: 40%;
	width: 262px;
	height: 35px;
	text-align: center;	
}

#xz_11{
	float:left;
	cursor:pointer;
}
#xz_12{
	position: absolute;
	top: 0px;
	left: 312px;
	cursor: pointer;
}
#xz_13{
	position: absolute;
	top: 45px;
	left: 0px;
	cursor: pointer;
}
#xz_14{
	position: absolute;
	top: 45px;
	left: 312px;
	cursor: pointer;
}
#pic{
	width: 769px;
	height: 345px;
	position: absolute;
	left: 205px;
	top: 85px;
}

#popo_01{
	width: 479px;
    height: 50px;
    position: absolute;
    left: 285px;
    top: 330px;
	font-size: 20px;
	background: url(../images/popo_01.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

#popo_02{
	width: 599px;
	height: 52px;
	position: absolute;
	left: 295px;
	top: 380px;
	background: url(../images/popo_03.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

#popo_02.popo_03{
	width: 599px;
	height: 52px;
	position: absolute;
	left: 418px;
	top: 380px;
	background: url(../images/popo_03.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
#que_01{
	width: 163px;
	height: 50px;
	position: absolute;
	left: 52px;
	top: 31px;
}
#que_02{
	margin-left: 2%;
	width: 98%;
	font-size: 20px;
}
#play_popo_1{
	position: absolute;
	top: 36px;
	left: 12px;
	z-index: 21;
}
#play_popo_2{
	position: absolute;
	top: 5px;
	left: 12px;
	z-index: 11;
}
#zhezhao{
	display:none;
    z-index: 1;
	position: absolute;
	width: 665px;
	height: 93px;
	top: 433px;
	left: 253px;
}
#zhezhao_1{
	display:none;
    z-index: 1;
	position: absolute;
	width: 352px;
	height: 61px;
	top: 565px;
	left: 253px;
}
#tishi_01{
	position: absolute;
	top: 438px;
	left: 570px;
	width: 30px;
	height: 30px;	
}
#tishi_02{
	position: absolute;
	top: 438px;
	left: 880px;
	width: 30px;
	height: 30px;
	
}
#tishi_03{
	position: absolute;
	top: 485px;
	left: 570px;
	width: 30px;
	height: 30px;
}
#tishi_04{
	position: absolute;
	top: 485px;
	left: 880px;
	width: 30px;
	height: 30px;
}
#tishi_11{
	position: absolute;
	top: 457px;
	left: 444px;
	width: 30px;
	height: 30px;
}
#tishi_12{
	position: absolute;
	top: 457px;
	left: 681px;
	width: 30px;
	height: 30px;
}
#tishi_13{
	position: absolute;
	top: 457px;
	left: 909px;
	width: 30px;
	height: 30px;
}
#tishi_14{
	position: absolute;
	top: 487px;
	left: 876px;
	width: 30px;
	height: 30px;
}

#big_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#popo_01 > img,
#popo_02 > img {
	width: 100%;
}

#popo_02_wrap {
	/* display: table-cell;
	vertical-align: middle; */
	width: 100%;
	height: 50px;
	padding-left: 15px;
	display: table;
}

#popo_01_wrap {
	/* display: table-cell;
	vertical-align: middle; */
	width: 100%;
	height: 50px;
	padding-left: 35px;
	display: table;
}

#popo_01_wrap > div,
#popo_02_wrap > div {
	display: table-cell;
	vertical-align: middle;
}

/* #popo_01_wrap div {
	margin-left: 10.5%;
	width: 89%;
} */

#showDuiHua{
	width: 750px;
	max-height: 460px;
	position: absolute;
	top: 103px;
	left: 226px;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:10;
	font-size:20px;
}
.sdh_kuang{
	width:753px;
	float:left;
	overflow:hidden;
	margin-bottom:30px;
}
.sdh_shuzi{
	float:left;
	width: 25px;
	height:100%;
	margin-top: 4px;
}
.sdh_bell{
	float:left;
	margin:0 0 0 10px;
	cursor:pointer;
}
.sdh_renming{
	float:left;
	margin-left:10px;
	margin-top: 4px;
}
.sdh_wenzi{
	width: 80%;
	float:left;
	margin-left:10px;
	margin-top: 4px;
}
.sdh_wenzi span{
	color:red;
}
.talkClass{
	cursor:pointer;
}

#xz_01,
#xz_02,
#xz_03 {
	background: url(../images/xz_01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 26.2%;
	height: 40%;
	text-align: center;	
}

@media all and (max-width: 980px) {
	#box_bg {
		width: 100%;
	}
	
	#big_box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#title_div {
		width: 100%;
	}
	
	#title_div img {
		width: 100%;
	}
	
	#box {
		width: 100%;
		height: auto;
	}
	
	#startBtn {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	#startBtn img {
		width: 21%;
		position: absolute;
		top: 40%;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	
	.bell img {
		width: 82%;
	}
	
	#play_biaoti {
		top: 4.2%;
		left: 89%;
	}
	
	#play_tishi {
		top: 11%;
		left: 1%;
	}
	
	#zhishiju {
		width: 14%;
		top: 11.5%;
	}
	
	#pic {
		top: 13.2%;
		left: 21%;
		width: 78.5%;
	}
	
	#pic img {
		width: 100%;
	}
	
	#left_btn_q {
		width: 10%;
		top: 79%;
		left: 21%;
	}
	
	#left_btn_q img {
		width: 100%;
	}
	
	#right_btn_q {
		width: 10%;
		top: 79%;
		left: 89%;
	}
	
	#right_btn_q img {
		width: 100%;
	}
	
	#xk_02,
	#xk_4 {
		width: 65.3%;
		top: 66.8%;
		left: 28.6%;
	}
	
	#xz_01,
	#xz_02,
	#xz_03,
	#xz_11,
	#xz_12,
	#xz_13,
	#xz_14, {
		width: 42%;
		height: auto;
		font-size: 0;
	}
	
	#xz_01 span,
	#xz_02 span,
	#xz_03 span,
	#xz_11 span,
	#xz_12 span,
	#xz_13 span,
	#xz_14 span {
		font-size: 16px;
	}
	
	#xz_01 img,
	#xz_02 img,
	#xz_03 img {
		width: 83%;
	}
	
	#w_box {
		width: 16.5%;
		height: auto;
		top: 80%;
		left: 51.9%;
	}
	
	#w_box img {
		width: 100%;
	}
	
	#talk {
		width: 8.3%;
		height: auto;
		top: 87.4%;
		left: 62%;
	}
	
	#talk img {
		width: 100%;
	}
	
	#btn_1 {
		width: 5%;
		height: auto;
		top: 87.3%;
		left: 70.5%;
	}
	
	#btn_1 img {
		width: 100%;
	}
	
	#challenge_btn {
		width: 5%;
		height: auto;
		top: 87.3%;
		left: 75.9%;
	}
	
	#challenge_btn img {
		width: 100%;
	}
	
	#ch_ans {
		width: 18%;
		top: 87.6%;
		left: 81%;
	}
	
	#ch_ans img {
		width: 100%;
	}
	
	#num_1,
	#num_2,
	#num_3,
	#num_4,
	#num_5,
	#num_6,
	#num_7,
	#num_8,
	#num_9,
	#num_10 {
		 top: 88.1%;
		 width:2.8%;
		 height:5.4%;
		 line-height:27px;
	}
	
	#num_1 {
		left: 31.2%;
	}
	
	#num_2 {
		left: 34.1%;
	}
	
	#num_3 {
		left: 37.2%;
	}
	
	#num_4 {
		left: 40%;
	}
	
	#num_5 {
		left: 43.1%;
	}
	
	#num_6 {
		left: 46.1%;
	}
	
	#num_7 {
		left: 49.1%;
	}
	
	#num_8 {
		left: 52.1%;
	}
	#num_9 {
		left: 55%;
	}
	#num_10 {
		left: 58%;
		width:3.1%;
	}
	
	#popo_01 {
		width: 30.4%;
		height: 13.3%;
		top: 52%;
		left: 30.3%;
	}
	
	#popo_02 {
		width: 31.4%;
		height: 13.4%;
		top: 52.4%;
		left: 60.6%;
	}
	
	#que_02 {
		width: 89.8%;
		top: 6%;
		left: 2%;
	}
	
	#que_02 img {
		width: 100%;
	}
	
	#popo_02_wrap {
		width: 100%;
		height: 100%;	
	}
	
	#tishi_01 {
		width: 3%;
		top: 67%;
		left: 58.5%;
	}
	
	#tishi_02 {
		width: 3%;
		top: 67%;
		left: 90.5%;
	}
	
	#tishi_03 {
		width: 3%;
		top: 73.5%;
		left: 58.5%;
	}

	#tishi_04 {
		width: 3%;
		top: 73.5%;
		left: 58.5%;
	}
	
	#tishi_01 img,
	#tishi_02 img,
	#tishi_03 img. {
	#tishi_04 img {
		width: 100%;
	}
	
	#zhezhao {
		width: 65.3%;
		height: 15%;
		top: 65.8%;
		left: 27.6%;
	}
	
	#xz_02 {
		left: 51%;
	}
	
	#xz_03 {
		top: 44%;
	}
	
	#popo_01,
	#popo_02 {
		font-size: 17px;
	}
	
	#showDuiHua {
		width: 76.6%;
		top: 16%;
		left: 23%;
		max-height: 70%;
	}
	
	#challenge {
		width: 100%;
		height: 100%;
	}
	
	#yesBtn {
		top: 51%;
		left: 37%;
		width: 9.5%;
	}
	
	#noBtn {
		top: 51%;
		left: 53%;
		width: 9.5%;
	}
	
	#xz_12,
	#xz_14 {
		left: 51%;
	}
	
	#xz_13,
	#xz_14 {
		top: 37%;
	}
	
	#xz_11,
	#xz_12,
	#xz_13,
	#xz_14 {
		width: 36.9%;
		height: 29%;
		background-size: cover;
	}
	
	#tishi_11 {
		top: 67%;
		left: 58%;
	}
	
	#tishi_12 {
		top: 67%;
		left: 92%;
	}
	
	#tishi_13 {
		top: 74%;
		left: 58%;
	}
	
	#tishi_14 {
		top: 74%;
		left: 92%;
	}
	#xz_01,
	#xz_02,
	#xz_03 {
		width:35%;
		height:27%;
	}
	
}

/* debug */

#title_div,
#startBtn {
	display: ;
}

/* end debug */