@import url(font-awesome.min.css);
/*
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
*/
/* 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-family: "ubuntu";
		/*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;
	}

/* 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: 0 0 0 0em;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0em;
	}

	.row.uniform.\30 \25 > * {
		padding: 0em 0 0 0em;
	}

	.row.uniform.\30 \25 {
		margin: 0em 0 -1px 0em;
	}

	.row > * {
		padding: 0 0 0 1.5em;
	}

	.row {
		margin: 0 0 -1px -1.5em;
	}

	.row.uniform > * {
		padding: 1.5em 0 0 1.5em;
	}

	.row.uniform {
		margin: -1.5em 0 -1px -1.5em;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 3em;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -3em;
	}

	.row.uniform.\32 00\25 > * {
		padding: 3em 0 0 3em;
	}

	.row.uniform.\32 00\25 {
		margin: -3em 0 -1px -3em;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 2.25em;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -2.25em;
	}

	.row.uniform.\31 50\25 > * {
		padding: 2.25em 0 0 2.25em;
	}

	.row.uniform.\31 50\25 {
		margin: -2.25em 0 -1px -2.25em;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 0.75em;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -0.75em;
	}

	.row.uniform.\35 0\25 > * {
		padding: 0.75em 0 0 0.75em;
	}

	.row.uniform.\35 0\25 {
		margin: -0.75em 0 -1px -0.75em;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 0.375em;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -0.375em;
	}

	.row.uniform.\32 5\25 > * {
		padding: 0.375em 0 0 0.375em;
	}

	.row.uniform.\32 5\25 {
		margin: -0.375em 0 -1px -0.375em;
	}

	.\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;
	}
	@media screen and (min-width: 213px) and (max-width: 500px) {/*fix*/
        .\38 u, .\38 u\24 {
            width: 100%;
            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;
	}
	@media screen and (min-width: 213px) and (max-width: 768px) {/*fix*/
        .\36 u, .\36 u\24 {
            width: 100%;
            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;
	}
	@media screen and (min-width: 213px) and (max-width: 500px) {/*fix*/
        .\34 u, .\34 u\24 {
            width: 100%;
            clear: none;
            margin-left: 0;
        }
    }

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\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: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge\29 + *,
		.\31 1u\24\28xlarge\29 + *,
		.\31 0u\24\28xlarge\29 + *,
		.\39 u\24\28xlarge\29 + *,
		.\38 u\24\28xlarge\29 + *,
		.\37 u\24\28xlarge\29 + *,
		.\36 u\24\28xlarge\29 + *,
		.\35 u\24\28xlarge\29 + *,
		.\34 u\24\28xlarge\29 + *,
		.\33 u\24\28xlarge\29 + *,
		.\32 u\24\28xlarge\29 + *,
		.\31 u\24\28xlarge\29 + * {
			clear: left;
		}

		.\-11u\28xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 1280px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28large\29, .\31 2u\24\28large\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28large\29, .\31 1u\24\28large\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28large\29, .\31 0u\24\28large\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28large\29, .\39 u\24\28large\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28large\29, .\38 u\24\28large\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28large\29, .\37 u\24\28large\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28large\29, .\36 u\24\28large\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28large\29, .\35 u\24\28large\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28large\29, .\34 u\24\28large\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28large\29, .\33 u\24\28large\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28large\29, .\32 u\24\28large\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28large\29, .\31 u\24\28large\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28large\29 + *,
		.\31 1u\24\28large\29 + *,
		.\31 0u\24\28large\29 + *,
		.\39 u\24\28large\29 + *,
		.\38 u\24\28large\29 + *,
		.\37 u\24\28large\29 + *,
		.\36 u\24\28large\29 + *,
		.\35 u\24\28large\29 + *,
		.\34 u\24\28large\29 + *,
		.\33 u\24\28large\29 + *,
		.\32 u\24\28large\29 + *,
		.\31 u\24\28large\29 + * {
			clear: left;
		}

		.\-11u\28large\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28large\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28large\29 {
			margin-left: 75%;
		}

		.\-8u\28large\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28large\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28large\29 {
			margin-left: 50%;
		}

		.\-5u\28large\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28large\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28large\29 {
			margin-left: 25%;
		}

		.\-2u\28large\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28large\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 980px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28medium\29, .\39 u\24\28medium\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28medium\29, .\38 u\24\28medium\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28medium\29, .\37 u\24\28medium\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28medium\29, .\36 u\24\28medium\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28medium\29, .\35 u\24\28medium\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28medium\29, .\34 u\24\28medium\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28medium\29, .\33 u\24\28medium\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28medium\29, .\32 u\24\28medium\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28medium\29, .\31 u\24\28medium\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28medium\29 + *,
		.\31 1u\24\28medium\29 + *,
		.\31 0u\24\28medium\29 + *,
		.\39 u\24\28medium\29 + *,
		.\38 u\24\28medium\29 + *,
		.\37 u\24\28medium\29 + *,
		.\36 u\24\28medium\29 + *,
		.\35 u\24\28medium\29 + *,
		.\34 u\24\28medium\29 + *,
		.\33 u\24\28medium\29 + *,
		.\32 u\24\28medium\29 + *,
		.\31 u\24\28medium\29 + * {
			clear: left;
		}

		.\-11u\28medium\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28medium\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28medium\29 {
			margin-left: 75%;
		}

		.\-8u\28medium\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28medium\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28medium\29 {
			margin-left: 50%;
		}

		.\-5u\28medium\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28medium\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28medium\29 {
			margin-left: 25%;
		}

		.\-2u\28medium\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28medium\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 736px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28small\29, .\31 2u\24\28small\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28small\29, .\31 1u\24\28small\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28small\29, .\31 0u\24\28small\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28small\29, .\39 u\24\28small\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28small\29, .\38 u\24\28small\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28small\29, .\37 u\24\28small\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28small\29, .\36 u\24\28small\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28small\29, .\35 u\24\28small\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28small\29, .\34 u\24\28small\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28small\29, .\33 u\24\28small\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28small\29, .\32 u\24\28small\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28small\29, .\31 u\24\28small\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28small\29 + *,
		.\31 1u\24\28small\29 + *,
		.\31 0u\24\28small\29 + *,
		.\39 u\24\28small\29 + *,
		.\38 u\24\28small\29 + *,
		.\37 u\24\28small\29 + *,
		.\36 u\24\28small\29 + *,
		.\35 u\24\28small\29 + *,
		.\34 u\24\28small\29 + *,
		.\33 u\24\28small\29 + *,
		.\32 u\24\28small\29 + *,
		.\31 u\24\28small\29 + * {
			clear: left;
		}

		.\-11u\28small\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28small\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28small\29 {
			margin-left: 75%;
		}

		.\-8u\28small\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28small\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28small\29 {
			margin-left: 50%;
		}

		.\-5u\28small\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28small\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28small\29 {
			margin-left: 25%;
		}

		.\-2u\28small\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28small\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 480px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xsmall\29 + *,
		.\31 1u\24\28xsmall\29 + *,
		.\31 0u\24\28xsmall\29 + *,
		.\39 u\24\28xsmall\29 + *,
		.\38 u\24\28xsmall\29 + *,
		.\37 u\24\28xsmall\29 + *,
		.\36 u\24\28xsmall\29 + *,
		.\35 u\24\28xsmall\29 + *,
		.\34 u\24\28xsmall\29 + *,
		.\33 u\24\28xsmall\29 + *,
		.\32 u\24\28xsmall\29 + *,
		.\31 u\24\28xsmall\29 + * {
			clear: left;
		}

		.\-11u\28xsmall\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xsmall\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xsmall\29 {
			margin-left: 75%;
		}

		.\-8u\28xsmall\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xsmall\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xsmall\29 {
			margin-left: 50%;
		}

		.\-5u\28xsmall\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xsmall\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xsmall\29 {
			margin-left: 25%;
		}

		.\-2u\28xsmall\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xsmall\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 360px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28xxsmall\29, .\31 2u\24\28xxsmall\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xxsmall\29, .\31 1u\24\28xxsmall\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xxsmall\29, .\31 0u\24\28xxsmall\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xxsmall\29, .\39 u\24\28xxsmall\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xxsmall\29, .\38 u\24\28xxsmall\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xxsmall\29, .\37 u\24\28xxsmall\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xxsmall\29, .\36 u\24\28xxsmall\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xxsmall\29, .\35 u\24\28xxsmall\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xxsmall\29, .\34 u\24\28xxsmall\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xxsmall\29, .\33 u\24\28xxsmall\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xxsmall\29, .\32 u\24\28xxsmall\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xxsmall\29, .\31 u\24\28xxsmall\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xxsmall\29 + *,
		.\31 1u\24\28xxsmall\29 + *,
		.\31 0u\24\28xxsmall\29 + *,
		.\39 u\24\28xxsmall\29 + *,
		.\38 u\24\28xxsmall\29 + *,
		.\37 u\24\28xxsmall\29 + *,
		.\36 u\24\28xxsmall\29 + *,
		.\35 u\24\28xxsmall\29 + *,
		.\34 u\24\28xxsmall\29 + *,
		.\33 u\24\28xxsmall\29 + *,
		.\32 u\24\28xxsmall\29 + *,
		.\31 u\24\28xxsmall\29 + * {
			clear: left;
		}

		.\-11u\28xxsmall\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xxsmall\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xxsmall\29 {
			margin-left: 75%;
		}

		.\-8u\28xxsmall\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xxsmall\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xxsmall\29 {
			margin-left: 50%;
		}

		.\-5u\28xxsmall\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xxsmall\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xxsmall\29 {
			margin-left: 25%;
		}

		.\-2u\28xxsmall\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xxsmall\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 1681px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28xlarge-to-max\29, .\31 2u\24\28xlarge-to-max\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge-to-max\29, .\31 1u\24\28xlarge-to-max\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge-to-max\29, .\31 0u\24\28xlarge-to-max\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge-to-max\29, .\39 u\24\28xlarge-to-max\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge-to-max\29, .\38 u\24\28xlarge-to-max\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge-to-max\29, .\37 u\24\28xlarge-to-max\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge-to-max\29, .\36 u\24\28xlarge-to-max\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge-to-max\29, .\35 u\24\28xlarge-to-max\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge-to-max\29, .\34 u\24\28xlarge-to-max\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge-to-max\29, .\33 u\24\28xlarge-to-max\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge-to-max\29, .\32 u\24\28xlarge-to-max\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge-to-max\29, .\31 u\24\28xlarge-to-max\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge-to-max\29 + *,
		.\31 1u\24\28xlarge-to-max\29 + *,
		.\31 0u\24\28xlarge-to-max\29 + *,
		.\39 u\24\28xlarge-to-max\29 + *,
		.\38 u\24\28xlarge-to-max\29 + *,
		.\37 u\24\28xlarge-to-max\29 + *,
		.\36 u\24\28xlarge-to-max\29 + *,
		.\35 u\24\28xlarge-to-max\29 + *,
		.\34 u\24\28xlarge-to-max\29 + *,
		.\33 u\24\28xlarge-to-max\29 + *,
		.\32 u\24\28xlarge-to-max\29 + *,
		.\31 u\24\28xlarge-to-max\29 + * {
			clear: left;
		}

		.\-11u\28xlarge-to-max\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge-to-max\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge-to-max\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge-to-max\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge-to-max\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge-to-max\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge-to-max\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge-to-max\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge-to-max\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge-to-max\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge-to-max\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 481px) and (max-width: 1680px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28small-to-xlarge\29, .\31 2u\24\28small-to-xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28small-to-xlarge\29, .\31 1u\24\28small-to-xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28small-to-xlarge\29, .\31 0u\24\28small-to-xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28small-to-xlarge\29, .\39 u\24\28small-to-xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28small-to-xlarge\29, .\38 u\24\28small-to-xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28small-to-xlarge\29, .\37 u\24\28small-to-xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28small-to-xlarge\29, .\36 u\24\28small-to-xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28small-to-xlarge\29, .\35 u\24\28small-to-xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28small-to-xlarge\29, .\34 u\24\28small-to-xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28small-to-xlarge\29, .\33 u\24\28small-to-xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28small-to-xlarge\29, .\32 u\24\28small-to-xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28small-to-xlarge\29, .\31 u\24\28small-to-xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28small-to-xlarge\29 + *,
		.\31 1u\24\28small-to-xlarge\29 + *,
		.\31 0u\24\28small-to-xlarge\29 + *,
		.\39 u\24\28small-to-xlarge\29 + *,
		.\38 u\24\28small-to-xlarge\29 + *,
		.\37 u\24\28small-to-xlarge\29 + *,
		.\36 u\24\28small-to-xlarge\29 + *,
		.\35 u\24\28small-to-xlarge\29 + *,
		.\34 u\24\28small-to-xlarge\29 + *,
		.\33 u\24\28small-to-xlarge\29 + *,
		.\32 u\24\28small-to-xlarge\29 + *,
		.\31 u\24\28small-to-xlarge\29 + * {
			clear: left;
		}

		.\-11u\28small-to-xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28small-to-xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28small-to-xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28small-to-xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28small-to-xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28small-to-xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28small-to-xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28small-to-xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28small-to-xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28small-to-xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28small-to-xlarge\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	body {
		
		background: #ffffff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *: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;
		}

/* Type */

	body, input, select, textarea {
	color: #7f888f;
	font-family: ubuntu;
	font-size: 13pt;
	font-weight: 400;
	line-height: 1.65;
	font-style: normal;
	}

		@media screen and (max-width: 1680px) {

			body, input, select, textarea {
				font-size: 11pt;
			}

		}

		@media screen and (max-width: 1280px) {

			body, input, select, textarea {
				font-size: 10pt;
			}

		}

		@media screen and (max-width: 360px) {

			body, input, select, textarea {
				font-size: 9pt;
			}

		}
.space_box  {
    line-height: 6em;
    display: block;
    color: rgba(255,255,255,1.00);
    font-family: ubuntu;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    background-image: url(../images/function/interface_ico/Space_box.png);
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 6px;
    height: 60px;
}
/*setting設定*/
.setting_container {
	margin: 0;
	padding: 0;
}

/*Channel設定*/

#myForm {
	height: 60px;
}

#otherForm {
	height: 60px;
}

#channel_ftp {
    width: 100%;  
/*	height: 65px; */
	margin: 0 0 0.5em 0; 
	height: auto;
}


#channel {
    width: 100%;  
/*	height: 65px; */
	margin: 0 0 0.5em 0; 
	height: auto;
}
.channel_title {
	float: left;
	padding: 0.75em 0.75em;
	font-size: 20px;
	font-family: ubuntu;
	color: #818588;
	text-decoration: none;
}
.channel-button {
	float: left;
	width: 50px;/*30px;*/
	height: 50px;/*30px;*/
	margin: 0.5em 0.5em 0em 0em;
}

.channel-button-right {
	float: right;
	width: 50px;/*30px;*/
	height: 50px;/*30px;*/
	margin: 0.1em 0.5em 0em 0em;
}

.channel_img {
	position: relative;
}
.channel_input {
/*	position: absolute;
	width:	50px;
	height:	50px; */
	margin:	0;
}
/*Settings Page-Audio Source Button設定   結束*/

.function_title {
            color: rgba(129,133,136,1);
            text-align: left;
            font-size: 1.3em;
            font-weight: 400;
            padding: 0 0.75em;
}

div.function_title>font{
			display: block;
			height: 37px;
}

.function_title1 {
            color: rgba(129,133,136,1);
            font-size: 1.2em;
            font-weight: 400;
            padding: 2.82em 0;
            margin: 0.2em 0;
}

.function_title2 {
	color: rgba(129,133,136,1);
	font-size: 1.2em;
	font-weight: 400;
	padding: 4.28em 0;
	margin: 0.2em 0;
}

.function_type {
            color: rgba(129,133,136,1);
            text-align: left;
            font-size: 1em;
            font-weight: 400;
			padding: 0em 2.5em 0.5em 2.5em;
}
div.function_type>font{
			display: block;

			height:28px;
}
	@media screen and (max-width: 1680px) {

		div.function_type>font{
			display: block;

			height:24px;
		}
	}
	@media screen and (max-width: 1280px) {

		div.function_type>font{
			display: block;

			height:21px;
		}
	}

td.table-td-th-type>font{
			display: block;

			height:28px;
			width: max-content;
/*			width: auto; */
}
	@media screen and (max-width: 1680px) {

		td.table-td-th-type>font{
/*			display: block; */
			display: table-cell;
			height:24px;
			width: max-content;
/*			width: auto; */
		}
	}
	@media screen and (max-width: 1280px) {

		td.table-td-th-type>font{
			display: block;

			height:21px;
			width: max-content;
/*			width: auto; */
		}
	}

.encoder_function{
            width: 50%;
            padding: 0 2.5em 0.5em 0;
}
@media screen and (max-width: 480px) {
    .encoder_function{
            width: 100%;
    }
}


.encoder_empty{
	width: 50%;
	padding: 0 2.5em 3.5em 0;
}
@media screen and (max-width: 480px) {
.encoder_empty{
	width: 100%;
}
}



.short_function_right{
            width: 50%;
            padding-right: 30px;
}
.short_function_left{
            width: 50%;
            padding-left: 30px;
}
.short_function{
            width: 50%;
}

.ips_function{
			width: 100%;
}

.crop_type{
/*          color: rgba(164,164,164,1); */
            color: rgba(129,133,136,1);
            text-align: left;
            font-size: 1em;
            font-weight: 400;
/*          padding: 0em 2.5em 0.5em 2.5em; */
}
.crop_type span {
            width: 100%;
            display: block;
}
.crop_type input {
/*          width: 19%;*/
            width: 38%;
            display: inline;
}
.crop_type font {
/*          width: 11%; */
            display: inline-block;
}
.crop_title {
			width:100%;
			padding:0.5em 2.5em 0.5em 0em;
}

.box1 {
    border-radius: 5px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    margin: 0em 0em 0.75em 0em;
    padding: 0.75em 0.75em;
}

.box2 {
    border-radius: 5px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    margin: -47px 0em 21px 0em;
    padding: 0.75em 0.75em;
}

.box3 {
/*    height: 38em; */
    height: 43em;
    border-radius: 5px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    margin: 0em 0em 0.75em 0em;
    padding: 0.75em 0.75em;
}

.box4 {
        border-radius: 0.375em;
        border: solid 1px rgba(222, 230, 234, 0);
        margin-bottom: 2em;
        overflow-x: auto;
/*      padding: 1.5em;
        background-color: rgba(201, 208, 212, 0.25);
*/
    }

        .box4 > :last-child,
        .box4 > :last-child > :last-child,
        .box4 > :last-child > :last-child > :last-child {
            margin-bottom: 0;
        }

        .box4.alt1 {
            border: 0;
            border-radius: 0;
            padding: 0;
        }
@media screen and (max-width: 1430px) {
		.box4{
        border-radius: 0.375em;
        border: solid 1px rgba(222, 230, 234, 0);
        margin-bottom: 2em;
        overflow-x: auto;
    	/*	width: 64.75em; */
		}
}
.box5 {
    border-radius: 5px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    margin: 21px 0em 21px 0em;
    padding: 0.75em 0.75em;
    text-align: center;
}

.box6 {
    display: inline-block;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
/*  margin: 0em -1.15em 0em 1.5em;  */
    padding: 0em 0em;
    width: 10.6%;
}
.box6 img{
    width: 100%;
}
.box7 {
    border-radius: 5px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    margin: -47px 0em 0.75em 0em;
    padding: 0.75em 0.75em;
}
@media screen and (max-width: 768px) {
    .box7 {
        margin-top: auto;
    }
}

.box8 {
    border-radius: 5px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    margin: 21px 0em 21px 0em;
    padding: 0.75em 0.75em;
}

.box9 {
    border-radius: 5px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    margin: 0em 0em 21px 0em;
    padding: 0.75em 0.75em;
}

/*Log In 設定*/
.login_box {
    max-width: 20em;
    border-radius: 5px;
    background-size: cover;
    background-position: center bottom;
    background-color: rgba(255, 255, 255, 1);
    margin: 5em auto;
    display: block;
    text-align: center;
    padding: 1em 0;
}
.login_title {
            color: rgba(129,133,136,1);
            text-align: center;
            font-size: 1.3em;
            font-weight: 400;
}
.login_type {
            color: rgba(129,133,136,1);
            text-align: center;
            font-size: 1em;
            font-weight: 400;
            padding: 0.5em 0em;
}

.interface-box {
    width: 70px;   /* 20180401 */
    clear: none;
    margin: 0 0 0 1em;
    padding: 0;
}
.interface-box1 {
    width: 10%;
    clear: none;
    margin: 0.1em 0.1em;
    padding: 0;
}
.interface-box2 {
    width: 15%;
    clear: none;
    margin: 0 0 0 0.5em;
    padding: 0;
}

.photo {
    text-align: center; 
}
.pgm-checkbox {
    text-align: center; 
    margin: -13px 0 5px 0;
}

.record_disabled1:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.record_disabled2:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.ftp_disabled:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}



.stream_disabled1:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.stream_disabled2:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.function_disabled:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.static_disabled:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.static_disabled0:disabled{

	background-color: rgb(241, 241, 241);
    /*background-color: rgba(210, 215, 217, 1);*/
    color: rgb(209, 209, 209);
}

.static_disabled1:disabled{

	/*background-color: rgb(241, 241, 241);*/
    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.mode_disable1:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.mode_disable2:disabled{

    background-color: rgb(241, 241, 241);
    color: rgb(209, 209, 209);
}

.encoder_disabled:disabled{

    background-color: rgb(241, 241, 241);
    color: #7f888f;
}

.stream_rtsp_disabled:disabled{

    background-color: rgb(241, 241, 241);
    color: #7f888f;
}

.monitor_disabled:disabled{

	background-color: rgb(241, 241, 241);
    color: #7f888f;
}

.system_disabled:disabled{

    background-color: rgb(241, 241, 241);
    color: #7f888f;
}

.sl-custom-file{
    position:relative;
    display:inline-block;
    zoom:1;
}
.sl-custom-file .ui-input-file{
    position:absolute;

    top:0;
    height:2.75em;
    width:100%;
    opacity:0;
    filter:alpha(opacity=0);
    -ms-filter:"alpha(opacity=0)";
    cursor:pointer;
    margin-top: 28px;
}

.show_url{
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border-radius: 0.375em;
        border: none;
        border: solid 1px rgba(210, 215, 217, 1);
        color: inherit;
        display: block;
        outline: 0;
        padding: 0 1em;
        text-decoration: none;
        width: 100%;
        line-height: 2.75em;
        background-color: rgb(241, 241, 241) !important;
        height: 2.75em;
}

.input_row{
        float: left;
        height: 50px;
        margin: 0em 0.5em 0em 0em;
        padding: 0.5em 0.75em 0.5em 0em;
}

.show_input{
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border-radius: 0.375em;
        border: none;
        border: solid 1px rgba(210, 215, 217, 1);
        color: inherit;
        display: block;
        outline: 0;
        padding: 0 1em;
        text-decoration: none;
        width: 100%;
        line-height: 2.75em;
        height: 50px;
}


.button_med{
	margin-top: 8px;
	margin-bottom: 6px;	
	width:7em;
}

.button_big{
        margin-top: 10px;
        margin-bottom: 8px;
}

.button_one{
		width:9em;
}
.button_pair{
		width:11.5em;
}
.button_format{
        width:13.5em;
}

.button_sys2{
        height: 3em;
}

.button_sys1{
        margin-top: 21px;
        height: 3em;
        margin-bottom: 21px;
}

.button_sys{
        height: 84px;
        padding-left: 2.5em;
/*      margin-top: 21px;^M
        margin-bottom: 29px;^M   20180115 */
        padding-top: 0.75em;
        padding-bottom: 0.75em;
}

.button_one.sys {
	font-size: 1em;
    height: 2.75em;
    line-height: 2.75em;
    margin: 0 0 -8px 0;
	width: 25%;
	padding:0;
}

.button_one.big {
	padding:0;
}

.button_wifi{
	height: 84px;
	padding-left: 2.5em;
	padding-top: 18px;
	padding-bottom: inherit;
}


.modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.pgm_4u {

/*1 padding-left: 11px; */
/*2 padding-left: 5px;  */
    padding-left: 8px;
}

.pgm_row {

/*1 margin-left: -10px; */
    margin-left: -8px;
}

.pgm_ch_row {

    text-align: center;
        margin: 0 -8px -1px -8px;
}

.pgm_ch {
    width: 100%;
        padding-left: 0;
}

.pgm_box1 {

/*2 margin-bottom: 5px; */
    margin-bottom: 8px;
    padding-left: 6px;
        padding-right: 6px;
}

.logo{
	display: block;
	color: inherit;
}

.pgm_select2_left{
    width: 40%;
    margin-left: 5%;
    padding: 0;
}

.pgm_select2_right{
    width: 40%;
    margin-left: 10%;
    padding: 0;
}

.pgm_select3{
    padding: 0;
    width: 30%;
    margin-left: 2.5%;
}

.pgm_adv{
    padding: 0;
    width: 25%;
    margin-right: 2.5%;
}

.pgm_adv_row{
	display:inline-flex;
	width:82%; 
	padding: 0;
	float:right;
}

.pgm_adv_font{
	line-height: 1em;
	text-align: center;
	height: 2em;
}

#search {	height:6.5em;	}

.channel_label{	line-height:0;}

.mobileButton6u {
  height: 3.5em;
}

div.button_big.mobileButtonBig {
  overflow: hidden;
}

input[type="button"].big.mobileButtonOneLeft {
  height:3.2em;
  width:11em;
  float:left;
  margin:0;
}

input[type="button"].big.mobileButtonOneRight {
  height:3.2em;
  width:11em;
  float:right;
  margin:0;
}

input[type="button"].big.mobileButtonOneRed {
  height:3.2em;
  width: 70%;
  background-color: rgba(250, 0, 0, 0.8);
  padding:0;

}

.range-slider__range.mobileSlider {
  width: 70%;
}

.range-slider__value.mobileSlider {
  width:20%;
}

table.fixedColumnHeader {
	overflow-y: auto;
}

table.alt.fixedColumnHeader.rowspan2 tbody tr:first-child td:nth-child(2),
table.alt.fixedColumnHeader.rowspan2 tbody tr:nth-child(2n) td:nth-child(2),
table.alt.fixedColumnHeader.rowspan2 tbody tr:nth-child(2n+1) td:first-child {
	position: -webkit-sticky;
	position: sticky; 
	left: 4.55em;
	background: rgba(224,224,224,1)
}

table.alt.fixedColumnHeader.rowspan2 tbody tr:first-child td:first-child,
table.alt.fixedColumnHeader tbody tr td:first-child, 
table.fixedColumnHeader td:first-child {
	position: -webkit-sticky;
	position: sticky; 
	left: 0;
	background: rgba(224,224,224,1)
}

table.alt.fixedColumnHeader.rowspan2 tbody tr:first-child td:nth-child(2),
table.alt.fixedColumnHeader.rowspan2 tbody tr:nth-child(2n+1) td:first-child,
table.alt.fixedColumnHeader.rowspan2 tbody tr:nth-child(1) td:first-child,
table.alt.fixedColumnHeader.rowspan2 tbody tr:nth-child(4n) td:first-child ,
table.alt.fixedColumnHeader tbody tr:nth-child(2n+1) td:first-child {
  background-color : #eeeeee;
}

table.alt.fixedColumnHeader tbody tr:nth-child(2n + 1) {
	background-color : #eeeeee;
}

/*2019.09.03 test listbox*/


.function_type {
	color: rgba(129,133,136,1);
	text-align: left;
	font-size: 1em;
	font-weight: 400;
	/*padding: 0em 2.5em 0.5em 2.5em;*/
}
div.function_type>font{
	display: block;

	height:28px;
}
@media screen and (max-width: 1680px) {

div.function_type>font{
	display: block;

	height:24px;
}
}
@media screen and (max-width: 1280px) {

div.function_type>font{
	display: block;

	height:21px;
}
}







.subject-info-box-1, .subject-info-box-2 {
	/*float: left;*/
	width: 100%;
}

.subject-info-box-1 select, .subject-info-box-2 select {
	height: 106px;
	padding: 0;
}
  
.subject-info-box-1 select option, .subject-info-box-2 select option {
	padding: 4px 10px 4px 10px;
  
}

.subject-info-box-1 select option:hover, .subject-info-box-2 select option:hover {
	background: #eee;
}