@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: baseline;


}

body{ 
    background: #fdfbee;
    text-align:center;


}

/*-------------------------------------header area-------------------------------------*/
#header{
    position:relative;
    height:134px;
    width:979px;
    margin-left: auto;
    margin-right: auto;
    background-image:url(../images/header_02.jpg);
}



#topleft{ 
    float:right;
    top:5px;
    margin-right:7px;
    position:relative;
    list-style:none;
}

#topleft li{
    margin:2px;
    float:left;
    width:20px;
    height:20px;
}

#textmenu{ 
    float:left;
    top:80px;
    margin-left:20px;
    position:relative;
    list-style:none;
    width:95%;
    border:none;
}

#textmenu li{
    margin:3px;
    float:left;
    list-style:none;
    list-style-type:none;
}
#textmenu li a:hover{
    text-decoration:none;
    font-size:0.75em;
    color: #666;
}

#textmenu li a{
    text-decoration:none;
    font-size:0.75em;
    color: #000;
    margin-right:3px;
}

.space{
    margin-right:3px;
}

#bottomright{
    position:relative;
    float:right;
    top: 0px;
    margin-right:10px;
    width:30%;

}

#bottomright li{
    list-style:none;
    margin:2px;
    float:right;
}

/*--------------------------------------------Content area----------------------------------------------*/
#content{
    width:979px;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
    margin-top:10px;
}

#left{
    position:relative;
    float:left;
    width:216px;
}

.lefttable{

    background-color:#FFFFFF;
    list-style:none;
    width:216px;

}


#left img{
    float:left;

}


#centre{
    float:left;
    width:50%;
    position:relative;
    left:25px;
    margin:0;
}

#centre img{
    margin-bottom:8px;
}

#textmenu2{ 
    width:506px;
    _left:-50px;
    float:left;
    margin-top:6px;
    position:relative;
    list-style:none;
}

#textmenu2 li{
    display:block;
    margin-left:55px;
    float:left;
    display: inline;

}

#textmenu2 li a:hover{
    text-decoration:none;
    font-size:0.75em;
    color: #666;
}

#textmenu2 li a{
    text-decoration:none;
    font-size:0.75em;
    color: #000;
}

#right{
    position:relative;
    float:right;
    width:220px;
}

#right img{

    padding:relative;
    margin-bottom:8px;
    margin-left:2px;
}


/*------------------------------------------left menu----------------------------------------*/
#textmenu0{ 
    list-style:none;
    padding:0px;
    margin:0px;
    clear:both;
    display:inline;


}

#textmenu0 li{ 
    float:left;
    width:205px;


}

/*------------------------------------------Footer----------------------------------------*/
#footer{
    background-image:url(../images/bottom_01.jpg);
    width:979px;
    height:20px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    margin-bottom:20px;
}

#footer .copyright{
    font-size:0.85em;
    float:right;
    margin-top:10px;
    margin-left:10px;
    bottom:0px;
    margin:2px;
    font-size:12px;
    color:#333333;

}

.bottom_textmenu{ 
    bottom:0px;
    margin:2px;
    list-style:none;
    display:inline;
    font-family:"細明體";
    font-size:12px;
}

.bottom_textmenu li{
    bottom:0px;
    margin:2px;
    float:left;
    list-style:none;

}

.bottom_textmenu a{
    text-decoration:none;
    font-size:0.9em;
    color: #333;
    margin-right:5px;
    margin-left:5px;
}

.bottom_textmenu a:visited, #textmenu a:hover{
    text-decoration:none;
    font-size:0.9em;
    color: #333;
}