/* 全局定义
-------------------------------------------------------------------------------------------------------------*/
body
{
    margin: 0px;
    text-align: center;
    font: normal 12px/18px Verdana;
    color: #565353;
}
input, select
{
    text-align: left;
    font: normal 12px/16px Vandana;
    color: #565353;
}
a:link
{
    text-decoration: none;
    color: #565353;
}
a:visited
{
    text-decoration: none;
    color: #565353;
}
a:hover
{
    text-decoration: underline;
    color: #749b12;
}
a img
{
    border: 0;
}
ul
{
    margin: 0;
}

/* header
-------------------------------------------------------------------------------------------------------------*/
#header
{
    height: auto;
    width: 98%;
    margin: 4px 0;
}

#logo
{
    float: left;
    margin: 0 20px;
    _margin: 0 20px 0 10px;
    width: 222px;
    height: 50px;
}

/* 页脚
-------------------------------------------------------------------------------------------------------------*/
#footer
{
    width: 98%;
    color: #9c9c9c;
    text-align: center;
}
#footer .spliter
{
    background: url(                          "/images/index_1_77.jpg" ) repeat-x top left;
    height: 5px;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 8px;
}
#footer .spliter .left
{
    background: url(                          "/images/index_1_76.jpg" ) no-repeat top left;
    width: 100%;
    height: 100%;
}
#footer .spliter .right
{
    background: url(                          "/images/index_1_79.jpg" ) no-repeat top right;
    width: 100%;
    height: 100%;
}
#footer .content
{
}
#footer .content a:link
{
    color: #9c9c9c;
}
#footer .content a:hover
{
    color: #749b12;
}
#footer .content a:visited, #footer .content a:active
{
    color: #9c9c9c;
}
#yahoostat
{
    float: right;
    margin-right: 40px;
}


/* 边框样式
-------------------------------------------------------------------------------*/
.border_t, .border_r, .border_b, .border_l, .corner_tl, .corner_tr, .corner_br, .corner_bl
{
    width: 100%;
    height: 100%;
}

/* 灰色背景，灰色边框，在白色背景上，小圆角*/
.frame_g_g_w
{
    height: auto;
    width: auto;
    background: #f4f4f4;
    text-align: center;
}
.frame_g_g_w .g_g_w_bt
{
    background: url(                          "/images/index_1_64.jpg" ) repeat-x top;
}
.frame_g_g_w .g_g_w_br
{
    background: url(                          "/images/index_1_64.jpg" ) repeat-y right;
}
.frame_g_g_w .g_g_w_bb
{
    background: url(                          "/images/index_1_64.jpg" ) repeat-x bottom;
}
.frame_g_g_w .g_g_w_bl
{
    background: url(                          "/images/index_1_64.jpg" ) repeat-y left;
}
.frame_g_g_w .g_g_w_ctl
{
    background: url(                          "/images/index_1_63.jpg" ) no-repeat left top;
}
.frame_g_g_w .g_g_w_ctr
{
    background: url(                          "/images/index_1_67.jpg" ) no-repeat right top;
}
.frame_g_g_w .g_g_w_cbr
{
    background: url(                          "/images/index_1_72.jpg" ) no-repeat right bottom;
}
.frame_g_g_w .g_g_w_cbl
{
    background: url(                          "/images/index_1_71.jpg" ) no-repeat left bottom;
}

/* 白色背景，深灰色边框，在浅灰色背景上*/
.frame_w_g_g
{
    text-align: center;
    height: auto;
    width: auto;
    background-color: White;
}

.frame_w_g_g .w_g_g_bt
{
    background: url(                          "/images/index_1_40.jpg" ) repeat-x top;
}

.frame_w_g_g .w_g_g_br
{
    background: url(                          "/images/index_1_40.jpg" ) repeat-y right;
}

.frame_w_g_g .w_g_g_bb
{
    background: url(                          "/images/index_1_40.jpg" ) repeat-x bottom;
}

.frame_w_g_g .w_g_g_bl
{
    background: url(                          "/images/index_1_40.jpg" ) repeat-y left;
}

.frame_w_g_g .w_g_g_ctl
{
    background: url(                          "/images/index_1_39.jpg" ) no-repeat left top;
}
.frame_w_g_g .w_g_g_ctr
{
    background: url(                          "/images/index_1_43.jpg" ) no-repeat right top;
}
.frame_w_g_g .w_g_g_cbr
{
    background: url(                          "/images/index_1_59.jpg" ) no-repeat right bottom;
}
.frame_w_g_g .w_g_g_cbl
{
    background: url(                          "/images/index_1_57.jpg" ) no-repeat left bottom;
}
/* 白色背景 灰色边框 在白色背景上 大圆角*/
.frame_w_g_w
{
    text-align: center;
    height: auto;
    background-color: White;
}

.frame_w_g_w .w_g_w_bt
{
    background: url(        "/images/e4e4e4frame_02.jpg" ) repeat-x top;
}

.frame_w_g_w .w_g_w_br
{
    background: url(        "/images/e4e4e4frame_06.jpg" ) repeat-y right;
}

.frame_w_g_w .w_g_w_bb
{
    background: url(        "/images/e4e4e4frame_02.jpg" ) repeat-x bottom;
}

.frame_w_g_w .w_g_w_bl
{
    background: url(        "/images/e4e4e4frame_06.jpg" ) repeat-y left;
}

.frame_w_g_w .w_g_w_ctl
{
    background: url(        "/images/e4e4e4frame_01.jpg" ) no-repeat left top;
}
.frame_w_g_w .w_g_w_cbl
{
    background: url(        "/images/e4e4e4frame_10.jpg" ) no-repeat left bottom;
}
.frame_w_g_w .w_g_w_ctr
{
    background: url(        "/images/e4e4e4frame_04.jpg" ) no-repeat right top;
}
.frame_w_g_w .w_g_w_cbr
{
    background: url(        "/images/e4e4e4frame_11.jpg" ) no-repeat right bottom;
}


/* 主要部分
-------------------------------------------------------------------------------------------------------------*/
.mainframe
{
    height: auto;
    width: 98%;
    background: #f4f4f4;
    text-align: center;
}
.leftframe
{
    float: left;
    margin: 10px 8px;
    width: 240px;
    height: auto;
}
.tab
{
    width: 240px;
    height: 32px;
}
/* 目录 */
.catalog
{
    float: left;
    width: 240px;
    height: auto;
}


/* 页面位置 */
.location
{
    width: expression(parseInt(document.body.clientWidth*0.98-280)+                                                                                              "px" );
    margin-top: 10px;
    text-align: left;
    font: normal 12px/16px Verdana;
}
.location td
{
    font: normal 12px/16px Verdana;
    text-align: left;
    vertical-align: middle;
}

/* 文档内容*/
.articleframe
{
    width: expression(parseInt(document.body.clientWidth*0.98-276)+                                                                                              "px" );
    margin: 0 10px;
    height: auto;
}
.article
{
    height: auto;
    padding: 10px;
}
.article .rowtitle
{
    float: left;
    width: 100px;
    display: block;
    font: normal 12px/22px Verdana;
    text-align: right;
    margin-left: 20px;
}
.article .title
{
    display: block;
    float: left;
    width: expression(parseInt(document.body.clientWidth*0.98-386)+                                                                                              "px" );
    height: 22px;
    font: bold 14px/18px "微软雅黑" , "黑体";
    text-align: left;
    vertical-align: top;
}
.article .tags
{
    display: block;
    float: left;
    width: expression(parseInt(document.body.clientWidth*0.98-386)+                                                                                              "px" );
    height: 22px;
    text-align: left;
}
.article .tags a
{
    padding: 0 2px;
}
.article .tags a:link
{
    color: #FF5A00;
}
.article .tags a:visited
{
    color: #FF5A00;
}
.article .tags a:hover
{
    color: #749B12;
}
.article .tags a:active
{
    color: #FF5A00;
}
.article .mainbodyframe
{
    width: expression(parseInt(document.body.clientWidth*0.98-306)+                                                                                              "px" );
    display: block;
    float: left;
    text-align: center;
}
.article .mainbody
{
    width: expression(parseInt(document.body.clientWidth*0.98-326)+                                                                                              "px" );
    text-align: left;
    padding: 20px;
}
.article .index
{
    width: 300px;
    height: auto;
    float: left;
    border: dashed 1px #ddd;
    padding: 10px;
    background: #eee;
    margin: 0 10px;
}
.article .index .title
{
    font: bold 15px/22px "微软雅黑" , "黑体";
    text-align: center;
    display: block;
    width: 300px;
    letter-spacing: 20px;
}
.article .index .item
{
    font: bold 12px/22px Verdana;
    text-align: left;
    display: block;
    padding-left: 10px;
    width: 300px;
    background: url(/images/dot01.jpg) no-repeat 6px left;
}