/* reset */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
/* common */
a {
    color: #915133;
}
a:hover, a:focus {
    color: #fd5151;
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}
.box-header {
    position: relative;
    border-bottom: 1px solid #f2d2b5;
    background-color: #fff7e8;
    text-align: center;
}
.box-header h3 {
    padding: .5rem 0;
    color: #834b27;
    font-size: 1.2rem;
}
.box-header .grain-corner {
    position: absolute;
    width: 0.96296rem;
    height: 0.96296rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZTU4YmI3MC0xNzM1LWRmNDAtOWU0Ni00OTU4NmIzYzdjZGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjhBMkZBNEU3RUU1MTFFNkI5NTlGNkM5NTkwNjY4NEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjhBMkZBNEQ3RUU1MTFFNkI5NTlGNkM5NTkwNjY4NEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmNmOWUzNmEtYmZkYi02ZjQyLWIzODItZjg5NGJhMDNiOTE0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6M2E3YzVkYTctNmE4ZS0xMWU2LWE2M2QtZmU3ZGZjODYxZmJhIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DoOdUwAAAG5JREFUeNpifHV1638G4gAjlCZWPQpgYqATYMHiYnTwn4APB6+PCPngPwE+46DwEROBVMZIAn/wxdF/EuPk/6BNdYw4XMpIJH/w+YjcfDN0yjqqxMmgKuuoEieDykeMtLBoUJTeoxaNWkQbABBgANt6Fbfydrl6AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
}
.box-header .grain-corner.corner-lt {
    left: 1px;
    top: 1px;
}
.box-header .grain-corner.corner-rt {
    right: 1px;
    top: 1px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.box-header .grain-corner.corner-lb {
    left: 1px;
    bottom: 1px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.box-header .grain-corner.corner-rb {
    right: 1px;
    bottom: 1px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* top menu */
.top-menu {
    border-bottom: 1px solid #7c4328;
    background-color: #a4672e;
}
.my-nav {
    padding: 0;
}
.my-nav a {
    color:#ffffff;
}
.my-nav a:hover, .my-nav a:focus {
    background-color: #885027;
    text-decoration: none;
}
.my-nav a.navbar-brand {
    font-weight: bold;
    color: #F8F011;
}
.my-nav ul li {
    border-left: 1px solid #7c4328;
    border-right: 1px solid #7c4328;
}
.my-nav ul li a {
    border-right: 1px solid #b27f4f;
    border-left: 1px solid #b27f4f;
    margin-left: -1px;
}
.my-nav ul>li:first-child a {
    margin-left: 0;
}
.back-home a {
    padding: 0.5 1rem;
}
/* saerch */
.search-box {
    border: 1px solid #d0ad9a;
    background-color: #faf0dd;
    position: relative;
    margin: 0;
}
.search-box .logo {
    padding-left: 2rem;
}
.my-search {
    padding: 2rem 6rem 2rem 1rem;
    border-radius: .3rem;
}
@media (max-width: 768px) {
    .my-search {
        padding: 1rem;
    } 
}
.search-box .input-group-prepend span.input-group-text{
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
    background-color: #fff3d3;
    border: 1px solid #c58545;
    color: #b58454;
    padding: 0 1.5rem;
}
.search-box .input-group-append button#search{
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
    background-color: #a46429;
    border-left: 1px solid #c58545;
    color: #fff;
    padding: 0 1.5rem;
}
.search-box input {
    border: 1px solid #c58545;   
}
.search-box .grain-corner {
    position: absolute;
    width: 1.62963rem;
    height: 1.62963rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZTU4YmI3MC0xNzM1LWRmNDAtOWU0Ni00OTU4NmIzYzdjZGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTI0N0U0M0U3RTEyMTFFNkFGQ0ZEM0NENUQyMTI0RkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTI0N0U0M0Q3RTEyMTFFNkFGQ0ZEM0NENUQyMTI0RkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjFmMTc1MTMtM2I3OC02OTRiLWE1YzItN2EwMDgxZWViMzI3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6M2E3YzVkYTctNmE4ZS0xMWU2LWE2M2QtZmU3ZGZjODYxZmJhIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cKkXJAAAALhJREFUeNrsl9EJgDAMRBtx/4kcxCWcIYL4VZQ0pcXkvPuRQKnn44iJHPumpU1yP0ed9953aSnJtD58cS2LkPe89z4cwhYhNWqLkDa+B5/wW+asujRmUz2ZhSKszsypM7NDlJKwlTGr7uqnvyLc23c/EcQs4c0sCff+6TSiYQjCEtkw1CwRkjzELBG6W0DNEiG7RTrCS0VUMhmG2+lIeNZOR8Kz+jC7xKydjoRpmIZpmIZpGMfwKcAAa78n8nWtXBoAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}
.search-box .grain-corner.corner-lt {
    left: 0.22222rem;
    top: 0.22222rem;
}
.search-box .grain-corner.corner-rt {
    right: 0.22222rem;
    top: 0.22222rem;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.search-box .grain-corner.corner-lb {
    left: 0.22222rem;
    bottom: 0.22222rem;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.search-box .grain-corner.corner-rb {
    right: 0.22222rem;
    bottom: 0.22222rem;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.categories {
    border: 1px solid #d0ad9a;
}
.categories .box-content {
    padding: .5rem;
}
li.category {
    display: inline-block;
    border: 1px solid #ce9f74;
    font-weight: bold;
    background-color: #f4dfb6;
    padding: 1rem 0; 
    margin: .5rem;
}
.post-list {
    border: 1px solid #d0ad9a;
}
.post-list .box-content {
    padding: 1rem 0;
}
.post-list li {
    display: inline-block;
    width: 95px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    border: 1px solid #f2d2b5;
    padding: 0.2rem .5rem;
}

.sidebar .hot-post {
    border: 1px solid #d0ad9a;
}
.sidebar .hot-post .box-content {
    padding: .5rem 1rem;
}
.hot-post li {
    white-space:nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    width: 100%;
}
#footer {
    border-top: 1px solid #d0ad9a;
}

/* 文章页 */
.post-container {
    border: 1px solid #d0ad9a;
    color: #894915;
}
.post-container .box-header h3 {
    font-weight: normal;
}
.post-content {
    border-top: 1px solid #f2d2b5;
    padding: 1rem;
}
.post-container h1 {
    font-size: 2rem;
    color: #7c4328;
    font-weight: bold;
}
.post-container h2 {
    font-size: 1.5rem;
    color: #894915;
    padding: 1rem 0 .5rem 0;
    font-weight: bold;
}
.post-container h3 {
    font-size: 1.2rem;
    color: #894915;
    padding: .5rem 0;
    font-weight: bold;
}
.post-content p {
    margin-bottom: .2rem;
}
.post-content img {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}