@charset "utf-8";
.center{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%,-50%);
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
a,a:hover{
  text-decoration: none;
}
dl, ol, ul{
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6{
  margin: 0;
  padding: 0;
}
i{
  font-style: normal;
  float: left;
}
.textbox{
  display: inline-block;
  width: 100%;
  line-height: 40px;
  border: solid 1px #ebeef4;
  outline: none;
  padding: 0 10px;
  background-color: #ebeef4;
  border-radius: 5px;
}
.material-icons{
  vertical-align: middle;
}
.square {
  position: relative;
  width: 100%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}