html, body {
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%;
    text-align: center;     /* For IE 6.0 to set #main at center */
}
body {
}
A {text-decoration: none; color:#003366}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;}

/* All content inside */
#main {
    width: 1000px;
    height: 590px;
    position: relative;     /* 將此最大的container設為relative, 使其內的element可設定absolute位置 */
    margin: 0px auto;       /* For Non-IE Browsers, center align */
    padding: 0px;
    text-align: left;
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}

/* Back to news.php */
#back {
    position: absolute;
    top: 20px;
    left: 10px;
    width: 85px;
    height: 360px;
}

/* Menu items */
#menu {
    position: absolute;
    left: 100px;
    top: 120px;
}
#menu img {
    margin: 15px;
    border-width: 0px 0px 2px 0px; 
    border-style: solid;
    border-color: #000066;
    display: block;
}
#menu a img{
    border-color: #000066;
}
#menu a { /* IE bug */
    border-color: #000066;
}
#menu a:hover img{
    border-color: #CC0033;
}
#menu a:hover { /* IE bug */
    border-color: #CC0033;
}

/* Main content */
#content {
    width: 740px;
    height: 360px;
    position: absolute;
    top: 10px;
    left: 250px;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    color: #99FFFF;
    text-align: center;
/*    overflow: auto; */
    z-index: 1;
    background-image: url("../img/bg_content.jpg");
    background-repeat: no-repeat;
    background-position: center center;
/*   use this feature will cause wrong alignment in non-IE browsers?   
    background-attachment: fixed; */
/* CSS 3 Standard 
    overflow-y: scroll;
    scrollbar-base-color: #ccffff; */
}
#content #show {
    display: block;
    width: 720px;
    height: 310px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: left;
    text-indent: 28px;    
    line-height: 25px;
    font-size: 10pt;
    color: #336699;
    clear: both;
    overflow: auto;
}
/* forum.php forum table */
#content #show #forum {
    width: 650px;
    font-size: 10pt;
    margin: 0px auto;
    border-color: #FFCC99;
    border-width: 2px;
    border-style: outset;
}
#content #show #forum tr {
    color: #336699;
}
#content #show #forum td {
    border-color: #FFCC99;
    border-width: 1px;
    border-style: solid;
    text-align: center;
}
#content #show #forum .brief {
    color: #8F8F8F;
}
#content #show #forum .title {
    font-weight: bold;
    color: #003366;
    background-color: #FFFFCC;
}
#content #show #forum .line {
    background-color: #FFCCCC;
}
#content #show #forum .style1 {
    background-color: #CCCCFF;   
}
#content #show #forum .style2 {
    background-color: #CCFFFF;   
}
/* forum.php forum table end ------*/
#content #show .center {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}
#content #show .title1 {
    font-size: 18pt;
    font-weight: bold;
    color: #000066;
}
#content #show .subtitle {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 12pt;
    color: #003366;
}
#content #show .subtitle2 {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 10pt;
    color: #006666;
}
#content #show p {
    margin: 8px;
    padding: 0px;
}
#content #show .textblock {
    width: 80%;
    text-align: left;
}

#content #show .download {
    margin: 0 10px 0 0;
}
#content #show .download tr {
    color: #336699;
    text-align: center;
    font-size: 10pt;
}
#content #show .download td {
    width: 170px;
}
#content #show .download .title {
    font-weight: bold;
    font-size: 12pt;
    color: #003366;
}

#content #selectarea {
    width: 100%;
    height: 25px;
    display: block;
    position: relative;
    margin: 0px;
    padding: 10px 0 0 0;
}
#content #selectarea #select {
    margin: 0;
    padding: 0 0 0 30px;
    list-style-type:none;
    text-align: center;
}
#content #selectarea #select li {
    display: block;
    float: left;
    margin: 5px;
    background: #6699CC;
}
#content #selectarea #select li a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    margin: 0px;
    padding: 5px 25px 5px 25px;
    color: #FFFFFF;
}
#content #selectarea #select li a:hover {
    background: #CC0033;
}

#content #news {
    position: absolute;
    top: 0px;
    left: 0px;
}
#content #news #bg {
    width: 735px;
    height: 350px;
    position: absolute;     /* For overlapping */
    top: 0px;
    left: 0px;
    background-image: url("../img/bg_news.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
#content #news #feedback {
    position: absolute;
    top: 225px;
    left: 270px;
    font-size: 10pt;
    color: cyan;
    z-index: 25;
}
#content #news #scroll {
    width: 350px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    position: absolute;
    top: 100px;
    left: 10px;
    z-index: 5;
/*    overflow: hidden;
    /* Opacity setting for CSS2, IE */
/*
    opacity: .25;
    filter: alpha( opacity=25 );
    */ 
}
#scroll_container {
    position: absolute;
    left: 1px;
    top: 10px;
    width: 100%;    /* 不得增加height屬性, 會造成non-IE browser出錯 */
    font-size: 10pt;
    text-align: left;
    text-indent: 26px;
    color: #009999;
    line-height: 20px;
}
#indent {
    width: 30px;
}

.im {
    color: red;
}

/* About */
#about {
    position: absolute;
    top: 390px;
    left: 580px;
    font-size: 8pt;
    color: #AFAFAF;
}
#counter {
    position: absolute;
    top: 390px;
    left: 450px;
    font-size: 8pt;
    color: #AFAFAF;
}

#special {
    position: absolute;
    top: 390px;
    left: 15px;
    font-size: 10pt;
    background-color: CYAN;
    color: white;
}