.playall .navbar{display:block;}
.playall .navbar-nav{margin-top:8px;}
.playall .table{border-bottom:2px solid #e9ecef;table-layout: fixed;}

.playall .btn-toolbar{position:relative;}
.playall .btn-toolbar .btn-group{display:inline-flex;position:absolute;left:0; top:0; height:38px;}
.playall .pagination{justify-content: center}
.playall .btn-toolbar ._btn_write{position:absolute;right:0;top:0;}


.playall .table *{text-align: center; vertical-align: middle;}
.playall .table td{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.playall.index_page .table th,
.playall.index_page .table td{padding:0.15em;}
.playall .table img{height:40px; vertical-align: top;}

.playall .btn.btn-primary span {color:#fff;}

.playall.content_upload .file-caption{display:none;}
.playall.content_upload .input-group-append .btn{border-radius: 0.25rem}

/* _input_data_wraper */
._input_data_wraper dl{width: 48%;}
._input_data_wraper dt{line-height:40px;vertical-align: middle;}
._input_data_wraper dt{text-align:left;}
._file_wrapper{margin-top:2px;}

.content_num{color:#fff;background: #343a40;padding:0 5px;}

video {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: cover;
}

.movieclip_upload_area dl{width:20%;margin-right:3%;}
/*.movieclip_upload_area dl:last-child{margin-right: 0}*/
.movieclip_upload_area .movieclip_thumbnail{width:218px;height:218px;overflow:hidden;}
.movieclip_upload_area .movieclip_thumbnail img{width: 100%;}

.photo_upload_area{width: 100%;}
.photo_upload_area .content_num{float:left;}
.photo_upload_area .photo_content_wrap{float:left;width:22%;height:inherit;margin-right:3%;}
.photo_upload_area .photo_content_wrap:nth-child(4n){margin-right: 0}
.photo_upload_area .photo_content_wrap dl{width: 100%;}
.photo_upload_area .photo_thumbnail{width: 218px; height: 218px;overflow:hidden;}
.photo_upload_area .photo_thumbnail img{width: 100%;}
/* .delete_photo{display:none;} */

.photo_content_controller{margin-top:10px;text-align: center;}

.list_content_controller{width: 8%;float: right;z-index: 10}
.list_content_controller li{list-style: none;margin-bottom:10px;}
.list_content_controller._new{display:none;}


.btn_wrapper{text-align: center;padding:15px 0;margin-bottom:30px;}
.btn_wrapper button{display:inline-block;width: 50%;text-align: center;}

._data_wrapper{padding:0 10px 30px;border-bottom:1px dashed #ddd; margin-bottom:10px;}
._data_wrapper:last-child{border-bottom:none;}

._sample_img_area{padding-left:15%;}
._sample_img_area img{height: 400px;}

._img_sample_area{width: 48%;text-align: right;}
._img_sample_area img{height:300px;}

._input_data_wraper select{width: 100%;height: 40px;line-height:40px;}
._input_data_wraper textarea{resize: none;padding:2%;line-height: 1.4;border-radius: 5px;border:1px solid rgba(0, 0, 0, 0.15)}

._input_data_wraper ._content_info{border-top:2px solid #ddd;}
._input_data_wraper ._content_info strong{ box-sizing:border-box;padding:10px;font-size: 20px;background: #343a40;color:#eee;}

.input-group-append .btn{
 	border-top-left-radius:0;
 	border-bottom-left-radius:0; 
}
._bd_left{border-left: 2px solid #ccc;}

._content_upload{border-top:1px solid #ddd;padding-top:30px;}

._txt_ellipsis{display:block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
._col_black{color:#212529;}

.clb{clear: both;}

.w-30{width: 30%!important;}
.w-20{width: 20%!important;}
.w-10{width: 10%!important;}
.w-5{width: 5%!important;}

.w-70{width: 70%!important;}
.w-60{width: 60%!important;}

.category_tit{margin-bottom:0;line-height:38px;font-size: 19px;font-weight: 700;}

.custom-file-control{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #fff;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #007bff;
    border: 1px solid #00000026;
    border-radius: 0.25rem;
    text-align: center;
    cursor: pointer;
}
.custom-file-input {
    min-width: auto;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0;
}