.item-list-group > .panel-body > .list-group > .song-list-item{
    display:flex;
    padding:0px;
    height:65px;
    width:100%;
    
}

.item-list-group > .panel-body > .list-group > .song-list-item div{
	display: flex;
    margin:1px 1px;
    height:100%;
    width:auto;
}

.item-list-group > .panel-body > .list-group > .song-list-item div:nth-of-type(2){
    
    flex-direction: column;
    flex-shrink: 1;
    justify-content: center;
    width:calc(100% - 12vw - 110px);
    margin-right:2%;
    
}



.item-list-group > .panel-body > .list-group > .song-list-item img{
    height: 60px;
}

.song-list-item button.btn_play{
    background: image-set(var(--btn-play)) no-repeat center/contain;
    position: absolute;
    border: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    bottom:5px;
}
.song-list-item.playing button.btn_play{
    background: image-set(var(--btn-pause)) no-repeat center/contain;
}

.item-list-group > .panel-body > .list-group > .song-list-item h3,
.item-list-group > .panel-body > .list-group > .song-list-item h4{
    margin:0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.item-list-group > .panel-body > .list-group > .song-list-item h3{
    font-size: 1.3em;
    color: #17375e;
}

.item-list-group > .panel-body > .list-group > .song-list-item h4{
    font-size: .9em;
    color: #696969;
}

.item-list-group > .panel-body > .list-group > .song-list-item > div:nth-of-type(3){
    position:absolute;
    right:0px;
}

.item-list-group > .panel-body > .list-group > .song-list-item > div:nth-of-type(3) > img{
    height:30%;
    margin:auto 3vw;
}


/*================================↓ share box 樣式==============================*/
.song-share-box{
	z-index: 1000;
	position: absolute;
	min-width: 100vw;
	min-height: 100vw;
}

.song-share-box > .sharebox-background{
	background-color: rgba(0,0,0,0.5);
	height:100%;
	width:100%;
	position: fixed;
	top: 0;
	left: 0;
}

.song-share-box > .sharebox-content{
	width: 100%;
	height: 35%;
	min-height: 160px;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #fff;
	border-radius: 30px 30px 0 0;
    transition: 0.3s;
    z-index:9999;
    text-align: center;
	
}

.song-share-box > .sharebox-content > font{
	position:absolute;
	width:100%;
	margin-top:2.5vw;
	margin-bottom:3vw;
	text-align: center;
	font-size: 2rem;
}

.song-share-box > .sharebox-content > .crossBtn{
	width: 3vw;
	min-width: 20px;
	position: absolute;
	right:3vw;
	top:3vw;
}

.song-share-box >.sharebox-content > .sharebox-btn-group{
	position:absolute;
	width: 100%;
	height: 80%;
	bottom: 0;
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.song-share-box >.sharebox-content > .sharebox-btn-group::before{
	content:"";
	flex-grow: 1;
}

.song-share-box >.sharebox-content > .sharebox-btn-group::after{
    content:"";
    flex-grow: 1;
}

.song-share-box >.sharebox-content > .sharebox-btn-group > div{
	flex: 1;
	height:100%;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right:1vw;
}

.song-share-box >.sharebox-content > .sharebox-btn-group > div > img{
    max-height: 40%;
}

#__song_player__{
    display: none;
}