.article-detail-top{background:#000;}
.adt-overlay{position:absolute; z-index:1; left:0; bottom:0; width:100%; height:100px;
background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.adt-video .adt-overlay, .adt-photo .adt-overlay{height:15px;}
.adt-gallery .slick-list{padding:0;}
.adt-gallery .slick-next, .adt-gallery .slick-prev{height:100%; background-color:transparent; z-index:2; padding:0;}
.adt-gallery .slick-next:before, .adt-gallery .slick-prev:before{padding:10px; background-color:rgba(0,0,0,0.6); font-size:18px;}
.adt-gallery .slick-slide img{width:100%;}
.adtg-image{position:relative;}
.adtg-part{position:absolute; bottom:10px; right:10px; padding:5px 5px 7px; font-size:14px; line-height:14px; color:#FFF; background-color:rgba(0,0,0,0.75);}

.adt-info{padding:14px;}
.adt-info *{text-align:center;}
.adt-video iframe, .adt-gallery{position:absolute !important; top:0; left:0; width:100%; height:100%;}
.adt-title h1{font-size:24px; line-height:30px; font-weight:bold; color:#FFF;}
.adt-date{font-size:13px; color:#E0E0E0; padding:5px 0; margin:5px 0; border-top:1px solid #424242; border-bottom:1px solid #424242;}
.adt-author{font-size:13px; color:#FFF;}
.adt-author > ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.adt-author > ul > li{float:left; margin:2px;}
.adt-author > ul > li:not(:last-child):after{content:','; display:inline-block;}

.detail-part-next{margin-top:60px;}

.article-detail-content{font-size:18px; line-height:26px; color:#212121;}
.article-detail-content h2, .article-detail-content h3, .article-detail-content h4{font-weight:bold;}
.article-detail-content table{width:100% !important;}
.article-detail-content > *{margin-bottom:10px;}
.article-detail-content ul, .article-detail-content ol{padding-left:20px;}
.article-detail-content ul > li, .article-detail-content ol > li{padding:5px 0;}
.article-detail-content ul{list-style:square;}
.article-detail-content ol{list-style:decimal;}
.article-detail-content a{color:#c61a1f;}
.ac-image{text-align:center;}
.ac-video{position:relative;}
.ac-video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.detail-share > ul, .detail-share > ul > li{margin:0 7px;}
.detail-share-box{position:relative; padding:5px; border:1px dashed #757575;}
.ds-label{position:absolute; top:0; left:15px; height:100%; color:#424242; font-weight:bold;}
.ds-button{margin-right:0;}
.ds-button > ul > li{float:left; margin-left:3px; margin-right:5px;}
.ds-link{font-size:36px; color:#FFF; font-weight:normal;}
.ds-fb{color:#4867aa;}
.ds-tw{color:#00acec;}
.ds-ml{color:#212121;}
.ds-wa{color:#29ac00;}
.ds-link:hover{color:#212121;}

.topic-box .tag-list{margin:0; padding:10px 0; border-top:1px solid #9E9E9E; border-bottom:1px solid #9E9E9E;}
.topic-box .tag-list b{color:#212121;}



.detail-pagination{display:block; margin-top:10px;}
.detail-pagination > span > ul{padding:0; list-style:none; margin:5px 10px;}
.detail-pagination > span > ul > li{float:left; margin:3px; padding:0;}
.dp-button{display:block; padding:7px 12px; color:#212121; background-color:#EEE; border:1px solid #E0E0E0; font-weight:600; font-size:14px; line-height:18px;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
a.dp-button{background-color:#C61A1F; color:#FFF !important; border:1px solid #C61A1F;}
a.dp-button:hover{background-color:#212121; border:1px solid #212121;}



.sj-info, .sj-video{margin:10px 15px;}
.sj-title h2{font-weight:bold; font-size:24px; line-height:30px; color:#212121;}
.sj-misc *{font-size:16px;}
.sj-misc > li{float:left; margin-right:5px; margin-top:5px; padding-right:5px; border-right:1px solid #E0E0E0;}
.sj-video{position:relative; border:1px solid #BDBDBD;}