.myrow{margin-bottom: 20px;}
.myrow h1 a{font-size: 16px; color: #108747; }
.txt-title-box{height: 40px; line-height: 40px;margin: 20px 0;}
.txt-title-box a{
	display: inline-block;
	border: 1px solid #108747;
	padding: 0px 15px;
	text-align: center;
	margin-right: 20px;
    max-width: 198px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.txt-title-box a:hover{background: #108747;color: #fff;}
.img-wraper{float: left; width: 30%; height: 140px; overflow: hidden;}
.info-wraper-w350{width: 350px;}
.info-wraper-w550{width: 550px;}
.info-wraper{float: right;height: 140px; width:69%;overflow: hidden; }
.info-wraper h2{margin: 10px 0px; line-height: 30px; padding-right: 10px;}
.info-wraper p{margin-top: 10px; line-height: 25px; padding-right: 10px;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.info-wraper p span{max-width: 150px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.other-info-wraper{height:30px;line-height: 30px; font-size: 16px;}
.other-info-wraper a{width: 430px; display: inline-block;}
#date{width: 150px; display: inline-block;text-align: right;}
.myrow a:hover,.info-wraper a:hover{color: #108747;}
ul.info-box{border-right: 1px dashed #ccc;}
ul.info-box li{margin-bottom: 10px;}
.sidebar{margin-top: 20px;}
.sidebar .widget {
    margin:0 auto 30px auto;
    /*padding-left: 50px;
    float: left;*/
    width: 70%;
}
.sidebar h4.widget-title {
    background: #108747;
    font-family: 'Roboto', Arial;
    font-size: 20px;
    padding: 10px 0px;
    font-weight: 500;
    text-align: center;
    color: #FFF;
}
.sidebar li {
    font-size: 14px;
    padding: 10px 0px;
    font-weight: 500;
    text-align: center;
    margin: 2px 0;
}
.sidebar li:hover{
    /* background-color: #108747; */
    font-family: 'Roboto', Arial;
    font-size: 14px;
    padding: 10px 0px;
    font-weight: 500;
    text-align: center;
}
.sidebar li:hover a{
    color: #108747 !important;
} 

.sidebar  .on{
    color: #108747 !important;
}
.sidebar h4.widget-title a{color: #fff;}
.sidebar .widget-right{width: 90%; margin: 20px auto;}
.sidebar .widget-right .widget-box{ width: 100%;}
.sidebar .widget-right .widget-box .listbox{margin: 20px auto; text-align: center;}
.sidebar .widget-right .widget-box .listbox img{width: 100%;}
ul.sidebar-nav {/*float: left;*/list-style: none;margin: 0px; width:100%}
ul.sidebar-nav li {
    width: 100%;
    /*float: left;*/
    list-style: none;
    padding: 15px 0px;
    border-bottom: 1px dashed #efefef;
    text-align: center;
}
ul.sidebar-nav li a {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    cursor: pointer;
    display: block;
    font-size: 16px;
}
ul.sidebar-nav li a:hover{color: #108747;}
.sidebar-nav-alt{font-weight: bold; color: #108747;}
ul.sidebar-nav li a i {
    margin-right: 5px;
}
/*.page-txt-box{padding: 10px 0; width: 90%; margin: 0 auto;}*/
.page-txt-box{padding: 10px 0; width: 640px; margin: 0 auto;}
/*.page-txt-box img{width: 90%; clear: both; display: block;margin:auto;}*/
.page-txt-box img{max-width: 640px; clear: both; display: block;margin:auto;}
.blog-post {
    /*float: left;*/
    width: 100%;
    /*padding-bottom: 30px;
    margin-bottom: 30px;*/
    border-bottom: 1px solid #e1e1e1;
}
.permalink h1 {
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    color: #333333;
}
.blog-title h1{
	line-height: 40px;
    font-size: 20px;
    text-align: center;
    color: #333333;
}
.blog-meta{text-align: center;}
.blog-meta span{display: inline-block;margin-right: 10px; font-size: 14px;color: #666666;}
.blog-meta span i {
    margin-right: 5px;
    color: #666666;
    font-style: normal;
}
ul.post-meta {
    overflow: hidden;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
}

ul.post-meta li {
    padding: 5px 0;
    margin: 0 10px 5px 5px;
    display: inline-block;
    color: #a5a5a5;
}
ul.post-meta li:first-child {
    margin-left: 0px;
}
ul.post-meta li i {
    margin-right: 5px;
    color: #333333;
    font-style: normal;
}
/*.blog-box{width: 80%; margin: 20px auto; overflow: hidden;}*/
.blog-box{width: 640px; margin: 20px auto; overflow: hidden;}
.articlebook p{
    max-width: 500px !important;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.post-intro{font-size: 14px; }
.post-intro p{margin-bottom: 10px; text-align: justify; text-indent: 2em;}
.post-intro img{max-width: 640px; clear: both; display: block;margin:auto; } 
/*.post-intro img{width: 90%; clear: both; display: block;margin:auto; } */
.horizontal-line {
    width: 100%;
    margin: 40px 0;
    float: left;
    border-top: 1px solid #e3e3e3;
}
.article-wrap{margin: 10px auto; width: 640px;}
.article-wrap .article-content{margin: 40px auto; width: 640px;}
.article-wrap .article-content img{max-width: 640px; display: block;}
.articlekey{font-size: 14px;}
.articlekey a{margin-right: 8px;}
.articlebook{font-size: 14px; line-height: 30px;}
.articlebook a:hover, .articlekey a:hover{color: #108747;}
.popular-tags{font-size: 14px; line-height: 25px; text-align: justify; margin: 10px auto;}
.popular-tags a{margin-right: 5px; display: inline-block; width: 45%;}
.img_listbox {
    float: left;
    /*margin-bottom: 20px;
    margin-right: 10px;*/
   	margin: 10px 10px 10px 5px;
    display: inline;
    /*width: 32%;
    height: 350px;*/
   	width: 580;
    height: 450px;
    overflow: hidden;
    position: relative;
    border: solid 2px #F4F4F4;
}
.sn_listbox {
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
    display: inline;
    width: 32%;
    height: 60px;
    overflow: hidden;
    position: relative;
    border: solid 2px #F4F4F4;
}
.img_listbox:hover{border:solid 2px #108747;}
.img_listbox .listimg {
    width: 580px;
    height: 390px;
    position: relative;
    overflow: hidden;
}
.img_listbox .listimg img {
    width: 100%;
    /*height: 260px;*/

}
.img_listbox .listinfo {
    _margin-bottom: 3px;
    width: 100%;
    line-height: 22px;
    font-size: 12px;
}
.img_listbox .list_title {
    margin-left: 20px;
    margin-top: 20px;
    _margin-top: -2px;
    font-size: 16px;
    text-align: center;
}
.img_listbox .list_title a {
    font-size: 16px;
    text-decoration: none;
    color: #333;
}
.img_listbox .list_title a:hover{color: #108747;}
.button.simple-grey2 {
    color: #000 !important;
    text-decoration: none;
    border-bottom: none;
    font-size: 14px;
    background: #ccc;
}
.button.simple-grey2:hover {
    background: #108747 !important;
    color: #fff !important;
}

/*搜索页面*/
#pages{text-align: center;}
#pages a{padding: 5px 10px;}
#pages a.current{background: #108747; color: #fff;}
#pages a:hover{background: #108747; color: #fff;}
@media (max-width: 768px) {
	.content{width: 100%;padding: 0 15px;}
	.page-txt-box{width: 100%;}
	.sidebar .widget{width: 100%;margin-bottom: 15px;}
	.two-third table{white-space: nowrap;overflow-x: scroll;}
	ul.info-box{border: none;}
	.pagination{left: 0;margin: 0;float: none;}
	.sidebar .widget-right{width: 100%;}
	.pagination ul{float: none;left: 0;}
	.pagination ul li a{font-size: 12px;padding: 5px;}
	.txt-title-box{height: auto;}
	.txt-title-box a{margin-right: 10px;padding: 0 5px;}
	.info-wraper h2{word-break: break-all;margin: 0;padding: 0;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.info-wraper{padding-left: 5%;width: 65%;height: auto;}
.info-wraper p+p{display: none;}
.img-wraper{height: 100px;}
.blog-post img,.blog-box{width: 100%;}
.content .content{padding: 0;}
}