@charset "utf-8";
* {box-sizing: border-box;}


.fBody{
/*	border: 2px solid purple;*/
/*  background-color: var(--pBack);*/
	z-index: 2000 !important;
  background-color: white;
  width: 100%;
  left: 0; 
	right: 0;
  padding: 5px 10px 0 10px;
/*	margin-inline: auto; */
  height: 100%;
}

.but{
/*  width: calc( 30vw);*/
  white-space: normal;
  background-color: var(--lpink);
  height: 80px;
  border-radius: 5px;
  }

.linkFrame {
/*	border: 10px solid green;*/
  z-index: 1;
/*	border: none;*/
	max-width: var(--width);
	margin:0 auto;
  top: 0px;
	width: 100%;
  left: 0; 
	right: 0; 
	margin-inline: auto; 
  min-height: 200px;
	}

.iconF{
	width: 20px !important;
  margin-right: 3px;
  margin-bottom: 3px;
}
  
.fFlex{
/*  border: 1px solid red;*/

    /*  height: 70px;*/
  height: 100%x;
/*  background-color: var(--pBack) ;*/
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
  margin-top: 0px;
}


.footer{
/*  border: 1px solid green;*/
	z-index: 20 !important;
  width: 100%;
  max-width: var(--width);
/*  background-color: yellow;*/
  height: var(--footerH);
  margin: auto;
  bottom: 0;
  vertical-align: middle;

}

.footerFrame {
/*	border: 1px solid green;*/
  border: none;
  z-index: 10;  
/*  position: absolute;*/
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  height: calc(var(--footerH));
  transform: translateY(7px);
  overflow-y: hidden;
  }

.footerFrameFixed {
/*	border: 1px solid green;*/
  border: none;
/*  border-top: 1px solid rgba(255, 255, 255, 0.3);*/
  z-index: 10;  
  position: fixed;
  filter: drop-shadow(var(--lg) -10px 0px 10px);
/*  position: relative;*/
  width: 100%;
  left: 0;
  right: 0;
/*  bottom: 100px;*/
  bottom: 0;
  height: calc(var(--footerH));
/*  transform: translateY(7px);*/
  overflow-y: hidden;
  

.footerBox {
/*	border: 1px solid red;*/
  max-width: var(--width);
	}

.imgIcons{
  position: absolute;
  bottom: 28px;
  left: 50%;
}


.m100{
  margin-right: 10px;
}


.imgIcon {
  z-index: 1000;
  max-height: 32px;
}

.line {
  border-top: 1px solid white;
}


@media screen and (max-width: 900px) {
.imgIcon{
  max-height: 24px;
  margin-bottom: 7px;
 
  }
  
  .imgIcons{margin-left: 40px;} 
  .m100{margin-right: 5px;
}
  
}