body {
	font       : small/1.6em "微軟正黑體", "新細明體", Arial, sans-serif;
	margin-top : 10px;
	background : url(../image/bg/web_bg_new.jpg) repeat-x;
	background-color : #FDFBD5;
  }

#header {
	width            : 870px;
	height           : 100px;
	background-image : url(../image/design/web_title.png);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;
	margin: auto;
  }


#paper_base {
   width            : 920px; 
   height           : 832px;
   padding : 0;
   margin           : 0 auto;
 	}
 
  
#index1 {
	 width            : 810px; 
   height           : 45px;
   margin           : 0 auto;
  }  


#index2 {
	 width            : 432px; 
   height           : 45px;
   margin           : 0 auto;
   } 
  
  
#location {
	width            : 840px;
	height           : 20px;
	margin           : 0 auto;
	font-size        : 120%;
	color            : #663300;
	z-index: 5;
   }


#mbox1 {
	width : 780px;
	height : 900px;
	padding : 10px;
	margin : 0 auto;
	position : absolute;
	z-index : 1;
	}


#footer {
	font-size  : 8pt;
	;
	text-align : center;
	color      : #996633;
	width: 917px;
	clip: rect(auto,auto,auto,auto);
	top: auto;
	right: auto;
	left: auto;
	bottom: auto;
	margin: auto;
	background-position: center;
	} 

#footer2 {
	font-size  : 8pt;
	;
	text-align : center;
	color      : #996633;
	width: 1200px;
	clip: rect(auto,auto,auto,auto);
	top: auto;
	right: auto;
	left: auto;
	bottom: auto;
	background-position: center;
	margin: auto;
	} 
	
#hearts {
	width : 850px;
	height : 300px;
	padding-top : 70px;
	padding-left : 80px;
  margin : 0 auto;
	}	

	
#box1 {
	width : 850px;
	height : 250px;
	padding-top :70px;
	padding-left : 80px;
  margin : 0 auto;
	position : absolute;
	z-index : 1;
	}

#box2 {
	width : 850px;
	height : 250px;
	padding-top : 290px;
	padding-left : 120px;
  margin : 0 auto;
	position : absolute;
	z-index : 1;
	}

#box3 {
	width : 850px;
	height :250px;
	padding-top : 500px;
	padding-left : 160px;
	margin : 0 auto;
	position : absolute;
	z-index : 1;
	}
#LCR_mainpage {
	width: 1200px;
	margin: auto;
}
#L_menu_page  {
	float: left;
	width: 160px;
	padding-top: 250px;
}

#R_menu_page  {
	float: right;
	width: 160px;
	padding-top: 140px;
}


#inder_botton  {
	z-index: 5;
	width: 870px;
	height: 130px;
	margin: auto;
	}

#inder_botton_page_top {
	position: absolute;
	width: 870px;
	z-index: 4;
	top: 175px;
	text-align: center;
	margin: auto;
	background-image: url(../image/bg/TOP.png);
	background-repeat: no-repeat;
	height: 104px;
}
#inder_botton_img  {
	width: 870px;
	position: relative;
	z-index: 3;
	text-align: center;
}
#inder_botton_img2 {
	width: 870px;
	height: 50px;
	text-align: center;
}


#main_data{
	width: 870px;
	background-image: url(../image/bg/CTR.png);
	background-repeat: repeat-y;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	z-index: 3;
	}		
#input_type   {
	padding-right: 70px;
	padding-left: 70px;
	z-index: 8;
}
#page_top {
	background-image: url(../image/bg/TOP.png);
	z-index: 2;



}

#page_end {
	clip: rect(auto,auto,10px,auto);
	z-index: 5;
}
#main_page {
	width: 870px;
	margin: auto;
}
.form_subject1 {
	color: #000000;
	font-weight: bold;
	font-size: 26px;
	line-height: 28px;
	font-style: italic;

}
.form_subject2 {
	line-height: 25px;
	font-size: 23px;
	font-weight: bolder;
}
.form_subject2_c {
	color: #562BD7;
	font-size: 25px;
	line-height: 30px;
	font-style: italic;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
}

.form1_listing {
	font-size: 20px;
	line-height: 30px;
}
.form1_listing_1 {
	font-size: 18px;
	line-height: 30px;
}
.from_topic {
	font-size: 20px;
	font-weight: 500;
	font-style: oblique;
	line-height: 30px;
}



	
h1.f200 {
	font-size : 200%;
  }



   
ul.f160 {
	font-size : 160%;
	line-height : 13px;
	}
	
	
h1.f190 {
	font-size : 190%;  
	}	
	
ul.f150 {
	font-size : 150%;
	line-height : 12px;
	}	


	
h1.f180 {
	font-size : 180%;
	} 
  
ul.f140 {
	font-size : 140%;
	line-height : 10px;
	}		
	
ul.f130 {
	font-size : 130%;
	line-height : 9px;
	}		


	

#box4 {
	width : 850px;
	height : 300px;
	padding-top : 50px;
	padding-left : 80px;
	margin : 0 auto;
	position : absolute;
	z-index : 1;
	}
	
h1.hearts {
	padding-left : 415px;
	font-size : 300%;
	line-height : 45px;
	}	

ul.hearts{
	padding-left : 420px;
	font-size : 160%;
	line-height : 15px;
	
	}	

#photo1 {
	width : 850px;
	height : 400px;
  padding-top : 30px;
  padding-left : 100px;
 
	}
	


h1.photo1{
	padding-left : 10px;
	font-size : 200%;
	line-height : 20px;
}	

ul.photo1{
	padding-left : 30px;
	font-size : 160%;
	line-height : 10px;
	}	
	
ul.photo2{
	padding-left : 60px;
	font-size : 180%;
	line-height : 18px;
	font : blue;
	}		
	
ul.address{
	padding-left : 80px;
	font-size : 130%;
	line-height : 18px;
	font : blue;
	}		

ul.open{
	padding-left : 100px;
	font-size : 120%;
	line-height : 8px;
	font : blue;
	}		
	
ul.hours{
	padding-left : 180px;
	font-size : 120%;
	line-height : 8px;
	font : blue;
	}		
	
img.x  {
	position: absolute;
	z-index : -3;
	}
	
img.y  {
	position: absolute;
	z-index : -2;
	}	
	
img.z  {
	position: absolute;
	z-index : -1;
	}
	
img.a  {
	position: absolute;
	z-index : 1;
	}

	
img.b  {
	position: absolute;
	z-index : 2;
	}
	
img.c  {
	position: absolute;
	z-index : 3;
	}		

a:link {
   color         : #336633;
   border-bottom : #336633;
}

a:visited {
   color         : #666600;
   border-bottom : #666600;
}  


a:hover {  
	 color         : #FBB917;
   border-bottom : #FBB917;
}         
#book_info {
	float: left;
	width: 465px;
	height: 350px;
}
#book_photo {
	float: left;
	padding-right: 10px;
	height: 350px;
	width: 250px;
	text-align: center;
}

#bookinfoandphoto {
	height: 350px;
	width: 780px;
}

/*book introduce */
.bookintroducetopmenu{
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	line-height: 35px;
}

.bookintroducetopmenu ul{
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: center;
/*set value to "left", "center", or "right"*/
}

.bookintroducetopmenu ul li{
display: inline;
}

.bookintroducetopmenu ul li a{
	color: #562BD7;
	padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none; /*bottom border is 3px*/
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #666600;
}

.bookintroducetopmenu ul li a:hover, .bookintroducetopmenu ul li a.selected{
	border-bottom-color: #FBB917;
}
.style5 {
}
.style6 {
	font-size: 36px;
	line-height: normal;
}