/* Navigation */

#navigation {
    text-align: center;
    margin: 0;
}

#navigation img.logo {
    width: 80%;
}

#navigation img.language {
    height: 18px;
}

#navigation table.logo {
    margin: -20px auto  auto auto;
    text-align: right;
    width: 80%;
}

#navigation table.news {
    margin: auto auto;
    text-align: center;
    width: 80%;
}

#navigation marquee.news {
    scrollamount: 4; 
    direction: left; 
    color: red;
}


#navigation table.menu {
    background: #ccffff;
    margin: auto;
    text-align: center;
    height:50px;
    width: 80%;
}

#navigation a.news {
    color: red;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

#navigation a.pages {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px; 
}

#navigation a.pages:hover {
    color: #000000;
    font-size:120%;
}

/* Sub-navigation*/

#subnavigation {
    text-align: left;
}

#subnavigation  p.location {
    font-size: 15px;
    font-weight: bold;
}

#subnavigation table.menu {
    margin: auto;
    text-align: left;
    height:40px;
    width: 80%;
}

#subnavigation table.menu td.space1 {
    width: 50%;
}

#subnavigation table.menu td.space2 {
    width: 10%;
}

#subnavigation a {
    color: #3333cc;
    text-decoration: none;
    font-size: 13px; 
    font-weight: bold;
}

#subnavigation a:hover {
    color: #3333cc;
    font-size:120%;
    font-weight: bold;
}

/* Footer */

#footer {
    text-align: center;
    border-top: 2px solid #ffe600;
    padding: 6px 0;
    margin:  6px 0;
}

/* Essential */

#essential {
}

#essential table.path {
    width: 80%;
    margin: -30px auto 10px;
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid #ff0611;
}


#essential table.items-ZH {
    margin: auto;
    width: 80%;
    text-align: center;
    border: 1px solid #000000;
    border-spacing: 0;    
}

#essential table.items-ZH th {
    font-family: "SimHei";
    font-size: 30px;
    padding: 10px 0;
    border: 1px solid #000000;
}

#essential table.items-ZH td {
    font-size: 20px;
    border: 1px solid #000000;
    height: 40px;
}

#essential table.frame {
    padding: 10px 0 0 0;
    background: #eeffff;
    width: 80%;
    margin: auto;
}

#essential table.frame tr td {
    padding: 0 15px;
}

#essential table.article-EN {
    font-family: "Times New Roman";
    font-size: 18px;
}

#essential table.article-EN td {
    height: 20pt;
}

#essential p.article-EN {
    font-family: "Times New Roman";
    font-size: 18px;
    line-height: 30px;
    text-indent: 30px;
}

#essential p.information-EN {
    font-family: "Arial";
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
}

#essential p.article-ZH {
    font-family: "SimSun";
    font-size: 18px;
    line-height: 30px;
    text-indent: 30px;
}

#essential p.information-ZH {
    font-family: "SimHei";
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
}

#essential a.download-ZH {
    color: blue;
    font-family: "SimHei";
    text-decoration: none;
    font-size: 18px;
}

#essential a.download-ZH:hover {
    color: red;
    font-family: "SimHei";
    text-decoration: underline;
    font-size: 18px;
}

#essential ul.items-ZH {
    margin: 0 0 0 70px;
    list-style: square;
    line-height: 30px;
    font-size: 18px;
}

#essential ul.items-EN {
    margin: 0 0 0 70px;
    list-style: square;
    line-height: 30px;
    font-size: 18px;
}

#essential ol.items-ZH {
    margin: 0 0 0 70px;
    list-style: 1;
    line-height: 30px;
    font-size: 18px;
}


#essential a.download-EN {
    color: blue;
    font-family: "Arial";
    text-decoration: none;
    font-size: 18px;
}

#essential a.download-EN:hover {
    color: red;
    font-family: "Arial";
    text-decoration: underline;
    font-size: 18px;
}

#essential table.sitems-ZH {
    margin: auto;
    width: 100%;
    text-align: center;
    border: 1px solid #000000;
    border-spacing: 0;    
}

#essential table.sitems-ZH th {
    font-family: "SimHei";
    font-size: 20px;
    padding: 10px 0;
    border: 1px solid #000000;
}

#essential table.sitems-ZH td {
    font-size: 20px;
    border: 1px solid #000000;
    height: 40px;
}


#essential table.forms {
    margin: auto;
}

#essential table.forms tr {
    height: 25px;
border: 1px solid #000000;
}

/* Banner */

#banner {position:relative; width:500px; height:286px; border:1px solid #666; overflow:hidden;}
#banner_list a img {border:100px; width:500px; height: 286px;}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:100%; }
#banner_info{position:absolute; bottom:0; left:5px; line-height:30px;color:#fff;z-index:1001}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=75);opacity:0.75; border:1px solid #fff;z-index:1002;margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#fff 1px solid;background-color:#6f4f67;cursor:pointer}
#banner ul li.on{ background-color:#900}
#banner_list a{position:absolute;}

 
