html, body { padding: 0px; margin: 0px; background-color: #DCDCDC; text-align: center }

/* Main Body */
.mainBody { width: 820px; height: 100%; background-color: #FFFFFF }
.mainShadow1 { width: 35px; background: url(../image/bg_shadow1.gif) repeat-y }
.mainShadow2 { width: 35px; background: url(../image/bg_shadow2.gif) repeat-y }
.header { height: 150px; background: url(../image/header.jpg) }
.netvigation { height: 30px; background: url(../image/bg_netvigation.gif) }
.footer { height: 30px; background: url(../image/bg_footer.gif); font-family: "Arial"; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: center }
.insideEdge { width: 15px; background-color: #D7D7D7 }
.insideBody { padding: 25px 45px 25px 45px; vertical-align: top }
.maxArea { width: 100%; height: 100% }
.maxWidth { width: 100% }

/* Netvigation Button */
.netButton { height: 30px; padding: 0px 10px 0px 10px; text-align: center; background: url(../image/link_space.gif) right no-repeat }
.netButton2 { width: 150px; height: 30px; padding: 0px 15px 0px 10px; text-align: right; padding-top: 3px }
.netText { font-family: "Arial"; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none }
.netText:hover { color: #FFC800 }
.netText2 { font-family: "新細明體"; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none }
.netText2:hover { color: #FFC800 }
.netText3 { font-family: "Arial"; font-size: 11px; font-weight: bold; color: #8C8C8C }

/* Index page */
.indexLeft { width: 250px; background: url(../image/bg_left.jpg) repeat-y; vertical-align: top; text-align: right; padding-top: 15px }
.indexNews { padding-right: 10px; font-family: "Arial"; font-size: 18px; color: #005A8C }
.indexLine { width: 3px; background-color: #F0F0F0 }
.indexRight { padding: 5px; vertical-align: top }
.indexBannerLeft { height: 165px; padding-right : 5px; background: url(../image/bg_member.gif) repeat; text-align: right }
.indexBannerRight { padding-left: 5px; background: url(../image/bg_member.gif) repeat }
.indexTitle { height: 25px; background: url(../image/icon_cube.gif) left no-repeat; background-color: #5A5A5A; padding-left: 27px; font-family: "Arial"; font-size: 14px; font-weight: bold; color: #FFFFFF; }
.indexSpace { height: 1px; font-size: 0.5px }
.indexInfoBG { width: 100%; background-color: #D2D2D2; margin-top: 2px }
.indexInfoTitle { height: 23px; padding-left: 10px; background-color: #E6E6E6; font-family: "Arial"; font-size: 14px; font-weight: bold; color: #464646 }
.indexInfoText { padding: 10px 10px 10px 10px; background-color: #FFFFFF; font-family: "Arial"; font-size: 12px; color: #464646 }
.indexPhoto { padding: 0px 5px 5px 0px }

/* Event Board */
.eventShadow1 { background: url(../image/event_shadow1.gif) bottom no-repeat; height: 10px; font-size: 1px }
.eventShadow2 { background: url(../image/event_shadow2.gif) left repeat-y; width: 12px }
.eventShadow3 { background: url(../image/event_shadow3.gif) top no-repeat; height: 10px; font-size: 1px }
.eventShadow4 { background: url(../image/event_shadow4.gif) right repeat-y; width: 12px }
.eventTitle { padding: 5px 15px 5px 15px; background: url(../image/bg_event_title.gif) repeat-x; background-color: #00618C; font-family: "Arial"; font-size: 12px; font-weight: bold; color: #FFFFFF }
.eventBody { padding: 10px 15px 10px 15px; background: url(../image/bg_event_body.gif) bottom repeat-x; background-color: #FFFFFF; font-family: "Arial"; font-size: 12px; color: #5A5A5A }
.eventText { padding-bottom: 5px; font-family: "Arial"; font-size: 12px; color: #5A5A5A; vertical-align: top }
.eventDetail { padding: 0px 5px 0px 15px; background: url(../image/bg_event_detail.gif) repeat-x; height: 18px }

/* Body */
.titleName { font-family: "Arial"; font-size: 24px; color: #005A82; letter-spacing: -1px }
.titleLine { height: 1px; background: url(../image/bg_line.gif) no-repeat; font-size: 0.5px }
.titleSpace { height: 15px; font-size: 1px }
.subTitle { height: 25px; background: url(../image/subhead.jpg) no-repeat; padding-left: 28px; font-family: "Arial"; font-size: 14px; font-weight: bold; color: #FFFFFF }
.subTitle2 { padding-left: 25px; font-size: 13px; font-weight: bold; color: #005A82 }
.infoText { padding: 15px 10px 30px 30px; font-family: "Arial"; font-size: 12px; color: #464646 }
.infoText2 { padding: 15px 10px 15px 3px; font-family: "Arial"; font-size: 12px; color: #464646 }
.bulletTop { margin-top: -10px }

/* Table */
.tableBG { background-color: #E6E6E6 }
.tableTitle { padding: 5px 20px 5px 12px; font-family: "Arial"; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #464646 }
.tableRow { background-color: #FFFFFF}
.tableRow2 { background-color: #EBEBEB }
.tableText { padding: 5px 20px 5px 12px; font-family: "Verdana"; font-size: 12px; font-weight: bold; color: #005A82; letter-spacing: -1px }
.tableText2 { padding: 5px 20px 5px 12px; font-family: "Arial"; font-size: 13px; color: #464646 }
.tableText3 { padding: 8px 0px 3px 0px; font-family: "Verdana"; font-size: 12px; font-weight: bold; color: #005A82; letter-spacing: -1px; width: 80px }
.tableText4 { padding: 8px 0px 3px 0px; font-family: "Arial"; font-size: 13px; color: #464646 }
.tableDotline { height: 1px; background: url(../image/bg_dotline.gif) no-repeat; font-size: 0.5px }
.logoTable { padding-left: 25px }
.logoCell { padding-right: 10px }
.logoText { white-space: nowrap }
.logoSpace { width: 20px }

/* Hyperlink */
.linkText { font-family: "Arial"; font-size: 12px; color: #0096FF; text-decoration: underline }
.linkText:hover { color: #FF9600; text-decoration: none }
.linkDetail { font-family: "Verdana"; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; letter-spacing: -1px }
.linkDetail:hover { color: #FAFFC8; text-decoration: underline }