@charset "utf-8";


.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
 margin: 0;
 padding: 0;
 border: none;
 outline: none;}

.accordion li {
 list-style: none;}

.accordion > LI > A:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 24px;
    height: 24px;
    margin: 4px 8px;
    background-repeat: no-repeat;
    background-image: url(icons.png);
    background-position: 0px 0px;
    color: #fff;
}


.accordion li > a {
text-align:left;
 display: block;
 position: relative;
 min-width: 110px;
 padding: 2px 10px 0 51px;
 height: 35px;
 color: #FFF;
 text-decoration: none;
 text-shadow: 0px 1px 0px rgba(0,0,0, .35);
 background: #026288;
 background: -moz-linear-gradient(top,  #026288 0%, #026288 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026288), color-stop(100%,#026288));
 background: -webkit-linear-gradient(top,  #026288 0%,#026288 100%);
 background: -o-linear-gradient(top,  #026288 0%,#026288 100%);
 background: -ms-linear-gradient(top,  #026288 0%,#026288 100%);
 background: linear-gradient(top,  #026288 0%,#026288 100%);
 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
 -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
 box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
 font-family: "微软雅黑";
 font-size: 14px;
 line-height: 32px;
 font-weight: bold;}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active {
 /*color: #3e5706;*/
 text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
 
 /*background: #a5cd4e;*/
 background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
 background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
 background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
 /*background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);*/
 background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);}

.accordion li > a span {
 display: block;
 position: absolute;
 top: 7px;
 right: 0;
 padding: 0 10px;
 margin-right: 10px;
 
 font: normal bold 12px/18px Arial, sans-serif;
 background: #404247;
 
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;

 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
 box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);}

.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
 color: #fdfdfd;
 text-shadow: 0px 1px 0px rgba(0,0,0, .35);
 background: #3e5706;}



.accordion > li > a:before {
 position: absolute;
 top: 5px;
 left: 0;
 content: '';
 width: 24px;
 height: 24px;
 margin: 4px 8px;
 background-repeat: no-repeat;
 background-image: url(icons.png)!important;
 background-position: 0px 0px;
 color: #FFF;}

.accordion li.files > a:before {
 background-position: 0px 0px;
 top: 5px;}
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before,
.accordion li.files > a.active:before { background-position: 0px -24px;}

.accordion li.mail > a:before { background-position: -24px 0px;}
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before,
.accordion li.mail > a.active:before { background-position: -24px -24px;}

.accordion li.cloud > a:before { background-position: -48px 0px;}
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before,
.accordion li.cloud > a.active:before { background-position: -48px -24px;}

.accordion li.sign > a:before { background-position: -72px 0px;}
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before,
.accordion li.sign > a.active:before { background-position: -72px -24px;}



.sub-menu li a {
 color: #026288;
 text-shadow: 1px 1px 0px rgba(255,255,255, .2);
 background: #e5e5e5;
 border-bottom: 1px solid #c9c9c9;
 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
 -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
 box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
 font-size: 13px;
 font-weight: normal;
 font-family: "微软雅黑";}

.sub-menu li:hover a { background: #efefef;}

.sub-menu li:last-child a { border: none;}

.sub-menu li > a span {
 color: #797979;
 text-shadow: 1px 1px 0px rgba(255,255,255, .2);
 background: transparent;
 border: 1px solid #c9c9c9;

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;}

.sub-menu em {
 position: absolute;
 top: 6;
 left: 0;
 margin-left: 14px;
 color: #a6a6a6;
 font: normal 10px/32px Arial, sans-serif;}



.accordion li > .sub-menu {
 display: none;}

.accordion li:target > .sub-menu {
 display: block;}