@charset "utf-8";
/* CSS Document */
body
{
	height:100%;
	background-image:url(../image/bg.png);
	background-repeat:no-repeat;
	background-position:top;
}
/*#footer 
{
	position:fixed;
	left:0px;
	bottom:0;
	background-color:#666;
	height:60px;
	width:100%;
	margin-top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
}*/  
/***************************************UI***************************************/
#wordBox
{
	width:950px;
	height:640px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat:no-repeat;
}
#word_top
{
	width:950px;
	height:18px;
	float:left;
}
#word_body
{
	width:950px;
	height:603px;
	float:left;
}
#word_bottom
{
	width:950px;
	height:18px;
	float:left;
}
#word_ui_ani
{
	width:160px;
	height:188px;
	position:absolute;
	z-index:50;
}
#word_pen
{
	width: 33px;
	height: 63px;
	float: left;
	position: absolute;
	left: 550px;
	z-index: 999;
}
/***************************************UI***************************************/

/***************************************Content***************************************/
#word_body_left
{
	width:173px;
	height:603px;
	float:left;
}
#word_body_content
{
	width:603px;
	height:603px;
	float:left;
}
#word_body_btn
{
	width:174px;
	height:603px;
	float:left;
}
#word_content
{
	width:590px;
	height:590px;
	float:left;
	margin-top:6.5px;
	margin-left:6.5px;
}
#word_content_position
{
	width:590px;
	height:590px;
	position:absolute;
}

#word_content_position_pen
{
	width:590px;
	height:590px;
	position:absolute;
}
/***************************************Content***************************************/

/***************************************Botton***************************************/
#btn_video
{
	width:112px;
	height:89px;
	float:left;
	margin-top:55px;
	margin-left:40px;
	cursor:pointer;
}

#btn_yue
{
	width:138px;
	height:89px;
	float:left;
	margin-top:60px;
	margin-left:20px;
	cursor:pointer;
}

#btn_guo
{
	width:138px;
	height:89px;
	float:left;
	margin-top:40px;
	margin-left:20px;
	cursor:pointer;
}

#btn_write
{
	width:137px;
	height:124px;
	float:left;
	margin-top:45px;
	margin-left:30px;
	cursor:pointer;
}
/***************************************Botton***************************************/

/***************************************ARROWS***************************************/
#pep_img_ARROWS
{
	width:60px;
	height:35px;
	position:absolute;
	display:none;
	background-image:url(../image/anniu0019.png);
	z-index:999;
}
/***************************************ARROWS***************************************/

/***************************************Score***************************************/
#word_complete
{
	width:950px;
	height:640px;
	position:absolute;
	z-index:100;
}
#opacity_div{
	width:950px;
	height:640px;
	opacity: 0.3;
	background-color:#EEE;
}
#word_complete_show
{
	width:810px;
	height:257px;
}
#word_complete_ok
{
	width: 120px;
	height: 120px;
	position: absolute;
	left: 785px;
	top: 485px;
	cursor:pointer;
}
/*.word_level_box
{
	width:279px;
	height:286px;
	float:left;
}*/
.word_level_ani
{
	width: 810px;
	height: 257px;
	position:absolute;
	top: 190px;
	left: 85px;
}

.word_level_ani img {
	border:1px;
	border:0px;
}
/***************************************Score***************************************/