BODY {
	background: url('images/subback2.jpg') top center;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	overflow-y: scroll;
	line-height: 1;
	font-family: 'Open Sans','微軟正黑體', sans-serif;
}
TABLE { border-spacing: 1; border-collapse: separate; }
P { margin: 0; padding: 0; }
table.dynasty-menu { margin: 0 auto; text-align: center; padding: 10px; }
.dynasty-menu a { 
	display: inline-block;
    font-size: 1.2em;
	font-weight: 400;
    color: #fffbee !important;
    padding: 10px 20px;
    background-color: #65584a;
    border-radius: 5px;
    margin: 5px 3px;
    transition: background-color 0.3s ease, color 0.3s ease; 
	text-decoration: none !important; 
}

.dynasty-menu a:hover { background-color: #3d362d !important; text-decoration: none !important; }
.dynasty-menu a:visited { color:#dbad5f; !important}
.dynasty-intro { font-size: 1.1em; padding-top: .5em; padding-bottom: 1em; line-height: 1.6em; }
.dynasty-intro b { font-size: 1.4em; display: inline-block; line-height: 2em; }

a { text-decoration: underline !important; color: #c80000; font-size: 1.1em; font-weight:600;}
a:visited { text-decoration: underline !important; color: #c80000; }
a:hover { text-decoration: none !important; color: #c85700;}
a:link { text-decoration: none; }
.event-list { color: #003366; }
.event-list a { color: #003366; display: block; font-weight: bold; font-size: 16px; white-space: nowrap; margin-left: 10px; line-height: 22px; text-decoration: underline; }
.event-box { font-size: .9em; }
.event-box td {}
.event-head { color: #660000; font-size: 1.2em; display: inline-block; margin-bottom: 5px; }
.event-head a { font-size: 1.2em; color: #660000; text-decoration: underline; }
.event-detail-list * { line-height: 20px; } 
.responsive-img { width: 100%; height: auto; }
.contentTbl { width: 95%; margin: 0 auto;  max-width: 950px;}

#wrapper { max-width: 1300px; width: 100%; margin: 0 auto; }