@import url("font-awesome.min.css");
/* 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, 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: baseline;
}
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;
}
body { -webkit-text-size-adjust: none; }
/* Box Model */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Containers */

.container {
  margin-left: auto;
  margin-right: auto;
}
.container.\31 25\25 {
 width: 100%;
 max-width: 1750px;
 min-width: 1400px;
}
.container.\37 5\25 {
 width: 1050px;
}
.container.\35 0\25 {
 width: 700px;
}
.container.\32 5\25 {
 width: 350px;
}
.container { width: 1400px; }
@media screen and (max-width: 1680px) {
.container.\31 25\25 {
 width: 100%;
 max-width: 1500px;
 min-width: 1200px;
}
.container.\37 5\25 {
 width: 900px;
}
.container.\35 0\25 {
 width: 600px;
}
.container.\32 5\25 {
 width: 300px;
}
.container { width: 960px; }
}
 @media screen and (max-width: 1280px) {
.container.\31 25\25 {
 width: 100%;
 max-width: 1200px;
 min-width: 960px;
}
.container.\37 5\25 {
 width: 720px;
}
.container.\35 0\25 {
 width: 480px;
}
.container.\32 5\25 {
 width: 240px;
}
.container { width: 100%;max-width:980px; }
}
 @media screen and (max-width: 980px) {
.container.\31 25\25 {
 width: 100%;
 max-width: 118.75%;
 min-width: 95%;
}
.container.\37 5\25 {
 width: 71.25%;
}
.container.\35 0\25 {
 width: 47.5%;
}
.container.\32 5\25 {
 width: 23.75%;
}
.container { width: 95%; }
}
 @media screen and (max-width: 840px) {
.container.\31 25\25 {
 width: 100%;
 max-width: 118.75%;
 min-width: 95%;
}
.container.\37 5\25 {
 width: 71.25%;
}
.container.\35 0\25 {
 width: 47.5%;
}
.container.\32 5\25 {
 width: 23.75%;
}
.container { width: 100% !important; }
}
 @media screen and (max-width: 736px) {
.container.\31 25\25 {
 width: 100%;
 max-width: 125%;
 min-width: 100%;
}
.container.\37 5\25 {
 width: 75%;
}
.container.\35 0\25 {
 width: 50%;
}
.container.\32 5\25 {
 width: 25%;
}
.container { width: 100% !important; }
}
/* Grid */

.row {
  border-bottom: solid 1px transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row > * {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row:after, .row:before {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.row.uniform > * > :first-child { margin-top: 0; }
.row.uniform > * > :last-child { margin-bottom: 0; }
.row.\30 \25 > * { padding: 0px 0 0 0px; }
.row.\30 \25 { margin: 0px 0 -1px 0px; }
.row.uniform.\30 \25 > * { padding: 0px 0 0 0px; }
.row.uniform.\30 \25 { margin: 0px 0 -1px 0px; }
.row > * { padding: 50px 0 0 50px; }
.row { margin: -50px 0 -1px -50px; }
.row.uniform > * { padding: 50px 0 0 50px; }
.row.uniform { margin: -50px 0 -1px -50px; }
.row.\32 00\25 > * {
 padding: 100px 0 0 100px;
}
.row.\32 00\25 {
 margin: -100px 0 -1px -100px;
}
.row.uniform.\32 00\25 > * {
 padding: 100px 0 0 100px;
}
.row.uniform.\32 00\25 {
 margin: -100px 0 -1px -100px;
}
.row.\31 50\25 > * {
 padding: 75px 0 0 75px;
}
.row.\31 50\25 {
 margin: -75px 0 -1px -75px;
}
.row.uniform.\31 50\25 > * {
 padding: 75px 0 0 75px;
}
.row.uniform.\31 50\25 {
 margin: -75px 0 -1px -75px;
}
.row.\35 0\25 > * {
 padding: 25px 0 0 25px;
}
.row.\35 0\25 {
 margin: -25px 0 -1px -25px;
}
.row.uniform.\35 0\25 > * {
 padding: 25px 0 0 25px;
}
.row.uniform.\35 0\25 {
 margin: -25px 0 -1px -25px;
}
.row.\32 5\25 > * {
 padding: 12.5px 0 0 12.5px;
}
.row.\32 5\25 {
 margin: -12.5px 0 -1px -12.5px;
}
.row.uniform.\32 5\25 > * {
 padding: 12.5px 0 0 12.5px;
}
.row.uniform.\32 5\25 {
 margin: -12.5px 0 -1px -12.5px;
}
.\31 2u, .\31 2u\24 {
 width: 100%;
 clear: none;
 margin-left: 0;
}
.\31 1u, .\31 1u\24 {
 width: 91.6666666667%;
 clear: none;
 margin-left: 0;
}
.\31 0u, .\31 0u\24 {
 width: 83.3333333333%;
 clear: none;
 margin-left: 0;
}
.\39 u, .\39 u\24 {
  width: 75%;
  clear: none;
  margin-left: 0;
}
.\38 u, .\38 u\24 {
  width: 66.6666666667%;
  clear: none;
  margin-left: 0;
}
.\37 u, .\37 u\24 {
  width: 58.3333333333%;
  clear: none;
  margin-left: 0;
}
.\36 u, .\36 u\24 {
  width: 50%;
  clear: none;
  margin-left: 0;
}
.\35 u, .\35 u\24 {
  width: 41.6666666667%;
  clear: none;
  margin-left: 0;
}
.\34 u, .\34 u\24 {
  width: 33.3333333333%;
  clear: none;
  margin-left: 0;
}
.\33 u, .\33 u\24 {
  width: 25%;
  clear: none;
  margin-left: 0;
  display:inline-block;
 *display:inline;
}
.\32 u, .\32 u\24 {
  width: 16.6666666667%;
  clear: none;
  margin-left: 0;
}
.\31 u, .\31 u\24 {
  width: 8.3333333333%;
  clear: none;
  margin-left: 0;
}
.\31 2u\24 + *, .\31 1u\24 + *, .\31 0u\24 + *, .\39 u\24 + *, .\38 u\24 + *, .\37 u\24 + *, .\36 u\24 + *, .\35 u\24 + *, .\34 u\24 + *, .\33 u\24 + *, .\32 u\24 + *, .\31 u\24 + * {
 clear: left;
}
.\-11u { margin-left: 91.66667%; }
.\-10u { margin-left: 83.33333%; }
.\-9u { margin-left: 75%; }
.\-8u { margin-left: 66.66667%; }
.\-7u { margin-left: 58.33333%; }
.\-6u { margin-left: 50%; }
.\-5u { margin-left: 41.66667%; }
.\-4u { margin-left: 33.33333%; }
.\-3u { margin-left: 25%; }
.\-2u { margin-left: 16.66667%; }
.\-1u { margin-left: 8.33333%; }

@media screen and (max-width: 1680px) {
.row > * { padding: 40px 0 0 40px; }
.row { margin: -40px 0 -1px -40px; }
.row.uniform > * { padding: 40px 0 0 40px; }
.row.uniform { margin: -40px 0 -1px -40px; }
.row.\32 00\25 > * {
 padding: 80px 0 0 80px;
}
.row.\32 00\25 {
 margin: -80px 0 -1px -80px;
}
.row.uniform.\32 00\25 > * {
 padding: 80px 0 0 80px;
}
.row.uniform.\32 00\25 {
 margin: -80px 0 -1px -80px;
}
.row.\31 50\25 > * {
 padding: 60px 0 0 60px;
}
.row.\31 50\25 {
 margin: -60px 0 -1px -60px;
}
.row.uniform.\31 50\25 > * {
 padding: 60px 0 0 60px;
}
.row.uniform.\31 50\25 {
 margin: -60px 0 -1px -60px;
}
.row.\35 0\25 > * {
 padding: 20px 0 0 20px;
}
.row.\35 0\25 {
 margin: -20px 0 -1px -20px;
}
.row.uniform.\35 0\25 > * {
 padding: 20px 0 0 20px;
}
.row.uniform.\35 0\25 {
 margin: -20px 0 -1px -20px;
}
.row.\32 5\25 > * {
 padding: 10px 0 0 10px;
}
.row.\32 5\25 {
 margin: -10px 0 -1px -10px;
}
.row.uniform.\32 5\25 > * {
 padding: 10px 0 0 10px;
}
.row.uniform.\32 5\25 {
 margin: -10px 0 -1px -10px;
}
.\31 2u\28wide\29, .\31 2u\24\28wide\29 {
 width: 100%;
 clear: none;
 margin-left: 0;
}
.\31 1u\28wide\29, .\31 1u\24\28wide\29 {
 width: 91.6666666667%;
 clear: none;
 margin-left: 0;
}
.\31 0u\28wide\29, .\31 0u\24\28wide\29 {
 width: 83.3333333333%;
 clear: none;
 margin-left: 0;
}
.\39 u\28wide\29, .\39 u\24\28wide\29 {
  width: 75%;
  clear: none;
  margin-left: 0;
}
.\38 u\28wide\29, .\38 u\24\28wide\29 {
  width: 66.6666666667%;
  clear: none;
  margin-left: 0;
}
.\37 u\28wide\29, .\37 u\24\28wide\29 {
  width: 58.3333333333%;
  clear: none;
  margin-left: 0;
}
.\36 u\28wide\29, .\36 u\24\28wide\29 {
  width: 50%;
  clear: none;
  margin-left: 0;
}
.\35 u\28wide\29, .\35 u\24\28wide\29 {
  width: 41.6666666667%;
  clear: none;
  margin-left: 0;
}
.\34 u\28wide\29, .\34 u\24\28wide\29 {
  width: 33.3333333333%;
  clear: none;
  margin-left: 0;
}
.\33 u\28wide\29, .\33 u\24\28wide\29 {
  width: 25%;
  clear: none;
  margin-left: 0;
}
.\32 u\28wide\29, .\32 u\24\28wide\29 {
  width: 16.6666666667%;
  clear: none;
  margin-left: 0;
}
.\31 u\28wide\29, .\31 u\24\28wide\29 {
  width: 8.3333333333%;
  clear: none;
  margin-left: 0;
}
.\31 2u\24\28wide\29 + *, .\31 1u\24\28wide\29 + *, .\31 0u\24\28wide\29 + *, .\39 u\24\28wide\29 + *, .\38 u\24\28wide\29 + *, .\37 u\24\28wide\29 + *, .\36 u\24\28wide\29 + *, .\35 u\24\28wide\29 + *, .\34 u\24\28wide\29 + *, .\33 u\24\28wide\29 + *, .\32 u\24\28wide\29 + *, .\31 u\24\28wide\29 + * {
 clear: left;
}
.\-11u\28wide\29 { margin-left: 91.66667%; }
.\-10u\28wide\29 { margin-left: 83.33333%; }
.\-9u\28wide\29 { margin-left: 75%; }
.\-8u\28wide\29 { margin-left: 66.66667%; }
.\-7u\28wide\29 { margin-left: 58.33333%; }
.\-6u\28wide\29 { margin-left: 50%; }
.\-5u\28wide\29 { margin-left: 41.66667%; }
.\-4u\28wide\29 { margin-left: 33.33333%; }
.\-3u\28wide\29 { margin-left: 25%; }
.\-2u\28wide\29 { margin-left: 16.66667%; }
.\-1u\28wide\29 { margin-left: 8.33333%; }
}
@media screen and (max-width: 1280px) {
.row > * { padding: 40px 0 0 40px; }
.row { margin: -40px 0 -1px -40px; }
.row.uniform > * { padding: 40px 0 0 40px; }
.row.uniform { margin: -40px 0 -1px -40px; }
 .row.\32 00\25 > * {
 padding: 80px 0 0 80px;
}
.row.\32 00\25 {
 margin: -80px 0 -1px -80px;
}
.row.uniform.\32 00\25 > * {
 padding: 80px 0 0 80px;
}
.row.uniform.\32 00\25 {
 margin: -80px 0 -1px -80px;
}
.row.\31 50\25 > * {
 padding: 60px 0 0 60px;
}
.row.\31 50\25 {
 margin: -60px 0 -1px -60px;
}
.row.uniform.\31 50\25 > * {
 padding: 60px 0 0 60px;
}
.row.uniform.\31 50\25 {
 margin: -60px 0 -1px -60px;
}
.row.\35 0\25 > * {
 padding: 20px 0 0 20px;
}
.row.\35 0\25 {
 margin: -20px 0 -1px -20px;
}
.row.uniform.\35 0\25 > * {
 padding: 20px 0 0 20px;
}
.row.uniform.\35 0\25 {
 margin: -20px 0 -1px -20px;
}
.row.\32 5\25 > * {
 padding: 10px 0 0 10px;
}
.row.\32 5\25 {
 margin: -10px 0 -1px -10px;
}
.row.uniform.\32 5\25 > * {
 padding: 10px 0 0 10px;
}
.row.uniform.\32 5\25 {
 margin: -10px 0 -1px -10px;
}
.\31 2u\28normal\29, .\31 2u\24\28normal\29 {
 width: 100%;
 clear: none;
 margin-left: 0;
}
.\31 1u\28normal\29, .\31 1u\24\28normal\29 {
 width: 91.6666666667%;
 clear: none;
 margin-left: 0;
}
.\31 0u\28normal\29, .\31 0u\24\28normal\29 {
 width: 83.3333333333%;
 clear: none;
 margin-left: 0;
}
.\39 u\28normal\29, .\39 u\24\28normal\29 {
  width: 75%;
  clear: none;
  margin-left: 0;
}
.\38 u\28normal\29, .\38 u\24\28normal\29 {
  width: 66.6666666667%;
  clear: none;
  margin-left: 0;
}
.\37 u\28normal\29, .\37 u\24\28normal\29 {
  width: 58.3333333333%;
  clear: none;
  margin-left: 0;
}
.\36 u\28normal\29, .\36 u\24\28normal\29 {
  width: 50%;
  clear: none;
  margin-left: 0;
}
.\35 u\28normal\29, .\35 u\24\28normal\29 {
  width: 41.6666666667%;
  clear: none;
  margin-left: 0;
}
.\34 u\28normal\29, .\34 u\24\28normal\29 {
  width: 33.3333333333%;
  clear: none;
  margin-left: 0;
}
.\33 u\28normal\29, .\33 u\24\28normal\29 {
  width: 25%;
  clear: none;
  margin-left: 0;
}
.\32 u\28normal\29, .\32 u\24\28normal\29 {
  width: 16.6666666667%;
  clear: none;
  margin-left: 0;
}
.\31 u\28normal\29, .\31 u\24\28normal\29 {
  width: 8.3333333333%;
  clear: none;
  margin-left: 0;
}
.\31 2u\24\28normal\29 + *, .\31 1u\24\28normal\29 + *, .\31 0u\24\28normal\29 + *, .\39 u\24\28normal\29 + *, .\38 u\24\28normal\29 + *, .\37 u\24\28normal\29 + *, .\36 u\24\28normal\29 + *, .\35 u\24\28normal\29 + *, .\34 u\24\28normal\29 + *, .\33 u\24\28normal\29 + *, .\32 u\24\28normal\29 + *, .\31 u\24\28normal\29 + * {
 clear: left;
}
.\-11u\28normal\29 { margin-left: 91.66667%; }
.\-10u\28normal\29 { margin-left: 83.33333%; }
.\-9u\28normal\29 { margin-left: 75%; }
.\-8u\28normal\29 { margin-left: 66.66667%; }
.\-7u\28normal\29 { margin-left: 58.33333%; }
.\-6u\28normal\29 { margin-left: 50%; }
.\-5u\28normal\29 { margin-left: 41.66667%; }
.\-4u\28normal\29 { margin-left: 33.33333%; }
.\-3u\28normal\29 { margin-left: 25%; }
.\-2u\28normal\29 { margin-left: 16.66667%; }
.\-1u\28normal\29 { margin-left: 8.33333%; }
}
@media screen and (max-width: 980px) {
.row > * { padding: 30px 0 0 30px; }
.row { margin: -30px 0 -1px -30px; }
.row.uniform > * { padding: 30px 0 0 30px; }
.row.uniform { margin: -30px 0 -1px -30px; }
 .row.\32 00\25 > * {
 padding: 60px 0 0 60px;
}
.row.\32 00\25 {
 margin: -60px 0 -1px -60px;
}
.row.uniform.\32 00\25 > * {
 padding: 60px 0 0 60px;
}
.row.uniform.\32 00\25 {
 margin: -60px 0 -1px -60px;
}
.row.\31 50\25 > * {
 padding: 45px 0 0 45px;
}
.row.\31 50\25 {
 margin: -45px 0 -1px -45px;
}
.row.uniform.\31 50\25 > * {
 padding: 45px 0 0 45px;
}
.row.uniform.\31 50\25 {
 margin: -45px 0 -1px -45px;
}
.row.\35 0\25 > * {
 padding: 15px 0 0 15px;
}
.row.\35 0\25 {
 margin: -15px 0 -1px -15px;
}
.row.uniform.\35 0\25 > * {
 padding: 15px 0 0 15px;
}
.row.uniform.\35 0\25 {
 margin: -15px 0 -1px -15px;
}
.row.\32 5\25 > * {
 padding: 7.5px 0 0 7.5px;
}
.row.\32 5\25 {
 margin: -7.5px 0 -1px -7.5px;
}
.row.uniform.\32 5\25 > * {
 padding: 7.5px 0 0 7.5px;
}
.row.uniform.\32 5\25 {
 margin: -7.5px 0 -1px -7.5px;
}
.\31 2u\28narrower\29, .\31 2u\24\28narrower\29 {
 width: 100%;
 clear: none;
 margin-left: 0;
}
.\31 2u\28narrow\29, .\31 2u\24\28narrow\29 {
 width: 100%;
 clear: none;
 margin-left: 0;
}
.\31 1u\28narrow\29, .\31 1u\24\28narrow\29 {
 width: 91.6666666667%;
 clear: none;
 margin-left: 0;
}
.\31 0u\28narrow\29, .\31 0u\24\28narrow\29 {
 width: 83.3333333333%;
 clear: none;
 margin-left: 0;
}
.\39 u\28narrow\29, .\39 u\24\28narrow\29 {
  width: 75%;
  clear: none;
  margin-left: 0;
}
.\38 u\28narrow\29, .\38 u\24\28narrow\29 {
  width: 66.6666666667%;
  clear: none;
  margin-left: 0;
}
.\37 u\28narrow\29, .\37 u\24\28narrow\29 {
  width: 58.3333333333%;
  clear: none;
  margin-left: 0;
}
.\36 u\28narrow\29, .\36 u\24\28narrow\29 {
  width: 50%;
  clear: none;
  margin-left: 0;
}
.\35 u\28narrow\29, .\35 u\24\28narrow\29 {
  width: 41.6666666667%;
  clear: none;
  margin-left: 0;
}
.\34 u\28narrow\29, .\34 u\24\28narrow\29 {
  width: 33.3333333333%;
  clear: none;
  margin-left: 0;
}
.\33 u\28narrow\29, .\33 u\24\28narrow\29 {
  width: 25%;
  clear: none;
  margin-left: 0;
}
.\32 u\28narrow\29, .\32 u\24\28narrow\29 {
  width: 16.6666666667%;
  clear: none;
  margin-left: 0;
}
.\31 u\28narrow\29, .\31 u\24\28narrow\29 {
  width: 8.3333333333%;
  clear: none;
  margin-left: 0;
}
.\31 2u\24\28narrow\29 + *, .\31 1u\24\28narrow\29 + *, .\31 0u\24\28narrow\29 + *, .\39 u\24\28narrow\29 + *, .\38 u\24\28narrow\29 + *, .\37 u\24\28narrow\29 + *, .\36 u\24\28narrow\29 + *, .\35 u\24\28narrow\29 + *, .\34 u\24\28narrow\29 + *, .\33 u\24\28narrow\29 + *, .\32 u\24\28narrow\29 + *, .\31 u\24\28narrow\29 + * {
 clear: left;
}
.\-11u\28narrow\29 { margin-left: 91.66667%; }
.\-10u\28narrow\29 { margin-left: 83.33333%; }
.\-9u\28narrow\29 { margin-left: 75%; }
.\-8u\28narrow\29 { margin-left: 66.66667%; }
.\-7u\28narrow\29 { margin-left: 58.33333%; }
.\-6u\28narrow\29 { margin-left: 50%; }
.\-5u\28narrow\29 { margin-left: 41.66667%; }
.\-4u\28narrow\29 { margin-left: 33.33333%; }
.\-3u\28narrow\29 { margin-left: 25%; }
.\-2u\28narrow\29 { margin-left: 16.66667%; }
.\-1u\28narrow\29 { margin-left: 8.33333%; }
}
@media screen and (max-width: 840px) {
.row > * { padding: 30px 0 0 30px; }
.row { margin: -30px 0 -1px -30px; }
.row.uniform > * { padding: 30px 0 0 30px; }
.row.uniform { margin: -30px 0 -1px -30px; }
 .row.\32 00\25 > * {
 padding: 60px 0 0 60px;
}
.row.\32 00\25 {
 margin: -60px 0 -1px -60px;
}
.row.uniform.\32 00\25 > * {
 padding: 60px 0 0 60px;
}
.row.uniform.\32 00\25 {
 margin: -60px 0 -1px -60px;
}
.row.\31 50\25 > * {
 padding: 45px 0 0 45px;
}
.row.\31 50\25 {
 margin: -45px 0 -1px -45px;
}
.row.uniform.\31 50\25 > * {
 padding: 45px 0 0 45px;
}
.row.uniform.\31 50\25 {
 margin: -45px 0 -1px -45px;
}
.row.\35 0\25 > * {
 padding: 15px 0 0 15px;
}
.row.\35 0\25 {
 margin: -15px 0 -1px -15px;
}
.row.uniform.\35 0\25 > * {
 padding: 15px 0 0 15px;
}
.row.uniform.\35 0\25 {
 margin: -15px 0 -1px -15px;
}
.row.\32 5\25 > * {
 padding: 7.5px 0 0 7.5px;
}
.row.\32 5\25 {
 margin: -7.5px 0 -1px -7.5px;
}
.row.uniform.\32 5\25 > * {
 padding: 7.5px 0 0 7.5px;
}
.row.uniform.\32 5\25 {
 margin: -7.5px 0 -1px -7.5px;
}

.\31 1u\28narrower\29, .\31 1u\24\28narrower\29 {
 width: 91.6666666667%;
 clear: none;
 margin-left: 0;
}
.\31 0u\28narrower\29, .\31 0u\24\28narrower\29 {
 width: 83.3333333333%;
 clear: none;
 margin-left: 0;
}
.\39 u\28narrower\29, .\39 u\24\28narrower\29 {
  width: 75%;
  clear: none;
  margin-left: 0;
}
.\38 u\28narrower\29, .\38 u\24\28narrower\29 {
  width: 66.6666666667%;
  clear: none;
  margin-left: 0;
}
.\37 u\28narrower\29, .\37 u\24\28narrower\29 {
  width: 58.3333333333%;
  clear: none;
  margin-left: 0;
}
.\36 u\28narrower\29, .\36 u\24\28narrower\29 {
  width: 50%;
  clear: none;
  margin-left: 0;
}
.\35 u\28narrower\29, .\35 u\24\28narrower\29 {
  width: 41.6666666667%;
  clear: none;
  margin-left: 0;
}
.\34 u\28narrower\29, .\34 u\24\28narrower\29 {
  width: 33.3333333333%;
  clear: none;
  margin-left: 0;
}
.\33 u\28narrower\29, .\33 u\24\28narrower\29 {
  width: 25%;
  clear: none;
  margin-left: 0;
}
.\32 u\28narrower\29, .\32 u\24\28narrower\29 {
  width: 16.6666666667%;
  clear: none;
  margin-left: 0;
}
.\31 u\28narrower\29, .\31 u\24\28narrower\29 {
  width: 8.3333333333%;
  clear: none;
  margin-left: 0;
}
.\31 2u\24\28narrower\29 + *, .\31 1u\24\28narrower\29 + *, .\31 0u\24\28narrower\29 + *, .\39 u\24\28narrower\29 + *, .\38 u\24\28narrower\29 + *, .\37 u\24\28narrower\29 + *, .\36 u\24\28narrower\29 + *, .\35 u\24\28narrower\29 + *, .\34 u\24\28narrower\29 + *, .\33 u\24\28narrower\29 + *, .\32 u\24\28narrower\29 + *, .\31 u\24\28narrower\29 + * {
 clear: left;
}
.\-11u\28narrower\29 { margin-left: 91.66667%; }
.\-10u\28narrower\29 { margin-left: 83.33333%; }
.\-9u\28narrower\29 { margin-left: 75%; }
.\-8u\28narrower\29 { margin-left: 66.66667%; }
.\-7u\28narrower\29 { margin-left: 58.33333%; }
.\-6u\28narrower\29 { margin-left: 50%; }
.\-5u\28narrower\29 { margin-left: 41.66667%; }
.\-4u\28narrower\29 { margin-left: 33.33333%; }
.\-3u\28narrower\29 { margin-left: 25%; }
.\-2u\28narrower\29 { margin-left: 16.66667%; }
.\-1u\28narrower\29 { margin-left: 8.33333%; }
}
@media screen and (max-width: 736px) {
.row > * { padding: 30px 0 0 30px; }
.row { margin: -30px 0 -1px -30px; }
.row.uniform > * { padding: 30px 0 0 30px; }
.row.uniform { margin: -30px 0 -1px -30px; }
.row.\32 00\25 > * {
 padding: 60px 0 0 60px;
}
.row.\32 00\25 {
 margin: -60px 0 -1px -60px;
}
.row.uniform.\32 00\25 > * {
 padding: 60px 0 0 60px;
}
.row.uniform.\32 00\25 {
 margin: -60px 0 -1px -60px;
}
.row.\31 50\25 > * {
 padding: 45px 0 0 45px;
}
.row.\31 50\25 {
 margin: -45px 0 -1px -45px;
}
.row.uniform.\31 50\25 > * {
 padding: 45px 0 0 45px;
}
.row.uniform.\31 50\25 {
 margin: -45px 0 -1px -45px;
}
 .row.\35 0\25 > * {
 padding: 15px 0 0 15px;
}
.row.\35 0\25 {
 margin: -15px 0 -1px -15px;
}
.row.uniform.\35 0\25 > * {
 padding: 15px 0 0 15px;
}
.row.uniform.\35 0\25 {
 margin: -15px 0 -1px -15px;
}
.row.\32 5\25 > * {
 padding: 7.5px 0 0 7.5px;
}
.row.\32 5\25 {
 margin: -7.5px 0 -1px -7.5px;
}
.row.uniform.\32 5\25 > * {
 padding: 7.5px 0 0 7.5px;
}
.row.uniform.\32 5\25 {
 margin: -7.5px 0 -1px -7.5px;
}
.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
 width: 100%;
 clear: none;
 margin-left: 0;
}
.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
 width: 91.6666666667%;
 clear: none;
 margin-left: 0;
}
.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
 width: 83.3333333333%;
 clear: none;
 margin-left: 0;
}
.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
  width: 75%;
  clear: none;
  margin-left: 0;
}
.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
  width: 66.6666666667%;
  clear: none;
  margin-left: 0;
}
.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
  width: 58.3333333333%;
  clear: none;
  margin-left: 0;
}
.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
  width: 50%;
  clear: none;
  margin-left: 0;
}
.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
  width: 41.6666666667%;
  clear: none;
  margin-left: 0;
}
.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
  width: 33.3333333333%;
  clear: none;
  margin-left: 0;
}
.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
  width: 25%;
  clear: none;
  margin-left: 0;
}
.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
  width: 16.6666666667%;
  clear: none;
  margin-left: 0;
}
.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
  width: 8.3333333333%;
  clear: none;
  margin-left: 0;
}
.\31 2u\24\28mobile\29 + *, .\31 1u\24\28mobile\29 + *, .\31 0u\24\28mobile\29 + *, .\39 u\24\28mobile\29 + *, .\38 u\24\28mobile\29 + *, .\37 u\24\28mobile\29 + *, .\36 u\24\28mobile\29 + *, .\35 u\24\28mobile\29 + *, .\34 u\24\28mobile\29 + *, .\33 u\24\28mobile\29 + *, .\32 u\24\28mobile\29 + *, .\31 u\24\28mobile\29 + * {
 clear: left;
}
.\-11u\28mobile\29 { margin-left: 91.66667%; }
.\-10u\28mobile\29 { margin-left: 83.33333%; }
.\-9u\28mobile\29 { margin-left: 75%; }
.\-8u\28mobile\29 { margin-left: 66.66667%; }
.\-7u\28mobile\29 { margin-left: 58.33333%; }
.\-6u\28mobile\29 { margin-left: 50%; }
.\-5u\28mobile\29 { margin-left: 41.66667%; }
.\-4u\28mobile\29 { margin-left: 33.33333%; }
.\-3u\28mobile\29 { margin-left: 25%; }
.\-2u\28mobile\29 { margin-left: 16.66667%; }
.\-1u\28mobile\29 { margin-left: 8.33333%; }
}
/* Basic */

body {
  background: #FFF;
  overflow-x:hidden;  
}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
  -moz-animation: none !important;
  -webkit-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

body, input, select, textarea {
  color: #222;
  font-family: "Microsoft JhengHei", '微軟正黑體', sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.8em;
}
a {
  -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  color: #004A97;
  text-decoration: none;  
}
a:hover { color:#222; }
strong, b { font-weight: 600; }
p, ul, ol, dl, table, blockquote {
  margin: 0 0 1em 0;
  font-size:15px;
  line-height: 1.8em;
  text-align:left;
}
div {
  font-size:15px;
  line-height: 1.8em;
  text-align:left;
}
p.titleh3 {
  font-size:1.75em;
  font-weight:600;
  margin: 0 0 0.5em 0;
  color:#1A1A1A;
}
p.titleh4 {
  font-size:1.5em;
  font-weight:600;
  margin: 0 0 0.5em 0;
  color:#1A1A1A;
}
h1, h2, h3, h4, h5, h6 {
  color: #1A1A1A;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  /*text-transform: uppercase;*/
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #004A97;
  text-decoration: none;
  border: 0;
}
h1 {font-size: 1.8em;
  letter-spacing: 0.015em;}
h2 {
  font-size: 1.6em;
  letter-spacing: 0.015em;
}
h3 {
  font-size: 1.5em;
  letter-spacing: 0.015em;
}
h4 {
  font-size: 1.4em;
  letter-spacing: 0.015em;
}
sub {
  font-size: 0.8em;
  position: relative;
  top: 0.5em;
}
sup {
  font-size: 0.8em;
  position: relative;
  top: -0.5em;
}
hr {
  border-top: solid 1px rgba(124, 128, 129, 0.2);
  margin: 1.5em 0;
}
blockquote {
  border-left: solid 0.5em rgba(124, 128, 129, 0.2);
  font-style: italic;
  padding: 1em 0 1em 2em;
}
.clr { clear:both; }
.mobile {display:none !important;}

/* Section/Article */
section.special, article.special { text-align: left; }
section.special .row { text-align: left; }
header.major { padding-bottom: 2em; }
header.special {
  margin-bottom: 5em;
  padding-top: 1.5em;
  position: relative;
  text-align: center;
}
header.special p { text-align:left; }
header.special h2::before, header.special h2::after {
  border-bottom: solid 1.5px;
  border-top: solid 1.5px;
  content: '';
  height: 7px;
  opacity: 0.1;
  position: absolute;
  top: 1.5em;
  width: 40%;
}
header.special h2::before { left: 0; }
header.special h2::after { right: 0; }
header.special h2 {
  margin-bottom: 0;
  font-size:2em;
}
header.special h2 + p {
  margin-bottom: 0;
  padding-top: 1.5em;
}
header.special .icon {
  cursor: default;
  height: 7em;
  left: 0;
  position: absolute;
  text-align: center;
  top: 1em;
  width: 100%;
}
header.special .icon:before {
  font-size: 3.5em;
  opacity: 0.35;
}
/* Form */
input[type="text"], input[type="search"], input[type="password"], input[type="email"], textarea {
  -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  border: solid 1px rgba(124, 128, 129, 0.3);
  color: inherit;
  display: block;
  padding: 0.6em;
  text-decoration: none;
  width: 100%;
  outline: 0;
}
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border-color: rgba(155,69,142,0.5); }
input[type="text"], input[type="search"], input[type="password"], input[type="email"] { line-height: 1em; }
input[type="search"] {
  width:80%;
  display:inline-block;
 *display:inline;
}
::-webkit-input-placeholder {
 color: inherit;
 opacity: 0.5;
 position: relative;
 top: 3px;
}
:-moz-placeholder {
 color: inherit;
 opacity: 0.5;
}
::-moz-placeholder {
 color: inherit;
 opacity: 0.5;
}
:-ms-input-placeholder {
 color: inherit;
 opacity: 0.5;
}
.formerize-placeholder { color: rgba(124, 128, 129, 0.5) !important; }

/* Image */
.image {
  border: 0;
  position: relative;
}
.image:before {
  background: url("images/overlay.png");
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.image.fit { display: block; }
.image.fit img {
  display: block;
  width: 100%;
}
.image.featured {
  display: block;
  margin: 0 0 2em 0;
}
.image.featured img {
  display: block;
  width: 100%;
}
.artical-img {float:right;margin-left:1em;}

/* Icon */
.icon {
  text-decoration: none;
  position: relative;
}
.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}
.icon.circle {
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 0;
  border-radius: 100%;
  display: inline-block;
  font-size: 1.25em;
  height: 2.25em;
  left: 0;
  line-height: 2.25em;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 2.25em;
}
.icon.circle:hover { top: -0.2em; }
.icon.circle.fa-twitter {
  background: #70aecd;
  color: #fff;
}
.icon.circle.fa-twitter:hover { background: #7fb7d2; }
.icon.circle.fa-facebook {
  background: #7490c3;
  color: #fff;
}
.icon.circle.fa-facebook:hover { background: #829bc9; }
.icon.circle.fa-google-plus {
  background: #db6b67;
  color: #fff;
}
.icon.circle.fa-google-plus:hover { background: #df7b77; }
.icon.circle.fa-github {
  background: #dcad8b;
  color: #fff;
}
.icon.circle.fa-github:hover { background: #e1b89b; }
.icon.circle.fa-dribbble {
  background: #da83ae;
  color: #fff;
}
.icon.circle.fa-dribbble:hover { background: #df93b8; }
.icon.featured {
  cursor: default;
  display: block;
  margin: 0 0 1.5em 0;
text-align: center;
}
.icon.featured:before {
  font-size: 5em;
  line-height: 1em;
}
.icon > .label { display: none; }
.icon.featured > img {
  width:65%;
  height:auto;
  border-radius:50%;
  border-width: 4px;
  border-color:#FFF;
  border-style: solid;
  -webkit-box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4);
  -moz-box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4);
  box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4);
}

/* List */
ol.default {
  list-style: decimal;
  list-style-position: inherit;
  padding-left: 0em;
  margin-left:2.5em;
}
ol.default li { padding-left: 0em; }
ul.default {
  list-style: disc;
  padding-left: 0em;
  margin-left:2em;
}
ul.default li {
  padding-left: 0em;  
  margin-bottom:0em;
}

ul.breadcrumb {
  text-align:right;
  font-size:0.8em;  
  margin-bottom:1em;
}
ul.breadcrumb li { display:inline-block; }
ul.pagenav li {
  display:inline-block;
  width:49%;
}
ul.pagenav li.next { text-align:right; }

/* Table */
table.default { width: 100%; border:4px solid #eee;}
table.default { width: 100%; margin-bottom:2em; }
table.default tbody tr { }
table.default td { padding: 0.1em 0.2em 0.1em 0.2em;border: solid 1px rgba(124, 128, 129, 0.1);  }
table.default tbody tr:first-child {font-weight:400;background-color:#eee;}
table.default td:first-child{width:7em;color:#116FCE;}
table.default th {
  font-weight: 600;
  padding: 0.5em 1em 0.5em 1em;
  text-align: left;
}
table.default thead {
  background: #7c8081;
  color: #fff;
}

/* Button */
input[type="button"], input[type="submit"], input[type="reset"], .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background: none;
  border: solid 1px;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  min-width: 18em;
  padding: 0 0.75em;
  line-height: 3.75em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {
  background: rgba(188, 202, 206, 0.15);
  border-color: inherit;
}
input[type="button"].special, input[type="submit"].special, input[type="reset"].special, .button.special {
  background: rgba(155,69,142,0.2);
  border-color: #9B458E;
  color: #222 !important;
}
input[type="button"].special:hover, input[type="submit"].special:hover, input[type="reset"].special:hover, .button.special:hover {
  background: rgba(155,69,142,0.5) !important;
  border-color: #9B458E !important;
}
input[type="button"].fit, input[type="submit"].fit, input[type="reset"].fit, .button.fit { width: 5em; }
input[type="button"].small, input[type="submit"].small, input[type="reset"].small, .button.small {
  font-size: 0.7em;
  min-width: 14em;
  padding: 0.5em 0;
}
.button.round { border-radius:50%; }
.btn {
  padding:0.6em;
  cursor:pointer;
}
.btn-group.pull-left {
  float:none;
  width:49%;
  display:inline-block;
}

/* Wrapper */
body.enterpage .wrapper.container {display:none;}	    
#logo {
  paddding:0px; text-align:center;margin-bottom:0.2em;
}
#logo a { border-bottom:0px; }

/* Header */
#header { 
text-align:center;
  color: inherit;
  cursor: default;  
  padding: 0em 0em 0em; 
  height:auto;
  top: 0;
  width: 100%;
  z-index: 999;
}
#header nav { 
  width:100%; 
  letter-spacing: 0.0em;  
  text-transform: uppercase;
  background: #004187;  
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);}
#header nav ul { margin:0 0 0 0; text-align:center;width:100%; }
#header nav ul li {
  display: inline-block;
 *display:inline;  
}
#header nav ul li > ul { display: none; }
#header nav ul li a {
  width:114px;
  font-weight:500;
  border: solid 0px transparent;  
  color: inherit;
  display: inline-block;
  padding: 0.5em 0em 0.3em;
  text-decoration: none;
  color:#FFF;margin-top:1px;
}
#header nav ul li.item-117 a ,#header nav ul li.item-120 a{width:134px;}
#header nav ul li.change {position:absolute;left:0.5em;top:74px;width:6em;}
#header nav ul li a.change {line-height: 30px; height:30px;padding: 0em 0em;background:#65656A;margin-left:15px;}
#header nav ul li.change:before {  
  display:inline-block;position:absolute;
  width:15px;
  background-image:url(../../../../images/backarrow_30.png);   
  content: '';  
  height:30px;  
    }
#header nav ul li input[type="button"], #header nav ul li input[type="submit"], #header nav ul li input[type="reset"], #header nav ul li .button {
  font-size: 1em;
  min-width: 0;
  width: auto;
}
#header nav ul li > a.submenu { text-decoration: none; }
#header nav ul li > a.submenu:before,#header nav ul li > a.shopping-bag:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  margin-right: 0.3em;
}
#header nav ul li > a.submenu:before { content: '\f107'; }
#header nav ul li > a.shopping-bag:before { content: '\f217'; }

#header nav ul li.active > a, #header nav ul li:hover > a, #header nav ul li.current > a{
  background: #FFF;
  color:#222;
  }
#header nav ul li:hover > a {background:#CFD9E6;}

/* Dropotron */
.dropotron {
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size:100%;
  line-height: 2.2em;
  width:114px;height:auto;  
  padding: 8px 0;
  text-transform: uppercase;
  margin-top: calc(-0.5em - 2px); 
  border: solid 1px #ddd;  
}
body.aline .dropotron,body.bline .dropotron{width:260px;height:18.5em;}

.dropotron.level-0 {
  font-weight: 400;
  margin-top: 0em;
}
.dropotron.level-0:before {}
.dropotron > li {text-align:center;}
.dropotron > li > a {
  -moz-transition: none;
  -webkit-transition: none;
  -ms-transition: none;
  transition: none;
  color: #000000;
  text-decoration: none;
  padding: 0em 1em;
  border: 0;  
}
.dropotron > li:hover > a {color: #004A97;}
.dropotron > li:first-child { border-top: 0; }
.dropotron > li.left {width:134px;display:block;text-align:center;}
.dropotron > li.right {width:114px;display:block;position:absolute;border-left:1px solid #ddd;}
.dropotron > li.right.tag1{right:0;top:0.5em;}
.dropotron > li.right.tag2{right:0;top:2.7em;}
.dropotron > li.right.tag3{right:0;top:4.9em;}
.dropotron > li.right.tag4{right:0;top:7.1em;}
.dropotron > li.right.tag5{right:0;top:9.3em;}
.dropotron > li.right.tag6{right:0;top:11.5em;}
.dropotron > li.right.tag7{right:0;top:13.7em;}
.dropotron > li.right.tag8{right:0;top:15.9em;}
.dropotron > li.right.tag9{right:0;top:18.1em;}
.dropotron > li.right.tag10{right:0;top:20.3em;}
.dropotron > li.ns01:before{content:url(../../../../images/logo_ns.jpg); }
.dropotron > li.ex01:before{content:url(../../../../images/logo_ex.jpg); }

/* Banner */
#banner {width:100%;height:100%;position:relative;margin-bottom:40px;}
#banner .custom .aline,#banner .custom .bline {display:inline-block;width:50%;height:auto;margin:0 0 0 0;position:relative;}
#banner .custom .aline {float:left;}
#banner .custom .bline {float:right;}
#banner .custom .aline img,#banner .custom .bline img {display:table;max-width:100%;}
#banner .custom .aline img {float:right;}
#banner .custom .aline>a,#banner .custom .bline>a  {display:block;width:100%;height:100%;}

/* 商品分類頁隱藏sidebar, 設成單欄 */	
.layout-blog.oneblock .wrapper > .row > .\34 u,
body.view-tag .wrapper > .row > .\34 u
{display:none;}
.layout-blog.oneblock .wrapper > .row > .\38 u,
body.view-tag .wrapper > .row > .\38 u
{width:100%;}

/* right sidebar */	
.sidebar>div { margin-bottom:1em;margin-left:1em; }
.sidebar>div.event {margin-bottom:0em;}
.sidebar>div.event .banneritem {text-align:center;}
.sidebar>div.event img {max-width:100%;}
.search { text-align:center; }
.search input[type="search"] { margin:auto; }
.well h3,.well h2 { 
  font-size:1.2em;
  text-transform:none;
  line-height:2.2em; 
  padding-top:1px; 
  color:#FFF;
  background-color:#00A1DF;
  text-align:center; 
  letter-spacing:0.025em;
  margin-bottom:0em;
  padding-bottom:0em;
}
.well ul li {
  list-style-type: none;
  margin:0 0 0.5em 0em;  
  line-height:1.6em;   
 
}
.well ul li a {
  display:block;
  width:100%;
  height:100%;
  padding:0 0 0 0em;  
  border-bottom:0px;
}
.well ul li a.active, .well ul li a:hover, .well ul li a:focus {
  background-color:#eee;
  color:#1A1A1A;
}
.well ul.category-module > * {position:relative;}
.well ul.category-module {border:1px solid #fff;}
.well ul.category-module li a {padding:0.3em;}
.well ul.category-module a img {width:20%;min-width:60px;height:auto;display:table;}
.well ul.category-module .mod-articles-category-introtext {position:absolute; left:24%;width:75%;top:0.2em;line-height:1.4em;margin-bottom:0.3em;margin-left:0.3em;font-size:1em; }
.mainlist {text-align:center;}
.mainlist .well {width:30%;display:inline-block;height:100%;margin:0 1%;vertical-align:top;}
.mainlist .well.sp {margin-right:66%;}

/* Main */   
#main { padding: 1.5em 1.5em 2.5em 1.5em;}
#main > :last-child { margin-bottom: 0;}
#main .sidebar section {  
  margin: 3em 0 0 0;
  padding: 3em 0 0 0;
}
#main .sidebar section:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
 
/* inside content */
.categories-list h3 {
  font-size:1.5em;
  line-height:1.4em;
}
.badge:before { content:"("; }
.badge:after { content:")"; }

.items-row.cols-4 .item-image img {width:200px;height:auto;}
.layout-blog .ptitle > * ,.item-page .ptitle > *{text-align:center;}
.layout-blog .ptitle h2 {font-size:1.2em;margin-bottom:0em;}
.layout-blog .ptitle p ,.item-page .ptitle p {font-size:0.9em;}
.item-page .ptitle h1 {font-size:1.8em;font-weight:600;margin-bottom:0em;}

.items-row p.titlecheck:first-child {margin-top:0em !important;}
.items-row.cols-4 {text-align:center;}
.items-row.cols-4 .span3 {width:24%;display:inline-block;vertical-align:top;} 
.tag-category ul.list-striped {text-align:center;}
.tag-category ul.list-striped li {width:24%;display:inline-block;vertical-align:top;}
.tag-category ul.list-striped li > h3 {display:none;}
.tag-category ul.list-striped li img {width:200px;height:auto;margin:0 auto 1em;display:table;}
.tag-category ul.list-striped li .ptitle h2 {text-align:center;font-size:1.2em;margin-bottom:0em;}
.tag-category ul.list-striped li .ptitle p {font-size:0.9em;text-align:center;}

.item-page .ptitle h2,.item-page .ptitle p{text-align:center;margin-bottom:0em;}
.item { height:100%; }
.item-image {margin-bottom:1em;}
.item-image img {max-width:100%;height:auto; }
.item-page p img, .item-page img, .blog p img, .blog img {
  display:block;max-width:100%;height:auto;margin:auto;
}
.item-page table.stylea {
  width:90%;
  margin:auto;
  border:4px solid #ccc;
  margin-bottom:1em;
}
.item-page table.stylea td {
  border:2px solid #DDD;
  padding:2px;
}
.item-page table.stylea td p { margin:0 0 0 0; }

.blog.newsflash .page-header ,.item-page.newsflash .page-header,.page-header{background-color:#eee;min-height:2em;padding-top:0.5em;padding-bottom:0.5em;margin-bottom:1em;}
.blog.newsflash .page-header h2,.item-page.newsflash .page-header h2,.page-header h1{text-align:center;font-weight:600;margin-bottom:0em;}
.blog.newsflash header,.item-page.newsflash header {text-align:center;padding:1em;font-size:1.2em;}
.blog.newsflash header strong,.item-page.newsflash header strong {font-size:1.3em;}

.blog.newsflash h2, .item-page.newsflash h2{font-weight:600;color:#00A1DF;margin-top:1em;}
.blog.newsflash p, .item-page.newsflash p {margin: 0 0 0 0;}
.blog.newsflash ul.default, .item-page.newsflash ul.default {margin-top:0.5em;font-size:0.9em;}
.blog.newsflash .row-0 {margin-bottom:3em;}

.blog ul.tags {display:none;}

.page-header.h2 {background-color:#eee;line-height:1.2em;padding:0.5em;margin-bottom:0.3em;font-size:1.5em;text-align:center;font-weight:600;}
.shoplogo {width:100%;text-align:center;}
.shoplogo a {display:inline-block;width:12%;margin:0.05%;}
.shoplogo a img {max-width:100%;}
.shoplogo.b a {display:inline-block;width:30%;margin:1%;}
.shoplogo.b img {max-width:100%;}

p.readmore { display:inline-block;width:auto; background-color:rgba(244,141,157,.5);}
p.readmore a { border-bottom:0px;}
p.relitem a {background-color:rgba(133,60,122,0.9);padding:0.2em 0.5em;color:#FFF;border-radius:3px;}

.pagination-list li {display:inline-block;width:2em;}

.search.result { text-align:justify; }

#searchForm fieldset {
  margin-top:2em;
  border-top:1px dashed #ccc;
}
#searchForm fieldset.only { display:none; }
.phrases-box { display:inline-block; *display:inline;}
.search-results dt { margin-top:1em; }
.search-results dd { padding-left:1em; }
.highlight { color:#E04425; }
.clearfix { *zoom: 1;}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after { clear: both; }

table.wdform_table1 {
  width:auto;
  margin:auto;
}
.wdform_table2 td {
  vertical-align: middle;
  padding:3px 3px;
}
.wdform_table2 td:first-child {
  width:7em;
  text-align:right;
}
.wdform_table2 td:first-child span { line-height:1.7em; }
.wdform_table2 td>table { margin:0 0 0 0;width:100%; }
.wdform_table2 td>table td:first-child {
  width:auto;
  text-align:left;
}
.wdform_table2 td>table td {
  display:inline-block;
*display:inline;
  text-align:left;
  float:left;
}
.wdform_table2 td>table td button {
  margin:5px;
  padding:3px 6px;
}
.wdform_table2 td>table td button:hover { cursor:pointer; }
.wdform_table2 td#4_label_and_element_section1:first-child {width:100%;}
.wdform_table2 td>table td.sendbtn {float:none;text-align:center;width:100%;}
.captcha_refresh {
  width: 30px;
  height: 30px;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(../../images/refresh_black.png);
}
#system-message {
  padding:2em;
  background-color:#FFF;
  border-radius:0.3em;
}
a.close {
  display:inline-block;
*display:inline;
  padding:0.5em;
}
a.close:hover { cursor: pointer; }
h4.alert-heading {
  display:inline-block;
*display:inline;
  margin:0 0 0 0;
}
.item-page li{ margin-bottom:0em; }
.well ul li .mod-articles-category-category a {
  display:inline-block;
  width:auto;
}
.well ul li .mod-articles-category-category, .mod-articles-category-date {
  line-height:1.1em;
  font-size:12px;
}
.itemid-126 .items-row, .itemid-178 .items-row {
  border:0px;
  box-shadow:0 0 0;
}
.itemid-126 .items-row h4, .itemid-178 .items-row h4 {
  margin-top:1.5em;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  padding:0.2em;
  text-align:center;
}
.itemid-126 .items-row h4:first-child, .itemid-178 .items-row h4:first-child{margin-top:0em;}

#login-form { text-align:center; }
.login-greeting, .logout-button {
  display:inline;
  line-height:1em;
}
.logout-button input[type="submit"] {
  padding:1em;
  min-width:3em;
  line-height:1em;
}

#infobox { padding-top:0em;}
#infobox .row { margin: 0px 0 0px 0px; }
#infobox .row > div {
  padding:0.2em;
  display:inline-block;
  vertical-align:text-top;
  margin-bottom:1em;
}
#infobox .row .span-2 {
  width:15%;
  background-color:#eee; 
  text-align:center;
}
#infobox .row .span-10 {
  width:85%;
  padding:0 0.5em 0 0.5em;
  
}
#infobox .row ol {
  list-style-type:decimal;
  margin-left:2em;
}
#infobox .row .span-10 img { max-width:100%; }

.closed {  display:none; }
    
ul.tags {width:auto;text-align:right;margin-top:1em;}	
ul.tags:before {font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: '\f02c';
    font-size: 1.2em;
    margin-right: 0.2em;}	
ul.tags li {display:inline-block;margin-right:0.2em;}	
ul.tags li a {padding:0.2em 0.5em;border:1px solid #AED2ED;border-radius:6px;background-color:#AED2ED;}	
ul.tags li a:hover {background-color:#fff;}

/* CTA */
/* Footer */
#footer {  
  color:#000;
  background: #ffffff;  
  padding: 1em;  
  border-top:3px solid #ccc;
}
#footer ul,#footer p{font-size:15px;text-align:center;margin-bottom:0.5em;line-height:1.4em;}
ul.navlist {width:100%;color:#000;}
ul.navlist li {display:inline-block;margin:0 0.3em; position: relative;}
ul.navlist.square li:before {
  background: url(../../../../images/square.jpg) no-repeat;
  content: '';
  display:inline-block;
  height: 15px;
  left: 0em;
  position: relative;
  top: 0;
  width: 15px;margin-right:0.2em;}
#footer a {color:#004A97;}
#footer a:hover { color:#000; }
#footer p.copyright {font-size:0.85em;text-align:center;}

/* Wide */
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1280px) {
/* Header */
#header nav ul {margin-left:3em;}
}
/* Narrow */
#navPanel, #navButton { display: none; }
@media screen and (max-width: 980px) {
/* Basic */
body, input, select, textarea {
  font-size: 15px;
  letter-spacing: 0.025em;
  line-height: 1.5em;
}
p, ul, ol, dl, table, blockquote, div { font-size: 15px; }
/* Header */
#header {
-webkit-box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4);
  -moz-box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4);
  box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4);   
  height:52px; position:fixed;top:0px;width:100%;background:#FFF;
    }
#header img {height:42px;width:auto;}   
#nav { display: none; }
/* Banner */
.mobile {display:block;}
.forpc {display:none;}
#banner {margin-top:52px;}
.mainlist .well {width:100%;display:block;margin:auto;}
.mainlist .well ul li {display:inline-block;width:49%;}
.well ul.category-module .mod-articles-category-introtext {font-size:0.95em;line-height:1.6em;margin-top:0.3em;}
.well{max-width:100%;}
.sidebar>div {margin:auto;}
/* Main */	
#main { padding: 5em 1.5em 1.5em 1.5em; } 
#banner + #main { padding: 1em 1.5em 1.5em 1.5em;}
.blog-featured .items-row {margin-bottom: 0em;}
.blog-featured .items-row .span6{max-width:560px;width:560px;display:block;margin:auto;}	

input[type="search"] { width:12em; }
.items-row.cols-4 .span3 {width:49%;}
.shoplogo a {width:110px;}

/* Off-Canvas Navigation */ 
#page-wrapper {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: -moz-transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 1s ease;
  padding-bottom: 1px;  
}
#navButton {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: -moz-transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
  display: block;  
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto 90%;
  height: 52px;  
  left: 0;
  position:fixed;
  top: 0;
  width: 80px;
  z-index: 10001;
}
#navButton .toggle {
  text-decoration: none;
  height: 52px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 80px;
  border: 0;
  outline: 0;
}
#navButton .toggle:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}
#navButton .toggle:before {
  color: #fff;
  content: '\f0c9';
  font-size: 1em;
  height: 32px;
  left: 10px;
  line-height: 32px;
  opacity: 0.5;
  position: absolute;
  top: 10px;
  width: 52px;
  z-index: 1;
}
#navButton .toggle:after {
  background: rgba(22, 22, 22, 0.75);
  border-radius: 2px;
  content: '';
  height: 32px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 52px;
}
#navPanel {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: translateX(-200px);
  -webkit-transform: translateX(-200px);
  -ms-transform: translateX(-200px);
  transform: translateX(-200px);
  -moz-transition: -moz-transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
  display: block;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 200px;
  z-index: 10002;
  background: #CFD9E6;
  color: #000;
  font-size: 1em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  padding: 0em 0em 0em 1em;
}
#navPanel .link {
  border: 0;
  border-top: solid 1px #EBF3FC;
  color: inherit;
  display: block;
  height: 3em;
  line-height: 3em;
  opacity: 0.75;
  text-decoration: none;
  padding-left:1em;font-weight: 600;
  background-color:#FFF;
}
#navPanel .link.depth-1:before {
  content:'\f138';
  font-family: FontAwesome;
  position:absolute;
  left:3em;
  color:#004A97;
}
#navPanel .link.depth-0 {  }
#navPanel .link:first-child { border-top: 0;background-color:#CFD9E6;height:52px;line-height:52px; }

body.aline #navPanel .link:first-child:before, body.bline #navPanel .link:first-child:before{
  content:'\f053';
  font-family: FontAwesome; 
  margin-right:0.3em;
    }
#navPanel .indent-1 {
  display: inline-block;
  width: 2em;
}
#navPanel .indent-2 {
  display: inline-block;
  width: 3em;
}
#navPanel .indent-3 {
  display: inline-block;
  width: 4em;
}
#navPanel .indent-4 {
  display: inline-block;
  width: 5em;
}
#navPanel .indent-5 {
  display: inline-block;
  width: 6em;
}
body.navPanel-visible #page-wrapper > *{
  -moz-transform: translateX(200px);
  -webkit-transform: translateX(200px);
  -ms-transform: translateX(200px);
  transform: translateX(200px);   
}
body.navPanel-visible #navButton {
  -moz-transform: translateX(200px);
  -webkit-transform: translateX(200px);
  -ms-transform: translateX(200px);
  transform: translateX(200px);
  
}
body.navPanel-visible #navPanel {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

}

/* Narrower */
@media screen and (max-width: 840px) {
/* Basic */
html, body { overflow-x: hidden; }
header.major { padding-bottom: 0.25em; }
header.special h2:before, header.special h2:after { width: 30%; }
header.special h2 + p { padding-top: 1.25em; }
/* Section/Article */
section:first-child { margin-top: 0; }
/* Button */
input[type="button"].small, input[type="submit"].small, input[type="reset"].small, .button.small {
  font-size: 0.8em;
  min-width: 18em;
  padding: 0.75em 0;
}
/* List */
ul.featured-icons { margin: 0; }
ul.featured-icons li {
  display: inline-block;
  float: none;
  width: auto;
}
ul.featured-icons li .icon {
  font-size: 4em;
  width: 1.25em;
}
ul.buttons li {
  display: block;
  padding: 1em 0 0 0;
}
/* Banner */
/* Wrapper */
.wrapper.special-alt { text-align: center; }
/* Main */			
#main .sidebar {
  border-top: solid 1px #eee;
  padding-top: 2em;
}
#main .sidebar section {
  border-top: 0;
  padding-top: 0;
}
.blog.newsflash .\36 u {width:100%;}
.tag-category ul.list-striped li {width:49%;}

/* CTA */
#cta { margin: 0; }
/* Footer */	
#footer { padding: 1.5em 1.5em; }
#footer ul, #footer p {text-align:left;}
ul.navlist {width:100%;}
ul.navlist li {text-align:center;display:block;line-height:2em;margin: 0 0em;}
ul.navlist.square li:before {display:none}
ul.navlist.square li {margin:0.5em 0;}
ul.navlist.square li a{display:block;width:100%;background-color:#eee;}
}
/* Mobile */
@media screen and (max-width: 736px) {
/* Basic */
body { min-width: 320px; }
body, input, select, textarea {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 1.5em;
}
p, ul, ol, dl, table, blockquote, div ,#footer ul, #footer p{ font-size:14px; }
/* Icon */
.icon.circle { font-size: 1em; }
/* Button */
input[type="button"], input[type="submit"], input[type="reset"], .button {
  max-width: 20em;
  width: 100%;
}
input[type="button"].fit, input[type="submit"].fit, input[type="reset"].fit, .button.fit { width: auto; }
/* List */
ul.icons li { padding-left: 0.25em; }
ul.featured-icons li .icon { width: 1.1em; }
ul.buttons { text-align: center; }
/* Wrapper */	
/* Banner */
#banner .custom .aline, #banner .custom .bline{display:block;width:100%;}
/* Main */			
#main {padding: 5em 1.5em 1.5em 1.5em;}
.artical-img {float:none;}
/* Off-Canvas Navigation */
#navButton { height:50px; }
#navButton .toggle:before {
  top: 8px;
  left: 8px;
  width: 50px;
  height: 34px;
  line-height: 34px;
}
#navButton .toggle:after {
  top: 8px;
  left: 8px;
  width: 50px;
  height: 34px;
}
}
 @media screen and (max-width: 640px) {
.blog-featured .items-row .span6{width:100%;}   
.mainlist .well {width:94%;}
.mainlist .well ul li {display:inline-block;width:100%;}
.well ul.category-module p.mod-articles-category-introtext{left:24%; width:auto;font-size:1em;}
.shoplogo.b a ,.shoplogo a{width:100%;}
}
 @media screen and (max-width: 540px) {

.items-row.cols-4 .span3 { width: 100%;}
.tag-category ul.list-striped li {width:100%;}
}
 @media screen and (max-width: 480px) {
 /* Basic */
body, input, select, textarea {
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 1.5em;
}
p, ul, ol, dl, table, blockquote, div ,#footer ul, #footer p{ font-size:13px; }
#header img {height:30px;width:auto;margin-top:10px;margin-left:40px;}
.\38 u, .\36 u, .\34 u {width:100%;}
}