html, body, div, span, applet, object, iframe,
abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
article, aside, canvas, details, figcaption, figure, 
header, footer, hgroup, menu, nav, section, summary,
time, mark, audio, video,  
dl, dt, dd, ul, ol, li,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, b, i, strong, del, dfn, em, font,  
form, label, fieldset, legend, button, input, textarea,  
table, caption, thead, tbody, tfoot, tr, th, td  { margin:0; padding:0; box-sizing: border-box; }


body, button, input, select, textarea  { font-size:12px; line-height: 150%; font-family: tahoma, "microsoft yahei", arial, \5b8b\4f53, sans-serif; color:#333; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; font-style:normal; }
address, cite, dfn, em, var, i { font-style:normal; } 
code, kbd, pre, samp { font-family:courier new, courier, monospace; } 
small { font-size:12px; } 


ol, ul, dl { list-style:none; }

a { color:#333; text-decoration:none; }
a:hover { color:#f30; text-decoration:underline; }

legend { color:#000; } 
fieldset, img { border:none; } 
button, input, select, textarea { font-size: 100%; vertical-align:middle; } 

sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

table { width: 100%; border-collapse:collapse; border-spacing:0; }
img { vertical-align: middle; }
blockquote, q { quotes:'"' '"' "'" "'"; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #ccc; display:block; }

.clear:after { content:"."; height:0; display:block; clear:both; visibility:hidden; }

.clear { display:inline-table; }

* html .clear { height:1%; }
.clear { display:block; }