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


@import "filter.css";


/* Fix Bootstrap */
.container {
    width: 1200px;
}

.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: #333;
    color: #999;
}

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

#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: 18px;
    padding: 0 20px;
    float: left;
    height: 38px;
    line-height: 38px;
    border-radius: 20px;
    color: #333;
}
#navbar a:hover, #navbar a.active {
    color: #fff;
    background-color: #fd2b50;
}

#header div.search {
    margin: 6px 0px 0px 100px;
    width: 360px;
    padding: 0 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 20px;
}
#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;
}