body,h1,h2,h3,h4,h5,h6,p,a,img,form,input,select,figure,figcaption,ul,li,ol,dl,dt,dd,table,tr,th,td,thead,tbody,tfoot{
    margin: 0;padding: 0;box-sizing:border-box;
}

html {font-size: 16px;}

.l{float:left;}
.r{float:right;}
.w{width:900px;margin:0 auto;}

body {font-size:12px;font-family: 'open-sans-light', sans-serif;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
    box-sizing:border-box;}

ul{list-style-type: none;}

img{vertical-align: middle;}

a{color: #333;text-decoration: none;cursor: pointer;}

input{outline: none;}
/*input[type=checkbox]{vertical-align: middle;border:1px solid rgba(255,255,255,0.4);background:transparent;outline: none;}*/
b{font-weight: 100;}

p{margin-bottom:10px;}

body,a,input {color:rgba(255,255,255,0.8);}



.bg0{background-color:rgba(0,0,0,0.35);}

#header{/* margin-top:15px; */border-bottom: 1px solid rgba(255,255,255,0.15);
    min-height: 50px;position: relative;
    padding-right: 7px;}

#header #menu-toggle{width: 45px;height: 49px;background-repeat: no-repeat;
    background-position: center;position: absolute;left: 0;top: 0;
    padding: 14px 12px 13px;background-color: rgba(0,0,0,0.5);
    background-image: url(../img/menu.png);}
.logo{width: 233px;height: 50px;text-align: center;padding: 14px 0 12px 40px;
    font-size: 16px;margin-right: 9px !important;
    background: rgba(0, 0, 0, 0.23);}
.drawer-toggle{float:left;padding-right:8px;}
.sa-top-message {background-image: url(../img/message.png);}
.sa-top-updates {background-image: url(../img/updates.png);}

[class*="sa-top-"] {width: 40px;height: 48px;float: left;background-position: center;
    background-repeat: no-repeat;}

.n-count {background: #F00000;font-size: 11px;position: absolute;text-align: center;
    padding: 2px 3px 3px; border-radius: 2px !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);margin: 7px 0 0 -13px;
    font-style: normal;line-height: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.tm-icon span {width: 0px;float: left;overflow: hidden;line-height: 48px;transition: 300ms ease;}
.tm-icon:hover span{width:70px;}
#time {font-size: 20px;padding-top: 10px;margin-right: 4px;}
header .media-body {overflow:hidden;padding: 7px 7px 6px 5px;min-height: 49px;height: 49px;box-sizing:border-box;}
.main-search {height: 36px; border: 0;width: 95%;font-size: 16px;
    background: url(../img/search.png) no-repeat 0 4px;padding-left: 32px;}

/*=============aside============*/
main{position:relative;}
main::after{content:"";height:0;clear:both;display:block;visibility: hidden;overflow:hidden;}



#sidebar {
    width: 233px;min-height:100%;
    float: left;
    background: rgba(0,0,0,0.23);
    position: absolute;
}

#sidebar ul li.active0 a{background-color: rgba(0,0,0,0.95);color: #fff;opacity: 1;}

.side-menu > li > a {display: block;position: relative;z-index: 10;font-size: 12px;
    height: 46px;margin-bottom: -4px;text-align: center;opacity: 0.55;
    background-repeat:no-repeat;background-position:center;}

.sa-side-home {background-image: url(../img/home.png);}
.sa-side-typography {background-image: url(../img/typography.png);}
.sa-side-widget {background-image: url(../img/widgets.png);}
.sa-side-table {background-image: url(../img/table.png);}
.sa-side-form {background-image: url(../img/form.png);}
.sa-side-ui {background-image: url(../img/ui.png);}
.sa-side-chart {background-image: url(../img/chart.png);}
.sa-side-folder {background-image: url(../img/folder.png);}
.sa-side-calendar {background-image: url(../img/calendar.png);}
.sa-side-page {background-image: url(../img/pages.png);}

.sidebar-widgets > div{margin-bottom:25px;}
.profile{text-align:center;}
.profile a img{width: 120px;margin:9px 0 4px;border-radius:100px !important;
    border:6px solid rgba(0,0,0,0.2);}
.profile h4{font-size:17px;line-height:17px;font-weight:normal;}

/* 日历 */
.today{background:rgba(0,0,0,0.4);}
.fc-header{width:100%;line-height:27px;font-weight:normal;font-size:12px;padding-left:10px;background:rgba(0,0,0,0.35);}

table.fc-header{margin-bottom:5px;line-height:21px;}
.fc-header-right{width:40px;display: flex;margin-right:-15px;}
.fc-header-right span{width:20px;flex:1;}
.fc-header-right span:hover {color:orangered;cursor: pointer}

.fc-border{width:100%;}
.fc-border table{width:100%;}
.fc-border thead tr{height:25px;line-height:25px; display:flex;justify-content: space-between;}
.fc-border tbody tr{height:20px;line-height:20px; display:flex;}
.fc-border th{font-weight:normal;}
.fc-border td{flex:1;text-align:center;}

td.not{color:rgba(255,255,255,0.3)}

.news{}
.news-title{}
.news .news-body{padding-top:15px;}

.pro-content{padding:5px 10px 10px;}
.pro-content ul{}
.pro-content .side-border{}
.pro-content .side-border span{font-size:12px;line-height:16px;}

.progress{margin:5px 0;background:rgba(0,0,0,0.45);}
.progress a{width:60%;height:4px;display:block;
    transition:1s ease;position:relative;}
/* 绿 蓝 橘 红 */
.progress-bar-success {background-color: #5cb85c !important;}
.progress-bar-info {background-color: #5bc0de !important;}
.progress-bar-warning {background-color: #f0ad4e !important;}
.progress-bar-danger {background-color: #d9534f !important;}

.pro-content .side-border:nth-of-type(1) .progress a{background-color: #d9534f;}
.pro-content .side-border:nth-of-type(2) .progress a{width:43%;background-color: #5bc0de;}
.pro-content .side-border:nth-of-type(2) .progress a::before{content:"43%"}
.pro-content .side-border:nth-of-type(3) .progress a{width:81%;background-color: #f0ad4e;}
.pro-content .side-border:nth-of-type(3) .progress a::before{content:"81%"}
.pro-content .side-border:nth-of-type(4) .progress a{width:10%;background-color: #5cb85c;}
.pro-content .side-border:nth-of-type(4) .progress a::before{content:"10%"}
.pro-content .side-border:nth-of-type(5) .progress a{width:95%;background-color: #5cb85c;}
.pro-content .side-border:nth-of-type(5) .progress a::before{content:"95%"}

.progress a::before{content:"60%";width:0px;opacity:0;line-height:20px;font-size:12px;text-align:center;
    position:absolute;bottom:8px;background:rgba(0,0,0,0.9);left:50%;margin-left:-20px;
    display:block;tansition:1s ease;}
.progress a:hover::before{width:40px;opacity:1;}

#content{margin-left:233px;min-height:500px;position:relative;}
.container{width:auto;padding:0;}

/*四方块*/
/*@media (min-width: 992px){*/
    /*.container {width: 970px;}*/
/*}*/

.page-title{padding:8px 15px 9px;font-size:15px;line-height:16px;font-weight:normal;
    margin:0;
}

section>ol{float:right;position:absolute;top:0;right:0px;padding:0 15px;height:34px;line-height:34px;list-style: none;}
section>ol li{float:left;}
section>ol .active a{color:orange;}
section>ol li:not(:first-child)::before{content:"/\00a0";padding:0 5px;color:#ccc;}

.whiter {border-bottom:1px solid rgba(255,255,255,0.15);}
.mb10{margin-bottom:10px !important;}
::selection {
    background: rgba(255,255,255,0.1);
}







@media (min-width: 1024px){
    body{
        background: url(../img/violate.jpg) no-repeat;
        background-color:#581528;
        background-size: 100% 100%;
        background-attachment: fixed;/*背景图定位*/
    }
    .shadow15{
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    }
}
@media (max-width: 1024px){
    body{
        background: #581528;
    }
}
@media (min-width: 992px){

}
@media (min-width: 780px){
    #sidebar {
        padding-left: 45px;
    }
    #sidebar .side-menu {
        width: 45px;
        height: 100%;
        left: 0;
        top:0;
        position: absolute;
        background: rgba(0,0,0,0.5);
    }
    #sidebar.toggled {
        position: absolute;
        left: -233px;
    }
    .block-area {
        padding: 15px 15px 0;
    }
}
@media (max-width: 780px){
    .side-menu {
        float: left;
        border-top: 1px solid rgba(255,255,255,0.1);
        width: 100%;
    }
    #sidebar {
        top: -51px;
        z-index: 9999;
        position: absolute;
        height: 100%;
        height: calc(100% + 51px);
        overflow-x: hidden;
        overflow-y: auto;
        background: rgba(0,0,0,0.9);
        -webkit-transform: translate3d(-233px,0,0);
        -moz-transform: translate3d(-233px,0,0);
        transform: translate3d(-233px,0,0);
    }
    #content {margin-left: 0;}
    .logo {width: 100%;margin: 0;}
}



@font-face {
  font-family: 'iconfont';
  src: url('../font_btn/iconfont.eot');
  src: url('../font_btn/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font_btn/iconfont.woff') format('woff'),
  url('../font_btn/iconfont.ttf') format('truetype'),
  url('../font_btn/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}