@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar {
  display: none;
	width: 0px;
}

#bdy {
  background-color: var(--loadBack);
}

#pFrame {
/*  border: 2px solid orange;*/
  position: absolute;
	z-index: 1;
/*	position: fixed;*/
/*	position: absolute;*/
	border: none;
/*	max-width: var(--width);*/
	margin:0 auto;
  top: 60px;
	width: 100%;
  	
/*	position: absolute; */
  left: 0; 
  right: 0;
  bottom: 0;
/*	height: calc(100dvh - 60px - var(--footerH)) !important ;*/
	height: calc(100dvh - 60px - var(--footerH)) !important ;
/*	height: calc(100vh - 70px - var(--footerH)) !important ;*/
	}


#topSpace {
/*	border: 100px solid purple;*/
	top: 0;
	background-color: transparent;
	height:  100dvh ;
/*	height: 100vh ;*/
  
}

.footerFrameIndex {
/*	border: 5px solid green;*/
  border: none;
  z-index: 1;  
/*  position: absolute;*/
  position: relative;
/*  bottom: calc(-100dvh + var(--footerH));*/
  bottom: calc(-100dvh + var(--footerH));
/*  bottom: calc(-100vh + var(--footerH));*/
  width: 100%;
  left: 0;
  right: 0;
  height: calc(var(--footerH));
  overflow-y: hidden;
/*  margin-top: 20px;*/
  }

.bImg{
  padding: 0 150px 20px 150px;
  width: 100%;    
}

#bImg{
visibility: hidden;
  opacity: 0;
}

#anImage{
/*	border: 10px solid green;*/
  z-index: 100000000 !important;
	position: absolute;
  background: var(--loadBack);
	height: 100%;
	width: 100%;
  left: 0;
  top: 0;
  
  }

#bLogo{
/*	border: 1px solid green;*/
/*  z-index: -1 !important;*/
  z-index: 1000000 !important;
	position: relative;
  margin: auto;
	height: 200px;
	width: 600px;
/*  text-align: center;*/
  top: calc(50% - 150px);
/*  left: calc(50% - 100px);*/
}

#brandSlogan{
visibility: hidden;
  opacity: 0;
}


#topSpaceClosed {
/*	border: 1px solid purple;*/
	height: 60px;
/*	background-color: red;*/
	background-color: transparent;
}

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

.brandSlogan{
font-size: 34px;
  }

.bImg{
  padding: 0 100px 0 100px;
  width: 100%;    
}  

  #bLogo{
  width: 400px;  
  }  
  
}