/**************************refreence *******************
border color #FFBBBB
main color #9A3231
bg color #f0ede4
blue #1F52C8
orange #FDBB63

/************************** global **************************/
@charset "utf-8";

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
ul, li {margin:0; padding:0; list-style-type:square;}
p, pre {margin-top:0; padding:0; line-height:20px;}

html {
	min-height:100%;
	margin-bottom:1px;
}

body {
	margin:0px;
	padding:0px;
	background:url(../images/bg.gif) left top fixed;
	font-family:Arial, 新細明體;
	font-size:12px;
	line-height:18px;
	}

.table-left {background-image:url(../images/table-left.gif);}
.table-right {background-image:url(../images/table-right.gif);}

.table-top {
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	}
.table-bottom {
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	}

.border-line {background-color:#FDBB63;}
img {border:none;}
a:link, a:visited {color:#B77B00; text-decoration:none;}
/*a:hover {background-color: #FDBB63; color:#9A3231; text-decoration:none;}*/
a:hover {color:#9A3231; text-decoration:underline;}

/****************************** ad *************************/
.ad_box {float:left; height:auto; overflow:hidden; padding:4px; width:168px;}
.ad_banner {border:2px solid #000; float:right; padding:0px; width:160px;}
.ad_banner img {display:block;}

a.rollover {display: block; width: 160px; height: 160px; text-decoration: none; background: url(../images/160x160.jpg);} 
a.rollover:hover {background-position: -160px 0;} 

/****************************** header *************************/
.header-table {
	margin:0px;
	padding:0px;
	background-color:#9A3231;
	}
	

/************************* home ******************************/
.home-main {
	margin:15px 20px 30px 20px;
	padding:0px;
	font-size:12px;
	color:#444444;
	}
.home-main img#img-title {display:block;}
.home-main div, .news div {
	margin:15px 0px 0px 0px;
	padding:0px;
	}
.home-main table, .news table {
	font-size:12px;
	color:#444444;
	}
*html .home-main table, .news table {font-size:10px;}		
.home-main h3, .news h3 {
	margin:5px 0;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#444444;
	}	
.home-main h2, .news h2 {
	margin:5px 0;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	color:#9A3231;
	}
.home-main h4 {display:block; font-size:14px; font-weight:bold; color:#1F52C8;}


/************************* profile ********************************/
.profile-left {
	font-size:12px;
	font-weight:bold;
	color:#6F0908;
	line-height:20px;
	}
.profile-content {line-height:20px;}
.profile-date {
	line-height:20px;
	font-style:italic;
	color:#6F0908;
	}
.profile-content li {
	line-height:20px;
	margin:0px;
	padding:0px 0px 8px 0px;
	}
#booklist {
	background-color:#F8F8F8;
	border:1px dashed #BABABA;
	width:340px;
	display:block;
	float:left;
	margin:5px 15px 15px 0;
	padding:1px;
	}
#booklist img {
	float:left;
	margin-right:1px;
	}
#booklist table {
	margin:0;
	padding:0;
	}
#booklist table tr {
	background-color:#F8F8F8;
	}
#booklist table tr#trOn {
	background-color:#F0ECE3;
	}
#booklist table td {font-size:11px;}
#booklist table td span {
	color:#9A3231;
	font-weight:bold;
	}
#booklist table td a {
	font-weight:bold;
	}

/************************ events ****************************/
.product_blank_row {background-color:#333333; font-weight:bold; color:#FFFFFF;}

/************************ gallery ****************************/
.gallery-thumb td {
	padding:4px;
	width:200px;
}

.gallery-thumb-box {
	height:120px;
	background-color:#f0ede4;
}

.gallery-thumb-box-pic {
	height:80px;
}

/************************ news ****************************/
#news-bg {background:url(../images/news/news-bg.gif); background-repeat:repeat-y;}
#news-top {display:block; margin:0 0 10px 0; padding:0;}
#news-top li {display:inline; list-style:none;}
#news-top a {padding:0 10px; border-right:1px solid #444444;}

#news-left {float:left; padding:0 10px 40px 0; width:520px;}
#news-left div {
	font-size:11px;
	color:#444444;
	}
#news-left img {
clear:both;
margin:5px 0; 
padding:1px;
border:1px dashed #CCCCCC;
}

#news-left .event-table {
margin:10px 0 20px 0;
}

#news-left .event-table th {
background-color:#333333;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
#news-left .event-table th #lastupdate {
float:right;
margin:0;
padding:0;
color:#AAAAAA;
font-weight:bold;
font-size:11px;
}
#news-left .event-table td {
border-bottom:1px dashed #CCCCCC;
}
#news-left .event-table td.back {
border-bottom:none;
}
	
#news-right {float:right; margin-top:-15px; padding:0 0 30px 0; width:155px;}
#news-right div {
	font-size:10px;
	color:#444444;
	}
#news-right ul {margin:0; padding:0; list-style-type:none;}
#news-right li#date {margin:5px 0 5px 15px; padding:0; list-style-type:disc; font-size:11px; color:#9A3231;}
#news-right li#tag {border-bottom:1px dashed #999999; font-weight:bold;}
#news-right li {margin:0 0 5px 0; padding:0; list-style-type:none; line-height:16px;}

/************************* contact ******************************/
.contact-form {margin:10px 0 30px 0;}
.contact-form ul {list-style-type:none;}
.contact-form ul li {margin-bottom:5px;}

.red {color:#9A3231;}
.item_text {
	border:1px solid #999999;
	font-size:11px;
	color:#444444;
	width:220px;
}

.item_btn {
	border:1px solid #999999;
	background-color:#9A3231;
	font-size:11px;
	color:#FFFFFF;
	width:60px;
}

#banner div{display:block; margin:20px 0 10px 0; font-weight:bold;}
#banner a{margin:0 10px 10px 0;}


/**************************** footer *************************/
.footer-table {
	margin:0px;
	padding:0px;
	background-image: url(../images/footer.gif);
	}
	
.footer-copyright {
	height:27px;
	display:inline;
	float:left;
	padding:4px 26px;
	font-size:10px;
	
	color:#FFBBBB;
	}
	
.footer-link {
	height:27px;
	padding:4px 16px;
	font-size:10px;
	
	color:#FFBBBB;
	}	
	
.footer-link a{padding:0 4px;}
.footer-link a:link, .footer-link a:visited {color: #FFBBBB; text-decoration:none;}
.footer-link a:hover {color: #FFFFFF; text-decoration:underline;}