.media_list {
	display: none;
	/*position: fixed;*/
    position : absolute;
	top: 0px;
	left: 0px;
    right: 0px;
    bottom :0px;
	width: 100%;
    height: 100%;

    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
}

.media_list .sd_background {
    position : absolute;
    top : 0px;
    left : 0px;
    width : 100%;
    height : 100%;
    background : rgba(0, 0, 0, 0.3);
    overflow : scroll; /*hack*/
}

.media_list .sd_body {
	position : absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	width: 720px;
	height: 560px;
}

.media_list .header_wrapper {
    position:relative;
    height: 60px;
	background-color: #FFFFFF;
}

.media_list .header {
	background-color: #F9F9F9;
	width: 100%;
	height: 100%;
	border-bottom : 1px dashed #C4C4C4;
	background-color: #FFFFFF;
}

.media_list .header_edit {
    background-color: /*#A0A0A0*/#F9F9F9;
}

.media_list .header_left {
	width: 25%;
    height: 100%;
	float: left;
}

.media_list .header_center {
	width: 50%;
    height: 100%;
	float: left;
}

.media_list .header_right {
	width: 25%;
    height: 100%;
	float: left;
    text-align: right;
}

.media_list .header_title {
	display: block;
    height: 100%;
	line-height: 60px;
    text-align: center;

    /*color: #FFF;*/
    color: #353535;
	text-decoration: none;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
	font-size: 22px;

}

.media_list .header_title_select_mode {
	display: block;
    height: 100%;
	line-height: 60px;
    text-align: center;

    color: #262626;
	text-decoration: none;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
	font-size: 18px;

}

.media_list .header_edit_btn {
	display: block;
    height: 100%;
    line-height: 60px;
    text-align: center;

	width: 60px;
	margin: 0 20px 0 140px;
	/* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size: 25px;
	color: /*#262626*/#0071F9;
}

.media_list .header_rec_icon {
    display : block;
    height : 22px;
    width : 22px;
    margin: /*0px*/20px 0px auto 20px;
    text-align : center;
    background-image : url("../res/rec_icon.png");
    background-size : contain;
    background-repeat : no-repeat;
    float : left;
}

.media_list .header_rec_btn {
    display: block;
    height: 100%;
    line-height: 60px;
    text-align: center;

    width: 60px;
    /*margin: 0px 0px 0px 42px;*/
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size: 25px;
    color: /*#262626*/#0071F9;

    float: left;
}

.media_list .header_add_sound_btn {
    display: block;
    height: 100%;
    line-height: 60px;
    text-align: center;

    width: 60px;
    margin: 0px 0px 0px 14px;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size: 18px;
    color: /*#262626*/#0071F9;

    float: left;
}

.media_list .header_contentlist_btn {
	display: block;
    height: 100%;
    line-height: 60px;
    text-align: center;

	width: 48px;
    margin: 0px 0px 0px 100px;

	background-image: url("../res/media.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.media_list .header_close_btn {
    display: inline-block;
    height: 100%;
    line-height: 60px;
    text-align: center;

    width: 30px;
    margin: 0px 15px 0px 0px;

    background-image: url("../res/close.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.media_list .header_delete_btn {
    position : relative;
    display: block;
    /*height: 100%;*/
    height : 48px;
    width : 48px;
    top : 6px;
    line-height: 60px;
    text-align: center;

	/*width: 30px;*/
	margin: 0 auto 0 14px;

	background-image: url("../res/delete.png");
	background-repeat: no-repeat;
    background-size : contain;
	background-position: center;
}

.media_list .header_done_btn {
    display: block;
    height: 100%;
    line-height: 60px;
    text-align: right;

	width: 120px;
	margin: 0 20px 0 auto;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 22px;
	color: /*#FFFFFF*/#0071F9;
}

.media_list .header_content_type {
	height: 48px;
	width: 100%;
    line-height: 60px;
    text-align: center;

    position: relative;
	overflow: hidden;
}

.media_list .header_content_type ul{
	position: relative;
	list-style: none;
	padding: 0;
	top: 12px;
	left: 50%;
	float: left;
}

.media_list .header_content_type li{
	position: relative;
	left: -50%;
	float: left;

	/*border-right: 1px solid black;*/
	/*padding: 0 2px;*/
}

.media_list .header_content_type li:last-child{
	/*border-right: 0;*/
}


.media_list .header_content_type a{
	display: block;

	line-height: 36px;
	height: 36px;
	color: /*#000000*/#0071F9;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
    font-size: 21px;
	text-decoration: none;

	text-align: center;
	padding: 0 45px;
/*    border : 1px solid #0071F9;*/
}

/*.media_list .header_content_type a.selected {*/
/*	text-decoration: none;*/
/*	color: #FFF;*/
/*	background-color: /*#0071F9;*/
/*}*/

.media_list .header_content_type a.selected {
    text-decoration: none;
    color: #000;
}

.media_list .popup_wrapper {
    position : absolute;
    top : 0px;
    left : 0px;
    width : 100%;
    height : 100%;
    background : rgba(2, 2, 2, 0.1);
}

.media_list .popup {
    position : absolute;
    top : 48px;
    /*right : 0px;*/
}

.media_list .popup:after {
    content : "";
    position : absolute;
    display : block;
    top : -14px;
    /*right : 15px;*/
    border-bottom : 15px solid #F9F9F9;
    border-right : 10px solid transparent;
    border-left : 10px solid transparent;
}

.media_list .popup > ul {
    padding : 0;
    margin : 0;
    list-style : none;
    background-color : #F9F9F9;
    text-align : center;
}

.media_list .popup > ul > li {
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 25px;
    color : #000000;
    padding : 10px 30px 10px 30px;
    margin : 0;
    border-bottom : 1px dashed #C4C4C4;
}

.media_list .popup > ul > li:last-child {
    border-bottom : none;
}
.media_list .popup_wrapper .listmenu {
    right : 0px;
}

.media_list .popup_wrapper .listmenu:after {
    right : 24px;
}

.media_list .popup_wrapper .delete_confirm {
	top : 84px;
    left : 30px;
}

.media_list .popup_wrapper .delete_confirm:after {
    left : 28px;
}

.media_list .popup_wrapper .add_sound {
    top : calc(50% - 223px);
    left : calc(50% - 360px);
}

.media_list .popup_wrapper .select_mode {
    top : calc(50% - 223px);
    left : calc(50% - 360px);
}

.media_list .popup_wrapper .add_sound:after {
    left : 34px;
}

.media_list .container_wrapper {
    position : relative;
    /*padding-bottom:60px;*/
    /*height : 100%;*/
    height : calc(100% - 60px - 60px);
    /*height : 668px;*/
    width : 100%;
}

.media_list .container_image {
	height: 100%;
    width: 100%;
	/*padding: 30px 8px 60px 8px;*/
    padding: 30px 8px 0px 8px;
	background-color: #FFF;
	overflow: scroll;
	/*-webkit-overflow-scrolling: touch;*/
}

.media_list .image_area {
	display: block;
	position: relative;

	margin: 0px 6px 12px 6px;
	/*width: 132px;*/
	/*height: 98px;*/
    width: 230px;
    height: 172px;
	text-align: center;

	float: left;
}

.media_list .image_content {
	display: inline-block;
	vertical-align: middle;

	max-width: 100%;
	max-height: 100%;
    border : 1px solid #AAAAAA;
}


.media_list .thumbnail {
	position: relative;

	margin: 0px 6px 12px 6px;
	width: 132px;
	height: 98px;

	float: left;
}

.media_list .selected_image_overlay {
	position: absolute;

	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
    border : 2px solid /*#00FF00*/#0071F9;
	z-index: 10;
}

.media_list .content_checkbox {
	position: absolute;
	top: 2px;
	left: 7px;
	width: 30px;
	height: 30px;
}

.media_list .container_audio{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	/*border-top: 1px solid rgb(206, 206, 206);*/
}

.media_list .audio_list_container{
	height: 100%;
	width: 72%;
    /*border-right: 1px solid rgb(206, 206, 206);*/
	float: right;
}

.media_list .audio_category_list_container{
	height: 100%;
	width: 28%;
	/*border-right: 1px solid rgb(206, 206, 206);*/
	float: left;
}

.media_list .audio_category_header{
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 11px;
	color: #666666;
    background-color : #F9F9F9;
	/*border-top: 1px solid rgb(206, 206, 206);*/
	/*border-bottom: 1px solid rgb(206, 206, 206);*/
}

.media_list .audio_category_list_wrapper {
    height: calc(100% - 30px);
    width: 100%;
}

.media_list .audio_category_list{
    height: 100%;
	overflow: scroll;
    background-color : #F9F9F9;
	/*-webkit-overflow-scrolling: touch;*/
}

.media_list .audio_category{
	display: block;

	height: 50px;
	line-height: 50px;
	padding-left: 20px;

	color: #000;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.media_list .audio_category_img.record_audio {
	height: 28px;
	width: 28px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/ic24_media_speaker.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-right : 10px;
}

.media_list .audio_category_img.import_audio {
	height: 28px;
	width: 28px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/ic24_media_note.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-right : 10px;
}

.media_list .audio_category_img.photo {
	height: 28px;
	width: 28px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/ic24_media_camera.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-right : 10px;
}

.media_list .audio_category_img.text_data {
	height: 28px;
	width: 28px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/ic24_media_pencil.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-right : 10px;
}

.media_list .audio_category .audio_category_text {
	float: left;
}

.media_list .audio_category_selected {
	text-decoration: none;
	/*background-color: #CDCDCD;*/
    background-color : rgba(0, 113, 249, 0.75);
	font-family : "Roboto Bold", "NotoSansJP Bold", sans-serif;
    font-size: 14px;
    color : #FFFFFF;
}

.media_list .audioContent {
	display: block;
	/*background-color: #F7F7F7;*/
    background-color: #FFFFFF;
	/*border-bottom: 1px dashed #C4C4C4;*/
	height: 50px;
	width: 100%;

	position: relative;
	float: left;
}

.media_list .audio_list_header{
	height: 30px;
	line-height: 30px;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 11px;
	color: #666666;
    background-color : #F9F9F9;
	/*border-top: 1px solid rgb(206, 206, 206);*/
	/*border-bottom: 1px solid rgb(206, 206, 206);*/
}

.media_list .audio_list_header_title{
	padding-left: 4%;
	width: 60%;
    height: 100%;
    padding-bottom:30px;
	float: left;
}

.media_list .audio_list_header_time{
	width: 15%;
	float: left;
}

.media_list .audio_list_header_create_time{
	width: 20%;
	float: left;
}

.media_list .media_list_header_play{
	padding-left: 4%;
	width: 15%;
    height: 100%;
    padding-bottom:30px;
	float: left;
}

.media_list .media_list_header_title{
	padding-left: 4%;
	width: 30%;
	float: left;
}

.media_list .media_list_header_play_time{
	width: 20%;
	float: left;
}

.media_list .media_list_header_create_time{
	width: 50%;
	float: left;
}

.media_list .media_list_header_title_lead{
	padding-left: 4%;
	width: 30%;
    height: 100%;
    padding-bottom:30px;
	float: left;
}

.media_list .media_list_header_file_name{
	padding-left: 4%;
	width: 30%;
    height: 100%;
    padding-bottom:30px;
	float: left;
}

.media_list .media_list_header_file_size{
	width: 20%;
	float: left;
}

.media_list .audio_list_wrapper{
    width : 100%;
    height: calc(100% - 30px);
    clear: both;
}

.media_list .audio_list{
    height: 100%;
	overflow: scroll;
	/*-webkit-overflow-scrolling: touch;*/
	clear: both;
}

.media_list .audioContent .metadata {
	width: 100%;
	float: left;
}

.media_list .audioContent .metadataLeftColumn {
    width : 60%;
    height : 50px;
    float : left;
}

.media_list .audioContent .metadataMediaLeftColumn {
    width : 8%;
    height : 50px;
    float : left;
}

.media_list .audioContent .metadataMediaTitleColumn {
    width : 30%;
    height : 50px;
    float : left;
}

.media_list .audioContent .metadataMediaDeleteColumn {
    width : 9%;
    height : 50px;
    float : left;
}

.media_list .audioContent .metadataMediaGrayBar {
    width : 1%;
    height : 50px;
    float : left;
}

.media_list .audioContent .metadataMediaDownloadColumn {
    width : 8%;
    height : 50px;
    float : left;
}

.media_list .audioContent .metadataTitle {
	height: 50px;
	line-height: 50px;
	width: 90%;
	color: #000;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
    padding-left : 20px;
}

.media_list .audioContent .metadataMediaTitle {
	height: 50px;
	line-height: 50px;
	width: 100%;
	color: #000;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
    padding-left : 10px;
}

.media_list .audioContent .imageContentsDetailArea .metadataMediaTitle {
	height: 50px;
	line-height: 50px;
	width: 65%;
	color: #000;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
    padding-left : 10px;
}

.media_list .audioContent .metadataPlayTime {
	height: 50px;
	line-height: 50px;
	width: 14%;
	color: #636363;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 12px;
    overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
}

.media_list .audioContent .metadataMediaPlayTime {
	height: 50px;
	line-height: 50px;
	width: 20%;
	color: #636363;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 12px;
    overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
}

.media_list .audioContent .metadataCreateTime {
	height: 50px;
	line-height: 50px;
	/*width: 20%;*/
    width: 22%;
	color: #636363;
	text-align: left;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 12px;
    overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
}

.media_list .audioContent .metadataMediaCreateTime {
	height: 50px;
	line-height: 50px;
    width: 32%;
	color: #636363;
	text-align: left;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 12px;
    overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
}

.media_list .audioContent .soundContentsDetailArea .metadataMediaCreateTime {
	height: 50px;
	line-height: 50px;
	width: 24%;
	color: #636363;
	text-align: left;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 12px;
    overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
}

.media_list .audioContent .metadataPhotoSize {
	height: 50px;
	line-height: 50px;
	width: 20%;
	color: #636363;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
	font-size: 12px;
    overflow: hidden;
	text-overflow: ellipsis;
	float: left;
    white-space : pre;
}

.media_list .audioContent .audioIconArea {
	position: relative;
	top: 50%;
	height: 35px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	float: left;
    min-width : 12px;
}

.media_list .audioContent .audioIcon {
	height: 100%;
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/audio_icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
}

.media_list .audioContent .infoIcon {
	height: 50%;
	width: 10%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/info.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: right;
}

.media_list .audioContent .playIcon {
	height: 16px;
	width: 16px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/ic24_play_media.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-left : 10px;
    margin-right : 10px;
}

.media_list .audioContent .pauseIcon {
	height: 16px;
	width: 16px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/ic24_stop_media.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-left : 10px;
    margin-right : 10px;
}

.media_list .audioContent .deleteIcon {
	height: 16px;
	width: 16px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/ic16_trash.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-left : 10px;
    margin-right : 10px;
}

.media_list .audioContent .grayBar {
	height: 16px;
	width: 1px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/grayBar.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
}

.media_list .audioContent .downloadIcon {
	height: 16px;
	width: 16px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/ic16_data.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-left : 10px;
    margin-right : 10px;
}

.media_list .audioContent .photoImg {
	height: 48px;
	width: 48px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.media_list .audioContent_selected {
	background-color: /*#3CFF6D*/#0071F9;
	height: 85px;
    border-left : solid 1px #FFFFFF;
    border-right : solid 1px #FFFFFF;
}

.media_list .audioContent_selected .metadataLeftColumn {
    width : 60%;
    height : 85px;
    float : left;
}

.media_list .audioContent_selected .playIcon {
	height: 42px;
	width: 42px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/start_sound_white.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-left : 20px;
    margin-right : 20px;
}

.media_list .audioContent_selected .pauseIcon {
	height: 42px;
	width: 42px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/stop_sound_white.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-left : 20px;
    margin-right : 20px;
}

.media_list .audioContent_selected .infoIcon {
	height: 22px;
	width: 10%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);

	background-image: url("../res/info.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: right;
}

.media_list .audioContent_selected .metadata {
	width: 100%;
	float: left;
}

.media_list .audioContent_selected .metadataTitle {
	height: 85px;
	line-height: 85px;
	width: 70%;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
	font-size: 16px;
    color : #FFFFFF;
	/*font-weight: bold;*/
	float: left;
    padding-left : 0;
}

.media_list .audioContent_selected .metadataPlayTime {
	height: 85px;
	line-height: 85px;
	width: 14%;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
	font-size: 14px;
    color : #FFFFFF;
	float: left;
}

.media_list .audioContent_selected .metadataCreateTime {
	height: 85px;
	line-height: 85px;
	/*width: 20%;*/
    width: 22%;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
	font-size: 14px;
    color : #FFFFFF;
	float: left;
}

.media_list .audioContent_checked {
    /*background-color : rgba(0, 134, 255, 0.5);*/
    background-color: rgba(0, 113, 249, 0.75);
    border-left : solid 1px #FFFFFF;
    border-bottom : solid 1px #FFFFFF;
    border-right : solid 1px #FFFFFF;
}

.media_list .audioContent_checked .metadataTitle {
	color: #FFFFFF;
	font-family : "Roboto Bold", "NotoSansJP Bold", sans-serif;
}

.media_list .audioContent_checked .metadataPlayTime {
	color: #FFFFFF;
    font-family : "Roboto NotoSansJP Bold", sans-serif;
}

.media_list .audioContent_checked .metadataCreateTime {
	color: #FFFFFF;
    font-family : "Roboto NotoSansJP Bold", sans-serif;
}

.media_list .audioContent .audioCheckBox {
	height: 20px;
	width: 20px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/not_checked_circle.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-left : 23px;
    margin-right : 3px;
}

.media_list .audioContent .audioCheckBoxChecked {
	height: 26px;
	width: 26px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	background-image: url("../res/checked_circle.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	float: left;
    margin-left : 20px;
}

.media_list .playView {
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

.media_list .playView .dialog {
	display: block;

	position: absolute;

	left: 4%;
	/*margin: -40% 0 0 -40%;*/
	width: 92%;
	height: 100%;
	background: #FFF;
}

.media_list .playView .header {
	display: block;

	height: 48px;
	background-color: #F7F7F7;
	width: 100%;
}

.media_list .playView .header_close_btn {

	line-height: 48px;
	height: 48px;
	width: 30px;
	margin: 0 15px 0 25px;

	background-image: url("../res/close.png");
	background-repeat: no-repeat;
	background-position: center;
	float: right;
}

.media_list .playView .header_title {
	line-height: 48px;
	color: #000;
	text-decoration: none;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
	font-size: 22px;

	text-align: center;
}

.media_list .playView .body {
	position: relative;
	width: 100%;
	background-color: #FFF;
}

.media_list .playView .image {

	display: block;

	max-width: 100%;
	max-height: 100%;

	margin-left: auto;
	margin-right: auto;
}

/*** Footer ***/
.media_list .sd_footer {
	position : absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 720px;
	height: 60px;
	bottom: 0px;
	background-color: #FFFFFF;
}

/* .media_list .sd_footer.media_content {
    position : absolute;
    height: 60px;
    width: 100%;
    padding: 0px 30px 0px 30px;
    bottom: 30px;
} */

.media_list .sd_footer_content {
    width : 100%;
    height: 100%;
    border-top : 1px dashed #C4C4C4;
	background-color: #FFFFFF;
}

.media_list .sd_footer_done {
    display : inline-block;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 18px;
    color : /*#000000*/#0071F9;
    text-align : center;
    height : 100%;
    line-height: 60px;
    width : 50%;
    float: right;
}

.media_list .sd_footer_cancel {
    display : inline-block;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 18px;
    color : /*#000000*/#0071F9;
    text-align : center;
    height : 100%;
    line-height: 60px;
    width : 50%;
    border-right : 1px dashed #C4C4C4;
    float: left;
}

.media_list .sd_footer_close {
    display : inline-block;
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 18px;
    color : /*#000000*/#0071F9;
    text-align : center;
    height : 100%;
    line-height: 60px;
    width : 100%;
}

.media_list .clearfix:after {
    display : block;
    clear : both;
    content : "";
    height : 0;
    visibility : hidden;
}

.media_list .disabled_icon {
    opacity : 0.3;
}