html {
	width: 100%;
	/**overflow: hidden;**/
}
body {
	background-image: url(../images/bkgd_webpage.jpg);
	background-position: 50% 0px;
	background-repeat:no-repeat;
	background-color:#F4DC82;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 1.0em;
	font-family: arial, 新細明體,SimHei,黑體;
	line-height:1.2em;
	color:#333;
}
textarea{
  font-size: 1.0em;
}

body.up{ font-size: 1.1em;}
body.down{ font-size: 0.9em;}

a {
	text-decoration: none;
	color:#AD7619;
}

a:hover {
	text-decoration: underline; 
}

img {
	border: none;}
	
	
.ui_nomp {
	margin: 0px;
	padding: 0px;
}
.ui_nolst {
	list-style-type: none;
}

#root {
	margin: auto auto;
	position: relative;
	text-align: left;
	width: 980px;
}


#header {
	position: relative;
	width: 1035px;
	height:190px;
	background-image:url(../images/bkgd_header.png);
	margin: 0px 0px 0px -38px;
}

#header_top {
	position: relative;
	width: 980px;
	height:140px;
	margin: 0px 0px 0px 38px;
}

#logo {
	position: absolute;
	width: 134px;
	height:120px;
	top:0px;
	left: 55px;}
	
#center_name{
	position: absolute;
	width: 190px;
	height:40px;
	top:30px;
	left: 210px;}	
	
#member_name{
	position: absolute;
	height:20px;
	top:75px;
	left: 213px;
	font-size:13px;
	line-height:18px
}

.up #member_name{ font-size: 15px; line-height: 20px;}
.down #member_name{ font-size: 11px; line-height: 16px;}
	
	
	
#aaa { 	position: absolute;
	width: 125px;
	top:30px;
	left: 450px;
	/**float:left;
	margin: 35px 0px 0px 110px;
	text-align:right;**/}
	
	
#share { 	position: absolute;
	/*width: 125px;*/
	/*top:65px;*/
	/*left: 450px;*/
  
  width: 375px;
	top:75px;
	left: 210px;
	/**float:left; margin: 7px 0px 0px 110px;**/}
	
	
#member	{position: absolute;
	width: 125px;
	top:8px;
	left: 610px;
	font-size:13px;
	line-height:18px
}
.up #member{ font-size: 15px; line-height: 20px;}
.down #member{ font-size: 11px; line-height: 16px;}

#member_logged_in	{
  position: absolute;
	width: 350px;
	top:8px;
	left: 610px;
	font-size:13px;
	line-height:18px
}
.up #member_logged_in{ font-size: 15px; line-height: 20px;}
.down #member_logged_in{ font-size: 11px; line-height: 16px;}

#menu { 
width: 980px;
height:40px;
position: relative;
margin: 0px 0px 0px 38px;
font-family: SimHei,黑體,新細明體;}

.nav{
	text-align: center;	}

.nav ul{
	margin:0;
	padding:0;
	padding-top:9px;
}
.nav ul li{
	list-style-type:none;
	display:inline-block;
	*display:inline;
	zoom: 1; 
	text-align:center;

}

.nav ul li a {
	color:#666;
	text-decoration:none;	
	display:block;

}


.nav ul li a:hover {
	color:#E3711B;
}

.p1 ul li{padding: 0px .7em 0px .7em;}
.p05 ul li{padding: 0px .5em 0px .5em;}
.p03 ul li{padding: 0px .3em 0px .3em;}

	 
#home01{
	position: relative;
	width: 980px;
	height:354px;
	background-image:url(../images/bkgd_banner.jpg);
		float:left;
}

#banner {
	position: absolute;
	width: 582px;
	height:282px;
	top: 29px;
	left: 67px; 
	}
	
#news{
	position: absolute;
	width: 250px;
	height: 310px;
	top: 22px;
	left: 715px; 
	}
#news_title {
	position: absolute;
	width: 150px;
	height: 30px;
	top: 3px;
	left: 0px; 
	}		
	
#news_more {
	position: absolute;
	width: 70px;
	top: 10px;
	right: 0px; 
	text-align:right; 
	}	
		
	
#news_content {
	position: absolute;
	width: 250px;
	top: 35px;
	left: 0px;
	background-color:#fff;
	}
	
#news_content ul{
	margin:0;
	padding:0;
}

#news_content ul li{
	list-style-type:none;
		padding-top:8px;
/*	display:inline-block;
	*display:inline;
	zoom: 1; 
	text-align:center;*/

}


#rings{
	position: relative;
	width: 980px;
	height:50px;
	background-image:url(../images/rings.png);
	margin: -20px 0px 0px 0px;
	float:left;
}


#home02{
	position: relative;
	width: 980px;
	height:345px;
	margin: -26px 0px 0px 0px;
	z-index: -1;
	float:left;
}

#video {
	position: absolute;
	width: 352px;
	height:315px;
	top: 10px;
	left: 0px; 
	}
#video_title {
	position: absolute;
	width: 180px;
	height: 40px;
	top: 13px;
	left: 22px; 
	}		
	
#video_more {
	position: absolute;
	width: 100px;
	top: 25px;
	right: 20px; 
	text-align:right; 
	}	
		
	
#video_content {
	position: absolute;
	width: 310px;
	height: 230px;
	top: 65px;
	left: 22px; 
	}	
	

#subscribe {
	position: absolute;
	width: 250px;
	height:152px;
  /*top: 10px;*/
  top: 170px;	
	left: 378px; 
	background-image:url(../images/bkgd_subscribe.png);
	}
#subscribe_title {
	position: absolute;
	width: 220px;
	height:40px;
	top: 20px;
	left: 20px; 
	}
#subscribe_field {
	position: absolute;
	width: 220px;
	height:50px;
	top: 75px;
	left: 20px;
	}	
	
	
#support{
	position: absolute;
	width: 250px;
	height:152px;
	/*top: 170px;*/
  top: 5px;
	left: 378px;
	}
#calendar_bkgd{
	position: absolute;
	width: 346px;
	height:345px;
	top: 0px;
	left: 634px;
	background-image:url(../images/bkgd_calendar.png);
	background-repeat:no-repeat;
	}
	
#wooden_box{
	position: absolute;
	width: 250px;
	height: 230px;
	top: 50px;
	left: 70px; 
	float:left;
	padding: 10px;
	font-size:13px;
	line-height:20px;
	}
  
.up #wooden_box{
  font-size:15px;
	line-height:22px;
}
.down #wooden_box{
  font-size:11px;
	line-height:18px;
}

	
#wooden_box_title { position: relative; float:left; margin:5px 115px 5px 5px; height:24px; width:100px}
#wooden_box_more { position: relative; float:left; margin:10px 0px 0px 0px; }
#wooden_box_content { position: relative; float:left; margin:0px 0px 0px 5px; height:24px; width:240px; height:180px;}	
	
<!-- inside  template --->

#content01{
	position: relative;
	width: 980px;
	height:266px;
	float:left;
}
#content01_shadow{
	position: relative;
	width: 980px;
	height:5px;
	float:left;
	background-image:url(../images/hd_shadow.png);
	background-repeat:no-repeat;
}

#rings01{
	position: relative;
	width: 980px;
	height:52px;
	background-image:url(../images/rings01.png);
	margin: -25px 0px 0px 0px;
	float:left;
}


#content02{
	position: relative;
	width: 980px;
	background-image:url(../images/paper_divider.jpg);
	float:left;
	margin: -20px 0px 0px 0px;
	z-index: -1;

}
#content02_side{
	width:14px;
	height:280px;
	position: relative;
	float:left;
	background-image:url(../images/paper_side.png);
	background-repeat:no-repeat;
	margin: 0px 0px 0px -14px;
	}


#content02_left{
	width:255px;
	min-height:400px;
	position: relative;
	float:left;
	background-image:url(../images/left_shadow.jpg);
	}
	
#content02_left_top{
	width:215px;
	min-height:35px;
	position: relative;
	float:left;
	background-image:url(../images/left_top.jpg);
	padding:40px 0px 0px 40px;
	
	}
	
#content02_left_menu {
	*left: -200px;
	width:235px;
	float:left;
	position: relative;
	font-size:1.2em;
	line-height:1.2em;

}

.up #content02_left_menu{
  font-size:1.3em;
	line-height:1.3em;
}
.down #content02_left_menu{
  font-size:1.1em;
	line-height:1.1em;
}

#content02_left_menu ul{
	margin: 0px;
	padding: 0px;
	/*margin-left:30px;*/
	_position: relative ;
	margin-left:0px;
	height: auto;
}
#content02_left_menu ul li {
	list-style-type: none;
	padding: 0px 10px 0px 0px;
	margin-left: 0px;
}

#content02_left_menu ul li a {
	background: url(../images/ico_arrow.jpg) left top no-repeat;
	display: block;
	text-decoration: none; 
	border-bottom: 1px #D9D9D9 solid;
	padding: 10px 10px 10px 40px;
	color:#666;
}
	
#content02_left_menu ul li a:hover{
	background: url(../images/ico_arrow_on.jpg) left top no-repeat ;
	text-decoration: none;
	border-bottom: 1px #D9D9D9 solid;
	display: block;
	color:#996600;
	background-color:#EFEFEF;
}
	
#content02_right{
	width:705px;
	min-height:400px;
	position: relative;
	float:left;
	}
#content02_right_title{
	min-height:30px;
	border-bottom:2px #E5B970 dotted;
	padding:40px 0px 2px 0px;
	background-image:url(../images/paper_top.jpg);
	background-repeat:no-repeat;}
	
#content02_right_text{
margin-top:20px;
min-height:300px;

}



#menu_food ul{
	margin:0;
	padding:0;
	font-size:19px;
	font-weight:bold;
	line-height:40px;
	
}

.up #menu_food ul{
  font-size:21px;	
	line-height:42px;
}
.down #menu_food ul{
  font-size:17px;	
	line-height:36px;
}

#menu_food ul li{
	list-style-type:none;
	display:inline-block;
	*display:inline;
	zoom: 1; 
	text-align:center; 
	width:165px;
	height:40px;
	background: url(../images/bkgd_menu_food.jpg) top no-repeat;
	margin:3px 3px 10px 3px;


}

#menu_food ul li a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:165px;
	height:40px;


}
#menu_food ul li a:hover {
	color:#fff;
	background: url(../images/bkgd_menu_food.jpg) bottom no-repeat;
	width:165px;
	height:40px;

}

#menu_food ul li a.active {
	color:#ff0 !important;
}


#content02_shadow{
	position: relative;
	width: 980px;
	height:90px;
	float:left;
	background-image:url(../images/paper_bottom.png);
	background-repeat:no-repeat;
}

#content02_address{
	padding:40px 20px 0px 40px;
}

#previous { width: 100px; position:relative; float:left; margin:10px 0px 0px 265px	}

#backtop { width: 100px; text-align:right; position:relative; float:right; margin:10px 40px 0px 0px	}



#footer{
	position: relative;
	float:left;
	width: 1140px;
	height:200px;
	background-image:url(../images/bkgd_footer.png);
	margin: -60px 0px 0px -128px;
	z-index: -5;
	font-size: .8em;
	color:#666;
}

.up #footer{
  font-size: 0.9em;
}
.down #footer{
  font-size: 0.7em;
}

#footer_link{
	position: absolute;
	width: 980px;
	left:129px;
	top: 120px;
}

#footer_copyright{
	position: absolute;
	width: 980px;
	height:20px;
	left:129px;
	top: 158px;
	text-align:center;
}

label{
  cursor: pointer;
}

.float_left{
  float: left !important;
}
.float_right{
  float: right !important;
}

.p_count{
  width: 50px;
}

  .ui-datepicker{
    font-size: 15px !important;
  }
  .ui-datepicker-trigger{
    cursor: pointer;
    position: relative;
    top:6px;
  }
  
  textarea{
    resize: vertical;
  }
#other_place ul{
	margin:0px;
  padding: 0px;
	list-style:none;
	text-align: left;
}
#other_place li{
	display: inline-block;
	display: inline\9;
	margin: 10px 0px;
	width: 24%;
}

.nivo-controlNav {
    bottom: -20px;
    position: absolute;
    right: -5px;
}