@charset "utf-8";

.tagbox-box { margin: 0;
    margin-bottom: 60px;
    padding: 40px 50px;
    border: 0;
    border-radius: 13px;
    background-color: #f4f4f4; }
.tagbox-none { padding:80px 20px; }
.btn-tag { background:none; border:none; }

.tagbox-media { padding-bottom:10px; }
.tagbox-media .photo i { border-radius:50%; background: rgb(245, 245, 245); padding: 15px; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.tagbox-media .photo img {/*  border-radius:50%; */ width: 64px !important; height: 64px !important; display:inline-block; }
.tagbox-media .media { border-bottom:1px solid #eee; margin:0px; padding:12px;     margin: 0;
    margin-bottom: 0;
    padding: 30px 0;
    border-bottom: 1px solid #d7d7d7;}
.tagbox-media :first-child.media {  border-top: 1px solid #d7d7d7;}
.tagbox-media .media-heading { padding:0; margin:0px; line-height: 22px; margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2;
    height: 1.2em;}
.tagbox-media .media .media-body { padding-left:0px; }
.tagbox-media .media .media-info { line-height:20px; padding:4px 0px; }
.tagbox-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.tagbox-media .media .media-content {  }
.tagbox-media .media .media-content p { margin:0px; padding:0px; }
#q{
    height: 50px;
    padding: 0 15px;
    border: 0;
    border-bottom: 1px solid #333;
    line-height: 50px;
    font-size: 18px;
    color: #666;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    background: transparent url(../img/arr_sort.png) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent none;
}
.text-muted{
    font-size: 13px;
    color: #666;
}