
<style>
/*忘記哪co來的萬年link用法*/
   a:visited {color:#ffffff; TEXT-DECORATION: none}
   a:link    {color:#ffffff; TEXT-DECORATION: none}
    a:hover   {color: red; TEXT-DECORATION: none}
   a:active  {color:#808000; TEXT-DECORATION: none}

	
/***************main screen part****************************/
/*
	table.bg{
		position: absolute; 
		left:0px;
		top:0px;
		z-index:-1;
		width: 620px;
		height: 380px;	
	}

*/
	div.bg{
		position: absolute; 
		background-color: black;
		left:170px;
		top:0px;
		z-index:0;
		width: 620px;
		height: 380px;	
	}

	img.bg{
		position: absolute; 
		left:0px;
		top:0px;
		z-index:0;
		height: 380px;
		width: 620px
	}

	div.char{
		position: absolute; 
		left:170px;
		top:0px;
		z-index:1;
		width: 620px;
		height: 380px;
	}



	.bg {
		position: relative;           /* establish new containing block */
	}




/***************story part***************************/


	div.story{
		position: absolute; 
		left:170px;
		top:355px;
		z-index:6;
		width: 620px;
		height: 130px;
		background-repeat:no-repeat;

	}
/*
	p.name{
		position: absolute;
		left:0px;
		top:350px;
		z-index:11;
		width: 90px;
		height: 30px
		border-style: solid;
		background-color: rgb(220,220,220);	
	}
*/
	p.story{

		margin-top: 32; 
		margin-bottom: 0;
		margin-right: 30; 
		margin-left: 30; 
		font-size: 18pt;
		font-weight: bold;
		font-family: Arial;
		color: rgb(245,245,245);

	}

/*
	p.story{
		margin-top: 30; 
		margin-bottom: 0;
		margin-right: 30; 
		margin-left: 30; 
		font-size: 18pt;
		font-weight: bold;
		font-family: Arial;
		color: rgb(255,255,255);
	}
*/

/***************transparent story teller*****************************/

	div.story_tp{
		position: absolute; 
		left:170px;
		top:310px;
		z-index:0;
		width: 620px;
		height: 70px;
		
	}
	p.story_tp{
		margin-top: 1; 
		margin-bottom: 1;
		margin-right: 15; 
		margin-left: 15; 
		font-size: 15pt;
		font-weight: bold;
		font-family: Times New Roman;
		color: rgb(245,245,245);
		background-color: rgb(22,22,22);
	}


/***************for preloading and play sound*****************************/
/*
	div.load{
		position: absolute; 
		left:620px;
		top:500px;
		z-index:-2;
		width: 0px;
		height: 0px;		
	}
*/


/******************* for all info ***********put item, roomdest info inside**************************/
	div.info{
		position: absolute; 
		left:170px;
		top:0px;
		z-index:3;
		width: 620px;
		height: 380px;
	}

/***************for items layer*****************************/

	img.item{	
		position: absolute; 
		left:210px;
		top:65px;
		z-index:4;
		height: 200px;
		width: 200px
	}

	div.item{
		position: absolute; 
		left:156px;
		top:280px;
		background-color: rgb(0,0,0);
		width:318px;
	}

	p.item{
		margin: 3pt 3pt 3pt 3pt;
		font-size: 12pt;
		font-weight: bold;
		font-family: Arial;
		color: rgb(245,245,245)		
	}



/***************for dests layer*****************************/



	
	img.dest{	
		border-style:dashed; 
		position: absolute; 
		left:155px;
		top:75px;
		z-index:5;
		height: 190px;
		width: 310px
	}
	
	div.dest{
		position: absolute; 
		left:156px;
		top:280px;
		background-color: rgb(0,0,0);
		width:318px;
	}



	p.dest{
		margin: 3pt 3pt 3pt 3pt;
		font-size: 12pt;
		font-weight: bold;
		font-family: Arial;
		color: rgb(245,245,245)		
	}


/***************for char layer*****************************/
	img.charcenter{	
		position: absolute; 
		left:160px;
		top:0px;
		z-index:4;
		height: 380px;

	}

	img.charleft{	
		position: absolute; 
		left:0px;
		top:0px;
		z-index:3;
		height: 380px;

	}

	img.charright{	
		position: absolute; 
		left:310px;
		top:0px;
		z-index:3;
		height: 380px;

	}



/***************full screen****************************/
/*
	table.bg_b{
		position: absolute; 
		left:0px;
		top:0px;
		z-index:-1;
		width: 1000px;
		height: 613px;	
	}

	div.ms_b{
		position: absolute; 
		left:0px;
		top:0px;
		z-index:-1;
		width: 1000px;
		height: 613px;
	}

	div.story_b{
		position: absolute; 
		left:0px;
		top:613;
		z-index:0;
		width: 1000;
		height: 177px;
		background-color: rgb(0,0,0);
	}
	p.story_b{
		margin-top: 15; 
		margin-bottom: 15;
		margin-right: 15; 
		margin-left: 15; 
		font-size: 15pt;
		font-weight: bold;
		font-family: Arial;
		color: rgb(245,245,245);
	}


	img.room_b{
		position: absolute; 
		left:0px;
		top:0px;
		z-index:-1;
		height: 1000px;
		width: 613px
	}
*/

</style>



