body{
    color: #ffff;
    direction: rtl;
    background: rgb(58, 57, 57);
    font-family: Arial;
}
.master-div1{
    width: 850px; height: 90px;
    margin:auto;
    
}
.master-div2{
    width: 850px;
    height: auto;
    background-color:#191919;
    margin:auto;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}

.right-div{
    width: 270px;
    background-color: #111111;
    float: right;
    direction: ltr;
}
.playlist-div{
    width: auto;
	float: right;
	padding-left: 0px;
	padding-right: 5px;
    height: 40px;
    background-color: #111111;
    font-size: 18px;
    font-weight: bolder;
    line-height: 35px;
}
.lists-div{
    width: 100%;
    height: 595px;
    margin: auto;
    overflow: auto;
    margin-top: 3px;
    font-weight: bold;
}
.audio-div1{
    
    height: 35px;
    background-color: #222222;
    cursor: pointer;
    padding-right: 6px;

}
.audio-div2{
    height: 35px;
    background-color: #111111;
    cursor: pointer;
    padding-right: 6px;
    
}
.audio-div1:hover,.audio-div2:hover{
    font-weight: bold;
    background:#0195dd
}
.left-div{
    width: 580px;
    height: 650px;
    background-color: #fff;
    float:right;
}
.photo-div{
    width: 95%;
    height: 625px;
	overflow:hidden;
}

#page_image{
	width:100%;
	margin-top:-85px;
}

.name-div{
    width: 100%; padding-top: 10px;
    height: 43px;
    background-color: #2a2a2a;
    font-size: larger;
    font-weight: bolder;
    line-height: 35px;
    text-align: center;

}
audio{
    width: 100%;
}
.playlist-div, .audio-div1, .audio-div2 {
    overflow-x: visible;
    padding-top: 10px;
}
.div-1{
    width: 100%;
    height: auto;
    background-color:#444444;
    text-align: right;
    position:absolute; 
    z-index:20; 
    display:none;
}
.div-2{
    width: 100%;
    height: auto;
    background-color: #f1f3f4;
    text-align: right;
}
.number{
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #5f5d5d;
    text-align: center;
    float: right;
    margin-left: 5px;
}
.logo-div{
    text-align: center;
    width:28%; float:right;
}
.logo-image-1{
    width: 30%
}
.logo-image-2{
    width: 70%;
}
.audio-library{
    text-align: center;
    background-color: #000;
    font-size: large;
    width: 200px;
    margin: auto;
    margin-top: 60px;
    height: 25px;
}
.link-div{
    margin:auto;
    margin-top: 20px;
    text-align: center;
    margin-top:750px;
}

.link-div a{
    color: rgb(22, 197, 197);
}
.back-div{
    width: 50px;
    float: left;
}

.back-div a{
    text-decoration: none; color: #fff;
}

.header-left{
    float: left;
    width: 69%; height: auto;
}
.book-logo{
    width: 100%;
    height: auto;
    background-color: #0195dd;
    position:absolute;
    width:100%;
    z-index: 99;
    margin-top:53px;
}
.book-img{
    width: 100%;
    height: auto;
    position:absolute;
    height: 1000px; 
    width:100%; 
    z-index: 99;
}
.do{
    font-weight: bolder;
    width: 100px;
    height: auto;
    padding: 10px;
    position:absolute;
    z-index: 999;
    opacity: 0.9; 
    margin-top: 520px; 
    margin-right: 30px; 
    padding: 10px; 
    background: eee; 
    cursor: pointer;
    color: #000;
    font-size: x-large;
    text-align: center;
    display:none;
}