@charset "utf-8";
/* CSS Document */
	body{
		overflow-x:hidden;
		overflow-y:hidden;
		text-align:center;
		background-color:#F9EBBF;
	}
	#whole_page{
		position:absolute;
		z-index:1;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background-image:url(../images/pic/body_pic.png);
	}
	#loadingPage{
		position: absolute;
		z-index: 999;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	.turnPage{
		position:absolute;
		width:83px;
		height:87px;
		cursor:pointer;
		z-index:90;
	}
	#fontPage{
		display:block;	
	}
	#downPage{
		display:block;
	}
	#box{
		margin:auto;
		overflow-x:hidden;
		overflow-y:hidden;
		position:absolute;
		top:0px;
		left:-600px;;
	}
	.bookPage{
		background-image:url(../images/pic/bookpage.png);
		background-repeat:no-repeat;
	}
	.fing{
		cursor:pointer;	
	}
	
	#goPage{
		display:none;
	}
	/**
	 * 
	 **/
	#up_box {
		position: absolute;
		z-index: 99;
		overflow-y:hidden;
		display: none;
		margin-left: auto;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		text-align:center;
		left:0px;
		top:0px;
		overflow:hidden;
	}
	#up_div {
		position: absolute;
		z-index: 1;
		background-color: #999;
		margin-left: auto;
		opacity: 0.4;
		filter: Alpha(Opacity=80);
		margin-right: auto;
		overflow-y:hidden;
		top:0px;
		left:0px;
	}
	#showMessage{
		position: absolute;
		z-index: 100;
		width: 100%;
		height: 100%;
		display: none;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#showMessage_1{
		position: absolute;
		z-index: 100;
		width: 100%;
		height: 100%;
		display: none;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#showMessage_2{
		position: absolute;
		z-index: 100;
		width: 100%;
		height: 100%;
		display: none;
		/*margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;*/
	}
	#showMessage_3{
		position: absolute;
		z-index: 101;
		width: 100%;
		height: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		background-color: #FFF;
	}
	#showMessage_context{
		width: auto;
		height: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#showMessage_context_1{
		width: auto;
		height: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#showMessage_context_2{
		width: auto;
		height: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#showMessage_context_3{
		width: auto;
		height: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#show_hidden {
		width:100%;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		background-color:#C36;
		opacity:0.6;
	}
	.popPage{
		display:none;
	}
	.mesFont{
		display:none;
		margin-left:auto;
		margin-right:auto;
		/*font-family:"華康細圓體";
		font-size:26px;
		color:#633;*/
	}
	#messageBox{
			
	}
	#feedBox{
		background-image:url(../images/pic/feedPic.png);
		background-repeat:no-repeat;
	}
	#tStory{
		width:40px;
		height:35px;
	}