@charset "utf-8";

 /* ************************************************ 
	Reset
* ************************************************ */
html, body, h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre, ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption, address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
}

* {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;
}

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

a, a:visited {
  color: inherit;
}

:focus {
 outline: 0;
}

article, aside, figcaption, figure, footer, header, nav, section, main {
 display: block;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

ul {
 list-style: none;
}
ol,ul {
	text-align: left;
}
ol {
	padding-left: 1em;
	line-height: 2;
}

img, video {
 max-width: 100%;
 height: auto;
}

img {
 border-style: none;
 vertical-align: bottom;
}

blockquote, q {
 quotes: none;
}

blockquote:after, blockquote:before,
q:after, q:before {
  content: "";
}

i {
 font-style: normal;
}

:root {
 line-sizing: normal;
}

/* ----- form ----- */
button {
 background: none;
 border: none;
 outline: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

/* ----- .cf ----- */
.cf:before,
.cf:after {
 content: "";
 display: block;
 overflow: hidden;
}

.cf:after {
 clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
 zoom: 1;
}