#seek_wrapper {
    position: absolute;
    left: 154px;
    top: 34px;
}

#seek_slider {
    width:243px;
    height: 7px;
    background:none;
}

#volume_wrapper {
    position: absolute;
    left: 24px;
    top: 42px;
    width: 92px;
}

#volume_slider {
    width: 92px;
    height: 7px;
    background: none;
}

#song_image {
    cursor: pointer;
}

input[type="range"] { 
    margin: auto;
    -webkit-appearance: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0;
    line-height: 0 !important;
}

::-webkit-slider-runnable-track {
    background: #ddd;
    border: none;
}

/*
 * 1. Set to 0 width and remove border for a slider without a thumb
 */
::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 7px;
    width: 8px;
    background: #555; 
    box-shadow: -100vw 0 0 100vw #5e99c5;
}

::-moz-range-track {
    height: 7px;
    background: #ddd;
}

::-moz-range-thumb {
    background: #555;
    height: 7px;
    width: 8px;
    border-radius: 0 !important;
    box-shadow: -100vw 0 0 100vw #5e99c5;
    box-sizing: border-box;
}

::-ms-fill-lower { 
    background: #5e99c5;
}

::-ms-thumb { 
    background: #555;
    height: 7px;
    width: 8px;
    box-sizing: border-box;
}

::-ms-ticks-after { 
    display: none; 
}

::-ms-ticks-before { 
    display: none; 
}

::-ms-track { 
    background: #ddd;
    color: transparent;
    height: 7px;
    border: none;
}

::-ms-tooltip { 
    display: none;
}