.h1,.h2,.h3,.h4,.lead,body,h1,h2,h3,h4{
        font-family:Roboto,noto sans,noto sans cjk sc,source han sans cn,microsoft yahei,wenquanyi micro hei,sans-serif;
        font-weight:400
        }
        
/*字体颜色*/
a, a:hover, a:focus{
	color:#B31800 
}

p{
        line-height: 27px;
        font-size:15px
        }

ul{
        font-size:14px;
        line-height:27px
        }

        
body {
	font-size: 14px;
	background-color:rgb(222, 231, 240);
/*	background-image: url('https://img2.plumz.me/flake.png');*/
}

body>.container{
        margin-top:20px;
        margin-bottom:60px
        }

footer{
        margin:0;
        bottom:0;
        left:0;
        right:0;
        z-index:5;
        height:50px;
        box-shadow:0 0 10px #202020
        }

#main{
        padding-top:80px
        }

/*标题栏颜色*/
.navbar.navbar-inverse{
        border:0;
        box-shadow:0 0 10px #000;
        background-color:rgba(153,20,0,.92)
        }

.billboard{
        background:#b8d9fa url(https://img2.plumz.me/billboard.jpg) center center repeat-x;
        background-size:cover;
        padding:170px 0 0px;
        box-shadow:0 2px 8px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.12)
        }

.billboard .intro{
        color:#fff;
        text-shadow:0 0 15px #202020
        }

.post-meta{
        color:#999;
        font-size:0.9em;
        margin:10px 5px
        }


.post-title{
        font-size:24px;
        line-height:1.7em;
        margin-top:5px
        }

.post-content,.post-meta,.post-title{
        padding:0 5px 5px
        }

.post-title a{
        text-decoration:none
        }

.post-content{
        overflow:auto;
        word-wrap: break-word;
	line-height: 28px;
        font-size: 15px
        }

.page-navigator{
        display:inline-block;
        padding-left:0;
        margin:20px 0;
        border-radius:4px
        }
        
.col-md-9 {
	position: static;
	}
        
.page-navigator li.current{
        color:#FFF;
        background:#323C3F none repeat scroll 0 0
        }
        
.page-navigator>li{
        display:inline
        }
        
.page-navigator>li:first-child>a,.page-navigator>li:first-child>span{
        margin-left:0;
        border-bottom-left-radius:4px;
        border-top-left-radius:4px
        }
        
.page-navigator>.current>a,.page-navigator>.current>a:focus,.page-navigator>.current>a:hover,.page-navigator>.current>span,.page-navigator>.current>span:focus,.page-navigator>.current>span:hover{
        z-index:2;
        color:#fff;
        cursor:default;
        background-color:#008C36;
        border-color:#008C36
        }
        
.page-navigator>.active>a,.page-navigator>.active>a:focus,.page-navigator>.active>a:hover,.page-navigator>.active>span,.page-navigator>.active>span:focus,.page-navigator>.active>span:hover{
        z-index:2;
        color:#fff;
        cursor:default;
        background-color:#008C36;
        border-color:#008C36
        }
        
.page-navigator>li>a,.page-navigator>li>span{
        position:relative;
        float:left;
        padding:6px 12px;
        margin-left:-1px;
        line-height:1.428571429;
        text-decoration:none;
        background-color:#fff;
        border:1px solid #ddd
        }
        
#search-btn{
        padding:10px;
        border-radius:25px;
        height:32px;
        width:32px;
        font-size:14px
        }
        
.col-md-3 .panel .item{
        position:relative;
        display:block;
        padding:10px 15px;
        margin-bottom:-1px;
        border:1px solid #EEE;
        color:#555;
        text-decoration:none;
        overflow:hidden;
        text-overflow:ellipsis;word-break:break-all
        }

/*侧边标题颜色*/
.col-md-3 .panel a.panel-heading{
        display:block;
        text-decoration:none;
        background-color:#B31800
        }
        
a:hover.item{
        background-color:#eee
        }
        
footer .footer-bottom{
        background:rgba(27,33,34,.92)
        }
        
footer .footer-bottom{
        color:#aaa;
        padding:10px 0 0;
        font-size:12px
        }
        
div.copyright,ul.footer-nav{
        padding:6px 0
        }
        
.pull-left{
        float:left!important
        }
        
div.copyright,ul.footer-nav{
        padding:6px 0
        }
        
.pull-right{
        float:right!important
        }


img{
	max-width:100%;
	height:auto;
	}
	
blockquote{
border-left: 5px solid #4caf50
        }

footer .footer-bottom ul.footer-nav li:first-child{
        border-left:0
        }
        
footer .footer-bottom ul.footer-nav li{
        list-style:none;
        display:inline-block;
        padding:0 15px;
        border-left:1px solid #fff
        }
        
footer .footer-bottom ul.footer-nav li a{
        color:#aaa;
        -webkit-transition:all .2s ease;
        -moz-transition:all .2s ease;
        -o-transition:all .2s ease;
        transition:all .2s ease
        }


    

/*侧边栏*/
.border-right {border-right: 0px solid #f4f4f4;}
.description-block {display: block;margin: 2px 0;text-align: center;}
.user-footer {padding: 8px 20px 10px;}
.clearfix a {color: #ffffff;}
.clearfix a:hover {color: #b7b6b6;}
.clearfix .pf_intro a:hover {color: #f5f5f5;}
.top_weibo {
	height: 20px;
}
#kratos .widget .amadeus_about {	
    padding: 0;
}
.photo-background {
    height: auto;
}
.photo-wrapper {
    width: 100%;
}
.photo-wrapper img {
    margin: 14px 0px 0px 20px;
    max-height: 110px;
    border: rgba(255,255,255,.4) 4px solid;
    border-radius: 50%;
}
.photo-wrapper img:hover {
    border: #399ceaa1 4px solid;
}

.Weibo_icon_logo {
    background-position: -50px -25px;
	width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    vertical-align: -2px;
}
.Weibo_icon {
    display: inline-block;
    background-image: url(../img/V_icon.png);
    background-repeat: no-repeat;
}
.Weibo_icon_position {
    position: relative;
    right: 30px;
    top: 50px;
}
.pf_username {
    margin-top: 6px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
    vertical-align: text-bottom;
}
.username {
    font-size: 22px;
    display: inline;}
.pf_username .icon_bed {
    margin-left: 3px;
}
.icon_pf_male {
    background-position: -100px -50px;
}
.icon_pf_male {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    margin-left: 2px;
}
.pf_intro {
    margin-top: 4px;
    text-align: center;
    color: #fff;
    line-height: 18px;
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
}


.col-xs-3{
	width:20%
}
   
#comments{
        padding:16px
        }

.tags{
        padding:16px;
		  white-space:normal;
        margin:0px 5px 5px
        }
        
.tags-narrow{
        padding:16px;
		  white-space:normal;
        margin:0px 5px 5px
        }
                
.comment-list{
        list-style:none;
        border-radius:0;
        padding-left:0;
        margin-bottom:0;
        margin-top:10px
        }
        
#comments .avatar{
        border-radius: 32px;
        margin-right: 5px
        } 
        
#comments .pull-right{
        border-radius:25px;
        padding:8px;
        margin-top:0;
        height:32px;
        width:32px;
        font-size:16px
        }
         
#scrollUp {
        bottom: 20px;
        right: 20px;
        padding: 1% 1%
        } 
        
#comments .reply-button{
        border-radius:25px;
        padding:8px;
        margin-top:0;
        height:32px;
        width:32px;
        font-size:16px
        }
        
#comments  .comment-list li{
        position:relative;
        display:block;
        background-color:#FFF;
        padding:20px 20px 20px;
        box-shadow:0 3px 8px rgba(0,0,0,.23),0 3px 8px rgba(0,0,0,.16);
        border:0;
        border-radius:0;
        margin-bottom:15px;
        line-height:1.5em;
        overflow:hidden
        }
        
.comment-author{
        float:left
        }
        
cite.fn{
        font-weight:bolder
        }
        
.comment-meta{
        float:right
        }
        
.comment-content{
        content:" ";
        display:table;
        clear:both;
        font-size:15px;
        padding:10px 0
        }
        
.cancel-comment-reply,.comment-reply{
        text-align:right
        }
        
#reply-button{
        border-radius:25px;
        padding:10px;
        margin-top:0;
        font-size:16px
        }
        
#logo{
        display:none
        }
        
@media(max-width:768px){
        #logo {
                display:inline
                }
        .authorinfo_box,.authorinfo_ad,.other_box,.amadeus_about,.most_posts_box,.most_comment_box,.most_posts_last,.comments_box,.tags_box,.friend_link,.article_cate_box,.rand_posts_box,.recent_posts_box{
                display: none
        }

        }
        
@media(max-width:600px){
		.meta-nav-narrow{
			display:block
		}
		.meta-nav{
			display:none
		}
		.tags{
			display:none
		}
			.tags-narrow{
			display:block
		}		
				.label{
        		font-family:RobotoDraft,Roboto,'Helvetica Neue',Helvetica,'Lucida Grande','Lucida Sans','Ubuntu',Arial,'Microsoft YaHei','文泉驿微米黑','微软雅黑','Segoe UI',sans-serif;
			font-size:12px;
}
}

@media(min-width:600px){
			.meta-nav-narrow{
			display:none
		}
			.meta-nav{
			display:block
		}
			.tags{
			display:block
		}	
			.tags-narrow{
			display:none
		}			
		.label{
        		font-family:RobotoDraft,Roboto,'Helvetica Neue',Helvetica,'Lucida Grande','Lucida Sans','Ubuntu',Arial,'Microsoft YaHei','文泉驿微米黑','微软雅黑','Segoe UI',sans-serif;
			font-size:14px;
}
}

@media(width:600px){
			.meta-nav-narrow{
			display:none
		}
			.meta-nav{
			display:block
		}
			
			.tags{
			display:block
		}
			.tags-narrow{
			font-size:12px;
			display:none
		}		
		.label{
        		font-family:RobotoDraft,Roboto,'Helvetica Neue',Helvetica,'Lucida Grande','Lucida Sans','Ubuntu',Arial,'Microsoft YaHei','文泉驿微米黑','微软雅黑','Segoe UI',sans-serif;
			font-size:12px;
}
}

@media(max-width:720px){
		.pull-left{
			display:none
		}
}

.panel.panel-default>.panel-body>.post-content>p>img{
        border-radius: 2px;
        border: 0;
        box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
        max-width: 100%;
        	margin-left: auto; 
   		margin-right:auto; 
   		display:block;
        }
        
.panel{
        margin-bottom:20px
        }
        
.badge{
        color:#FFF;
        background-color:#008C36;
        }

.col-md-9 .badge{
        color:#FFF;
        display: inline-block;
        background-color:#FF7073;
        padding:5px;
        font-size:12px
        }

/*tag云标签颜色*/
.badge>a{
        color:#FFF;
        background-color:#008C36
        }
        
/*底部颜色*/
.alert-info{
        border-radius: 2px;
        border: 0;
        box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
        background-color:#B31800
        }
        
/*space*/
.space space:after {
	content: " ";
	display: inline;
	font-family: Arial;
	font-size: 0.89em;
}

.space code space,
.space footer space,
.space pre space,
.space kbd space,
.space samp space {
	display: none;
}

.space ol > space,
.space ul > space {
	display: none;
}

#scrollUp {
	bottom: 20px;
	right: 20px;
}
#bilibili {
	width: 100%;
}        
        



.meta-nav{
	padding: 10px 15px 5px;
	overflow: hidden;
}

.meta-nav-narrow{
	padding: 10px 15px 5px;
	overflow: hidden;
}
/*标签*/
.label{
	background-color:#008C36;
	white-space:nowrap;
	margin:1px;
	font-weight:100
}

/*标签*/
.label-tag{
	background-color:#008C36;
	white-space:nowrap;
	margin:1px;
	font-weight:300;
}

.label>a{
	color:#FFF;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-weight:300;
}

.meta-nav>p{
	margin:0 0 5px;
	color:#555;
	line-height:0px;
	overflow: hidden;
}

.meta-nav-narrow>p{
	margin:0 0 5px;
	color:#555;
	line-height:0px;
	overflow: hidden;
}

.meta-nav-narrow>p>a{
	color:#555
}

.meta-nav>p>a{
	color:#555
}

/* Table */
table {
    padding: 0;
    word-break: break-all;
    width: 100%;
}
.post-content table tr:nth-child(2n),.post-content thead {
    background: #f8f8f8;;
}
table tr th {
    border: 1px solid #dfe2e5;
    text-align: left;
    margin: 0;
    padding: 6px 13px;
}
table tr td {
    border: 1px solid #dfe2e5;
    text-align: left;
    margin: 0;
    padding: 6px 13px;
}

/*下面上一篇下一篇的颜色*/
.btn-default:not(.btn-link):not(.btn-flat){
	background-color:#008C36;
	color:rgba(255, 255, 255);
	border-radius:25px;
	margin:2px 2px 2px 2px;
	font-size:20px;
	line-height:20px
}

.btn.disabled{
	padding:2px 2px;
	background-color:#1B9EDF;
	opacity:1
}

/*几个按钮颜色*/

.btn-info:not(.btn-link):not(.btn-flat){
background-color:#008C36
}

/*回复按钮颜色*/
.btn-danger:not(.btn-link):not(.btn-flat){
	background-color:#008C36;
	color:rgb(255, 255, 255)
}
/*确认按钮颜色*/
.btn-success:not(.btn-link):not(.btn-flat){
background-color:#B31800
}

btn-success:hover:not(.btn-link):not(.btn-flat){
background-color:#008C36
}

.btn-primary:not(.btn-link):not(.btn-flat){
background-color:#008C36
}


.btn-success.btn-flat:not(.btn-link){
background-color:#008C36
}
.label-success{
	background-color:#4caf50
}

/*
 * page index.
 */
.c-a {
    width: 200px;
    min-width: 200px;
    height: max-content;
    position: fixed;
    left: 160px;
    top: 160px;
    border-radius: 2px;
    border: 0;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
    background-color: #fff;
}



/* 文章目录树 */
.index-box-title {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    background-color: #009688;
    color: rgba(255,255,255,.84);
    padding: 4px 8px 4px 12px;
    cursor: pointer;
    word-break: break-all;
}

.index-box-title:hover, .index-box-title:focus{
    color: rgba(255,255,255,.84);
    text-decoration: none;
}

.index-box {
    width: 100%;
    height: auto;
    background-color: transparent;
    overflow-y: auto;
    overflow-x: hidden;
}

.index-box ul {
    padding: 0;
    list-style: none;
}

.index-box .index-subItem-box {
    display: none;
}

.index-box .index-item,
.index-box .index-link {
    width: 100%;
    display: block;
    color: #333333;
    text-decoration: none;
    box-sizing: border-box;
}

.index-box .index-link {
    padding: 4px 8px 4px 12px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s, border-left-color 0.3s;
    -moz-transition: background-color 0.3s, border-left-color 0.3s;
    -o-transition: background-color 0.3s, border-left-color 0.3s;
    transition: background-color 0.3s, border-left-color 0.3s;
    border-left: 3px solid transparent;
    word-break: break-all;
}

.index-box .index-item.current > .index-link {
    background-color: rgba(238, 238, 238, 1);
    border-left: 3px solid #ff6651;
}

.index-box .index-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.index-box .index-subItem-box .index-item {
    padding-left: 1em;
}