body {
	background-color: #EEE;
	color: #222;
	font-family: Helvetica;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	overflow-y: overlay;
  overflow-x: hidden
}

.dict_img {
	width: 450px;
	vertical-align : middle;
	align : middle;
	padding: 0px;
}

.book {
/*	width: 900px;
	height: 600px;*/
	background: #EEE;
	text-align:center;
/*	margin-top: 60px;*/
	position: absolute;
}

.left_pg {
	position: absolute;
/*	width: 400px;
	height: 400px;
	left: 50px;*/
	text-align: right;
	border-right:solid 1px;
	z-index:11;
}

.right_pg {
	position: absolute;
/*	width: 400px;
	height: 400px;
	left: 450px;*/
	text-align: left;
	border-left:solid 1px;
	z-index:10;
}

.left_pg_front {
	position: absolute;
/*	width: 400px;
	height: 900px;
	left: 50px;*/
	text-align: right;
	border-right:solid 1px;
	z-index:13;
transition: 0.4s;
-ms-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transform: perspective(800px) rotateY(90deg);
-ms-transform: perspective(800px) rotateY(90deg);
-moz-transform: perspective(800px) rotateY(90deg);
-webkit-transform: perspective(800px) rotateY(90deg);
-o-transform: perspective(800px) rotateY(90deg);
transform-origin: right center;
transform-style: preserve-3d;
}

.right_pg_front {
	position: absolute;
/*	width: 400px;
	height: 900px;
	left: 450px;*/
	text-align: left;
	border-left:solid 1px;
	z-index:12;
transition: 0.4s;
-ms-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transform: perspective(800px) rotateY(-90deg);
-ms-transform: perspective(800px) rotateY(-90deg);
-moz-transform: perspective(800px) rotateY(-90deg);
-webkit-transform: perspective(800px) rotateY(-90deg);
-o-transform: perspective(800px) rotateY(-90deg);
transform-origin: left center;
transform-style: preserve-3d;
}

.edge {
	position: absolute;
	margin: 0px;
	padding: 0px;
}

#prev_next {
	position: absolute;
	top: 15vh;
	left: 50vw;
	width: 40vw;
	height: 60vh;
	text-align: right;
	z-index: 22;
	vertical-align:top;
}

#search_div {
	position:absolute;
	padding-top:0px;
	margin-top:0px;
	width: 900px;
	height: 54px;
/*	font-family: "微軟正黑體";*/
	font-size: 27px;
	text-align:center;
	vertical-align: text-top;
}

#bm_div {
	position:absolute;
	padding-top:0px;
	margin-top:50px;
	width: 100%;
	text-align:center;
	vertical-align: top;
}

#bm_img {
	margin-top:0px;
	width: 450px;
}

#home_img {
	margin-top:0px;
	height: 36px;;
}

.intxt{
  width: 40px;
	border-width: 1px;
	height: 27px;
	vertical-align: top;
	margin-top: 9px;
	font-size: 27px;
  padding-left: 1px;
  padding-right: 1px;
}

input[type=text]:focus {
	background-color: lightblue;
}

input[type=number]:focus {
	background-color: lightblue;
}

input[type="text"]
{
	font-size: 32px;
}

#search_img {
	margin-top: 0px;
	height: 36px;
}

::placeholder {
  color: #E0E0E0;
}