@charset "UTF-8";
/* CSS Document */

/* basic */
body{
	background:url(../images/basic/bg.jpg) repeat-x;
	margin:0 0;
	font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Arial, Helvetica, sans-serif, Verdana;}
	
.clear{clear:both;}

/* body */
#body{
	background:#e5d2b4;
	width:1000px;
	margin:20px auto;}

#left{
	float:left;
	margin:0;
	width:200px;}

#right{
	float:left;
	margin:0;
	background:#FFF;
	width:800px;}
	
/* right_header */

#right #side{
	height:20px;
	border-bottom:2px solid #FFF;}
#right #side ul{
	margin: 0px;
	padding:4px 20px;
	list-style:none;
	font-size:12px;
}
#right #side li{
	display:inline;	
}
#right #side li a{
	display:block;
	float: left;
	width:80px;
	border-left: 1px solid #333;
	text-decoration:none;
	text-align:center;
	color:#333;
}
#right #side li a:hover, #right #side li a:hover.r{
	color:#ffffff;
	background:#666;
}
#right #side li a.r{
	display:block;
	float: left;
	width:80px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	text-decoration:none;
	text-align:center;
	color:#333;
	}

#right #header{
	width:100%;
	height:200px;
	background:url(../images/temple/top.jpg) no-repeat;
	border-bottom:2px solid #FFF;
	}
	

/* right  menu_b */
#right #menu_b{
	margin:5px 0 10px;
	background:#FFF;}
#right #menu_b ul{
	margin: 0px;
	padding:8px 20px;
	list-style:none;
	font-size:12px;
}
#right #menu_b li{
	display:inline;	
}
#right #menu_b li a{
	display:block;
	float: left;
	width:80px;
	border-left: 1px solid #b99874;
	text-decoration:none;
	text-align:center;
	color:#b99874;
}
#right #menu_b li a:hover, #right #menu_b li a:hover.r{color:#8a6140;}
#right #menu_b li a.r{
	display:block;
	float: left;
	width:80px;
	border-left: 1px solid #b99874;
	border-right: 1px solid #b99874;
	text-decoration:none;
	text-align:center;
	color:#b99874;
	}
#right #copy{
	background:#b99874;
	color:#FFF;
	font-size:11px;
	padding:5px 20px;
	text-align:left;}
#right #copy a, #right #copy a:visited{
	text-decoration:none;
	color:#FFF;}
#right #copy a:hover{
	color:#8a6140;}
	
/* left_header */
#left #side{
	height:20px;
	border-bottom:2px solid #FFF;}
#left #side ul{
	margin: 0px;
	padding:4px 10px;
	list-style:none;
	font-size:12px;}
#left #side li{
	display:inline;	}
#left #side li a{
	display:block;
	float: left;
	padding:0 5px;
	border-left: 1px solid #8a6140;
	text-decoration:none;
	text-align:center;
	color:#8a6140;}
#left #side li a:hover, #left #side li a:hover.r{
	color:#ffffff;
	background:#8a6140;}
#left #side li a.r{
	display:block;
	float: left;
	padding:0 5px;
	border-left: 1px solid #8a6140;
	border-right: 1px solid #8a6140;
	text-decoration:none;
	text-align:center;
	color:#8a6140;}

/* left_google */
#left #google{
	padding:10px;
	font-size:12px;
	color:#333;
	vertical-align:middle;}
#left #google img{
	padding-left:2px;
	}

/* left_Calendar */
#calendar_wrap {
	margin: 0 10px;
	padding:5px 0;
	background:#d8dcdd;
	text-align: center;
	font-size:11px;
	color:#333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
#calendar_wrap table {
	width: 100%;}
#calendar_wrap th {}
#calendar_wrap td {
	text-align: center;
	padding:3px;}
#calendar_wrap tfoot td{
	border-top:1px solid #333;}
#calendar_wrap tfoot td#prev {
	padding-left:5px;
	text-align: left;
	font-weight: bold;
	}
#calendar_wrap tfoot td#prev a, #calendar_wrap tfoot td#next a {
	text-decoration:none;
	color:#619fb5;}
#calendar_wrap tfoot td#prev a:hover, #calendar_wrap tfoot td#next a:hover {
	color:#6CC;}
#calendar_wrap tfoot td#next {
	padding-right:5px;
	text-align: right;
	font-weight: bold;
	}
#calendar_wrap caption{
	font-size:13px;
	line-height:1.5;
	padding-bottom:5px;
	color:#619fb5;}
#calendar_wrap td#today{
	background:#619fb5;
	}
#calendar_wrap td#today a{
	color:#ffffff;}
#calendar_wrap a
{text-decoration:none;}

/* left_menu */
#left ul.menu{
	margin: 0px 10px;
	padding:15px 0;
	list-style: none outside;
}
#left ul.menu li{
	display:block;
	height:26px;
	background:url(../images/temple/shadow.png) no-repeat bottom;
	font-size:16px;
	padding:10px 10px 0;
	vertical-align:middle;
}
#left ul.menu a{
	text-decoration:none;
	text-align:left;
	color:#8a6140;
}
#left ul.menu a:hover{color:#ffffff;}

#left ul#main{
	margin: 0px 10px;
	padding:15px 0 0;}
#left ul#main li{
	display:block;
	height:26px;
	background:url(../images/temple/shadow.png) no-repeat bottom;
	font-size:16px;
	color:#FFF;
	padding:10px 10px 0;
	vertical-align:middle;}
#left ul#main ul{
	margin:0 5px;
	background:#FFF;
	padding:5px 10px;
	list-style: disc;
	border-bottom: 2px solid #8a6140;}
#left ul#main ul dt{
	text-align:left;
	font-size:14px;
	color:#8a6140;
	line-height:1.6;}
#left ul#main ul dt a{
	text-decoration:none;color:#8a6140;}
#left ul#main ul dt a:hover{
	color:#C99;}