#bg
{
	position: fixed;
	top:0%;
	left:0%;
	background-image: url(../image/background.png);
	background-size: 100% 100%;
	height: 100%;
	width: 100%;
	z-index:1;
}

#contentBg
{
	position: fixed;
	top:0%;
	left:0%;
	background-image: url(../image/pageBackground.png);
	background-size: 100% 100%;
	height: 100%;
	width: 95%;
	z-index:5;
}

#link0 {
	position: fixed;
	height: 7%;
	width: 20%;
	top: 93%;
	left: 69%;
	z-index: 30;
}

#link0:hover {
	cursor: pointer;
}

.bookmark {
	position: fixed;
	left:90%;
	height: 7%;
	width: 9%;
	z-index:3;
	background-size: 100% 100%;
}

.bookmark:hover {
	left: 91.5%;
	cursor: pointer;
}

#bookmark1 {
	top: 10%;
	background-image: url(../image/bookmark1.png);
}

#bookmark2 {
	top: 20%;
	background-image: url(../image/bookmark2.png);
}

#bookmark3 {
	top: 30%;
	background-image: url(../image/bookmark3.png);
}

#bookmark4 {
	top: 40%;
	background-image: url(../image/bookmark4.png);
}

#bookmark5 {
	top: 50%;
	background-image: url(../image/bookmark5.png);
}

#bookmark6 {
	top: 60%;
	background-image: url(../image/bookmark6.png);
}

.currentBookmark {
	z-index: 15;
}

.currentBookmark:hover {
	left:90%;
}

#pageContent {
	position: absolute;
	top: 12%;
	left: 7%;
	height: 80%;
	width: 82%;
	z-index: 20;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0% 0% 1% 0%;
}

.doublePage {
	display: none;
	
}

.singlePage {
	position: absolute;
	top: 55px;
	left: 1%;
	height: 80%;
	width: 45%;
	z-index: 20;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 2%;
}

.leftPage {
	left: 1%;
}

.rightPage {
	left: 52%;
}

.pageTitle {
	font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
	font-size: 20px;
	font-weight: bold;
	color: purple;
	background: rgba(255,255,224,0.6);
	height: 25px;
	width: 300px;
	margin: 10px 0px;
	padding: 5px 0px;
	position: fixed;
}


#navbar
{
	height: 25px;
	right: 10%;
	margin: 10px 0px;
	padding: 7px 0px 3px 0px;
	position: fixed;
	text-align: right;
	background: rgba(255,255,224,0.6);
}

#navbar span {
	font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
	font-size: 16px;
	font-weight: bold;
	color: purple;
	border-color: darksalmon;
	border-width: 3px;
	border-style: ridge;
	margin: 0px 3px 0px 3px;
}

#navbar:hover {
	cursor: pointer;	
}

.widthImg {
	width: 100%;
	height: auto;
	display: block;
	
}

.heightImg {
	display: block;
	vertical-align : middle;
	text-align: center;
	margin-right: -10%;
}

.heightImg img {
	width: 60%;
	height: auto;
}

.rightImg {
	width: 50%;
	height: auto;
	float: right;
}

input {
	width: 100%;	
}

textarea {
	width: 100%;	
}