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; }

html { -webkit-text-size-adjust: 100%; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

i { font-style: normal; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

img { max-width: 100%; vertical-align: middle; }

.clearfix:after { content: '.'; display: table-cell; height: 0; visibility: hidden; }

.col1of2, .col1of3, .col2of3, .col1of4, .col2of4, .col3of4, .col1of5, .col2of5, .col3of5, .col4of5, .col1of6, .col2of6, .col3of6, .col4of6, .col5of6 { float: left; }

.col1of2 { width: 50%; }

.col1of3 { width: 33.33333%; }

.col2of3 { width: 66.66667%; }

.col1of4 { width: 25%; }

.col2of4 { width: 50%; }

.col3of4 { width: 75%; }

.col1of5 { width: 20%; }

.col2of5 { width: 40%; }

.col3of5 { width: 60%; }

.col4of5 { width: 80%; }

.col1of6 { width: 16.66667%; }

.col2of6 { width: 33.33333%; }

.col3of6 { width: 50%; }

.col4of6 { width: 66.66667%; }

.col5of6 { width: 83.33333%; }

.left { float: left; }

.right { float: right; }

.center { margin-left: auto; margin-right: auto; }

.hidden { display: none; }

.by-left { text-align: left; }

.by-right { text-align: right; }

.by-center { text-align: center; }

.table { display: table; }
.table .cell { display: table-cell; vertical-align: middle; }

/** Should be used to modify the default spacing between objects (not between nodes of the same object) a, t, r, b, l, h, v = all,top,right,bottom,left,horizontal,vertical x, s, m, l, n       = space-x, space-s, space-m, space-l, none p, m                = padding,margin */
.ptn, .pvn, .pan { padding-top: 0; }

.ptx, .pvx, .pax { padding-top: 3px; }

.pts, .pvs, .pas { padding-top: 5px; }

.ptm, .pvm, .pam { padding-top: 10px; }

.ptl, .pvl, .pal { padding-top: 20px; }

.prn, .phn, .pan { padding-right: 0; }

.prx, .phx, .pax { padding-right: 3px; }

.prs, .phs, .pas { padding-right: 5px; }

.prm, .phm, .pam { padding-right: 10px; }

.prl, .phl, .pal { padding-right: 20px; }

.pbn, .pvn, .pan { padding-bottom: 0; }

.pbx, .pvx, .pax { padding-bottom: 3px; }

.pbs, .pvs, .pas { padding-bottom: 5px; }

.pbm, .pvm, .pam { padding-bottom: 10px; }

.pbl, .pvl, .pal { padding-bottom: 20px; }

.pln, .phn, .pan { padding-left: 0; }

.plx, .phx, .pax { padding-left: 3px; }

.pls, .phs, .pas { padding-left: 5px; }

.plm, .phm, .pam { padding-left: 10px; }

.pll, .phl, .pal { padding-left: 20px; }

.mtn, .mvn, .man { margin-top: 0px; }

.mtx, .mvx, .max { margin-top: 3px; }

.mts, .mvs, .mas { margin-top: 5px; }

.mtm, .mvm, .mam { margin-top: 10px; }

.mtl, .mvl, .mal { margin-top: 20px; }

.mrn, .mhn, .man { margin-right: 0px; }

.mrx, .mhx, .max { margin-right: 3px; }

.mrs, .mhs, .mas { margin-right: 5px; }

.mrm, .mhm, .mam { margin-right: 10px; }

.mrl, .mhl, .mal { margin-right: 20px; }

.mbn, .mvn, .man { margin-bottom: 0px; }

.mbx, .mvx, .max { margin-bottom: 3px; }

.mbs, .mvs, .mas { margin-bottom: 5px; }

.mbm, .mvm, .mam { margin-bottom: 10px; }

.mbl, .mvl, .mal { margin-bottom: 20px; }

.mln, .mhn, .man { margin-left: 0px; }

.mlx, .mhx, .max { margin-left: 3px; }

.mls, .mhs, .mas { margin-left: 5px; }

.mlm, .mhm, .mam { margin-left: 10px; }

.mll, .mhl, .mal { margin-left: 20px; }

h1, .h1 { font-size: 24px; }

h1 { margin-bottom: 15px; }

h2, .h2 { font-size: 20px; }

h2 { margin-bottom: 13px; }

h3, .h3 { font-size: 18px; }

h3 { margin-bottom: 8px; }

h4, .h4 { font-size: 16px; }

h4 { margin-bottom: 7px; }

h5, .h5 { font-size: 13px; }

h5 { margin-bottom: 5px; }

h6, .h6 { font-size: 10px; }

h6 { margin-bottom: 3px; }

.opaque { color: #31150f; }

.neutral { color: #999999; }

.pale { color: #cccccc; }

.bare { color: #f7f6f5; }

.firm { color: #cc3300; }

.bright { color: #e86e26; }

.sharp { color: #33ccff; }

.contrast { color: white; }

.positive { color: #ff6600; }

.negative { color: #33cc00; }

a { color: #37322c; text-decoration: none; }

.ph-v-scroll { overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden; }

.v-flex { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }

.flex1 { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }

.flex2 { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-box-flex: 2; box-flex: 2; }

.flex3 { -webkit-box-flex: 3; -moz-box-flex: 3; -ms-box-flex: 3; box-flex: 3; }

.flex4 { -webkit-box-flex: 4; -moz-box-flex: 4; -ms-box-flex: 4; box-flex: 4; }

.flex5 { -webkit-box-flex: 5; -moz-box-flex: 5; -ms-box-flex: 5; box-flex: 5; }

.flex6 { -webkit-box-flex: 6; -moz-box-flex: 6; -ms-box-flex: 6; box-flex: 6; }

.all { width: 100%; }

.one { width: 280px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.two { width: 300px; }

.in-bl { display: inline-block; *display: inline; *zoom: 1; _overflow: hidden; }

.notap { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }

.nocall { -webkit-touch-callout: none; }

html, body { height: 100%; }

#layout { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -55px; }
#layout #fake-footer { height: 55px; }

#footer { clear: both; position: relative; height: 55px; }

body { color: #37322c; font: 400 15px/1.35 "Heiti SC", "Microsoft Yahei", "Signika", sans-serif; -webkit-font-smoothing: antialiased; }