/*-----分享icon-----*/

.share_box .share-link .btn {

    font-size: 28px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

    border: 1px solid transparent;

    margin: 2px 0;

}



.share_box .share-link .btn.facebook {

    color: #405D9A;

}



.share_box .share-link .btn.google {

    color: #F34537;

}



.share_box .share-link .btn.twitter {

    color: #39A0CE;

}



.share_box .share-link .btn.plurk {

    color: #E9443D;

}



.share_box.product {

    margin: 10px auto 0px auto;

    max-width: 840px;

}



.share_box {

    margin: 10px 0 30px;

    text-align: center;

}



.share_box .share-link .btn.blogger,

.share_box .share-link .btn.facebook,

.share_box .share-link .btn.google,

.share_box .share-link .btn.twitter,

.share_box .share-link .btn.mail,

.share_box .share-link .btn.linkedin,

.share_box .share-link .btn.tumblr,

.share_box .share-link .icon-ic-share-t,

.share_box .share-link .btn.line,

.share_box .share-link .icon-ic-share-linecall,

.share_box .share-link .icon-ic-share-w,

.share_box .share-link .btn.pinterest,

.share_box .share-link .btn.plurk {

    color: #B63437;

    cursor: pointer;

}



.a2a_default_style .a2a_svg {

    display: none;

}



.share_box .share-link .btn.blogger:hover {

    color: #F26C38;

}



.share_box .share-link .btn.facebook:hover {

    color: #405D9A;

}



.share_box .share-link .btn.google:hover {

    color: #F34537;

}



.share_box .share-link .btn.twitter:hover {

    color: #39A0CE;

}



.share_box .share-link .btn.mail:hover {

    color: #F6C13D;

}



.share_box .share-link .btn.linkedin:hover {

    color: #0177B5;

}



.share_box .share-link .icon-ic-share-t:hover {

    color: #36465C;

}



.share_box .share-link .btn.line:hover {

    color: #00C300;

}



.share_box .share-link .icon-ic-share-linecall:hover {

    color: #00C300;

}



.share_box .share-link .icon-ic-share-w:hover {

    color: #F70B19;

}



.share_box .share-link .btn.pinterest:hover {

    color: #DE220A;

}



.share_box .share-link .btn.plurk:hover {

    color: #E9443D;

}



.share_box .share-link .icon-ic-share-t,

.share_box .share-link .icon-ic-share-linecall,

.share_box .share-link .icon-ic-share-w {

    font-size: 28px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

    margin: 2px 0;

    padding: 0;

}



.share_box .share-link .btn.line {

    padding: 0px;

}



.share_box .share-link:before {

    display: none;

}

/*!分享icon*/



.article-list {

    margin: 0 -10px;

}

.article-list .item {

    width: 100%;

    padding: 0 10px;

    margin: 0px 0 50px 0;

    border-bottom: 1px dashed #bbb;

}

.share_box{

     margin:8px 0 13px; 

     text-align: left;

}

  .share_box .share-link .btn.blogger,

    .share_box .share-link .btn.facebook,

    .share_box .share-link .btn.google,

    .share_box .share-link .btn.twitter,

    .share_box .share-link .btn.mail,

    .share_box .share-link .btn.linkedin,

    .share_box .share-link .btn.tumblr,

    .share_box .share-link .icon-ic-share-t,

    .share_box .share-link .btn.line,

    .share_box .share-link .icon-ic-share-linecall,

    .share_box .share-link .icon-ic-share-w,

    .share_box .share-link .btn.pinterest,

    .share_box .share-link .btn.plurk {

     color: #cacaca;

 }

.keyword_box {

    font-size: 14px;

    color: #999999;

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 15px;

}

.keyword li,

.keyword_box .keyword li a {

    display: inline;

}

.keyword li+li{

    margin:0 2px;

}

.keyword_box .keyword li a{

    border:1px solid #999999;

    padding:4px 6px;

    border-radius:5px;

}

.keyword li a:hover{

    color: #232830;

    border-color:#232830;

}

/*.keyword li+li:before {

    content: '、';

}*/

.keyword .icon-ic-keyword{

    font-size: 14px;

    width: 14px;

    height: 14px;

    line-height: 14px;

    border: 1px solid transparent;

    margin: 3px 3px 0 0px;

    color: #232830;

}

.article-list .box {

    max-width: 1146px;

    margin: 0 auto ;

    position: relative;

}

.article-list .pic-box {

    margin-bottom: 10px;

    position: relative;

    overflow: hidden;

}

.article-list .pic {

    display: block;

    position: relative;

    overflow: hidden;

}

.article-list .box:hover .pic{

    opacity: .8;

}

.article-list .name a {

    color: #444;

    font-size: 22px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: auto;

    line-height: 31px;

    margin: 10px 0;

}

.article-list .box:hover .name {

   color: #8e8e8e;

    text-decoration: underline;

}

.article-list .date,

.article_title.date{

    display: block;

    width: 82px;

    font-size: 14px;

    padding: 0px 5px;

    color: #fff;

    line-height: 26px;

    background: #C21F1F;

    border-radius: 4px;

    margin-left: 10px;

}

.article_title.name {

    color: #444;

    font-size: 26px;

    line-height: 36px;

    margin: 15px 0;

}

.article-list .description p{

    color: #717171;

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 10px;

}





.article-list .btn .icon {

    width: 20px;

    height: 20px;

    margin: 0 5px 3px 0;

}

.article-list .btn.detail .icon {

     background-position: -60px -87px;

}



.article-intro {

    margin-bottom: 50px;

}





.article-detail {

    border: 1px dashed #bbb;

    border-width: 1px 0;

    padding: 25px 0 10px 0;

    position: relative;

    margin-bottom: 20px;

}

.article-detail .title {

    background: #DAE51E;

    width: 136px;

    text-align: center;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    line-height: 30px;

    letter-spacing: 0.05em;

    position: absolute;

    top: -15px;

    left: 50%;

    margin-left: -68px;

}

.article_txt_in{

    font-size: 18px; 

}

@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 767px) {

    .article-list .name,

    .article_title.name {

     font-size: 15px;

    line-height: 24px;

    margin: 5px 0;

}

.keyword{

    margin:10px 0;

}

.keyword li+li{

    margin:0;

}

.keyword_box .keyword li a {

   display: -webkit-inline-box;

   margin:5px 0;

}

.article-list .date,

.article_title.date{ 

    width: 75px;

    font-size: 13px;

}

.article-list .date,

.article_title.date{ 

    width: 75px;

    font-size: 13px;

}

.article-list .description {

    font-size: 14px;

}

.article-list .description p{

    margin:0.5em 0px 0.8em;

    font-size: 14px;

}

.article-list .item {

    margin: 0px 0 20px 0;

     padding-bottom:8px;

}

.keyword_box {

    line-height:1.6;

    margin: 0;

}

.article-detail {

    padding:10px 0;

    margin-bottom: 10px;

}

.row img {

    margin: 0.5em 0;

}

.article_txt_in{

     font-size: 14px;

    margin:0px; 

    line-height:25px;

}

}





@media screen and (max-width: 400px) {

    .fb {

        width: 180px;

        overflow: hidden;

    }

    .share_box{

     margin:13px 0 8px; 

}

}