@media screen {html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
 outline: 0;
}
body {font:12px/2 "Helvetica Neue",Helvetica,Arial,sans-serif;}
a {text-decoration:none;}
h1, h2, h3, h4, h5 {}
a img { border: 0; }
ol, ul {
 list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
}
caption, th, td {
 text-align: left;
 font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}
strong {
	font-weight: bold;
}
.uppercase {text-transform: uppercase;}
.bold {font-weight: bold;}
.zoomer:active {top:0;}
article,aside,figure,footer,hgroup,menu,nav,section { display:block;}
.group:after { visibility: hidden; display:block; font-size:0; content: ""; clear:both; height:0;}
}
/*--End Reset Screen--*/
/*Phong*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
img {
	display: block;
	max-width: 100%;
}
.overflow:after{content: " "; display: block; clear: both;}
.hide{display: none;}