*,html { margin:0; padding:0; vertical-align:top; }
body {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica;
    text-align:center;
    color:#2f323e;
    background:#ffffff;
}

header, main, footer, nav, article, aside, div, ul, li { display:inline-block; box-sizing:border-box; margin:0px; padding:0px; vertical-align:top; }

ul, ol { list-style-type:none; margin:0; padding:0; }

table { display:inline-table; box-sizing:border-box; }
tr { display:table-row; box-sizing:border-box; }
td { display:table-cell; box-sizing:border-box; }

img { border:none; }

a { font:normal 14px Arial, Helvetica; text-decoration:none; color:#0088ee; vertical-align:top; -webkit-transition: all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s; }
a:hover { text-decoration:underline; color:#00aaff;/*ef5634*/ }









#page { display:block; width:100%; background:red; }




#wrapper { max-width:1024px; width:100%; }


#header { width:100%; min-height:32px; background:orange; }

#main { width:100%; min-height:600px; background:red; }

#footer { width:100%; min-height:120px; background:orange; }