* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,body,h1,h2,h3,h4,h5,div,ul,li,dl,dt,dd,input,button,textarea {
    margin: 0;
    padding: 0;
}

iframe {
    display: block;
    margin: 0;
    padding: 0;
    outline: 0;
    border: none;
}

ul, dl, li {
    list-style: none;
}

p {
    padding: 0;
    margin: 0;
    line-height: 24px;
}

input,button,textarea {
    background: none;
    border: none;
    outline: none;
}

textarea {
    resize: none;
}

img {
	vertical-align: middle;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
}


.left {
  float: left;
}

.right {
  float: right;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.none {
    display: none;
}

.scroll-wrapper {
  overflow: hidden;
}