body 
{
    margin : 0px;
    padding : 0px;
    background-color : white;
    color : #5f5f5f;
    font-size : 14px;
}

.code_container
{
    border : solid 1px silver;
    margin : 8px;
    padding : 6px;
    background-color : #fef6ec;
    color : #7d7d7d;
    font-size : 12px;
    overflow : auto;
}

.clear
{
    clear : both;
}

.link
{
    text-decoration : none;
    color : #a8ba00;
}
.link:hover
{
    color : #feb005;
}

/****************************************************************************
* message
****************************************************************************/
.exclamation
{
    height : 32px;
    line-height : 32px;
    text-indent : 34px;
    padding : 2px 4px 2px 4px;
    margin : 2px 8px 2px 8px; 
    color : #ff4e00;
    border : solid 1px #ff4e00;
    background-color : #fbb7b7;
    background-image : url(../sysdata/image/exclamation.png);
    background-position : left;
    background-repeat : no-repeat;
    overflow : hidden;
}

.information
{
    height : 32px;
    line-height : 32px;
    text-indent : 34px;
    padding : 2px;
    margin : 2px 8px 2px 8px; 
    color : #6cb21d;
    border : solid 1px #6cb21d;
    background-color : #d4f6b2;
    background-image : url(../sysdata/image/information.png);
    background-position : left;
    background-repeat : no-repeat;
    overflow : hidden;
}

/****************************************************************************
* button
****************************************************************************/
.btn
{
    display : block;
    width : 120px;
    height : 16px;
    line-height : 16px;
    margin-bottom : 2px;
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    text-decoration : none;
    text-align : left;
    text-indent : 18px;
    color : #ec7312;
}
.btn:hover
{
    color : #feb005;
}

.btn_back
{
    width : 70px;
    background-image : url(../sysdata/image/btn_back_bg.gif);
    background-position : left center;
    background-repeat : no-repeat;
    margin-bottom : 6px;
}

.btn_member_login
{
    float : left;
    width : 40px;
    color : #5171bd;
    text-indent : 2px;
}
.btn_member_register
{
    float : left;
    width : 40px;
    color : #5171bd;
    text-indent : 2px;
}
.btn_member_getpwd
{
    float : left;
    width : 70px;
    color : #5171bd;
    text-indent : 2px;
}
.btn_member_modifyinfo
{
    float : left;
    width : 80px;
    color : #5171bd;
    background-image : url(../sysdata/image/btn_member_modifyinfo_bg.gif);
    background-position : left center;
    background-repeat : no-repeat;
}
.btn_member_logout
{
    float : left;
    width : 50px;
    color : #5171bd;
    background-image : url(../sysdata/image/btn_member_logout_bg.gif);
    background-position : left center;
    background-repeat : no-repeat;
}

.btn_bookmark_show
{
    float : left;
    width : 80px;
    color : #5171bd;
    background-image : url(../sysdata/image/btn_bookmark_show_bg.gif);
    background-position : left center;
    background-repeat : no-repeat;
}
.btn_bookmark_add
{
    width : 80px;
    background-image : url(../sysdata/image/btn_bookmark_add_bg.gif);
    background-position : left center;
    background-repeat : no-repeat;
}

.btn_onlinetest
{
    width : 80px;
    margin : 4px 0px 0px 0px;
    color : #a8ba00;
    text-decoration : underline;

    background-image : url(../sysdata/image/btn_onlinetest_bg.png);
    background-position : left center;
    background-repeat : no-repeat;
}

.btn_commentview
{
    width : 80px;

    background-image : url(../sysdata/image/btn_commentview_bg.png);
    background-position : left center;
    background-repeat : no-repeat;
}
.btn_commentadd
{
    width : 80px;

    background-image : url(../sysdata/image/btn_commentadd_bg.png);
    background-position : left center;
    background-repeat : no-repeat;
}

/****************************************************************************
* image button
****************************************************************************/
.imgbtn
{
    float : left;
    display : block;
    padding-top : 34px;
    margin : 4px;
    width : 64px;    
    height : 14px;
    background-position : top center;
    background-repeat : no-repeat;
    color : #a8ba00;
    font-size : 12px;
    text-decoration : none;
    text-align : center;
    overflow : hidden;
}
.imgbtn:hover
{
    color : #feb005;
}

.imgbtn_admin_article
{
    background-image : url(../sysdata/image/btn_admin_article.png);
}

.imgbtn_admin_comment
{
    background-image : url(../sysdata/image/btn_admin_comment.gif);
}

.imgbtn_admin_friendlink
{
    background-image : url(../sysdata/image/btn_admin_friendlink.png);
}

.imgbtn_admin_companyprofile
{
    background-image : url(../sysdata/image/btn_admin_companyprofile.png);
}

.imgbtn_admin_contactus
{
    background-image : url(../sysdata/image/btn_admin_contactus.png);
}

.imgbtn_admin_mailsys
{
    background-image : url(../sysdata/image/btn_admin_mailsys.png);
}

.imgbtn_admin_changepwd
{
    background-image : url(../sysdata/image/btn_admin_changepwd.png);
}

.imgbtn_admin_home
{
    background-image : url(../sysdata/image/btn_home.png);
}

/****************************************************************************
* toolbar
****************************************************************************/
.toolbar_container
{
    height : 20px;
    line-height : 20px;
    margin : 2px 0px 4px 0px;
    padding-right : 4px;
    background-color : #fdb23d;
    border : solid 1px gray;
}

.toolbar_container a
{
    float : right;
    margin-left : 8px;
    display : block;
    height : 12px;
    font-size : 12px;
    text-indent : 12px;
    text-decoration : none;
}

.toolbar_container a:link
{
    background-position : left top;
    background-repeat : no-repeat;
    color : #9f4ef9;
}

.toolbar_container a:hover
{
    background-position : left top;
    background-repeat : no-repeat;
    color : #fd4f02;
}

/****************************************************************************
* title
****************************************************************************/
.pagetitle_container
{
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    color : #597811;
    margin-bottom : 6px;
}

.topictitle_container
{
    height : 20px;
    padding-top : 4px;
    border-bottom : solid 1px gray;
    margin : 6px 4px 4px 0px;
    background-image : url(../sysdata/image/topic_title_bg.png);
    background-position : left top;
    background-repeat : no-repeat;
    text-align : left;
    text-indent : 8px;
    font-size : 14px;
    font-weight : bold;
    color : White;
    overflow : hidden;
}

/****************************************************************************
* table
****************************************************************************/
th
{
    background-color : #fed224;
    border : solid 1px gray;
    color : #646464;
    font-size : 12px;
    font-weight : bold;
}

.showbox
{
    margin-bottom : 10px;
    font-size : 12px;
} 
   
.showbox td
{
    margin : 0px;
    padding : 2px;
    border-bottom : dotted 1px silver;
}

.showbox tr
{
    background-color : #fcf4ee;
}

.showbox tr:hover
{
    background-color : #fcd0af;
}

.showbox .highlight
{
    background-color : #ffe6d0;
}

/****************************************************************************
* image main card
****************************************************************************/
 .imagemain_card_container
{
    float : left;
    width : 190px;
    height : 144px;
    margin : 2px 10px 2px 8px;
}

.imagemain_card_container .image
{
    display : block;
    padding : 3px;
    width : 186px;
    height : 140px;
    background-image : url(../sysdata/image/image_medium_bg.png);
    background-position : left top;
    background-repeat : no-repeat;
}
.imagemain_card_container .image:hover
{
    position : relative;
    left : 1px;
    top : 1px;
}

.imagemain_card_container .image img
{
    width : 180px;
    height : 135px;
}

/****************************************************************************
* image small card
****************************************************************************/
 .imagesmall_card_container
{
    float : left;
    width : 110px;
    height : 90px;
    margin : 2px 10px 2px 8px;
}

.imagesmall_card_container .image
{
    display : block;
    padding : 3px;
    width : 106px;
    height : 80px;
    background-image : url(../sysdata/image/image_small_bg.png);
    background-position : left top;
    background-repeat : no-repeat;
}
.imagesmall_card_container .image:hover
{
    position : relative;
    left : 1px;
    top : 1px;
}

.imagesmall_card_container .image img
{
    width : 100px;
    height : 75px;
}

/****************************************************************************
* comment deck
****************************************************************************/
.commentdeck_container
{
    padding : 8px 6px 4px 6px;
    border : dotted 1px silver;
    margin : 6px 4px 10px 4px;
}

.commentdeck_container .footer
{
    border-top : dotted 1px silver;
    text-align : center;    
    height : 18px;
    line-height : 18px;
    background-color : #fee6d3;
    padding : 4px;
    margin : 4px 0px 0px 0px;
}
.commentdeck_container .btnHide
{
    font-size : 12px;
    font-weight : bold;
    color : #ec7312;
    text-decoration : none;
}
.commentdeck_container .btnHide:hover
{
    color : #feb005;
}

/**************************************
*comment
**************************************/
.commentcard_container
{
    margin-bottom : 8px;
    overflow : auto;
}

.commentcard_container .title
{
    color : #a8ba00;
    font-weight : bold;
    font-size : 12px;
}

.commentcard_container .text
{
    padding : 2px 10px 2px 15px;
    font-size : 12px;
    color : #5f5f5f;
}

.commentcard_container .remark
{
    padding : 2px 4px 2px 15px;
    font-size : 12px;
    color : #7487bf;
}