@charset "utf-8";
/*-- Last updated:  12-Sep-2018     Version: 1.0                         */
/*-- Copyright 2018  MusicBiz Enterprises, All rights reserved.    */
/*   12-Sep-2018:  Added YouTubeMusic icon                         */

/*--------*/
/* Header */
/*--------*/
#mobile_navBarMenu {
   visibility: visible;
}
#mobile_navButtonMenu {
   visibility: visible;
}
#mNav_top_button {
   visibility: hidden;
}
#mNav_desktop_button {
   visibility: hidden;
}
.mHeader_Nav_linkIcons {
   width: 100%;
}
.mHeader_Nav_navButton {
   width: 0%;
   padding-right: 0%
}


/*------------*/
/* mContainer */
/*------------*/
.mContainer {
   width: 100%;  
   margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */   
}

#mContainer_padSiteLogo {
   display: none;
   height: 0px;
}
#mContainer_SiteLogo {
   display: none;
   height: 0px;
}
.mSiteLogo_PhotoBox {
   clear: none;
   width: 100%;
   margin: 0;
}
#mSiteLogo_Pic {
   display: none;
}

.mContainer_pad {
   clear: both;
}
.mContainer_Box_title {
   width: 100%;
}
.mContainer_title {
   clear: both;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 10em;
   font-size: 10rem;
   font-weight: bold;
   padding: 50px 0 50px 0;
}
.mContainer_Box_text {
   width: 100%;
}
.mContainer_text {
   clear: both;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 2em;
   font-size: 2rem;
   font-weight: normal;
   line-height: 2.5rem;
   padding: 0 5% 0 5%;
}

.mBox_pad {
   clear: both;
}


/*---------------------*/
/* Radio Button Column */
/*---------------------*/
.radioButtonCol {
   float: left;
   width:  40%;
   margin-left: 10%;
   padding-bottom: 40px;
}
.radioButtonBox {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   margin: auto;
}
#SGospRadioCol {
   clear: both;
}
#SGospRadioBox {
   float: right;
}
#regionRadioBox {
   float: left;
}


/*--------*/
/*  Photo */
/*--------*/
.mPic_Box {
   clear: both;
   width: 100%;
}
.mPhotoContainer {
   clear: none;
   width: 100%;
}
.mPhotoBox {
   clear: none;
   width: 100%;
   margin: 10px 0 10px 0;
}
.mPhotoPic {
   clear: none;
   margin: 0 auto;
}
.mPhotoText {
   clear: none;
   margin: 5px auto 0px auto;
   color: black;
}
img.mPhotoPic {
   width: 960px;
   margin: 0 auto;
}

/*--------------*/
/*  Album Links */
/*--------------*/
.mAlbumLink_Box {
   float: left;
   width: 50%;
   padding: 30px 0 0 0;
   margin: 0;
}
.mAlbumLink_Row {
   float: left;
   width: 100%;
}
.mAlbumLink_Title {
   float: left;
   width: 100%;
   padding: 0;
   font-size: 4em;
   font-size: 4rem;
   text-align: center;
}
.mAlbumLink {
   float: left;
   margin: 0;
   padding: 0 1% 20px 1%;
}
.mAlbumLink_25 {
   width: 25%;
}
.mAlbumLink_33 {
   width: 33%;
}
.mAlbumLink_100 {
   width: 100%;
}
.mAlbumLink_Pic {
}
img.mAlbumLink_Pic {
   display: block;
   clear: both;
   width: 300px;
   margin: 0 auto;
}
#mAlbumLink_Title_Stream {
   font-size: 2rem;
   padding-top: 20px;
   padding-bottom: 10px;
   text-align: center;
}
#mAlbumLink_Title_Download {
   font-size: 2rem;
   padding-top: 20px;
   padding-bottom: 10px;
   text-align: center;
}
#mAlbumLink_Title_CD {
   font-size: 2rem;
   padding-top: 20px;
   padding-bottom: 10px;
   text-align: center;
}
#mAlbumLink_CDBaby {
   /* padding-top: 20px; */
}


/*------------*/
/*  SongList  */
/*------------*/
.mSongList_Box {
   clear: both;
   width: 50%;
   height: 545px;
   padding-top: 10px;
   margin-left: 25%;
   background-color: white;
   border: 2px solid rgb(4,33,78);
}

.mSong_Box {
   float: left;
   height: auto;
   width: 100%;
   margin: 0;
   padding: 10px 0 10px 0;
   color: black;
   background-color: white;
   border-bottom: 1px solid rgb(234,239,245);
}
.mSong_Row {
   clear: both;
   width: 100%;
   margin-bottom: 5px;
}
.mSong_playBTN {
   float: left;
   width: 43%;
   padding-left: 37%;
   visibility: hidden;
   }
.mBTNIMG {
   }
.mSong_Number {
   float: left;
   width: 3%;
   height: 30px;
   padding-top: 5px;
   padding-left: 2%;
   text-align: left;   
   font-size: 20px;
   font-weight: bold;
}
.mSong_Title {
   float: left;
   width: 54%;
   height: 30px;
   padding-top: 5px;
   padding-left: 5%;
   text-align: left;   
   font-size: 20px;
   font-weight: normal;
}

/*--------------*/
/*   Music Play */
/*--------------*/
img.mBTNIMG {
   width:  30px;
   height: 30px;
   margin: 0 auto;
}



/*------------*/
/*   Footer   */
/*------------*/
.mFooter {
   padding-top: 50px;
}

a.mFooter_link {
   word-wrap: break-word;
}


/*-----------------------*/
/*  @media definitions   */
/*-----------------------*/
@media only screen and (min-width: 983px) { /* this is needed to undo fixed width in mStyles1_Base_20180423  */
   .mContainer {
      max-width: 100%;  
      margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */   
   }
}

@media only screen and (max-width: 2700px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 5%;
   }

}
@media only screen and (max-width: 2700px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 5%;
   }

}
@media only screen and (max-width: 2300px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 4%;
   }

}
@media only screen and (max-width: 2200px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 2%;
   }

}
@media only screen and (max-width: 2000px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 0%;
   }

}

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

}

@media only screen and (max-width: 1366px) { /* iPad Pro 12.9" view port size is 1366 x 1024 */

}

@media only screen and (max-width: 1112px) { /* iPad Pro 10.5" view port size is 1112 x 834 */
   .mHeader_Box_Center {
      width: 50%;
      padding-left: 10%;
   }   
   .mHeader_Box_Nav {
      width: 25%;
   }
   .mHeader_Nav_linkIcons {
      width: 100%;
      padding: 0;
      margin: 90px 10% 0 0;
   }

}

@media only screen and (max-width: 1080px) {
   .mHeader_Nav_linkIcons {
      margin-right: 2%;
   }
   #mNav_BarMenu .genMenuItem {
      padding-left: 3%; 
   }

}

@media only screen and (max-width: 1024px) { /* iPad, iPad Mini view port size is 1024 x 768 */
   .mHeader_Box_Nav {
      width: 27%;
   }
}

@media only screen and (max-width: 1000px) { /* Switch from menu bar to menu button */
   .mContainer_Header {
      height: 60px;
   }

   .mHeader_Box_Logo {
      display: none;
   }
   .mHeader_Logo_PhotoBox {
      display: none;
   }
   img.mHeader_Logo_Pic {
      display: none;
   }

   .mHeader_Box_Menu {
      display: none;
   }
   #mobile_navBarMenu {
      display: none;
   }
   #mNav_BarMenu .genMenuItem {
      display: none;
   }

   .mHeader_Box_Icons {
      clear: both;
      width: 100%;
   }
   .mHeader_Icons_links {
      float: left;
      width: 80%;
      margin: 10px 0 0 0;
   }
   .Nav_linkIcon {
      float: left;
      padding: 0 0 0 1%;
   }

   .mHeader_Nav_navButton {
      float: right;
      width: 20%;
      margin: 0 0 0 0;
      padding-right: 2%
   }
   #mNav_top_button {
      visibility: visible;
      margin: 5px 10% 0 0;
   }
   .mHeader_Nav_navButtonMenu {
      clear: both;
      float: right;
   }

   #mContainer_padSiteLogo {
      display: block;
      height: 60px;
   }
   #mContainer_SiteLogo {
      display: block;
      height: 160px;
   background-color: rgb(234,239,245);
   }
   #mSiteLogo_Pic {
      display: block;
      width: 300px;
      margin: 0 auto;
   }

   .mContainer {
      max-width: 100%;  
      margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */   
   }
   .mContainer_title {
      font-size: 8em;
      font-size: 8rem;
   }

}

@media only screen and (max-width: 620px) {
   .mContainer_title {
      font-size: 6em;
      font-size: 6rem;
   }

}

@media only screen and (max-width: 580px) {
   .mHeader_Icons_links {
      width: 75%;
   }
   .mHeader_Nav_navButton {
      width: 25%;
   }

}

@media only screen and (max-width: 500px) {
   .mContainer_title {
      font-size: 5em;
      font-size: 5rem;
   }

}

@media only screen and (max-width: 460px) {
   .mHeader_Icons_links {
      width: 70%;
   }
   .mHeader_Nav_navButton {
      width: 30%;
   }

}

@media only screen and (max-width: 414px) { /* iPhone 8 plus view port size is 414 x 736 */
   .mHeader_Nav_navButton {
      padding-right: 1%
   }
   .Nav_linkIcon {
      float: left;
      padding: 0 0 0 0;
   }

   .mContainer_title {
      font-size: 4em;
      font-size: 4rem;
   }

}

@media only screen and (max-width: 375px) { /* iPhone 8 view port size is 375 x 667 */

}

@media only screen and (max-width: 320px) { /* iPhone SE view port size is 320 x 568 */

}