html{font-size:16px; background-color:#fff; padding:0; margin:0;}
  a:link {text-decoration: none;}
  a:visited {text-decoration: none;}
  a:hover {text-decoration: underline;}
  a:active {text-decoration: underline;}


body{
  box-sizing: border-box;  
  padding: 0; margin:0;
  background-color:#fff; 
  float:left; width:100%;
  padding-top:8.5rem;
  position: relative;
  height: auto;
}
* {box-sizing: border-box;}

.main{width:100%; height:calc( 100vh - 8.6rem); margin:0; padding:0%; padding-top:0; border-bottom:0px #e2e2e2 solid;   border-top:1px solid #2d5f97;}
.frame_main{display:block; float:left; width:100%; height:calc( 100vh - 8.7rem); min-height:400px;}
.section_main{display:block; float:left; width:100%; height:calc( 100vh - 8.6rem); min-height:500px; margin-top:8.5rem; position:relative;}

.query{width:100%; height:2rem; font-size:0.8rem; margin:0; padding:1%; padding-top:1%; border-bottom:0px #e2e2e2 solid;}

.waf{
  position:fixed; width:50px; height:50px; bottom:1.5rem; right:2rem;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; 
  text-align:center; cursor:pointer;
  background-color:rgb(77,194,71);
  z-index:9999;
}
@media only screen and (min-width : 300px) and (max-width : 580px){

}