/*  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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-style:inherit; line-height:1; text-align:left; vertical-align:baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse:collapse; border-spacing:0; }
ol, ul { list-style:none; }
.nomargin { margin: 0;}

/* = pulir */
.pulir:before, .pulir:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.pulir:after { clear: both; }  
.pulir { zoom: 1; } 

/* = html5 tag render */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

::selection { background: transparent; color: inherit; text-shadow: none !important;}
::-moz-selection { background: transparent; color: inherit; text-shadow: none !important;}
::-webkit-selection { background: transparent; color: inherit; text-shadow: none !important;}
::-ms-selection { background: transparent; color: inherit; text-shadow: none !important;}
::-khtml-selection { background: transparent; color: inherit; text-shadow: none !important;}

#page ::selection { background: rgba(20, 250, 20, 0.30); color: inherit; text-shadow: none !important;}
#page ::-moz-selection { background: rgba(20, 250, 20, 0.30); color: inherit; text-shadow: none !important;}
#page ::-webkit-selection { background: rgba(20, 250, 20, 0.30); color: inherit; text-shadow: none !important;}
#page ::-ms-selection { background: rgba(20, 250, 20, 0.30); color: inherit; text-shadow: none !important;}
#page ::-khtml-selection { background: rgba(20, 250, 20, 0.30); color: inherit; text-shadow: none !important;}