/*======================= CSS Reset ===========================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, section, main, footer, header, figure, aside, input, textarea, i, mark, *:before, *:after { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: top; background:transparent; line-height: 1; -webkit-font-smoothing: antialiased;@include boxSizing(border-box)}
html, body {height: 100%; width:100%; @include boxSizing(border-box)}
html {overflow-y: auto;overflow-x: hidden }
ol, ul { list-style: none; }
:focus { outline:0; }

/*======================= Clearfix ===========================*/
.clearfix:after { content: ""; display: table; clear: both;}

table, table td tr {
	border:none; border-collapse: collapse;
}

button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: none;
}

.st_hidden {
	@media only screen and #{$maxTabletPort} {
		display: none !important;
	}
}



.st_show {
	display: none !important;
	@media only screen and #{$maxTabletPort} {
		display: block !important;
	}
}

.lt_hidden {
	@media only screen and #{$maxTabletLand} {
		display: none !important;
	}
}

.lt_show {
	display: none;
	@media only screen and #{$maxTabletLand} {
		display: block !important;
	}
}

.m_hidden {
	@media only screen and #{$phone} {
		display: none !important;
	}
}

.m_show {
	display: none;
	@media only screen and #{$phone} {
		display: block !important;
	}
}