﻿body {
    background-color: #C8E8FB;
}
#mainmenu {
    margin: 0;
    padding: 0;
    text-align:center;
    height:30px;
}
#footerMenu {
    padding: 0;
    text-align:center;
    left:200px;
    margin-top:2px;
}

    #footerMenu ul {
        text-align: center;
    }

    #mainmenu li {
        float: left;
        list-style: none;
        font: 12px Tahoma, arial;
        padding-left: 2px;
        padding-right: 2px;
    }

        #mainmenu li span {
            color: white;
            top: 4px;
            width: 2px;
            position: relative;
            float: left;
            font-size: 14px;
            top: 6px;
            right: 3px;
            left: -2px;
        }


        #mainmenu li a, #footerMenu li a {
            display: block;
            background: #20548E;
            padding: 8px 4px 8px 4px;
            text-decoration: none; /*border-right: 1px solid white;*/
            /*width: 50px;*/
            color: #CCCCCC;
            white-space: nowrap;
        }



    #footerMenu li a {
        padding: 2px;
        display: inline;
        margin-right: 0px;
    }

    #footerMenu li {
        float: left;
        list-style: none;
        font: 12px Tahoma, arial;
        margin-right: 5px;
        margin-left: 5px;
    }

        #mainmenu li a:hover, #footerMenu li a:hover {
            background: #993333;
            color: #FFFFFF;
        }

    #mainmenu li ul {
        margin: 0px;
        padding: 0px;
        position: absolute;
        visibility: hidden;
        border-top: 1px solid white;
        /*width: 73px;*/
        z-index: 100;
        min-width:73px;
    }

        #mainmenu li ul li {
            float: none;
            display: inline;
            color: #CCCCCC;
             padding: 0px;
        }

            #mainmenu li ul li a {
    background: #006699;
    padding: 4px 5px 6px 5px;
    color: #CCCCCC;
    min-width: 80px;
    text-align: left; /*width: 63px;*/
}

                #mainmenu li ul li a:hover {
                    background: #7F1616;
                    color: #FFFFFF;
                }


/* common page styles */
/*body {
    background: #B7CEFB;
    padding: 0 20px;
}*/

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
}

#all {
    width: 1150px;
    margin: 0px auto 0 auto;
    background: #ffffff;
    padding: 4px;
    height:100%;
    top:0px;
}

h1 {
    font: 26px tahoma, arial;
    color: #324143;
}

p {
    font: 12px tahoma, arial;
    color: #171F26;
    margin-top: 3px;
    margin-bottom: 3px;
}


#topnav {
    width: 1150px;
    margin: 0px auto;
    height: 22px;
    padding: 2px 4px 2px 4px;
    background: #20548E;
    font: 12px tahoma, arial;
    color: #EAFFED;
    vertical-align: bottom;
}

  
    #topnav div {
        float: left;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 2px;
        color: #EAFFED;
    }

        #topnav span {
    color: #999999;
}
#mylogout {
    padding-right:50px;
}
#mySelf {
     padding-left:40px;
}

        #topnav div a,  #topnav a,#copyright a {
            color: #CCCCCC;
            text-decoration: none;
        }

            #topnav div a:hover, #topnav a:hover,#copyright a:hover {
                color: #F5F5F5;
                text-decoration: underline;
            }


#myTime {
    margin-top: 2px;
    color: #999999;
}

#manunav {
    width: 1158px;
    margin: 0 auto;
    height: 30px;
    padding-top:0px;
    padding-bottom: 4px;
    background: #20548E;
    font: 12px tahoma, arial;
    vertical-align:bottom;
    text-align:left;
    color:white;
}


#myHeader {
    text-align: center;
    width: 1158px;
    margin: 0 auto;
    padding: 0px;
    background: #20548E;
    font: 12px tahoma, arial;
    color: #EAFFED;
    text-align: center;
}
#headerlist {
    width: 1158px;
    margin: 0px;
    padding: 0px;
    text-align:center;
    font: 10px tahoma, arial;
}
#copyright {
    width: 1150px;
    margin: 0 auto;
    padding: 6px 4px 6px 4px;
    background: #20548E;
    font: 12px tahoma, arial;
    color: #EAFFED;
    text-align: center;
    height:17px;
}


#footer {
    width: 1158px;
    min-width: 650px;
    margin: 0 auto;
    padding: 6px 4px 6px 4px;
    background: white;
    font: 12px tahoma, arial;
    color: black;
    text-align: center;
}
.component-part {
    background-position: -2px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgb(51, 51, 204);
    padding: 0px;
    text-align: left;
    height: 26px;
    color: #CCCCCC;
    width: 100%;
    background-image: url(/images/blue-title-long-bg.png);
    background-repeat: repeat-x;
    margin-top: -15px;
}
.componentcolumn .component-part first {
    margin-top:-18px;
}
   .component-part h3 {
    height: 25px;    
    top:0px;
}
.componentcolumn {
    list-style: none;
    margin: 0px;
    padding: 4px 4px 0px 4px;
}
/*.componentcolumn1 {
    list-style: none;
    margin: 0px;
    padding: 4px 4px 10px 4px;
}*/
li.component {
    padding: 0px 0px 6px 0px;
    border: 1px solid rgb(51, 51, 204);
    margin-bottom: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}
.leftcomponent {
    POSITION: relative;
    float: left;
    left: 0px;
    MARGIN: 0px;
    TOP: 0px;
    WIDTH: 308px;
    BOTTOM: 0px;
    padding: 0px 4px 0px 4px
}
.rightcomponent {
    POSITION: relative;
    float: left;
    left: 0px;
    MARGIN: 0px;
    TOP: 0px;
    WIDTH: 308px;
    BOTTOM: 0px;
    padding: 0px 4px 0px 4px;
}
.middlecomponent {
    POSITION: relative;
    float: left;
    left: 0px;
    MARGIN: 0px;
    TOP: 0px;
    WIDTH: 518px;
    padding: 0px 0px 0px 0px;
}
#fullshow {
    position:relative;
    float:left;
    left:20px;
    margin-bottom:30px;
}
.leftlongcomponent {
    POSITION: relative;
    float: left;
    left: 0px;
    MARGIN: 0px;
    TOP: 0px;
    WIDTH: 826px;
    padding: 0px 4px 0px 4px;
}
.leftlongcomponent li{
    padding-bottom:10px;
}
.componentcolumn li {
    margin-bottom:10px;
}
.longcomponent {
    POSITION: relative;
    float: left;
    left: 0px;
    MARGIN: 0px;
    TOP: 0px;
    WIDTH: 1142px;
    padding: 0px 4px 0px 4px;
}
.shortcut {
   margin-bottom:8px;
   font-size:12px;
}
    .shortcut a {
      text-decoration:none;
    }
        .shortcut a:hover {
            text-decoration: underline;
        }
.componentgap {
    margin-top:14px;
}
.component-content {
    padding: 2px 2px 3px 2px;
    font-size: 12px;
}
.component-content li {
    margin: 1px 1px 1px -4px;
    padding: 2px 0px 2px 0px;
    font-size: 12px;
    list-style:square;
}
.component-content li a {
    text-decoration:none;
}
.component-content li a:hover {
    text-decoration:underline;
}
.link-content {
    padding:2px;
    font-size:12px;
    height:22px;
    left:4px;
}
.link-content li {
    margin: 1px 20px 1px -10px;
    padding: 2px 0px 2px 0px;
    font-size: 12px;
    list-style: none;
    float: left;
    position: relative;
}


.article{
    padding:5px;
    font-size:12px;
}
    .article .title {
        font-size:20px;
        font-weight:400;
        padding-bottom:10px;
        padding-top:10px;
        height:26px;
    }
    .article .subtitle {
        font-size:16px;
    }
    .article .abstract {
        font-size:13px;
        font-style:italic;
    }
    .article .keyword {
        font-size:12px;
        font-weight:400;
    }

.articleTitle {
    position: relative;
    float: left;
    left: 3px;
    top: 2px;
    font-family: 宋体;
    font-size: 13px;
}
.moreArticle {
    font-family: 宋体;
    position:relative;
    float: right;
    right: 8px;
    font-size: 11px;
    color: #CCCCFF;
    top: 6px;
    font-weight: normal;
}
    .moreArticle a {
        color: white;
        text-decoration:none;
    }
.keyword {
    width: 100%;
    background-color: #EFEFEF;
    color: #333399;
    height:24px;
    padding-top:6px;
    padding-left:5px;
}
    .keyword span {
        color: #333399;
    }
    .keyword a {
        color: #333399;
    }
        .keyword a:hover {
            color: #FFFFFF;
            background-color: #0099CC;
        }
 .mypage {
        display: none;
    }

#all li {
    /*list-style: none;
    list-style-type: none;*/
    text-align: left;
}

#fullshow li, .imageListCss li {
    list-style: none;
    list-style-type: none;
}


.LinkList {
    height: 26px;
    padding-left: 10px;
    padding-right: 10px;
}
    .LinkList li {
    background-position: -1px center;
    position: relative;
    float: left;
    list-style: none;
    background-image: url(/images/square.png);
    background-repeat: no-repeat;
}
    .LinkList li a {
        padding-left: 12px;
        padding-right: 18px;
    }

    .LinkList li {
        background-position: -1px center;
        position: relative;
        float: left;
        min-width: 50px;
        padding-left: 12px;
        padding-right: 18px;
        list-style: none;
        background-image: url(/images/square.png);
        background-repeat: no-repeat;
    }

.component-content li span {
    float: right;
    color: #6F9DFF;
    padding-left: 10px;
    padding-right: 5px;
}


#footercomponent {
    width: 1150px;
    margin: 0 auto;
    padding: 6px 4px 6px 4px;   
    font: 12px tahoma, arial;
    text-align: center;
    background-color:#C8E8FB;
    background-image: url(/images/footer-back-blue.jpg);
    background-repeat: repeat-x;
}
.footercomponentitem {
    POSITION: relative;
    float: left;
    left: 0px;
    MARGIN: 0px;
    TOP: 0px;
    width:260px;
}

    .footercomponentitem h3 {
    color: #000066;
    text-align: left;
    margin-left: 10px;
}
.footercmpcss {
    list-style: none;
    margin: 0px;
    padding: 4px 4px 0px 4px;
}
.footercmpcss li ul li a {
    color: #000040;
}
.footercmpcss li {
     text-align:left;
     list-style:none;
     margin-left:-10px;
     margin-right:20px;
}
.footercmpcss li ul li {
       margin-left:-20px;
       padding-left:-10px;
}

.footercmpcss img {
     border:0px;
}

.footericons {
     padding:10px;
}

.headericon {
    width: 1150px;
    margin: 0px auto;
    height: 46px;
    padding: 0px;
}
.detailArticle {
    float:right;
    padding-right:10px;
}
.detailArticleCN {
    float:right;
    padding-right:10px;
    margin-top:-18px;
}
