/**
 * +------------------------------------------------------------
 * | 红色版 red.css
 * +------------------------------------------------------------
 * | @author zhx (10630650@qq.com)
 * +------------------------------------------------------------
 * | @copyright CIM (https://cimxx.com)
 * +------------------------------------------------------------
 * | @todo
 * +------------------------------------------------------------
 * |
 * |
 * +------------------------------------------------------------
 */

@charset "utf-8";
@import "../cim/filter.css";


/* Fix Bootstrap */
.container {
    width: auto;
    margin: 0 auto;
    max-width: 1400px;
}
#header>.header-bg>.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-danger,
.pagination li.active a,
.pagination li.active a:hover,
.pagination li a:hover {
    background-color: #fd2b50;
    border-color: #fd2b50;
}

.btn-danger:hover {
    background-color: #fd2b40;
    border-color: #fd2b40;
}

.pagination>li {
    display: inline-block;
    padding-right: 2px;
}

.pagination li a:hover {
    color: #fff;
}



/* Fix CIM */




/* 主体结构 */

#topbar,
#footer {
    background-color: #8e8e8eb3;
    color: #3c3c3c;
}

#topbar .links>li>a,
#footer a {
    color: #3c3c3c;
}

#topbar .links>li>a:hover,
#footer a:hover {
    color: #ddd;
}

#header {
    height: 150px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
#header .action a.manage {
    background-color: #5cb85c;
}
#header .action a.manage:hover{
    background-color: #449d44;
}

#header .navbar ul li:hover a,
#header .navbar ul li.active a {
    background: #fd2b50;
}

#navbar a {
    font-size: 14px;
    height: 45px;
    line-height: 42px;
    border-radius: 0;
    color: #555;
    margin-right: 10px;
    min-width: 65px;
    text-align: center;
}
#navbar a:hover, #navbar a.active {
    /*color: #555;*/
    /*background-color: #3665f3;*/
}

#header div.search {
    width: 460px;
    padding: 0;
    background-color: transparent;
    border-radius: 0px;
    flex: 1;
}
#header div.search input,#header div.search button {
    background-color: transparent;
    border: 0;
    -webkit-transition: none;
    transition: none;
    box-shadow: none;
}
#header div.search input:focus {
    box-shadow: none;
}

#sidebar {
    width: 300px;
}

#content {
    width: 850px;
}


/* 侧栏 */
#sidebar .article .item {
    height: 60px;
}

#sidebar .article .item .name {
    font-size: 14px;
    line-height: 20px;
}

#sidebar .item .thumb {
    width: 80px;
    height: 60px;
}


.login, .register, .forget {
    width: 600px;
    margin-top: -240px;
}