/* IE6 baseline. Modern enhancements are in home-modern.css, excluded from IE5-9.
   At 100% / 96 dpi, regular 12px and 16px Chinese text targets bitmap strikes.
   The large calligraphic masthead intentionally uses scalable outlines. */
body { margin: 0; padding: 18px 0; background: #d9eee2 url("assets/repeat_13.jpg") repeat; color: #202c27; font: normal 16px/24px "SimSun", "宋体", "MingLiU", "細明體", serif; }
.traditional { font-family: "MingLiU", "細明體", "PMingLiU", "新細明體", "SimSun", serif; }
.english { font-family: Georgia, "Times New Roman", "SimSun", "MingLiU", serif; }
.lang-cn { font-family: "SimSun", "宋体", serif; }
.lang-tw { font-family: "MingLiU", "細明體", "PMingLiU", "新細明體", serif; }
a { color: #660099; text-decoration: underline; }
a:visited { color: #8a315c; }
a:hover, a:active { color: #a3214f; background-color: #fff3c9; }
img { border: 0; }
p { margin: 0 0 16px; }
.page { width: 760px; margin: 0 auto; background: #fcfef9; border: 1px solid #8eae9d; }
.utility { padding: 7px 24px; border-bottom: 1px solid #bdd0c1; background: #e8f2e9; font-size: 12px; line-height: 18px; }
.utility p { margin: 0; }
.languages { float: right; }
.languages a, .languages strong { margin-left: 12px; white-space: nowrap; }
.languages strong { font-weight: normal; }
.clear { clear: both; height: 0; overflow: hidden; font-size: 0; line-height: 0; }
/* hasLayout keeps nested floats and their clearing blocks stable in IE6. */
.utility, .masthead, .brand-row, .columns, .about, .free-software { zoom: 1; }
.masthead { padding: 24px 24px 20px; text-align: center; }
.brand-row { margin-bottom: 20px; }
.union-logo { float: left; width: 192px; height: 72px; margin-top: 9px; }
.forum-logo { float: right; width: 253px; height: 90px; }
.motto { margin: 0 271px 0 210px; padding-top: 20px; color: #963754; font-size: 12px; line-height: 18px; }
h1 { margin: 0; color: #17251f; font: normal 48px/64px "KaiTi_GB2312", "楷体_GB2312", "KaiTi", "STKaiti", "SimSun", serif; letter-spacing: 5px; }
.traditional h1 { font-family: "DFKai-SB", "標楷體", "MingLiU", "細明體", serif; }
.english-name { margin: 3px 0 16px; color: #263b32; font: bold 24px/32px Georgia, "Times New Roman", serif; }
.welcome { margin: 0 0 8px; color: #b03d4b; font: bold 32px/40px Georgia, "Times New Roman", serif; }
.introduction { margin: 0 auto; color: #384c40; }
.site-nav { padding: 10px 18px; background: #293d70; color: #c4cfe7; text-align: center; }
.site-nav p { margin: 0; }
.site-nav a, .site-nav a:visited { color: #ffffff; font-weight: normal; margin: 0 13px; white-space: nowrap; }
.site-nav a:hover, .site-nav a:active { color: #293d70; background: #fff3c9; }
.columns { padding: 26px 24px 0; }
.main { float: left; width: 56%; }
.directory { float: right; width: 39%; }
h2 { margin: 0 0 18px; padding: 6px 12px; border-top: 2px solid #789782; border-bottom: 1px solid #bdd0c1; background: #e8f2e9; color: #293d70; font-size: 16px; font-weight: normal; line-height: 24px; }
h3 { margin: 22px 0 8px; color: #293d70; font-size: 16px; font-weight: normal; }
.forum-entry { margin: 0 0 17px; padding-bottom: 18px; border-bottom: 1px solid #ccd8cd; }
.forum-entry h3 { margin: 0 0 7px; font-size: 16px; }
.forum-entry p { margin: 0; }
.resources { margin: 0; }
.resources dt { margin: 13px 0 2px; font-size: 16px; font-weight: normal; }
.resources dd { margin: 0 0 14px; }
.member-table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 24px; }
.member-table th { text-align: left; color: #455c4d; font-size: 12px; line-height: 18px; font-weight: normal; }
.member-table th, .member-table td { padding: 7px 3px; border-bottom: 1px solid #dae3d8; vertical-align: top; }
.member-table .owner { padding-left: 10px; white-space: nowrap; }
.archive-mark { color: #665245; font-size: 12px; line-height: 18px; white-space: nowrap; }
.note { margin: 12px 0 0; color: #4a5d50; font-size: 12px; line-height: 18px; }
.join { margin: 16px 0 0; font-weight: normal; }
.about { margin: 28px 24px 0; padding-top: 22px; border-top: 1px solid #9cb6a4; }
.about h2 { border: 0; background: none; padding: 0; margin-bottom: 12px; font-size: 16px; }
.free-software { margin-top: 20px; padding: 20px 0 4px; border-top: 1px dotted #9cb6a4; }
.gnu { float: left; margin: 0 24px 16px 0; width: 92px; height: 97px; }
.free-copy { margin-left: 116px; }
.free-copy h3 { margin: 0 0 8px; color: #803d6a; font-size: 16px; }
.footer { margin: 24px 24px 0; padding: 19px 0 16px; border-top: 3px double #9cb6a4; text-align: center; font-size: 12px; line-height: 18px; color: #475d4e; }
.footer p { margin: 0 0 6px; }
.thanks { color: #a3214f; font-size: 16px; line-height: 24px; font-weight: normal; }
.footer .contacts { margin-bottom: 12px; }
.english h1 { font: bold 40px/48px Georgia, "Times New Roman", serif; letter-spacing: 0; }
.english .english-name { font: normal 24px/32px "KaiTi_GB2312", "楷体_GB2312", "KaiTi", "STKaiti", "SimSun", serif; letter-spacing: 3px; }
.english h2 { font-size: 20px; line-height: 28px; font-weight: bold; }
.english h3 { font-size: 18px; line-height: 24px; font-weight: bold; }
.english .forum-entry h3 { font-size: 24px; line-height: 32px; }
.english .site-nav a, .english .resources dt, .english .join, .english .thanks { font-weight: bold; }
.english .member-table { font-size: 14px; }
@media print {
  body { padding: 0; color: #000; background: #fff; }
  .page { width: 100%; border: 0; }
  .site-nav { background: #fff; color: #000; border: 1px solid #777; }
  .site-nav a, .site-nav a:visited { color: #000; }
}