.content_win {
top:58px;
left:0;
width:100%;
background: #0b0507;
position:absolute;
z-index: 3;
}

.title_image{
margin-top:0px;
width:100%;
background-color:#040408;
}

.title_info{
margin-top:10px;
width:80%;
text-indent:10px;font-size:18px;font-family:Arial;line-height: 1.4;
color:#ccc;
margin-bottom:20px;
}

.big_image{
margin-top:0px;
width:100%;
display:block;
max-width: 2244px;
}

/* slider */
.slideshow-container {
padding:0;border:0;vertical-align:baseline;display:block;text-align:center;margin: auto;
max-width: 80%;
}

.contentContainer {
position:relative;
padding:2px;
border:1px solid #ddd;
max-width: 450px;
}

.innerContainer {
width:100%;overflow:hidden;
}

.wrapper {
left: 0px;
width:500%;
line-height:0;
position: relative;
transition: left .5s ease-in-out;
-webkit-transition:  left .5s ease-in-out;
-moz-transition:  left .5s ease-in-out;
-o-transition:  left .5s ease-in-out;
}

.content_pic {
width:20%;
float: left;
white-space: normal;
background-repeat: no-repeat;
margin:0;padding:0;border:0;display:block;
}

.content_pic img{width:100%}

/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 45%;
padding: 14px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
border-radius: 10px 10px;
user-select: none;
}

.next {right: -13%; border-radius: 10px 10px;}
.prev {left: -13%; border-radius: 10px 10px;}
.prev:hover, .next:hover {color:#f88; background-color: rgba(60,60,60,0.6);}

/* Number text (1/3 etc) */
.numbertext {
top: 0;
color: #f2f2f2;
font-size: 12px;
padding: 10px 12px;
position: absolute;
}

.car_title_text {margin-left:10px;}

/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 12px;
width: 12px;
margin: 4px 4px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
-webkit-transition: background-color 0.6s ease;
-moz-transition: background-color 0.6s ease;
-o-transition: background-color 0.6s ease;
}

.active, .dot:hover {background-color: #717171;}

.dots_1{}
.dots_2{}
.dots_3{}
.dots_4{}
/* end slider */

.content_songs {
margin-top:20px;
margin-bottom:1px;
padding-top:40px;
padding-bottom:55px;
left:0;
width:100%;
background-color: #18101c;
border-top: 1px solid #777;
border-bottom: 1px solid #333;
text-align:center;
}

.songs_window1 {
padding-top:20px;
width:60%;
background-color: #28202c;
border: 1px solid #858;
text-align:center;
margin: auto;
}

@media screen and (max-width: 800px) {
.songs_window1 {width:80%;}
}

@media screen and (max-width: 500px) {
.songs_window1 {width:95%;}
}


.songs_window1 h2 {
color:#bbb;
font-weight:400;
font-size:20px;
line-height: 3px;
text-align:center;
font-family:Arial;
white-space: nowrap;
margin: auto;
}

.songs_window1 .songs_content{
margin-top:15px;
margin-bottom:12px;
margin-left:10px;
margin-right:10px;
/*background-color: #38303c;*/
}

.songs_content .title_head{
margin-top:5px;
margin-bottom:20px;
margin-left:10px;
margin-right:10px;
color:#ccc;
font-size:22px;
font-weight:500;
}

.songs_content .player{
margin-top:12px;
margin-bottom:35px;
margin-left:0px;
margin-right:0px;
color:#ccc;
background-color: #383838;
height:28px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-self: flex-start;
align-items: center;
justify-content: space-between;
}

.play_logo{margin-left:7px; height: 24px; cursor: pointer;}
.play_logo img {width:24px;}

.curr_time {
color:#ddd;
font-size:14px;
text-align:center;
margin-left:5px;
margin-right:5px;
}

.progress_song {
width: 60%;
height: 8px;
margin-left: 0;
margin-right: 0;
display: flex;
}

.timeline {
-webkit-appearance: none;
width: 100%;
height: 6px;
border-radius: 3px;
background: #40a080;
}

.timeline::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  background-color: #7070d0;
}

.timeline::-webkit-slider-thumb:hover {
  background-color: #8080e0;
}

.speaker_block {
height:26px;
margin-left:0;
margin-right: 5px;
width: 15%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-self: flex-end;
align-items: center;
}

.speaker_logo{
margin-left: 0;
margin-right: 0;
height: 24px;
}

.speaker_logo img {width:24px;}

.progress_spk {
width: 70%;
height: 8px;
margin-left: 6px;
margin-right: 0;
border-radius: 3px;
display: flex;
}

.soundline {
-webkit-appearance: none;
width: 100%;
height: 6px;
border-radius: 3px;
background: #90a040;
}

.soundline::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  background-color: #7070d0;
}

.soundline::-webkit-slider-thumb:hover {
  background-color: #8080e0;
}

@media screen and (max-width: 600px) {
.speaker_block {display: none;}
}

.list_songs {
margin-top:15px;
margin-bottom:30px;
margin-left: 5px;
width:95%;
color:#bbb;
font-size:16px;
text-align:left;
font-family:Arial;
}

.one_song{
margin-top:0;
margin-bottom:6px;
margin-left:0;
padding-bottom:3px;
width:100%;
cursor: pointer;
border-bottom: 1px dotted #4c484c;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-self: flex-start;
/*align-items: center;*/
justify-content: space-between;
}
.one_song:hover {color: #eff;}

.titname {
margin-left:3px;
text-align:left;
}

.tittime {
text-align:right;
margin-right:5px;
}

/*---footer---*/
.section {
margin: 0;
padding: 0;
width: 100%;
vertical-align: baseline;
}

.footer {
color:#111;
background-color: #0b0507;
padding: 20px 5% 15px 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.sections-list {
font-size:14px;
font-weight: 600;
padding-bottom: 10px;
padding-right: 50px;
padding-left: 20px;
}

.sections-list__title {
font-style:italic;
letter-spacing: 0.15em;
color: #FFC800;
padding-bottom: 10px;
}

.sections-list__title_con {
letter-spacing: 0.15em;
font-size:13px;
color: #ccaa88;
padding-bottom: 10px;
}

.sections-list__item {
color:#aaa;
font-size:13px;
padding-bottom: 6px;
}

.sections-list__item a {
text-decoration:none;
color:#768;
letter-spacing: 0.09em;
}
.sections-list__item a:hover {
color:#ccaa88;
}