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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0;}
.clearfix:after { clear: both;}
.container .alpha { margin-left: 0px;}
.container .omega { margin-right: 0px;}
.row {margin-left: -20px; *zoom: 1;}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="grid-"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container { width: 1180px;}
.grid-12 { width: 1180px; }
.grid-11 { width: 1080px; }
.grid-10 { width: 980px; }
.grid-9 { width: 880px; }
.grid-8 { width: 780px; }
.grid-7 { width: 680px; }
.grid-6 { width: 580px; }
.grid-5 { width: 480px; }
.grid-4 { width: 380px; }
.grid-3 { width: 280px; }
.grid-2 { width: 180px; }
.grid-1 { width: 80px; }
.preffix-12 { margin-left: 1220px;}
.preffix-11 { margin-left: 1120px;}
.preffix-10 { margin-left: 1020px;}
.preffix-9 { margin-left: 920px;}
.preffix-8 { margin-left: 820px;}
.preffix-7 { margin-left: 720px;}
.preffix_6 { margin-left: 620px;}
.preffix_5 { margin-left: 520px;}
.preffix_4 { margin-left: 420px;}
.preffix_3 { margin-left: 330px;}
.preffix_2 { margin-left: 220px;}
.preffix_1 { margin-left: 120px;}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
@media (min-width: 980px) and (max-width: 1199px) {
.container { width: 940px;}
.grid-12 { width: 940px;}
.grid-11 { width: 860px;}
.grid-10 { width: 780px;}
.grid-9 { width: 700px;}
.grid-8 { width: 620px;}
.grid-7 { width: 540px;}
.grid-6 { width: 460px;}
.grid-5 { width: 380px;}
.grid-4 { width: 300px;}
.grid-3 { width: 220px;}
.grid-2 { width: 140px;}
.grid-1 { width: 60px;}
.preffix-12 { margin-left: 980px;}
.preffix-11 { margin-left: 900px;}
.preffix-10 { margin-left: 820px;}
.preffix-9 { margin-left: 740px;}
.preffix-8 { margin-left: 660px;}
.preffix-7 { margin-left: 580px;}
.preffix-6 { margin-left: 500px;}
.preffix-5 { margin-left: 420px;}
.preffix-4 { margin-left: 340px;}
.preffix-3 { margin-left: 260px;}
.preffix-2 { margin-left: 180px;}
.preffix-1 { margin-left: 100px;}
}
@media (min-width: 768px) and (max-width: 979px) {
.container { width: 748px;}
.grid-12 { width: 748px;}
.grid-11 { width: 684px;}
.grid-10 { width: 620px;}
.grid-9 { width: 556px;}
.grid-8 { width: 492px;}
.grid-7 { width: 428px;}
.grid-6 { width: 364px;}
.grid-5 { width: 300px;}
.grid-4 { width: 236px;}
.grid-3 { width: 172px;}
.grid-2 { width: 108px;}
.grid-1 { width: 44px;}
.preffix-12 { margin-left: 788px; }
.preffix-11 { margin-left: 724px; }
.preffix-10 { margin-left: 660px; }
.preffix-9 { margin-left: 596px; }
.preffix-8 { margin-left: 532px; }
.preffix-7 { margin-left: 468px; }
.preffix-6 { margin-left: 404px; }
.preffix-5 { margin-left: 340px; }
.preffix-4 { margin-left: 276px; }
.preffix-3 { margin-left: 212px; }
.preffix-2 { margin-left: 148px; }
.preffix-1 { margin-left: 84px; }
}
@media (max-width: 767px) {
.container {
width: 480px;
padding: 0 0px;
}
.row {
margin-left: 0;
}
[class*="grid-"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid-12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.select-menu {
display: block !important;
}
}
@media (max-width: 479px) {
body {
padding: 0;
}
.container {
width: 320px;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row {
margin-left: 0;
}
}