@CHARSET "gb2312";
/* style */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,article, aside, footer, header, hgroup, nav, section,figure {margin:0;padding:0}
article, aside, footer, header, hgroup, nav, section{display:block;}

/* structure */
body{overflow-x:hidden;font-size:14px;font-family:"Microsoft Yahei";line-height:1.7;}
#wrap{width:100%;padding-top:50px;position:relative;z-index:1800;overflow-y:scroll;overflow-x:hidden;}
aside{width:200px;height:100%;background:#444;color:white;position:fixed;left:-200px;top:0;bottom:0;z-index:700;overflow-x:hidden;overflow-y:scroll;}
aside a{color:#fff}
    aside #logo{background:#333;padding:14px;font-size:175%;font-weight:700;line-height:1.3;}
    aside #logo small{display:block;font-size:60%;font-weight:400;}
    nav{overflow-x:hidden;overflow-y:auto;}
    nav ul{padding:1px 0;margin:0;background:#333;}
    nav ul li{line-height:2.5;background:url(imagesicon.png) 160px -50px no-repeat #444 ;font-size:110%;list-style:none;margin-top:1px;padding:0 14px;}
    nav ul li:hover{background-color:#777;}
    nav ul li:nth-child(3n+1){border-left:5px solid orangered;}
    nav ul li:nth-child(3n+2){border-left:5px solid orange;}
    nav ul li:nth-child(3n){border-left:5px solid #aaa;}
    nav ul li.active{background-color:#000;}
    nav ul li a{width:100%;display:inline-block;color:#fff;}
    nav a:link,nav a:visited,nav a:hover,nav a:active,nav a:action{color:#fff;}
    nav ul li.active:hover{background-color:#333;}
article{width:100%;height:100%;background:#fafafa;color:#222;min-height:100%;position:relative;z-index:800;left:0;top:0;overflow-x:hidden;overflow-y:scroll;}
    .headline{display:block;width:100%;position:relative;border-bottom:1px solid #aaa;margin-bottom:1em;}
    .headline figure{line-height:1;width:100%;}
    .headline figure img{width:100%;}
    .headline .desc{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:0 .5em;line-height:2em;font-size:135%;background:transparent;color:white;overflow:hidden;text-align:center;}
    .headline .desc h2{position:relative;z-index:6;font-size:100%;}
    .headline .desc .bg{position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;background:#222;opacity:0.5;}
    section.title-list{padding:14px 10px 30px;}
    section.title-list:nth-child(5n+1) h2 {background:#338;}
    section.title-list:nth-child(5n+2) h2 {background:red;}
    section.title-list:nth-child(5n+3) h2 {background:orangered;}
    section.title-list:nth-child(5n+4) h2 {background:orange;}
    section.title-list:nth-child(5n) h2 {background:#aaa;}
    section.title-list h2{margin-bottom:.5em;font-size:1em;color:white;line-height:1.6;padding:5px 0;text-indent:.5em;background:#555;font-weight:400;}
    section.title-list .item{padding:12px 4px;clear:both;display:block;border-bottom:1px solid #dadada;}
    section.title-list .item:before{display:table;content:"";line-height:0;}
    section.title-list .item:after{clear:both;display:table;content:"";line-height:0;}
    section.title-list .item figure{display:block;line-height:1;width:68px;height:45px;background:#fff;border-right:1px solid #aaa;border-bottom:1px solid #aaa;margin:0 5px 5px 0;float:left;overflow:hidden;margin-right:10px;}
    section.title-list .item figure img{width:100%;min-height:100%;}
    section.title-list .item h3{font-size:18px;line-height:23px;color:#000;font-weight:400;padding-bottom:.5em;overflow:hidden;}
    section.title-list .item p{font-size:14px;line-height:1.5;color:#888;height:4.5em;overflow:hidden;}
    
    #content{color:#555;line-height:1.5;}
    #content h1#title {margin:0 12px;padding:2em 0 1em;border-bottom:2px solid #d33;font-size:150%;font-weight:400;color:#000;line-height:1.2;}
    #content .info{padding:.5em 12px 1.5em;}
    #content .info span{display:inline-block;padding-right:1.5em;}
    #content #newstext{padding:0 12px 50px;}
    #content #newstext p{margin-bottom:1em;}
    #content #newstext a{color:#0088cc;}
    #content #newstext img{max-width:100%;}
    #content #newstext h1{font-size:160%;}
    #content #newstext h2{font-size:150%;}
    #content #newstext h3{font-size:140%;}
    #content #newstext h4{font-size:130%;}
    #content #newstext h5{font-size:120%;}
    #content #newstext h6{font-size:110%;}
header{background:#FFF;width:100%;height:55px;position:fixed;z-index:2000;top:0;left:0;border-bottom:1px solid #555;text-align:center;color:#000;line-height:50px;font-size:25px;letter-spacing: .1em;}
    header #to-nav{cursor: pointer;position:absolute;left:15px;top:12px;bottom:11px;height:32px;width:32px;background-image:url('imagesicon.png');}
    header #mini_logo{display:block;width:132px;height:45px;position:absolute;left:50%;top:5px;margin-left:-66px;background:url('imageslogo.gif') no-repeat center center;}
    .list{font-size:16px;padding:1em;text-align:center;}
    .list a{cursor:pointer;line-height:2;color:#222;padding:0 1%;text-align: center;width:21%;background:#f5f5f5;border:1px solid #aaa;border-radius:8px 8px;display:inline-block;}
    .list a:active,.list a:link,.list a:hover,.list a:focus,.list a:visited{color:#222;}
    .list a:hover,.list a:action{background:#d33;}
    
#comment{margin:1em 1em 2em;border-top:2px solid #aaa;border-bottom:2px solid #aaa;padding:.5em 0;}
footer{clear:both;}
/*-----------------
link
-------------------*/
a:focus{text-decoration:none;}
a:link{text-decoration:none;}
a:hover,a:active{outline:0;text-decoration:none;}
a{/* color:#0088cc;*/text-decoration:none;}