@charset "utf-8";


/*difine the virtual keyboard*/
body {
	background: #FFFEEE;
}
.keyboard {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -272px 0 0 -283px;
	width: 566px;
	height: 544px;
/*	background: url(../images/bg_keyboard.png) no-repeat;*/
}
.keyboard .num_display {
	position: relative;
	top: 67px;
	left: 79px;
	width: 48px;
	height: 79px;
/*	background: url(../images/disp_num.png) no-repeat;*/
}
.num_display input.num_lcd {
	margin: 14px 10px;
	width: 388px;
	height: 51px;
	background: none;
	font-size: 30px;
	font-family: Verdana;
	color: #0082cb;
	border-radius: 6px;
	border: 2px solid #ef9c00;
}
ul.num_area {
	position: relative;
	top: 110px;
	left: 94px;
	width: 378px;
	height: 308px;
	border: 1px solid #909495;
}
ul.num_area li {
	width: 378px;
	height: 77px;
	float: left;
}
ul.num_area li a {
	display: block;
	width: 124px;
	height: 75px;
	border: 1px solid #909495;
	float: left;
	background-image: url(../images/keyboard.png);
	background-repeat: no-repeat;
}
ul.num_area li a:hover {
	background-image: url(../images/keyboard.png);
	background-repeat: no-repeat;
}
a.num_1 {
	background-position: 0 0;
}
a.num_2 {
	background-position: -124px 0;
}
a.num_3 {
	background-position: -248px 0;
}
a.num_4 {
	background-position: 0 -75px;
}
a.num_5 {
	background-position: -124px -75px;
}
a.num_6 {
	background-position: -248px -75px;
}
a.num_7 {
	background-position: 0 -150px;
}
a.num_8 {
	background-position: -124px -150px;
}
a.num_9 {
	background-position: -248px -150px;
}
a.num_0 {
	background-position: -124px -225px;
}
a.num_enter {
	background-position: 0 -225px;
}
a.num_bks {
	background-position: -248px -225px;
}
ul.num_area li a:hover.num_1 {
	background-position: 0 -300px;
}
ul.num_area li a:hover.num_2 {
	background-position: -124px -300px;
}
ul.num_area li a:hover.num_3 {
	background-position: -248px -300px;
}
ul.num_area li a:hover.num_4 {
	background-position: 0 -375px;
}
ul.num_area li a:hover.num_5 {
	background-position: -124px -375px;
}
ul.num_area li a:hover.num_6 {
	background-position: -248px -375px;
}
ul.num_area li a:hover.num_7 {
	background-position: 0 -450px;
}
ul.num_area li a:hover.num_8 {
	background-position: -124px -450px;
}
ul.num_area li a:hover.num_9 {
	background-position: -248px -450px;
}
ul.num_area li a:hover.num_0 {
	background-position: -124px -525px;
}
ul.num_area li a:hover.num_enter {
	background-position: 0 -525px;
}
ul.num_area li a:hover.num_bks {
	background-position: -248px -525px;
}