@charset "utf-8";

.white-story { position:relative; }
.white-story #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.white-story .item-more { text-align:center; margin:20px 0px 0px; }
.white-story .item-more a { color:#333; }
.white-story .item-more a:hover { color:crimson; }
.white-story .img-more { margin-bottom:10px; }
.white-story .txt-more { padding:0px; text-align:center; }
.white-story .item-heading { display:block; margin:0px; font-weight:bold; }
.is-pc .white-story .item-heading { font-size:14px; }
.is-mobile .white-story .item-heading { font-size:16px; }
.white-story .item-details { margin-top:10px; padding:4px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.white-story .item-cont { margin-top:10px; padding:0; line-height:20px; min-height:40px; }
.white-story .item-sp { margin:0px 7px; color:#ddd; font-size:11px; }
.white-story .item-read { margin-top: 10px; }
.white-story .item-read .pull-left i { margin-right:2px; }
.white-story .read-more { }
.white-story .read-more i { margin-left:4px; }

.white-story .item-wrap { overflow:hidden;margin:0px !important;}
.white-story .item-row { float:left; }
.white-story .item-none { padding:50px 10px; }
.mobile-list-item{padding:0px !important;}



.white-stroy-lnk{display:block;position:relative;margin-right:0px;letter-spacing:-1px}

.story_thumb{background-size:cover;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:200px;display:block;}

.story_frame{position:absolute;top:0;left:0;width:100%;height:200px;background-color:#000;opacity:.05;filter:alpha(opacity=5)}
.story-title{padding: 8px 8px 0;background:#fff;     -webkit-box-orient: vertical;     word-wrap: break-word;display: -webkit-box;     overflow: hidden;     padding-right: 1px;     font-size: .933em;     line-height: 1.357em;     color: #222;     letter-spacing: -1px;     -webkit-line-clamp: 2;     text-overflow: ellipsis;}

.story-title{height:43px;padding-bottom:7px;font-weight:normal;white-space:normal}
.story-title a{color:#000}

.story-sub{overflow:hidden;width:100%;height:25px;margin-bottom:12px;border-top:1px solid #efefef;border-bottom:1px solid #d7d7d7;font-size:.867em;line-height:1.000em;color:#959595;background-color:#fff}
.story-sub{margin-bottom:13px;border-bottom:0 none}

.story-sub-info{float:left;width:50%;height: 100%;padding:6px 0 0;}
.story-sub-info:last-child{-webkit-box-shadow:inset 1px 0 0 #efefef;box-shadow:inset 1px 0 0 #efefef}
.story-sub-info i{font-size: 14px;position: relative;top: -6px;left: 6px;}
.story-h{color:#71a7fb}

.story-sub-in{
    font-size: 14px;
    position: relative;
    top: -6px;
    left: 8px;
}

.white-story .item-more { text-align:center;margin: 20px 0px 0px;}

.white-story .rucymore2{position:relative; width:100%;height: 38px;line-height: 33px; text-align:center; overflow:hidden;background-color: #FFFFFF;margin-top: -10px;border: 0;}
.white-story .rucymore2 .rymore{display:block; font-weight:500; vertical-align:middle; color:#999;}
.white-story .rucymore2 .rymore span { position:relative;color: #333;}