@charset "utf-8";
/* Last updated:  28-Jan-2020    Version: 1.0                   */
/* Copyright 2020  MusicBiz Enterprises, All rights reserved.   */


/*--------------*/
/*  songPlayer  */
/*--------------*/
.songPlayer_Box {
   float: left;
   width: 100%;
}
.songPlayer_Title {
   float: left;
   width: 100%;
   font-size: 2em;
   font-size: 2rem;
   font-weight: normal;
   text-align: center;
   padding-bottom: 10px;
}
.songPlayer_playerBox {
   float: left;
   width: 50%;
   margin-left: 0%;
}
.songPlayer_playerBox_Header {
   clear: both;
   float: left;
   margin-left: 20%;     /* same as .songRow  */
   width: 80%;           /* same as .songRow  */
   height: 60px;
   border-bottom: 1px solid white;
}
.songPlayer_playerBox_Title {
   float: left;
   width: 20%;
   margin: 0;
   padding: 15px 0 15px 5%;
   font-size: 30px;
   font-weight: bold;
}

.songPlayer_picBox, .songPlayer_videoBox {
   float: right;
   width: 50%;
   padding-top: 60px;   /* same as .songPlayer_playerBox_Header height */
}
.songPlayer_pic {
}
img.songPlayer_pic {
  display: block;
  margin: 0 auto;
  width: 480px;
  height: auto;
}


/*--------*/
/*  song  */
/*--------*/
.songRow {
   clear: both;
   float: left;
   margin-left: 20%;
   width: 80%;
   height: 60px;
   padding-bottom: 20px;
}
.songPlayBTN {
   float: left;
   width: 8%;
   padding: 15px 0 0 1%;
   visibility: hidden;
   }
.BTNIMG {
   }
.songNumber {
   float: left;
   width: 5%;
   height: 30px;
   padding: 15px 0 15px 2%;
   text-align: left;   
   font-size: 20px;
   font-weight: bolder;
}
.songTitle {
   float: left;
   width: 85%;
   height: 30px;
   padding: 15px 0 15px 5%;
   text-align: left;   
   font-size: 20px;
   font-weight: bolder;
}
img.BTNIMG {
   width:  30px;
   height: 30px;
   margin: 0 auto;
}


@media only screen and (max-width: 1800px) { /* Switch from menu bar to menu button */
   .songRow, .songPlayer_playerBox_Header {
      margin-left: 15%;
   }

}

@media only screen and (max-width: 1600px) { /* Switch from menu bar to menu button */
   .songRow, .songPlayer_playerBox_Header {
      margin-left: 10%;
   }

}

@media only screen and (max-width: 1280px) { /* Switch from menu bar to menu button */
   .songRow, .songPlayer_playerBox_Header {
      margin-left: 5%;
   }

}

@media only screen and (max-width: 1080px) { /* Switch from menu bar to menu button */

   .songPlayer_playerBox {
      width: 100%;
   }
   .songPlayer_picBox {
      width: 0%;
    }
   img.songPlayer_pic {
      display: none;
   }
   .songPlayer_videoBox {
      float: left;
      width: 100%;
      padding-top: 70px;
   }
   .songRow, .songPlayer_playerBox_Header {
      margin-left: 10%;
   }
      
}


@media only screen and (max-width: 900px) {

   .songPlayBTN {
      width: 10%;
   }

}


@media only screen and (max-width: 460px) {
   .songPlayBTN {
      width: 15%;
   }
   .songTitle {
      width: 80%;
   }
}