#tag_list_template .modal-dialog {
  width: 80%;
  margin: 0 auto;
  max-width: inherit;
}

.cd_fixed_toolbar {
    position: sticky;
    width: 4rem;
    top:0px;
    left:0px;
    background-color: #efebe2;
    border: 1px solid #d9d9d9;
    line-height: 1.4rem;
    z-index: 999
}
.cdft_item:not(:first-child) {
    border-top: 1px solid #d9d9d9;
}

.cd_fixed_toolbar i {
    font-size: 1.4rem;
}
.cd_fixed_toolbar span {
    font-size: 0.8rem;
}
.cd_fixed_content {
    position: fixed;
    top:0px;
    left:0px;
    z-index: 999;
    border: 1px solid #d9d9d9;
}
.cdft_comment_num {
    left:0rem;
    top:0rem;
}
.cd_fixed_content_chapter_list, .cd_fixed_content_comment_list {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.cd_chapter_navi_container{
    width: 100%;
}
.cd_chapter_navi_item {
    float: left;
    text-align: center;
    cursor: pointer;
}
.cd_chapter_navi_item a {
}
.cd_chapter_navi_item:hover {
}

.cd_chapter_navi_left {
    width: 35%;
    border-right: 1px solid #d9d9d9;
}
.cd_chapter_navi_mid {
    width: 30%;
}
.cd_chapter_navi_right {
    width: 35%;
    border-left: 1px solid #d9d9d9;
}


.cd_chapter_navi_container{
    background-color: #f3f3f3;
    border: 1px solid #d9d9d9;
}
.cd_chapter_navi_item {
    color: #3d3d3d;
}
.cd_chapter_navi_item a {
    color: #3d3d3d;
}
.cd_chapter_navi_item:hover {
    color: #999999;
}
.cd_chapter_navi_container{
    height: 48px;
    padding: 12px 0;
    margin: 12px 0 12px 0;
}
.cd_chapter_navi_item {
    font-size: 18px;
    line-height: 24px; height: 24px;
}

.cd_chapter_navi_non {
    color: #d0d0d0;
    cursor: default;
}


.cd_fiction_cover_container {
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    min-height: 200px;
}
.cd_fiction_cover_image {
    width:12rem;
    margin-top:3rem;
    margin-bottom: 1.5rem;
    background: white;
    padding:0.3rem;
}

.cd_main_container {
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    min-height: 400px;
}
.cdm_content {
    color: #363636;
    text-align: justify;
    font-size: 16px;
    line-height: 28px;
}
.cdm_need_purchase {
    color: #525252;
}
.cdm_title {
    font-size: 24px;
    line-height: 32px; height: 32px;
}
.cdm_info {
    color: #989898;
}
.cdm_need_purchase {
    font-size: 32px;
    line-height: 32px;
    padding: 48px 0;
    margin: 48px auto 0px auto;
}
.cdm_purchase_btn {
    text-align: center;
    padding: 24px 72px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}
.cd_price_summary_cross {
    text-decoration: line-through;
}
.chapter_download_head {
    margin: 6px 0 6px 0;
    font-weight: bold;
}
.chapter_download_text {
    margin: 6px 0 6px 0;
}
.cdm_need_purchase {
    width: 85%;
    text-align: center;
    border-top: 1px solid #a4a4a4;
    color: #525252;
    font-size: 22px;
    line-height: 30px;
    padding: 40px 0;
    margin: 40px auto 0px auto;
}
.picture_in_content {
    display: block; margin: 6px auto;
    width: 100%;
}
.cdm_purchase_all_chapter {
    background-color: #f2f2f2;
    border:1px solid #a4a4a4;
}
.cdm_purchase_all_chapter:active {
    background-color: #dddddd;
}
.cdm_purchase_this_chapter {
    background-color: #c21d1d;
    border:1px solid #c21d1d;
    color: #f6f6f6;
}

.cd_price_summary_cross {
    text-decoration: line-through;
}
.chapter_download_head {
    font-weight: bold; margin: 0 0 8px 0px;
}
.chapter_download_text {
    margin: 0px; line-height: 24px;
}
.cdm_need_purchase {
    width: 85%;
    text-align: center;
    border-top: 1px solid #a4a4a4;
}
.cdm_purchase_button_container {
    margin: 0px auto 48px auto;
}


.picture_in_content {
    display: block; margin: 6px auto;
    width: 100%;
}
.black_shade{
	/* 让背景是黑条 */
	background: #000;
	/* 文字本身不可见（仍然占位以匹配真实长度） */
	color: transparent;
  
	/* 让每一行折行处也各自有圆角黑条 */
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
  
	/* 让黑条左右有一点“呼吸感” */
	padding: 0 .25em;
	border-radius: 2px;
  
	/* 对齐与布局细节 */
	display: inline;          /* 保持行内，不打断排版 */
	line-height: 1.6;         /* 你页面默认行高即可 */
  }
  
  /* 选中时依然保持看不见（避免选区高亮把文字露出来）*/
  .black_shade::selection{
	background: #000;
	color: #000;
  }
  
  /* 打印时确保颜色不被浏览器省墨调整 */
  @media print {
	.black_shade{
	  -webkit-print-color-adjust: exact;
	  print-color-adjust: exact;
	  forced-color-adjust: none;
	}
  }


@media (max-width: 767.98px) {
    .cd_fixed_toolbar {
        position: fixed;
        top: unset;
        bottom:-1px;
        left:0px;
        width: 100%;
    }
    .cdft_item {
        width: 16.66%;
        float: left;
    }
    .cdft_item:not(:first-child) {
        border-top: 0px solid #d9d9d9;
        border-left: 1px solid #d9d9d9;
    }
    .cd_fixed_content {
        top:unset;
    }

}