@charset "big5";

/* reset */
html, body {height: 100%;}
body {margin:0px; background-color:#FFFFFF;}
img {border:0px;}
p, h1, h2, h3, h4, blockquote, form, label {display:block; margin:0px; padding:0px;}

/* layout */
#container {
	width:740px; position:relative;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/container_bg.jpg); background-position:0px 40px; background-repeat:no-repeat;
}
#header {
	width:740px; height:60px; color:#999999;
}
#nav {width:180px; height:520px; float:left;}
.content {padding:0px 0px 0px 180px; margin:0px 0px 10px 0px;}
#footer {
	color:#000000; width:722px; height:35px; clear:both; padding: 80px 0px 0px 18px;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/footer_bg.gif); background-position:bottom; background-repeat:no-repeat;
}

/* nav */
#nav a img {width:180px; height:30px;}
#nav .title {display:block; margin:0px 14px 17px 14px;}

/* common */
body, td {font-size:small; color:#333333; line-height:170%; font-family:PMingLiu, Arial, Helvetica, sans-serif;}
p {padding: 0px 24px 14px 16px;}
table {margin: 0px 0px 14px 12px;}
td {line-height:130%}
h1 {padding:103px 0px 32px 190px;}
h2 {font-size:120%; color:#741316; padding:0px 0px 10px 14px;}
h3,h4 {font-size:120%; color:#741316; padding:0px 0px 10px 0px;}
a {color:#764D41;}
blockquote {font-style:normal;color:#764D41;}
.board_top {height:20px; background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/b_bg_top.gif); background-position:10px bottom; background-repeat:no-repeat; }
.board_body {
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/b_bg_body.gif); background-position:10px 0px; background-repeat:repeat-y;
}
.board_bottom {height:20px; background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/b_bg_bottom.gif); background-position:10px top; background-repeat:no-repeat; }
.board_body p {padding:0px 34px 14px 24px;}
.board_body h3 {padding:0px 20px 10px 24px;}
.board_body p.hilite {color:#741316;}
.rightPic {float:right; padding:0px 0px 10px 10px;}
#subNav {
	color:#000000; font-weight:bold; width:528px; height:30px; margin: 0px 0px 10px 196px;
}
#subNav a {
	color:#741316; text-decoration:none;
}
#subNav a:link {color:#741316;}
#subNav a:visited {color:#741316;}
#subNav a:hover {color:#BF2024;}
#subNav a:active {color:#741316;}

.calendar {
	width:490px; height:360px; padding:28px 30px 22px 30px;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/calendar_bg.gif); background-position:14px 0px; background-repeat:no-repeat;
}
.calendar a {text-decoration:none;}
.calendar .holiday {
	color:#CC0000;
}
.calendar .monthSelector {width:489px; height:22px; color:#514545; overflow:hidden;}
.calendar .monthSelector a {font-weight:bold; color:#514545; margin:0px 0px 0px 430px;}
.calendar .monthSelector a.firstChild {margin:0px}
.calendar .monthSelector a.hilite {font-size:130%; color:#883638;}

.calendar table {
	margin:0px;
}
.calendar table.bdy {
	border: 1px solid #CCCCCC; border-right-style: none; border-bottom-style: none;
}
.calendar table.bdy td {
	height:73px;
	border: 1px solid #CCCCCC; border-left-style: none; border-top-style: none;
}
.calendar strong {
	display:block; padding: 0px 4px 0px 4px; margin: 0px 42px 2px 0px; text-align:center;
	background-color:#CCCCCC;
}
.calendar .c1, .calendar .c2, .calendar .c3, .calendar .c4, .calendar .c5, .calendar .c6 {
	display:block; width:69px; height:17px; overflow:hidden; color:#FFFFFF; padding: 0px; margin: 0px 0px 1px 0px; background-color:#999999;
}
.calendar .c1 { background-color:#919A6B;}
.calendar .c2 { background-color:#98CDC3;}
.calendar .c3 { background-color:#BC784B;}
.calendar .c4 { background-color:#B7BB6E;}
.calendar .c5 { background-color:#989562;}
.calendar .c6 { background-color:#9A997B;}

/* postMsgOverlay */
#postMsgOverlay {
	display:none; position:absolute; left:198px; top:388px;
}
#postMsgOverlay .panel {
	z-index:10; width:506px; height:286px; position:absolute; top:0px; left:0px;
	border: 2px solid #CDC6BC; padding:10px 0px 0px 0px;
	background-color:#F8F8F0;
}
#postMsgOverlay .panelShdw {
	z-index:9; width:510px; height:300px; position:absolute; top:4px; left:4px;
	background-color:#CDC6BC;
	opacity:0.5; -moz-opacity:0.5; 
	filter:alpha(opacity=50);
}
#postMsgOverlay .closeBtn {
	display:block; float:right; padding:0px 10px 0px 10px;
}
#postMsgOverlay label {
	display:block; padding:0px 0px 2px 10px;
}
#postMsgOverlay p {
	padding:0px 0px 4px 20px;
}
#fromName, #content, #submitBtn, #resetBtn {
	border: 1px solid #CECEC9; margin:0px 0px 10px 20px;
}
#fromName {
	width:220px; height: 18px;
}
#content {
	overflow:auto;
	width:420px; height: 64px;
}
#isAgree {
	display:block; float:left;
}
#postMsgOverlay span {
	display:block; float:left; width:410px; line-height:120%;
}
#postMsgOverlay .btnBar {
	clear:both; padding:0px 0px 0px 2px;
}
#postMsgOverlay .btnBar input {
	padding:2px 14px 1px 14px; background-color:#EEEEE6;
}

/* eventDetailOverlay */
#eventDetailOverlay {
	display:none; position:absolute; left:210px; top:508px;
}
#eventDetailOverlay .panel {
	z-index:10; position:absolute; top:0px; left:0px; width:440px;;
}
#eventDetailOverlay .panelShdw {
	z-index:9; position:absolute; top:4px; left:4px; width:440px;
	opacity:0.5; -moz-opacity:0.5; 
	filter:alpha(opacity=50);
}
#eventDetailOverlay .closeBtn {
	display:block; float:right; padding:6px 10px 4px 16px;
}
#eventDetailOverlay #e1, #eventDetailOverlay #e2, #eventDetailOverlay #e3, #eventDetailOverlay #e4, #eventDetailOverlay #e5, #eventDetailOverlay #e6 {
	display:none; line-height:120%; padding:10px 16px 0px 16px;
	background-color:#FEF4B4;
}
#eventDetailOverlay .btm {
	height:16px;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/overlay_note_bg.gif); background-position:right 0px; background-repeat:no-repeat;
}
#eventDetailOverlay .panelShdw #panelShdwBdy {
	height:200px; background-color:#999999;
}
#eventDetailOverlay .panelShdw .btm {
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/overlay_note_shdw.gif);
}
#eventDetailOverlay p, #eventDetailOverlay ul {
	padding-top:0px;  padding-bottom:4px; margin-top:0px; margin-bottom:0px;
}

#subNav2, #subNav2 li {
	display:block; margin: 0px; padding:0px;
}
body.download h1, body.photo h1 {
	padding-bottom:4px;
}

/* section index */
body.index #container {
	background-position:-740px 0px; 
}
body.index #header {
	width:740px; height:40px; color:#999999;
}
body.index #flashContainer {
	width:740px; height:500px; overflow:hidden;
}
body.index #flashContainer table {
	margin:0px; padding:0px;
}
body.index .enterSite {
	width:740px;
	background-position:0px 0px; background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/index_bg5.jpg); background-repeat:no-repeat;
}
body.index .enterSite a {
	display:block; padding:2px 0px 0px 18px; color:#764D41;
}

/* section: about_history */
body.history .content {
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/exhibition_bg_body.gif); background-position:182px 0px; background-repeat:repeat-y;
}
body.history .content .inner {
	margin:0px; padding:0px 40px 60px 40px;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/exhibition_bg_bottom.gif); background-position:10px bottom; background-repeat:no-repeat;
}
body.history p { padding: 0px 0px 20px 0px;}

body.history #subNav2 {
	height:30px; margin: 0px 15px 10px 260px; 
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/history_subNav2_bg.gif); background-repeat:no-repeat; background-position:1px 0px;
}
body.history #subNav2 li {
	float:left;
}
body.history #subNav2 a {
	display:block; padding: 3px 0px 3px 0px; text-align:center;
	color:#741316; text-decoration:none; font-weight:bold;
}
body.history #subNav2 li.hilite a {
	color:#FFFFFF;
}

/* section: talk */
body.talk .content .leftPhoto {
	display:block; float:left; padding:0px 0px 0px 8px;
}
body.talk .board_body p {
	padding:0px 34px 14px 184px;
}
body.talk h4 {
	padding:0px 34px 14px 184px;
}
body.talk .board_body blockquote {
	padding:0px 34px 14px 184px;
}
body.talk .subNavContainer {
	height:50px;
}
body.talk .subNavContainer h3 {
	float:left; padding-top:4px;
}

body.talk #subNav2 {
	float:right; width:380px; height:30px;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/talk_bar_bg.gif); background-repeat:no-repeat;
}
body.talk #subNav2 li {
	float:left; width:50px; padding:4px 0px 6px 44px; font-weight:bold; color:#FFFFFF; vertical-align: bottom;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/photo_bullet_h.gif); background-position: 11px 5px; background-repeat:no-repeat;
}
body.talk #subNav2 li.hilite {
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/photo_bullet_h.gif);
}
body.talk #subNav2 a {
	display:block; color:#741316; text-decoration:none;
}


/* section: message */
body.message .content .rightCol {
	float:right; width:120px; padding:6px 32px 10px 10px;
}
body.message .content .rightCol img {
	display:block; margin:0px 0px 13px 0px;
}
body.message .board_body p {
	width:365px; margin:0px 164px 14px 24px; padding: 0px 0px 6px 0px;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/b_dash.gif); background-position:0px bottom; background-repeat:repeat-x;
}
body.message .board_body p.lastChild {
	margin:0px 164px 0px 24px; padding-bottom: 20px;
	background-position:0px -1px;
}
/* section: download_wallpaper */
body.download .content h3 {
	height:26px; padding:4px 0px 0px 30px; font-size:100%;
	background-image:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/b_bg_top2.gif); background-position:10px bottom; background-repeat:no-repeat;
}
body.download .content h3.long {
	background-image:url(/hdw/content/static/images/en/aboutus/events/community/heritage/b_bg_top3.gif); 
}
body.download .board_body {
	padding:4px 0px 0px 35px; height:140px;
}
body.download .board_body div {
	width:168px; height:130px; float:left; padding:0px; overflow:hidden;
}
body.download .content a {
	text-decoration:none; font-size:75%; font-family:Arial, Helvetica, sans-serif; padding:0px 4px 0px 0px;
}
/* section: photo */
.thumbnailPanel {
	width:530px; height:380px; margin:0px 0px 0px 14px;
	background: url(/hdw/content/static/images/b5/aboutus/events/community/heritage/photo_bg.gif) no-repeat 0px 0px;
}
.thumbnailPanel .colLeft {
	width:126px; height:360px; float:left; padding:20px 4px 0px 0px;
}
.thumbnailPanel .colRight {
	width:383px; height:360px; float:left; padding:20px 0px 0px 12px;
}
.thumbnailPanel .colLeft a {
	display:block; font-weight:bold; padding: 1px 0px 9px 26px; line-height:120%;
	background:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/photo_bullet1.gif) no-repeat 8px 0px;
}
.thumbnailPanel .colLeft a.hilite {
	color:#741316;
}
.thumbnailPanel .colRight h3 {
	margin:0px; padding:0px; width:380px; height:50px; overflow:hidden; line-height:120%;
}
.thumbnailPanel .caption {
	margin:96px 5px 0px 10px; padding:8px 0px 0px 0px;
	background:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/b_dash.gif) repeat-x top;
}
.thumbnailPanel .caption p {
	padding:0px 0px 5px 0px; margin:0px; height:130px; line-height:130%;
	background:url(/hdw/content/static/images/b5/aboutus/events/community/heritage/b_dash.gif) repeat-x bottom;
}
.thumbnailPanel .largePic {
	display:block; margin:0px; padding:0px 0px 14px 0px;
}
.thumbnailPanel .btnBar {
	height:40px; padding:0px 0px 0px 0px;
}
.thumbnailPanel .btnBar a {
	display:block; float:left; text-decoration:none; height:25px;
}
.thumbnailPanel .btnBar .thumbnail {
	width:130px; margin:0px 95px 0px 0px;
}
.thumbnailPanel .btnBar .prev, .thumbnailPanel .btnBar .next {
	width:60px; height:25px; margin:0px 0px 0px 10px; float:left;
}
.thumbnailPanel .grid {
	width:375px; height:260px;
}
.thumbnailPanel .grid a {
	display:block; float:left; padding:0px 6px 6px 0px;
}
.thumbnailPanel .btnBar .padding{
	float:left;  height:25px; width:130px; margin:0px 95px 0px 0px;
}