@charset "utf-8";


ins,del {
	display: block;
	}
p ins,p del,
ul ins,ul del,
ol ins,ol del,
dl ins,dl del,
table ins,table del {
	display: inline;
	}

body,
div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,fieldset,
p,blockquote,
table,thead,tbody,tfoot,caption,th,td {
	margin: 0;
	padding: 0;
	}

ol,ul {
	list-style: none;
	}

table{
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,
img{
	border: 0 none;
	}
abbr,acronym {
	border-bottom: 1px dashed;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	}
h1,h2,h3,h4,h5,h6,
strong {
	font-weight: bold;
	}
em {
	font-style: normal;
	}
address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
	}
table {
	font-size: 100%;
	}
select,
input,
textarea {
	font-size: 100%;
	font-weight: bold;
	}
var,code,samp,kbd {
	font-family: monospace;
	}

html{
	overflow:auto;
	overflow: -moz-scrollbars-vertical;
	}
textarea {
	overflow: auto;
	}

caption,
th {
	text-align: left;
	}
img,
input {
	vertical-align: middle;
	}

a,
input[type="submit"] {
	cursor: pointer;
	}


/*====================
 +clearfix
====================*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


/*====================
 +font
====================*/

* {
	font-family:
	'Lucida Grande', Arial, Helvetica, sans-serif;
	}
h1, h2, h3, h4, h5, h6 {
	font-family:
	Lato, Helvetica, sans-serif;
	font-weight:400;
}



@media screen and (max-width: 768px) {
	
	/*====================
	 +font
	====================*/
	
	* {
		font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family:
		Lato, Helvetica, sans-serif;
		font-weight:400;
	}
	html { font-size: 10px;}
	body {
		width: 98%;
		margin: 0 auto;
		font-size: 2.4rem;
	}
	
}