@import url(font-awesome.min.css);

@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);



/*

	Spatial by TEMPLATED

	templated.co @templatedco

	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)

*/



/* 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;

		font-family: "source-han-sans-traditional","source-han-sans-simplified-c",Microsoft YaHei,Microsoft JhengHei,sans-serif;

	}



	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: 100em;

		min-width: 80em;

	}



	.container.\37 5\25 {

		width: 60em;

	}



	.container.\35 0\25 {

		width: 40em;

	}



	.container.\32 5\25 {

		width: 20em;

	}



	.container {

		width: 80em;

	}



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



		.container.\31 25\25 {

			width: 100%;

			max-width: 100em;

			min-width: 80em;

		}



		.container.\37 5\25 {

			width: 60em;

		}



		.container.\35 0\25 {

			width: 40em;

		}



		.container.\32 5\25 {

			width: 20em;

		}



		.container {

			width: 80em;

		}



	}



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



		.container.\31 25\25 {

			width: 100%;

			max-width: 81.25em;

			min-width: 65em;

		}



		.container.\37 5\25 {

			width: 48.75em;

		}



		.container.\35 0\25 {

			width: 32.5em;

		}



		.container.\32 5\25 {

			width: 16.25em;

		}



		.container {

			width: 65em;

		}



	}



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



		.container.\31 25\25 {

			width: 100%;

			max-width: 112.5%;

			min-width: 90%;

		}



		.container.\37 5\25 {

			width: 67.5%;

		}



		.container.\35 0\25 {

			width: 45%;

		}



		.container.\32 5\25 {

			width: 22.5%;

		}



		.container {

			width: 90%;

		}



	}



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



		.container.\31 25\25 {

			width: 100%;

			max-width: 112.5%;

			min-width: 90%;

		}



		.container.\37 5\25 {

			width: 67.5%;

		}



		.container.\35 0\25 {

			width: 45%;

		}



		.container.\32 5\25 {

			width: 22.5%;

		}



		.container {

			width: 90% !important;

		}



	}



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



		.container.\31 25\25 {

			width: 100%;

			max-width: 112.5%;

			min-width: 90%;

		}



		.container.\37 5\25 {

			width: 67.5%;

		}



		.container.\35 0\25 {

			width: 45%;

		}



		.container.\32 5\25 {

			width: 22.5%;

		}



		.container {

			width: 90% !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: 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 2em;

	}



	.row {

		margin: 0 0 -1px -2em;

	}



	.row.uniform > * {

		padding: 2em 0 0 2em;

	}



	.row.uniform {

		margin: -2em 0 -1px -2em;

	}



	.row.\32 00\25 > * {

		padding: 0 0 0 4em;

	}



	.row.\32 00\25 {

		margin: 0 0 -1px -4em;

	}



	.row.uniform.\32 00\25 > * {

		padding: 4em 0 0 4em;

	}



	.row.uniform.\32 00\25 {

		margin: -4em 0 -1px -4em;

	}



	.row.\31 50\25 > * {

		padding: 0 0 0 3em;

	}



	.row.\31 50\25 {

		margin: 0 0 -1px -3em;

	}



	.row.uniform.\31 50\25 > * {

		padding: 3em 0 0 3em;

	}



	.row.uniform.\31 50\25 {

		margin: -3em 0 -1px -3em;

	}



	.row.\35 0\25 > * {

		padding: 0 0 0 1em;

	}



	.row.\35 0\25 {

		margin: 0 0 -1px -1em;

	}



	.row.uniform.\35 0\25 > * {

		padding: 1em 0 0 1em;

	}



	.row.uniform.\35 0\25 {

		margin: -1em 0 -1px -1em;

	}



	.row.\32 5\25 > * {

		padding: 0 0 0 0.5em;

	}



	.row.\32 5\25 {

		margin: 0 0 -1px -0.5em;

	}



	.row.uniform.\32 5\25 > * {

		padding: 0.5em 0 0 0.5em;

	}



	.row.uniform.\32 5\25 {

		margin: -0.5em 0 -1px -0.5em;

	}



	.\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;

	}



	.\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 2em;

		}



		.row {

			margin: 0 0 -1px -2em;

		}



		.row.uniform > * {

			padding: 2em 0 0 2em;

		}



		.row.uniform {

			margin: -2em 0 -1px -2em;

		}



		.row.\32 00\25 > * {

			padding: 0 0 0 4em;

		}



		.row.\32 00\25 {

			margin: 0 0 -1px -4em;

		}



		.row.uniform.\32 00\25 > * {

			padding: 4em 0 0 4em;

		}



		.row.uniform.\32 00\25 {

			margin: -4em 0 -1px -4em;

		}



		.row.\31 50\25 > * {

			padding: 0 0 0 3em;

		}



		.row.\31 50\25 {

			margin: 0 0 -1px -3em;

		}



		.row.uniform.\31 50\25 > * {

			padding: 3em 0 0 3em;

		}



		.row.uniform.\31 50\25 {

			margin: -3em 0 -1px -3em;

		}



		.row.\35 0\25 > * {

			padding: 0 0 0 1em;

		}



		.row.\35 0\25 {

			margin: 0 0 -1px -1em;

		}



		.row.uniform.\35 0\25 > * {

			padding: 1em 0 0 1em;

		}



		.row.uniform.\35 0\25 {

			margin: -1em 0 -1px -1em;

		}



		.row.\32 5\25 > * {

			padding: 0 0 0 0.5em;

		}



		.row.\32 5\25 {

			margin: 0 0 -1px -0.5em;

		}



		.row.uniform.\32 5\25 > * {

			padding: 0.5em 0 0 0.5em;

		}



		.row.uniform.\32 5\25 {

			margin: -0.5em 0 -1px -0.5em;

		}



		.\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.25em;

		}



		.row {

			margin: 0 0 -1px -1.25em;

		}



		.row.uniform > * {

			padding: 1.25em 0 0 1.25em;

		}



		.row.uniform {

			margin: -1.25em 0 -1px -1.25em;

		}



		.row.\32 00\25 > * {

			padding: 0 0 0 2.5em;

		}



		.row.\32 00\25 {

			margin: 0 0 -1px -2.5em;

		}



		.row.uniform.\32 00\25 > * {

			padding: 2.5em 0 0 2.5em;

		}



		.row.uniform.\32 00\25 {

			margin: -2.5em 0 -1px -2.5em;

		}



		.row.\31 50\25 > * {

			padding: 0 0 0 1.875em;

		}



		.row.\31 50\25 {

			margin: 0 0 -1px -1.875em;

		}



		.row.uniform.\31 50\25 > * {

			padding: 1.875em 0 0 1.875em;

		}



		.row.uniform.\31 50\25 {

			margin: -1.875em 0 -1px -1.875em;

		}



		.row.\35 0\25 > * {

			padding: 0 0 0 0.625em;

		}



		.row.\35 0\25 {

			margin: 0 0 -1px -0.625em;

		}



		.row.uniform.\35 0\25 > * {

			padding: 0.625em 0 0 0.625em;

		}



		.row.uniform.\35 0\25 {

			margin: -0.625em 0 -1px -0.625em;

		}



		.row.\32 5\25 > * {

			padding: 0 0 0 0.3125em;

		}



		.row.\32 5\25 {

			margin: 0 0 -1px -0.3125em;

		}



		.row.uniform.\32 5\25 > * {

			padding: 0.3125em 0 0 0.3125em;

		}



		.row.uniform.\32 5\25 {

			margin: -0.3125em 0 -1px -0.3125em;

		}



		.\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.1em;

		}



		.row {

			margin: 0 0 -1px -1.25em;

		}



		.row.uniform > * {

			padding: 1.25em 0 0 1.25em;

		}



		.row.uniform {

			margin: -1.25em 0 -1px -1.25em;

		}



		.row.\32 00\25 > * {

			padding: 0 0 0 2.5em;

		}



		.row.\32 00\25 {

			margin: 0 0 -1px -2.5em;

		}



		.row.uniform.\32 00\25 > * {

			padding: 2.5em 0 0 2.5em;

		}



		.row.uniform.\32 00\25 {

			margin: -2.5em 0 -1px -2.5em;

		}



		.row.\31 50\25 > * {

			padding: 0 0 0 1.875em;

		}



		.row.\31 50\25 {

			margin: 0 0 -1px -1.875em;

		}



		.row.uniform.\31 50\25 > * {

			padding: 1.875em 0 0 1.875em;

		}



		.row.uniform.\31 50\25 {

			margin: -1.875em 0 -1px -1.875em;

		}



		.row.\35 0\25 > * {

			padding: 0 0 0 0.625em;

		}



		.row.\35 0\25 {

			margin: 0 0 -1px -0.625em;

		}



		.row.uniform.\35 0\25 > * {

			padding: 0.625em 0 0 0.625em;

		}



		.row.uniform.\35 0\25 {

			margin: -0.625em 0 -1px -0.625em;

		}



		.row.\32 5\25 > * {

			padding: 0 0 0 0.3125em;

		}



		.row.\32 5\25 {

			margin: 0 0 -1px -0.3125em;

		}



		.row.uniform.\32 5\25 > * {

			padding: 0.3125em 0 0 0.3125em;

		}



		.row.uniform.\32 5\25 {

			margin: -0.3125em 0 -1px -0.3125em;

		}



		.\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%;

		}



	}



/* Basic */



	@-ms-viewport {

		width: device-width;

	}



	body {

		-ms-overflow-style: scrollbar;

	}



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



		html, body {

			min-width: 320px;

		}



	}



	body {

		background: #fff;

		padding-top: 0em;

	}



		body.landing {

			padding-top: 0 !important;

			background-attachment: fixed;

			background-image: url("images/overlay.png"), url("../../images/banner2.jpg");

			background-position: center;

			background-size: cover;

		}



		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;

		}



/* Type */



	body {

		background-color: #fff;

		color: #666;

	}



	body, input, select, textarea {

		font-family: "Raleway", Arial, Helvetica, sans-serif;

		font-size: 13pt;

		font-weight: 400;

		line-height: 2em;

	}



		@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: 11pt;

			}



		}



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



			body, input, select, textarea {

				font-size: 12pt;

			}



		}



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



			body, input, select, textarea {

				font-size: 12pt;

			}



		}



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



			body, input, select, textarea {

				font-size: 12pt;

			}



		}



	a {

		text-decoration: underline;

		color: #f32853;

	}



		a:hover {

			text-decoration: none;

		}



	strong, b {

		color: #484848;

		font-weight: 700;

	}



	em, i {

		font-style: italic;

	}



	p {

		margin: 0 0 2em 0;

	}



	h1, h2, h3, h4, h5, h6 {

		color: #484848;

		font-weight: 700;

		line-height: 1em;

		margin: 0 0 1em 0;

	}



		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

			color: inherit;

			text-decoration: none;

		}



	h2 {

		font-size: 1.75em;

		line-height: 1.5em;

	}



	h3 {

		font-size: 1.35em;

		line-height: 1.5em;

	}



	h4 {

		font-size: 1.1em;

		line-height: 1.5em;

	}



	h5 {

		font-size: 0.9em;

		line-height: 1.5em;

	}



	h6 {

		font-size: 0.7em;

		line-height: 1.5em;

	}



	sub {

		font-size: 0.8em;

		position: relative;

		top: 0.5em;

	}



	sup {

		font-size: 0.8em;

		position: relative;

		top: -0.5em;

	}



	blockquote {

		border-left: solid 4px;

		font-style: italic;

		margin: 0 0 2em 0;

		padding: 0.5em 0 0.5em 2em;

	}



	code {

		background: rgba(144, 144, 144, 0.075);

		border-radius: 4px;

		border: solid 1px;

		font-family: "Courier New", monospace;

		font-size: 0.9em;

		margin: 0 0.25em;

		padding: 0.25em 0.65em;

	}



	pre {

		-webkit-overflow-scrolling: touch;

		font-family: "Courier New", monospace;

		font-size: 0.9em;

		margin: 0 0 2em 0;

	}



		pre code {

			display: block;

			line-height: 1.75;

			padding: 1em 1.5em;

			overflow-x: auto;

		}



	hr {

		border: 0;

		border-bottom: solid 1px rgba(144, 144, 144, 0.25);

		margin: 2em 0;

	}



		hr.major {

			margin: 3em 0;

		}



	.align-left {

		text-align: left;

	}



	.align-center {

		text-align: center;

	}



	.align-right {

		text-align: right;

	}



/* Box */



	.box {

		border-radius: 4px;

		border: solid 1px rgba(144, 144, 144, 0.25);

		margin-bottom: 2em;

		padding: 1.5em;

	}



		.box > :last-child,

		.box > :last-child > :last-child,

		.box > :last-child > :last-child > :last-child {

			margin-bottom: 0;

		}



		.box.alt {

			border: 0;

			border-radius: 0;

			padding: 0;

		}



/* Button */



	input[type="submit"],

	input[type="reset"],

	input[type="button"],

	button,

	.button {

		-moz-appearance: none;

		-webkit-appearance: none;

		-ms-appearance: none;

		appearance: none;

		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		background-color: #6eb92b;

		border-radius: 4px;

		color: #ffffff !important;

		border: 0;

		cursor: pointer;

		display: inline-block;

		font-weight: 700;

		text-align: center;

		text-decoration: none;

		white-space: nowrap;

	}



		input[type="submit"]:hover,

		input[type="reset"]:hover,

		input[type="button"]:hover,

		button:hover,

		.button:hover {

			background-color: #547735;

		}



		input[type="submit"]:active,

		input[type="reset"]:active,

		input[type="button"]:active,

		button:active,

		.button:active {

			background-color: #262429;

		}



		input[type="submit"].icon,

		input[type="reset"].icon,

		input[type="button"].icon,

		button.icon,

		.button.icon {

			padding-left: 1.35em;

		}



			input[type="submit"].icon:before,

			input[type="reset"].icon:before,

			input[type="button"].icon:before,

			button.icon:before,

			.button.icon:before {

				margin-right: 0.5em;

			}



		input[type="submit"].fit,

		input[type="reset"].fit,

		input[type="button"].fit,

		button.fit,

		.button.fit {

			display: block;

			margin: 0 0 1em 0;

			width: 100%;

		}



		input[type="submit"].small,

		input[type="reset"].small,

		input[type="button"].small,

		button.small,

		.button.small {

			font-size: 0.8em;

		}



		input[type="submit"].big,

		input[type="reset"].big,

		input[type="button"].big,

		button.big,

		.button.big {

			font-size: 1.35em;

		}



		input[type="submit"].disabled, input[type="submit"]:disabled,

		input[type="reset"].disabled,

		input[type="reset"]:disabled,

		input[type="button"].disabled,

		input[type="button"]:disabled,

		button.disabled,

		button:disabled,

		.button.disabled,

		.button:disabled {

			-moz-pointer-events: none;

			-webkit-pointer-events: none;

			-ms-pointer-events: none;

			pointer-events: none;

			background-color: #666 !important;

			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);

			color: #fff !important;

			cursor: default;

			opacity: 0.25;

		}



		input[type="submit"].alt,

		input[type="reset"].alt,

		input[type="button"].alt,

		button.alt,

		.button.alt {

			background-color: transparent;

			box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);

			color: #484848 !important;

		}



			input[type="submit"].alt:hover,

			input[type="reset"].alt:hover,

			input[type="button"].alt:hover,

			button.alt:hover,

			.button.alt:hover {

				background-color: rgba(144, 144, 144, 0.075);

			}



			input[type="submit"].alt:active,

			input[type="reset"].alt:active,

			input[type="button"].alt:active,

			button.alt:active,

			.button.alt:active {

				background-color: rgba(144, 144, 144, 0.2);

			}



			input[type="submit"].alt.icon:before,

			input[type="reset"].alt.icon:before,

			input[type="button"].alt.icon:before,

			button.alt.icon:before,

			.button.alt.icon:before {

				color: #aaa;

			}



		input[type="submit"].special,

		input[type="reset"].special,

		input[type="button"].special,

		button.special,

		.button.special {

			background-color: #f32853;

			color: #ffffff !important;

		}



			input[type="submit"].special:hover,

			input[type="reset"].special:hover,

			input[type="button"].special:hover,

			button.special:hover,

			.button.special:hover {

				background-color: #f44066;

			}



			input[type="submit"].special:active,

			input[type="reset"].special:active,

			input[type="button"].special:active,

			button.special:active,

			.button.special:active {

				background-color: #f21040;

			}



/* Feature */



	.feature-grid {

		position: relative;

	}



		.feature-grid:after {

			clear: both;

			content: '';

			display: block;

		}



		.feature-grid .feature {

			display: inline-block;

			float: left;

			margin-bottom: 3em;

			width: 50%;

		}



			.feature-grid .feature .content {

				width: 60%;

			}



			.feature-grid .feature .image {

				width: 30%;

			}



				.feature-grid .feature .image img {

					display: inline;

					max-width: 100%;

				}



			.feature-grid .feature:nth-child(odd) .content, .feature-grid .feature:nth-child(odd) .image {

				float: right;

				margin-right: 5%;

				text-align: right;

			}



			.feature-grid .feature:nth-child(even) .content, .feature-grid .feature:nth-child(even) .image {

				float: left;

				margin-left: 5%;

				text-align: left;

			}



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



			.feature-grid .feature {

				margin-bottom: 2em;

			}



		}



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



			.feature-grid .feature {

				display: block;

				width: 100%;

			}



				.feature-grid .feature .content {

					width: 65%;

				}



				.feature-grid .feature .image {

					margin-left: 0 !important;

					margin-right: 0 !important;

				}



		}



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



			.feature-grid .feature {

				margin-bottom: 1em;

			}



		}



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



			.feature-grid .feature .content,

			.feature-grid .feature .image {

				display: block;

				margin-left: 0 !important;

				margin-right: 0 !important;

				text-align: center !important;

				width: 100%;

			}



			.feature-grid .feature .image {

				margin-bottom: 1em;

			}



		}



/* Form */



	form {

		margin: 0 0 2em 0;

	}



	label {

		color: #484848;

		display: block;

		font-size: 0.9em;

		font-weight: 700;

		margin: 0 0 1em 0;

	}



		input[type="text"]:invalid,

		input[type="password"]:invalid,

		input[type="email"]:invalid,

		select:invalid,

		textarea:invalid {

			box-shadow: none;

		}



		input[type="text"]:focus,

		input[type="password"]:focus,

		input[type="email"]:focus,

		select:focus,

		textarea:focus {

			border-color: #f32853;

			box-shadow: 0 0 0 1px #f32853;

		}



	.select-wrapper {

		text-decoration: none;

		text-decoration: none;

		display: block;

		position: relative;

	}



		.select-wrapper:before {

			-moz-osx-font-smoothing: grayscale;

			-webkit-font-smoothing: antialiased;

			font-family: FontAwesome;

			font-style: normal;

			font-weight: normal;

			text-transform: none !important;

		}



		.select-wrapper:before {

			content: '\f078';

			color: rgba(144, 144, 144, 0.25);

			display: block;

			height: 2.75em;

			line-height: 2.75em;

			pointer-events: none;

			position: absolute;

			right: 0;

			text-align: center;

			top: 0;

			width: 2.75em;

		}



		.select-wrapper select::-ms-expand {

			display: none;

		}



	input[type="text"],

	input[type="password"],

	input[type="email"],

	select {

		height: 2.75em;

	}



	textarea {

		padding: 0.75em 1em;

	}



		input[type="checkbox"] + label,

		input[type="radio"] + label {

			text-decoration: none;

			color: #666;

			cursor: pointer;

			display: inline-block;

			font-size: 1em;

			font-weight: 400;

			padding-left: 2.4em;

			padding-right: 0.75em;

			position: relative;

		}



			input[type="checkbox"] + label:before,

			input[type="radio"] + label:before {

				-moz-osx-font-smoothing: grayscale;

				-webkit-font-smoothing: antialiased;

				font-family: FontAwesome;

				font-style: normal;

				font-weight: normal;

				text-transform: none !important;

			}



			input[type="checkbox"] + label:before,

			input[type="radio"] + label:before {

				background: rgba(144, 144, 144, 0.075);

				border-radius: 4px;

				border: solid 1px rgba(144, 144, 144, 0.25);

				content: '';

				display: inline-block;

				height: 1.65em;

				left: 0;

				line-height: 1.58125em;

				position: absolute;

				text-align: center;

				top: 0;

				width: 1.65em;

			}



		input[type="checkbox"]:checked + label:before,

		input[type="radio"]:checked + label:before {

			content: '\f00c';

			background: #323037;

			border-color: #323037;

			color: #ffffff;

		}



		input[type="checkbox"]:focus + label:before,

		input[type="radio"]:focus + label:before {

			border-color: #f32853;

			box-shadow: 0 0 0 1px #f32853;

		}



	input[type="checkbox"] + label:before {

		border-radius: 4px;

	}



	input[type="radio"] + label:before {

		border-radius: 100%;

	}



	::-webkit-input-placeholder {

		opacity: 1.0;

		color: #aaa !important;

	}



	:-moz-placeholder {

		opacity: 1.0;

		color: #aaa !important;

	}



	::-moz-placeholder {

		opacity: 1.0;

		color: #aaa !important;

	}



	:-ms-input-placeholder {

		opacity: 1.0;

		color: #aaa !important;

	}



	.formerize-placeholder {

		opacity: 1.0;

		color: #aaa !important;

	}



/* Icon */



	.icon {

		text-decoration: none;

		border-bottom: 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 > .label {

			display: none;

		}



/* Image */



	.image {

		border-radius: 4px;

		border: 0;

		display: inline-block;

		position: relative;

	}



		.image img {

			border-radius: 4px;

			display: block;

		}



		.image.left, .image.right {

			max-width: 40%;

		}



			.image.left img, .image.right img {

				width: 100%;

			}



		.image.left {

			float: left;

			padding: 0 1.5em 1em 0;

			top: 0.25em;

		}



		.image.right {

			float: right;

			padding: 0 0 1em 1.5em;

			top: 0.25em;

		}



		.image.fit {

			display: block;

			margin: 0 0 2em 0;

			width: 100%;

		}



			.image.fit img {

				width: 100%;

			}



		.image.rounded {

			border-radius: 100%;

		}



			.image.rounded img {

				border: solid 0.5em rgba(144, 144, 144, 0.25);

				border-radius: 100%;

			}



		.image.captioned {

			border-radius: 0;

			margin-bottom: 4em;

		}



			.image.captioned img {

				border-radius: 0;

			}



			.image.captioned h3 {

				background-color: #fff;

				box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.15);

				display: block;

				padding: 2em 1em;

			}



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



				.image.captioned {

					margin-bottom: 2em;

				}



					.image.captioned h3 {

						padding: 1em;

					}



			}



		.image.main {

			display: block;

			margin: 0 0 3em 0;

			width: 100%;

		}



			.image.main img {

				width: 100%;

			}



/* List */



	ol {

		list-style: decimal;

		margin: 0 0 2em 0;

		padding-left: 1.25em;

	}



		ol li {

			padding-left: 0.25em;

		}



	ul {

		list-style: disc;

		margin: 0 0 2em 0;

		padding-left: 1em;

	}



		ul li {

			padding-left: 0.5em;

		}



		ul.alt {

			list-style: none;

			padding-left: 0;

		}



			ul.alt li {

				border-top: solid 1px rgba(144, 144, 144, 0.25);

				padding: 0.5em 0;

			}



				ul.alt li:first-child {

					border-top: 0;

					padding-top: 0;

				}



		ul.icons {

			cursor: default;

			list-style: none;

			padding-left: 0;

		}



			ul.icons li {

				display: inline-block;

				padding: 0 1em 0 0;

			}



				ul.icons li:last-child {

					padding-right: 0;

				}



				ul.icons li .icon:before {

					font-size: 2em;

				}



		ul.actions {

			cursor: default;

			list-style: none;

			padding-left: 0;

		}



			ul.actions li {

				display: inline-block;

				padding: 0 1em 0 0;

				vertical-align: middle;

			}



				ul.actions li:last-child {

					padding-right: 0;

				}



			ul.actions.small li {

				padding: 0 0.5em 0 0;

			}



			ul.actions.vertical li {

				display: block;

				padding: 1em 0 0 0;

			}



				ul.actions.vertical li:first-child {

					padding-top: 0;

				}



				ul.actions.vertical li > * {

					margin-bottom: 0;

				}



			ul.actions.vertical.small li {

				padding: 0.5em 0 0 0;

			}



				ul.actions.vertical.small li:first-child {

					padding-top: 0;

				}



			ul.actions.fit {

				display: table;

				margin-left: -1em;

				padding: 0;

				table-layout: fixed;

				width: calc(100% + 1em);

			}



				ul.actions.fit li {

					display: table-cell;

					padding: 0 0 0 1em;

				}



					ul.actions.fit li > * {

						margin-bottom: 0;

					}



				ul.actions.fit.small {

					margin-left: -0.5em;

					width: calc(100% + 0.5em);

				}



					ul.actions.fit.small li {

						padding: 0 0 0 0.5em;

					}



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



				ul.actions {

					margin: 0 0 2em 0;

				}



					ul.actions li {

						padding: 1em 0 0 0;

						display: block;

						text-align: center;

						width: 100%;

					}



						ul.actions li:first-child {

							padding-top: 0;

						}



						ul.actions li > * {

							width: 100%;

							margin: 0 !important;

						}



							ul.actions li > *.icon:before {

								margin-left: -2em;

							}



					ul.actions.small li {

						padding: 0.5em 0 0 0;

					}



						ul.actions.small li:first-child {

							padding-top: 0;

						}



			}



	dl {

		margin: 0 0 2em 0;

	}



		dl dt {

			display: block;

			font-weight: 700;

			margin: 0 0 1em 0;

		}



		dl dd {

			margin-left: 2em;

		}



/* Section/Article */



	section.special, article.special {

		text-align: center;

	}



	header p {

		color: #aaa;

		position: relative;

		margin: 0 0 1.5em 0;

	}



	header h2 + p {

		font-size: 1.25em;

		margin-top: -1em;

		line-height: 1.5em;

	}



	header h3 + p {

		font-size: 1.1em;

		margin-top: -0.8em;

		line-height: 1.5em;

	}



	header h4 + p,

	header h5 + p,

	header h6 + p {

		font-size: 0.9em;

		margin-top: -0.6em;

		line-height: 1.5em;

	}



	header.major {

		margin: 0 0 6em 0;

	}



		header.major h2 {

			font-size: 3em;

		}



		header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {

			display: inline-block;

			margin: 0 0 0.8em;

		}



		header.major p {

			font-size: 1.7em;

			margin-bottom: 0;

		}



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



		header.major {

			margin-bottom: 4em;

		}



			header.major h2 {

				font-size: 2.5em;

			}



			header.major p {

				font-size: 1.3em;

			}



	}



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



		header.major h2 {

			font-size: 2em;

		}



		header.major p {

			font-size: 1.1em;

		}



	}



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



		header.major {

			margin-bottom: 2em;

		}



	}



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



		header.major h2 {

			font-size: 1.75em;

		}



	}



/* Table */



	.table-wrapper {

		-webkit-overflow-scrolling: touch;

		overflow-x: auto;

	}



	table {

		margin: 0 0 2em 0;

		width: 100%;

	}



			table tbody tr:nth-child(2n + 1) {

				background-color: rgba(144, 144, 144, 0.075);

			}



		table td {

			padding: 0.75em 0.75em;

		}



		table th {

			color: #484848;

			font-size: 0.9em;

			font-weight: 700;

			padding: 0 0.75em 0.75em 0.75em;

			text-align: left;

		}



		table thead {

			border-bottom: solid 2px rgba(144, 144, 144, 0.25);

		}



		table tfoot {

			border-top: solid 2px rgba(144, 144, 144, 0.25);

		}



		table.alt {

			border-collapse: separate;

		}



			table.alt tbody tr td {

				border: solid 1px rgba(144, 144, 144, 0.25);

				border-left-width: 0;

				border-top-width: 0;

			}



				table.alt tbody tr td:first-child {

					border-left-width: 1px;

				}



			table.alt tbody tr:first-child td {

				border-top-width: 1px;

			}



			table.alt thead {

				border-bottom: 0;

			}



			table.alt tfoot {

				border-top: 0;

			}



/* Wrapper */



	body.is-touch .wrapper.style3 {

		background-attachment: scroll;

	}



	.wrapper {

		padding: 6em 0 4em 0;

	}



		.wrapper > .inner {

			margin: 0 auto;

			width: 60em;

		}



		.wrapper.style2 {

			background-color: #f6f6f6;

		}



		.wrapper.style3 {

			background-attachment: fixed;

			background-image: url("images/overlay.png"), url("../../images/banner2.jpg");

			background-position: center center;

			background-size: cover;

		}



			.wrapper.style3 header.major {

				margin-bottom: 3em;

			}



				.wrapper.style3 header.major h2 {

					color: #ffffff;

				}



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



					.wrapper.style3 header.major {

						margin-bottom: 2em;

					}



				}



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



			.wrapper {

				padding: 4em 0 2em 0;

			}



		}



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



			.wrapper {

				padding: 3em 0 1em 0;

			}



		}



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



			.wrapper {

				padding: 2em 0 0.1em 0;

			}



		}



/* Header */



	#header {

		background-color: #fff;

		border-bottom: solid 1px rgba(144, 144, 144, 0.25);

		box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05);

		color: #484848;

		cursor: default;

		font-size: 1.25em;

		height: 4.5em;

		left: 0;

		line-height: 4.4em;

		position: fixed;

		top: 0;

		width: 100%;

		z-index: 800;

	}



		#header h1 {

			color: #484848;

			font-weight: 400;

			height: inherit;

			left: 1.25em;

			line-height: inherit;

			margin: 0;

			padding: 0;

			position: absolute;

			top: 0;

		}



		#header nav {

			height: inherit;

			line-height: inherit;

			position: absolute;

			right: 1.25em;

			top: 0;

			vertical-align: middle;

		}



			#header nav ul {

				list-style: none;

				margin: 0;

				padding-left: 0;

			}



				#header nav ul li {

					padding-left: 0;

				}



					#header nav ul li a {

						-moz-transition: color 0.2s ease-in-out;

						-webkit-transition: color 0.2s ease-in-out;

						-ms-transition: color 0.2s ease-in-out;

						transition: color 0.2s ease-in-out;

						display: inline-block;

						text-decoration: none;

					}



						#header nav ul li:hover {

							color: #484848;

						}



					#header nav ul li .button {

						border-color: rgba(144, 144, 144, 0.25);

						box-shadow: none;

						height: 3em;

						line-height: 2.9em;

						margin-bottom: 0;

						padding: 0 1.5em;

						position: relative;

						top: -0.075em;

						vertical-align: middle;

					}



		#header .container {

			position: relative;

		}



			#header .container h1 {

				left: 0;

			}



			#header .container nav {

				right: 0;

			}



		#header.alt {

			background-color: transparent;

			border: 0;

			box-shadow: none;

			height: 3.25em;

			line-height: 3.25em;

			position: absolute;

		}



			#header.alt h1 {

				color: #ffffff;

				left: 2.5em;

				top: 2em;

			}



				#header.alt h1 a {

					color: #FFF;

				}



			#header.alt nav {

				right: 2em;

				top: 2em;

			}



				#header.alt nav{

					color: #ddd;

				}

				.main a {

					color: #ddd;

				}

				.main a:active, .main a:hover{

					color: #FFF;

				}



					#header.alt  nav:active, #header.alt  nav:hover {

						color: #FFF;

					}



			#header.alt .button {

				border-color: rgba(255, 255, 255, 0.5);

				color: #ffffff !important;

			}



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



			#header nav{

				display: none;

			}



		}



/* Menu */



	.navPanelToggle {

		text-decoration: none;

		/*height: 100%;*/

		left: 0;

		position: fixed;

		top: 7px;

		/*width: 100%;*/

		display: none;

		z-index:900;

	}



		.navPanelToggle:before {

			-moz-osx-font-smoothing: grayscale;

			-webkit-font-smoothing: antialiased;

			font-family: FontAwesome;

			font-style: normal;

			font-weight: normal;

			text-transform: none !important;

		}



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



			.navPanelToggle {

				display: block;

			}



		}



		.navPanelToggle *:before {

			background: rgba(144, 144, 144, 0.65);

			border-radius: 4px;

			color: #fff;

			display: block;

			font-size: 16px;

			height: 2.25em;

			left: 0.5em;

			line-height: 2.25em;

			position: absolute;

			text-align: center;

			top: 0.5em;

			width: 3.5em;

		}



	#navPanel {

		-moz-transform: translateX(-20em);

		-webkit-transform: translateX(-20em);

		-ms-transform: translateX(-20em);

		transform: translateX(-20em);

		-moz-transition: -moz-transform 0.5s ease, visibility 0.5s;

		-webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;

		-ms-transition: -ms-transform 0.5s ease, visibility 0.5s;

		transition: transform 0.5s ease, visibility 0.5s;

		-webkit-overflow-scrolling: touch;

		visibility: hidden;

		overflow-y: auto;

		position: fixed;

		left: 0;

		top: 0;

		background: #222;

		color: #fff;

		height: 100%;

		max-width: 80%;

		width: 20em;

		padding: 0.5em 1.25em;

		Z-index:999;

	}



		#navPanel ul {

			list-style: none;

			margin: 0;

			padding: 0;

		}



			#navPanel ul li {

				padding: 0 25px;

			}



				#navPanel ul li:first-child a:not(.button), #navPanel ul li:first-child span:not(.button) {

					border-top: 0;

				}



				#navPanel ul li a:not(.button),

				#navPanel ul li span:not(.button) {

					border-top: solid 1px #555;

					color: #fff;

					display: block;

					padding: 0.75em 0;

					text-decoration: none;

				}



		#navPanel .button {

			width: 100%;

		}



		#navPanel.visible {

			-moz-transform: translateX(0);

			-webkit-transform: translateX(0);

			-ms-transform: translateX(0);

			transform: translateX(0);

			box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);

			visibility: visible;

		}



/* Banner */



	body.is-touch #banner {

		background-attachment: scroll;

	}



	#banner {

		padding: 10em 0 0 0;

		line-height: 1.75;

		text-align: left;

	}



		#banner:last-child {

			margin-bottom: 0;

		}



		#banner h2 {

			color: #ffffff;

			display: inline-block;

			font-size: 2.3em;

			line-height: 1.35;

			margin-bottom: 0.5em;

			margin-top: 0px;

		}



		#banner p {

			color: #ffffff;

			font-size: 1.2em;

		}



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



			#banner {

				padding: 6em 0 0 0;

			}



				#banner h2 {

					font-size: 2.3em;

				}



		}



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



			#banner {

				padding: 6em 0 0 0;

			}



		}



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



			#banner {

				padding: 6em 2em 0 2em;

			}



				#banner br {

					display: none;

				}



				#banner h2 {

					font-size: 2.4em;

				}



				#banner p {

					font-size: 1.4em;

					line-height: 2;

				}



		}



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



			#banner {

				padding: 4em 2em 4em 2em;

			}

				#banner br {

					display: none;

				}



				#banner h2 {

					font-size: 1.5em;

				}



				#banner p {

					font-size: 0.95em;

					line-height: 1.5;

				}



		}

/* News */

		.news a {

			color: #f9ff03;

			text-decoration:none;

		}

		

/* Subsite */



	.subsite {

		margin-bottom:10vh;

		float:right;

		text-align: right;

	}

	.subsite a img{

		padding: 5% 20% 5% 20%;

		border-width: 2px;

		border-style: solid;

		border-color: #ffffff;

		margin-left: -50px;

		width:100%;

		height:auto;

	}

	.subsite div{

		padding-left:0px;

		padding-right:0px;

	}

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



			.subsite a img{

				height:auto;

			}

			.subsite{

				margin-bottom:10vh;

			}

		}

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



			.subsite a img{

				height:auto;

			}

			.subsite{

				margin-bottom:15vh;

			}



		}

		

	#rightreserved{

		margin-bottom:0%;

		float:right;

		text-align: right;

		color: #ffffff;

	}

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



			#rightreserved{

				display:none;

			}



		}

	

/* fbicon */

	.fbicon2 {

		margin-top:3%;

		float:right;

		text-align: right;

		display:none;

	}

	.fbicon {

		text-align: right;

		position: fixed;

		right:10px;

	}

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

			.fbicon{

				display:none;

			}

			.fbicon2{

				display:block;

			}

		}

	

	.icon{

		text-decoration: none;

		border-bottom: none;

		position: relative;

		text-align: right;

		font-size: 18px;

		line-height: 2.55;

	}

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

			.icon{

				font-size: 14px;

			}

		}

	.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 > .label {

			display: none;

		}



		.icon.alt:before {

			background-color: #ffffff;

			border-radius: 100%;

			color: #242943;

			display: inline-block;

			height: 2em;

			line-height: 2em;

			text-align: center;

			width: 2em;

		}

		a.icon.alt:before {

		-moz-transition: background-color 0.2s ease-in-out;

		-webkit-transition: background-color 0.2s ease-in-out;

		-ms-transition: background-color 0.2s ease-in-out;

		transition: background-color 0.2s ease-in-out;

		}



		a.icon.alt:hover:before {

			background-color: #6fc3df;

		}



		a.icon.alt:active:before {

			background-color: #37a6cb;

		}





/* Main */



	#main {

		padding-top: 4em;

	}



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



			#main {

				padding-top: 2em;

			}



		}



/* Footer */



	#footer {

		padding: 8em 0 6em 0;

		background: #f6f6f6;

		color: #aaa;

		text-align: center;

	}



		#footer a {

			-moz-transition: color 0.2s ease-in-out;

			-webkit-transition: color 0.2s ease-in-out;

			-ms-transition: color 0.2s ease-in-out;

			transition: color 0.2s ease-in-out;

			color: #aaa;

			text-decoration: none;

		}



			#footer a:active, #footer a:hover {

				color: #666;

			}



		#footer .icons {

			font-size: 1.5em;

		}



			#footer .icons li {

				padding-right: 2.5em;

			}



				#footer .icons li:last-child {

					padding-right: 0;

				}



		#footer .copyright {

			margin: 2em 0;

			padding: 0;

			text-align: center;

		}



			#footer .copyright li {

				border-left: solid 1px rgba(144, 144, 144, 0.25);

				display: inline-block;

				list-style: none;

				margin-left: 1.5em;

				padding-left: 1.5em;

			}



				#footer .copyright li:first-child {

					border-left: 0;

					margin-left: 0;

					padding-left: 0;

				}



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



			#footer {

				padding: 6em 0 4em 0;

			}



		}



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



			#footer {

				padding: 3em 0 2em 0;

			}



				#footer .icons {

					font-size: 1em;

				}



		}



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



			#footer {

				padding: 3em 0 1em 0;

			}



				#footer .copyright li {

					border-left: 0;

					display: block;

					margin: 0;

					padding: 0;

				}



		}

		

		

/* MENU DROP */



	#nav ul { /* 取消ul預設的內縮及樣式 */

        margin: 0;

        padding: 0;

        list-style: none;

    }

	#nav ul.drop-down-menu {

        display: inline-block;

    }

	#nav ul.drop-down-menu li {

        position: relative;

        white-space: nowrap;

    }

	

	#nav ul.drop-down-menu > li:last-child {

        border-right: none;

    }

	

	#nav ul.drop-down-menu > li {

        float: left; /* 只有第一層是靠左對齊*/

    }



	#nav ul.drop-down-menu ul {

		margin-top:5px;

        position: absolute;

        z-index: 99;

        top: 100%;

    }

	

	#nav ul.drop-down-menu li ul  li a{ /* 下拉選單背景設定*/

		border: #ccc 1px solid;

        z-index: 99;

        top: 100%;

		width: 100%;

		background-color:#ffffff;

		color:#111111;

		padding-left: 10px;

		padding-right: 15px;

		min-width: 106px;

    }

	

	#nav ul.drop-down-menu li ul  li a:hover{ /* 下拉選單背景設定*/

		background-color:#557eba;

		color: #ffffff;

    }



    #nav ul.drop-down-menu ul ul { /*第三層以後的選單出現位置與第二層不同*/

        z-index: 999;

        top: 10px;

        left: 90%;

    }

	

	#nav ul.drop-down-menu ul { /*隱藏次選單*/

        display: none;

		left: 999px;

        opacity: 0;

        transition:opacity .5s ease;

		line-height:2em;

    }

	

    #nav ul.drop-down-menu li:hover > ul { /* 滑鼠滑入展開次選單*/

        display: block;

		opacity: 1;

		transition:opacity .5s ease;

        left: -1px;

    }



    #nav ul.drop-down-menu li:hover > ul ul { /* 滑鼠滑入之後、次選單之後的選單依舊隱藏*/

        left: 999px;

    }



    #nav ul.drop-down-menu ul li:hover > ul { /* 第二層之後的選單展開位置*/

        left: 90%;

    }

	



	.overlay {

	  top: 0;

	  opacity: 1;

	  transition: .5s ease;

	  z-index:10;

	  position:relative;

	}

	

	.overlay2 {

	  top: 0;

	  opacity: 0;

	  transition: .5s ease;

	  z-index:200;

	  position:absolute;

	}



	.subsite a:hover > .overlay {

	  opacity: 0;

	}

	

	.subsite a:hover > .overlay2{

	  opacity: 1;

	  background-color:#ffffff;

	}

	

/* navPanel */



	#navPanel ul.drop-down-menu > li {

        float: none; /* 只有第一層是靠左對齊*/

    }

	#navPanel ul.drop-down-menu ul {

		position:relative;

		display: none;

		top: 0px;

		left: 0px;

	}



	.submenu_rwd{

		border-left:solid 5px #557eba;

	}

	

	#navPanel ul.drop-down-menu li a {

		border-top: solid 0px #555;

	}

	#navPanel ul.drop-down-menu li ul li a {

		border: #ccc 0px solid;

		min-width: 120px;

		background-color: transparent;

		color: #ffffff;

	}

	

/* Headersub */



	#headersub {

		background-color: #fff;

		border-bottom: solid 1px rgba(144, 144, 144, 0.25);

		box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05);

		color: #484848;

		cursor: default;

		font-size: 1.25em;

		height: 4.5em;

		left: 0;

		line-height: 4.4em;

		position: fixed;

		top: 0;

		width: 100%;

		z-index: 800;

	}

		#headersub h1 {

			color: #484848;

			font-weight: 400;

			height: inherit;

			left: 1.25em;

			line-height: inherit;

			margin: 0;

			padding: 0;

			position: absolute;

			top: 0;

		}



		#headersub nav {

			height: inherit;

			line-height: inherit;

			position: absolute;

			right: 1.25em;

			top: 0;

			vertical-align: middle;

		}



			#headersub nav ul {

				list-style: none;

				padding-left: 0;

			}



				#headersub nav ul li {

					padding-left: 0;

				}



					#headersub nav ul li a {

						-moz-transition: color 0.2s ease-in-out;

						-webkit-transition: color 0.2s ease-in-out;

						-ms-transition: color 0.2s ease-in-out;

						transition: color 0.2s ease-in-out;

						display: inline-block;

						text-decoration: none;

					}



					#headersub nav ul li .button {

						border-color: rgba(144, 144, 144, 0.25);

						box-shadow: none;

						height: 3em;

						line-height: 2.9em;

						margin-bottom: 0;

						padding: 0 1.5em;

						position: relative;

						top: -0.075em;

						vertical-align: middle;

					}



		#headersub .container {

			position: relative;

		}



			#headersub .container h1 {

				left: 0;

			}



			#headersub .container nav {

				right: 0;

			}



		#headersub.alt {

			border: 0;

			box-shadow: none;

			height: 3.5em;

			line-height: 3.25em;

			position: fixed;

		}



			#headersub.alt h1 {

				color: #FFF;

				left: 2.5em;

				top: 2em;

			}



				#headersub.alt h1 a {

					color: #FFF;

				}



			#headersub.alt nav {

				right: 2em;

				top: 0em;

			}



				#headersub.alt nav{

					color: #ddd;

				}

				.mainsub a {

					color: #777777;

				}

				.mainsub a:active, .mainsub a:hover{

					color: #ffffff;

				}

				.mainsubE a {

					color: #777777;

				}

				.mainsubE a:active, .mainsubE a:hover{

					color: #ffffff;

				}

				#droptitle:active, #droptitle:hover,

				#projects:active, #projects:hover,

				#OGiSUN:active, #OGiSUN:hover{

					color: #333333;

				}



					#headersub.alt  nav:active, #headersub.alt  nav:hover {

						color: #FFF;

					}



			#headersub.alt .button {

				border-color: rgba(255, 255, 255, 0.5);

				color: #ffffff !important;

			}

		.bannerdiv{

				margin-top:5em;

			}



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

			.mainsub{

				display: none;

			}

			.mainsubE{

				display: none;

			}

			.bannerdiv{

				margin-top:5.5em;

			}

		}

		

		

/* header_banner */

	.banner_height{

		height:14em;

	}

	.header_banner{

		position:relative;

		-webkit-clip-path: polygon(0% 0%, 0% 100%, 65% 100%, 75% 0, 95% 0, 85% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		clip-path: polygon(0% 0%, 0% 100%, 65% 100%, 75% 0, 95% 0, 85% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		width:100%;

		z-index:90;

		margin-top:-10px;

		background-color:#666;

		background-image:url('../../images/banner/about_banner.jpg');

		background-repeat: no-repeat;

		background-size:cover;

		background-position:top left;

		/*-webkit-animation:s 2s linear alternate;*/

	}

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

		.header_banner{

			-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);

			clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);

			/*-webkit-animation:a 2s linear alternate;*/

		}

	}

	@-webkit-keyframes a{

		  0%{

			-webkit-clip-path: polygon(0% 0%, 0% 100%, 65% 100%, 75% 0, 95% 0, 85% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

			clip-path: polygon(0% 0%, 0% 100%, 65% 100%, 75% 0, 95% 0, 85% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		  }

		   25%{

			-webkit-clip-path: polygon(0% 0%, 0% 100%, 70% 100%, 80% 0, 90% 0, 80% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

			clip-path: polygon(0% 0%, 0% 100%, 70% 100%, 80% 0, 90% 0, 80% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		  }

		   50%{

			-webkit-clip-path: polygon(0% 0%, 0% 100%, 75% 100%, 85% 0, 85% 0, 75% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

			clip-path: polygon(0% 0%, 0% 100%, 75% 100%, 85% 0, 85% 0, 75% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		  }

		  75%{

			-webkit-clip-path: polygon(0% 0%, 0% 100%, 80% 100%, 90% 0, 80% 0, 70% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

			clip-path: polygon(0% 0%, 0% 100%, 80% 100%, 90% 0, 80% 0, 70% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		  }

	}

	@-webkit-keyframes s{

		  0%{

			-webkit-clip-path: polygon(0% 0%, 0% 100%, 80% 100%, 90% 0, 80% 0, 70% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

			clip-path: polygon(0% 0%, 0% 100%, 80% 100%, 90% 0, 80% 0, 70% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		  }

		  25%{

			-webkit-clip-path: polygon(0% 0%, 0% 100%, 75% 100%, 85% 0, 85% 0, 75% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

			clip-path: polygon(0% 0%, 0% 100%, 75% 100%, 85% 0, 85% 0, 75% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		  }

		  50%{

			-webkit-clip-path: polygon(0% 0%, 0% 100%, 70% 100%, 80% 0, 90% 0, 80% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

			clip-path: polygon(0% 0%, 0% 100%, 70% 100%, 80% 0, 90% 0, 80% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		  }

		  75%{

			-webkit-clip-path: polygon(0% 0%, 0% 100%, 65% 100%, 75% 0, 95% 0, 85% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

			clip-path: polygon(0% 0%, 0% 100%, 65% 100%, 75% 0, 95% 0, 85% 100%, 79% 100%, 72% 100%, 100% 100%, 100% 0%);

		  }

	}

	

/* submenu */

	.submenu{

		position:relative;

		width:100%;

		z-index:80;

	}

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

		.submenu{

			opacity:0;

		}

	}

	

	.submenu_a{

		top:-175px;

		transition: all .5s ease-in-out;

	}

	.submenu_a a{

		display:block;

		border:solid 1px #ffffff;

		font-size:1.2em;

		line-height:37px;

		text-align:center;

		text-decoration:none;

		color:#c0c0c0;

		width:100%;

		height: 37px;

		margin-top: -13px;

	}

	

	.submenu_a li{

		display: block;

		margin-bottom:12px;

		background-color:#454545;

		transition: all .5s ease-in-out;

	}

	.submenu_a li:hover{

		text-decoration:none;

		background-color:#fff907;

	}

	.submenu_a a:visited{

		text-decoration:none;

		background-color:#fff907;

    }

	.submenu_a a:hover{

		text-decoration:none;

		color:#333333;

	}

	.submenu_a a:active{

		text-decoration:none;

        color: #333333;

		background-color:#fff907;

    }

	.anchor{

	  padding-top:5em;

	  margin-top:-4em;

	}

	#aboutimg{

		background-color: transparent;

		background-repeat: no-repeat;

		background-position: center;

		background-size: contain;

		animation-delay: 1s;

		height: 45vh;

		border-top: solid 20px transparent;

	}

	.about_management{

		width:30vw;

		margin:0px auto;

	}

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

			.about_management{

				width:100%;

			}

		}

	

	#aboutstory{

		background-color:#ffffff;

		height:auto;

		min-height:35vh;

		font-size:16px;

		padding-left:40px;

		border-bottom: solid 20px #021f52;

	}

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

			#aboutstory{

				min-height:40vh;

			}

		}

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

			#aboutstory{

				min-height:35vh;

			}

			#aboutimg{

				height: 35vh;

			}

		}

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

			#aboutstory{

				min-height:auto;

			}

			#aboutimg{

				height: 30vh;

			}

		}

	

	.qa_img{

		width: 75%;

		height: auto;

		border-radius:50%;

		border: solid #034099 2px; 

	}

	.qa_img_iso{

		display:block;

		margin:auto;

		width:auto;

		height:400px;

		max-width:100%;

	}

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

			.qa_img_iso{

				width:100%;

				height:auto;

			}

		}

	.ehs_img{

		width:20%;

		height:auto;	

	}

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

			.ehs_img{

				width:40%;

				height:auto;

			}

		}

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

			.ehs_img{

				width:50%;

				height:auto;

			}

		}

	

	.ehr_img_iso{

		display:block;

		margin:auto;

		width:80%;

		height:auto;

	}

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

			.ehr_img_iso{

				width:100%;

				height:auto;

			}

		}

	

	#qa_policy{

		font-size:35px;

	}

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

			#qa_policy{

				font-size:30px;

			}

		}

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

			#qa_policy{

				font-size:27px;

			}

		}

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

			#qa_policy{

				font-size:30px;

			}

		}

	#qa_policy_en{

		font-size:35px;

	}

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

			#qa_policy_en{

				font-size:30px;

			}

		}

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

			#qa_policy_en{

				font-size:24px;

			}

		}

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

			#qa_policy_en{

				font-size:20px;

			}

		}

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

			#qa_policy_en{

				font-size:13px;

			}

		}

	.Awidth{

		width:auto;

	}

	

	.row p{

		line-height:35px;

		font-size:16px;

	}

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

			.row p{

				line-height:32px;

				font-size:13px;

			}

			.row h4{

				font-size: 14px;

			}

		}

	.row h3{

		font-size: 20px;

		margin-top: 20px;

		margin-bottom: 10px;

		font-weight:800;

	}

	.padbottom{

		padding-bottom:2vh;

	}

	.about_line{

		width:100%;

		height:30px;

		background-color:#021f52;

	}

	.footer_icon{

		font-size:30px;

	}

	.borderLeft{

		border-left:solid 2px rgba(51, 51, 51, 1);

	}

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

		.footer_icon{

			font-size:28px;

		}

		.borderLeft{

			border-left:solid 0px rgba(51, 51, 51, 1);

		}

	}

	.displayNone{

		display:none;

	}

	.title_hr{

		animation-duration: 1.5s;

		animation-delay: 1s;

	}

	

	

/* Index */

	.index_logo{

		margin-top:20px;

		margin-left:80px;

		width: 120px;

		height: 64px;

		transition:width 1.5s,height 1.5s;

		position: relative;

		z-index: 10;

	}

	.sub_logo{

		margin-top:0px;

		margin-left:80px;

	}

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



			.index_logo{

				margin-top:8px;

				margin-left:80px;

				width: 93px;

				height: 50px;

			}

		}

	

/* event */

	.interview_p{

		padding: 0% 8% 0% 8%;

		font-size:21px;

		line-height:2;

	}

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



			.interview_p{

				font-size:21px;

				line-height:2;

			}

		}

	.eventblock{

		margin: 4% 0% 4% 0%;

		border: solid 2px #d1d1d1;

		padding-bottom:20px;

		border-radius: 5px;

		min-height:65vh;

	}

	.event_a h3{

		text-decoration:none;

        color: #333333;

    }

	.event_a div:visited{

		text-decoration:none;

		border: solid 2px #a9a9a9;

    }

	.event_a div:hover{

		text-decoration:none;

		border: solid 2px #a9a9a9;

		background-color:#fcfddc;

	}

	.event_a div:active{

		text-decoration:none;

		border: solid 2px #a9a9a9;

    }

	.event_hr{

		margin-top: 5%;

		border-top: 3px solid #fff907;

		width:70%;

	}

	#activated{

		background-color:#fff907;

		color:#333333;

	}

	.submenu_e{

		top: -155px;

		transition: all .5s ease-in-out;

	}

	.submenu_g{

		top: -140px;

		transition: all .5s ease-in-out;

	}

	.submenu_g a{

		display:block;

		border:solid 1px #ffffff;

		font-size:1.2em;

		line-height:37px;

		text-align:center;

		text-decoration:none;

		color:#c0c0c0;

		width:100%;

		height: 37px;

		margin-top: -13px;

	}

	.submenu_g li{

		display: block;

		margin-bottom:12px;

		background-color:#454545;

		transition: all .5s ease-in-out;

	}

	.submenu_g li:hover{

		text-decoration:none;

		background-color:#fff907;

	}

	.submenu_g a:visited{

		text-decoration:none;

		background-color:#fff907;

    }

	.submenu_g a:hover{

		text-decoration:none;

		color:#333333;

	}

	.submenu_g a:active{

		text-decoration:none;

        color: #333333;

		background-color:#fff907;

    }

	.submenu_e a{

		display:block;

		border:solid 1px #ffffff;

		font-size:1.2em;

		line-height:37px;

		text-align:center;

		text-decoration:none;

		color:#c0c0c0;

		width:100%;

		height: 37px;

		margin-top: -13px;

	}

	.submenu_e li{

		display: block;

		margin-bottom:12px;

		background-color:#454545;

		transition: all .5s ease-in-out;

	}

	.submenu_e li:hover{

		text-decoration:none;

		background-color:#fff907;

	}

	.submenu_e a:visited{

		text-decoration:none;

		background-color:#fff907;

    }

	.submenu_e a:hover{

		text-decoration:none;

		color:#333333;

	}

	.submenu_e a:active{

		text-decoration:none;

        color: #333333;

		background-color:#fff907;

    }

	.event_photo_hr{

		border-top: 3px solid #fff907;

		position: relative;

		left: 25%;

		width: 50%;	

	}

	.more_event{

		border: 1px solid #ffae21;

		border-radius: 5px;

		padding: 10px 0px 10px 0px;

		color:#333333;

	}

	.more_event:hover{

		border: 1px solid #fff907;

		background-color: #ffae21;

	}

	.more_event:active{

		border: 1px solid #fff907;

		background-color: #ffae21;

	}

	.more_event:visited{

		border: 1px solid #fff907;

		background-color: #ffae21;

	}

/* Press */	



	.press_img{

		width:100%;

	}

	.catalog_img{

		width:100%;

	}

	#header_activated{

		border-bottom: solid #557eba 5px;

	}

	.header_hover:hover{

		border-bottom: solid #557eba 5px;

	}



/* waterfall */

	#outbox{

		-moz-column-count: 3;

		-moz-column-gap: 10px;

		-webkit-column-count: 3;

		-webkit-column-gap: 10px;

		column-count: 3;

		column-gap: 10px;

		padding-left: 30px;

	}

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

			#outbox{

				-moz-column-count: 2;

				-webkit-column-count: 2;

				column-count: 2;

			}

		}

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

			#outbox{

				-moz-column-count: 1;

				-webkit-column-count: 1;

				column-count: 1;

			}

		}

	.content_box{

		display: inline-block;

		border: 2px solid #d1d1d1;

		padding: 10px;

		overflow:hidden;

		font-size:15px;

		line-height: 1.5em;

		letter-spacing: 1pt;

		color:#353535;

		-webkit-border-radius: 5px;

		-moz-border-radius: 5px;

		border-radius: 5px;

		margin-bottom: 5px;

	}

	

/* about_history */



	#history_h1{

		color:#ffffff;

		font-size:45px;

		font-weight:800;

	}

	

	#history_h1_e{

		color:#ffffff;

		font-size:25px;

		text-align:right;

	}

	.history_title{

		padding-top:10%;

		padding-bottom:10%;

	}

	.history_img{

		margin-top: 20px;

		margin-left: -15px;

		width:65%;

		position:absolute;

	}

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

			.history_title{

				padding-top:0%;

				padding-bottom:5%;

			}

			.history_img{

				width:80%;

			}

			#history_h1{

				font-size:35px;

			}

			

			#history_h1_e{

				font-size:22px;

			}

		}

	

	#month{

		color:#333333;

		line-height:2;

	}

	.zoom {

		transform: scale3d(1.0, 1.0, 1.0);

		transition: transform .5s ease-in-out;

	}

	.zoom p{

		color:#333333;

		font-size:18px;

	}

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

			.zoom p{

				font-size:13px;

			}

		}

	.zoom:hover {

		transform: scale3d(1.1, 1.1, 1.1);

	}

	.inner_content{

		background-color:#dfdbb3;

		border:solid 1px #ffffff;

		border-radius: 5px;	

	}

	.outter_content{

		background-color:#b1ad62;

		padding-bottom:30px;

		border:solid 1px #ffffff;

		text-align:left;

		border-radius: 5px;	

	}

	.history_year{

		color:#ffffff;

		font-weight:800;

	}

	

/* Solar_introduction */

	#activated_s{

		background-color:#ffc523;

		color:#333333;

	}

	.cell_img{

		width:60%;

		position:absolute;

		left:0;

	}

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

			.cell_img{

				width:80%;

			}

		}

	.cell_tech{

		font-size: 19px;

		list-style-type: disc;

		list-style-position: outside;

		line-height: 35px;

	}

	.cell_h1{

		font-size:45px;

		font-weight:800;

		padding-bottom:15px;

		border-bottom:solid 1px #ffffff;

	}

	.cell_h1_b{

		font-size:45px;

		font-weight:800;

		padding-bottom:15px;

		border-bottom:solid 1px #333333;

	}

	#cell_quility{

		font-size: 19px;

	}

	#cell_quility_2{

		font-size: 14px;

	}

	.anchor2{

		padding-top:4em;

		margin-top:-4em;

	}

	#cell_type{

		font-size: 30px;

		font-weight:700;

		color: #87b73d;

	}

	#cell_type_h2{

		font-size: 40px;

		font-weight:700;

		color: #00307c;

	}

	.cell_imgcell{

		width: 100%;

	}

	.cell_imgcell_layout{

		width: 100%;

	}

	.cell_table{

		border-bottom:solid 2px #9fa0a0;

		border-top:solid 2px #9fa0a0;

	}

	.cell_tr{

		border-bottom:dashed 2px #9fa0a0;

	}

	.cell_td_right{

		border-right:solid 1px #9fa0a0;

	}

	.margin_top{

		margin-top: 0%;

	}

	.cell_h1_big{

		font-size:45px;

		font-weight:800;	

	}

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

			.margin_top{

				margin-top: -5%;

			}

			#cell_type{

				font-size: 20px;

			}

			#cell_type_h2{

				font-size: 25px;

			}

			.cell_h1_big{

				font-size:35px;

			}

			.cell_tech{

				font-size: 18px;

			}

			.cell_h1{

				font-size:30px;

			}

			#cell_quility{

				font-size: 18px;

			}

			#cell_quility_2{

				font-size: 12px;

			}

			.cell_imgcell{

				padding-top

			}

		}



	#module_h2{

		width:200px;

		margin:0 auto;

		border:2px solid #6eb92b;

		border-radius:10px;

		color:#6eb92b;

		text-align:center;

	}

	#module_content{

		text-align:center;

		font-size:18px;

	}

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

			#module_content{

				text-align:left;

			}

		}

	#toppersun_content{

		font-size:12px;

		border-top:1px solid #222222;

	}

		

/* Contact us */

	.header_banner_fixed{

		position:absolute;

		width:100%;

		height:14em;

		z-index:90;

		margin-top:-10px;

		background-position: top left;

		background-repeat: no-repeat;

		background-size:cover;

		/*-webkit-animation:s 2s linear alternate;*/

	}

	.contact_css{

		font-size:20px;

	}

	.form_inputctrl{

		margin-left:10px;

		display:inline;

		width:60%;

	}

	.form_inputctrl_t{

		margin-left:10px;

		width:80%;

		resize:none;

	}

	#Suggest{

		height:100px;

	}

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

			.form_inputctrl{

				width:80%;

			}

		}

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

			.form_inputctrl{

				width:100%;

			}

			.form_inputctrl_t{

				width:100%;

			}

		}

	.labelwidth{

		min-width: 85px;

	}

	.padbottom_contact{

		padding-bottom: 28px;

	}

	#radio_p{

		display:inline;

		padding-right:15px;

		font-size: 18px;

	}

	.submit_form{

		height:2em;

		width:5em;

	}

/* learn Solar */

	#learn_p{

		justify-content: center;

		align-items: center;

		padding: 0% 15% 2% 15%;

	}

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

			#learn_p{

				font-size:14px;

				padding: 0% 20% 2% 20%;

			}

		}

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

			#learn_p{

				font-size:14px;

				padding: 0% 20% 2% 20%;

			}

		}

	.animated_o {

	  animation-duration: 10s;

	  animation-fill-mode: both;

	}



	.animated_o.infinite {

	  animation-iteration-count: infinite;

	}

	.sameheight{

		flex: 1; 

	}

	#parent{  

		display: flex;

		align-items: center;

		justify-content: center;

	}

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

			#parent{ 

				display: block;

			}

		}

	.padding_top_bottom{

		padding:4% 0% 4% 0%;

	}

	.step_triangle{

		-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);

		clip-path: polygon(50% 100%, 0 0, 100% 0);

		background-color:#555555;

		width:40%;

		margin: 0px auto;

		height: 30px;

	}

	.learn_img{

		-webkit-clip-path: circle(50% at 50% 50%);

		clip-path: circle(50% at 50% 50%);

		width:150px;

		height:150px;

		position: absolute;

		top:0%;

		left:-50px;

	}

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

			.learn_img{ 

				display: none;

			}

		}

	div.learn_step{

		text-align:center;

		border:solid 1px #444444;

		border-radius:10px;

	}

	/* solar teach 1 */

	div.arrow{

		-webkit-clip-path: polygon(54% 0, 54% 90%, 70% 90%, 50% 100%, 30% 90%, 46% 90%, 46% 0);

		clip-path: polygon(54% 0, 54% 90%, 70% 90%, 50% 100%, 30% 90%, 46% 90%, 46% 0);

		background-color: #ffaf05;

		width: 20px;

		margin: 0px auto;

		height: 100%;

		position: absolute;

		z-index: 999;

	}

	.atom_set{

		width: 20px;

		height: 20px;

		position: absolute;

		z-index: 999;

	}

	.atom{

		margin: 20% 28%;

	}

	.atom_2{

		margin: 30% 28%;

	}

	

	.arrowDown {

	  animation-name: arrowDown;

	}

	@keyframes arrowDown {

	  0% {

		opacity: 0;

		transform: translate3d(0, -100%, 0);

	  }



	  20%, 100% {

		opacity: 1;

		transform: none;

	  }

	}

	

	.fadeOut_atom {

	  animation-name: fadeOut_atom;

	}

	@keyframes fadeOut_atom {

	  0%, 20% {

		opacity: 1;

	  }



	  30%, 100%{

		opacity: 0;

	  }

	}

	

	.moveLeft {

	  animation-timing-function: ease-in-out;

	  animation-name: moveLeft;

	}

	@keyframes moveLeft {

	  0%, 25% {

		transform: translate3d(0, 0, 0);

	  }



	  40%, 100% {

		transform: translate3d(-20px, 0, 0);

	  }

	}



	.moveRight {

	  animation-timing-function: ease-in-out;

	  animation-name: moveRight;

    }

	@keyframes moveRight {

	  0%, 25%  {

		transform: translate3d(0, 0, 0);

	  }



	  40%, 100% {

		transform: translate3d(20px, 0, 0);

	  }

	}

/* solar teach 2 */

	.atom_p{

		margin: 20% 24%;

	}

	.atom_m{

		margin: 30% 32%;

	}

	.atom_p2{

		margin: 30% 24%;

	}

	.atom_m2{

		margin: 20% 32%;

	}

	.moveToBottom {

	  animation-timing-function: ease-in-out;

	  animation-name: moveToBottom;

    }

	@keyframes moveToBottom {

	  0% {

		margin: 30% 24%;

	  }



	  50%, 100% {

		margin: 35% 24%;

	  }

	}

	.moveToBottom2 {

	  animation-timing-function: ease-in-out;

	  animation-name: moveToBottom2;

    }

	@keyframes moveToBottom2 {

	  0% {

		margin: 20% 24%;

	  }



	  50%, 100% {

		margin: 35% 34%;

	  }

	}

	.moveToTop {

	  animation-timing-function: ease-in-out;

	  animation-name: moveToTop;

    }

	@keyframes moveToTop {

	  0% {

		margin: 30% 32%;

	  }



	  50%, 100% {

		margin: 20% 34%;

	  }

	}

	.moveToTop2 {

	  animation-timing-function: ease-in-out;

	  animation-name: moveToTop2;

    }

	@keyframes moveToTop2 {

	  0% {

		margin: 20% 32%;

	  }



	  50%, 100% {

		margin: 20% 24%;

	  }

	}

/* solar teach 3 */

	.atom3_p{

		margin: 35% 34%;

	}

	.atom3_m{

		margin: 20% 34%;

	}

	.atom3_p2{

		margin: 35% 24%;

	}

	.atom3_m2{

		margin: 20% 24%;

	}

	.moveToLoader_p {

	  animation-timing-function: ease-in-out;

	  animation-name: moveToLoader_p;

    }

	@keyframes moveToLoader_p {

	  0% {

		margin: 35% 24%;

	  }

	  

	  10% {

		margin: 35% 49%;

	  }

	  

	  15% {

		margin: 48% 49%;

	  }

	  

	  25% {

		margin: 48% 66%;

	  }

	  

	  35% {

		margin: 9% 66%;

	  }

	  

	  45% {

		margin: 9% 49%;

	  }

	  

	  50%,100% {

		margin: 20% 49%;

	  }

	}

	.moveToLoader_p2 {

	  animation-timing-function: ease-in-out;

	  animation-name: moveToLoader_p2;

    }

	@keyframes moveToLoader_p2 {

	  0% {

		margin: 35% 34%;

	  }

	  

	  10% {

		margin: 35% 49%;

	  }

	  

	  15% {

		margin: 48% 49%;

	  }

	  

	  25% {

		margin: 48% 66%;

	  }

	  

	  35% {

		margin: 9% 66%;

	  }

	  

	  45% {

		margin: 9% 49%;

	  }

	  

	  50%,100% {

		margin: 20% 49%;

	  }

	}

	.moveToLoader_m {

	  animation-timing-function: ease-in-out;

	  animation-name: moveToLoader_m;

    }

	@keyframes moveToLoader_m {

	  0% {

		margin: 20% 34%;

	  }

	  

	  30%,100% {

		margin: 20% 49%;

	  }

	}

	.moveToLoader_m2 {

	  animation-timing-function: ease-in-out;

	  animation-name: moveToLoader_m2;

    }

	@keyframes moveToLoader_m2 {

	  0% {

		margin: 20% 24%;

	  }

	  

	  30%,100% {

		margin: 20% 49%;

	  }

	}

	.atom_final{

		margin: 20% 49%;

		opacity: 0;

	}

	.fadeIn_atom {

	  animation-name: fadeIn_atom;

	}

	@keyframes fadeIn_atom {

	  0%,50% {

		opacity: 0;

	  }



	  55%, 100%{

		opacity: 1;

	  }

	}



	

/* 太陽生涯 */



	.hr_join_title{

		background-color:#b40041;

		padding-left:0px;

	}

	.hr_join_title h3{

		color:#ffffff;

		padding:0px 0px 10px 20px;

	}

	.hr_join_title p{

		color:#ffffff;

		padding:0px 0px 10px 20px;

		letter-spacing: 1px;

	}

	.hr_join_img{

		height:300px;

		margin: -1vh -200px;

		float:left;

	}

	.hr_pic_block{

		margin: 7% 0% 15% 0%;

		border-radius: 5px;

		box-shadow:15px 10px #ffb7b7;

		width:100%;

	}

	.hr_join_content{

		background-color:#ffa200;

		padding-left:0px;

		width:90%;

		margin-left:140px;

	}

	.hr_join_content p{

		color:#ffffff;

		justify-content: center;

		align-items: center;

		padding:5% 5% 5% 125px;

		letter-spacing: 1px;

	}

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

			.hr_join_img{

				height:auto;

				width:90%;

				margin: 10px 2.2vw;

			}

			.hr_join_content{

				width:100%;

				margin-left:0px;

			}

			.hr_join_content p{

				padding:240px 5% 5% 5%;

				letter-spacing: 1px;

			}

		}

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

			.hr_join_img{

				height:auto;

				width:90%;

				max-width: 300px;

				margin: 10px 4vw;

			}

		}

	

	.hr_train_img{

		position: absolute;

		height: 200px;

		z-index: 999;

		right: 0px;

		top: 30%;

	}

	.hr_train_content{

		background-color:#b40041;

		padding-left:0px;

		width:90%;

	}

	.hr_train_content p{

		color:#ffffff;

		justify-content: center;

		align-items: center;

		padding:3% 155px 3% 3%;

		letter-spacing: 1px;

	}

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

			.hr_train_img{

				height: 200px;

				z-index: 999;

				right: 20vw;

				top: 0%;

			}

			.hr_train_content p{

				padding:190px 1% 3% 3%;

			}

		}

	.hr_train_steps_img{

		width:100%;

	}

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

			.hr_train_steps_img{

				width:100%;

				max-width:550px;

			}

		}

	.hr_salary_circle{

		position:relative;

		background-color:#ffd723;

		width:40%;

		height:200px;

		clip-path: circle(50% at 50% 0%);

		margin: 0px auto;

	}

	.hr_salary_circle_inner{

		position:relative;

		background-color:#ffffff;

		height: 100%;

		width: 100%;

		clip-path: circle(45% at 50% 0%);

	}

	.hr_salary_circle_each{

		background-color:#ff3333;

		color:#ffffff;

		height: 130px;

		width: 130px;

		border-radius:50%;

		transform-origin: 50% -16vw;

		position:absolute;

		text-align: center;

		transition: all .3s ease-in-out;

	}

	.hr_salary_circle_each:hover{

		background-color:#ffd723;

		color:#333333;

	}

	.hr_sa_zoom {

		transform-origin: 50% 50%;

		transform: scale3d(1.0, 1.0, 1.0);

		transition: transform .3s ease-in-out;

	}

	.hr_sa_zoom:hover {

		transform: scale3d(1.1, 1.1, 1.1);

	}

	#hr_h3{

		padding-top: 15px;

		font-weight:normal;

	}

	.hr_top_circle{

		position:relative;

		z-index:10;

		width:100%;

		height:170px;

	}

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

			.hr_top_circle{

				margin:0px -2vw;

			}

		}

	.cfirst{

		transform: rotate(-70deg);

	}

	.csecond{

		transform: rotate(-35deg);

	}

	.cthird{

		transform: rotate(0deg);

	}

	.cfourth{

		transform: rotate(35deg);

	}

	.cfifth{

		transform: rotate(70deg);

	}

	.hr_salary_circle_outdiv{

		position:relative;

		z-index:90;

		margin:20px 40%;

	}

	.showbox{

		position:relative;

		z-index:10;

		width:100%;

		height: 110px;

		margin-top: 140px;

	}

	#sa_description{

		padding-top:50px;

		text-align:center;

	}

	#hr_circule_p{

		display:none;

	}

	.hr_circle_hr{

		display:block;

		margin:auto;

		width:50%;

		border-top: 3px solid #87b73d;

	}

	#hr_p_padding_1{

		padding: 0px 30px 0px 30px;

		font-size: 14px;

	}

	#hr_p_padding_2{

		padding: 0px 30px 0px 30px;

		font-size: 14px;

	}

	#hr_p_padding_3{

		padding: 0px 30px 0px 30px;

		font-size: 14px;

	}

	#hr_p_padding_4{

		padding: 0px 30px 0px 30px;

		font-size: 14px;

	}

	#hr_p_padding_5{

		padding: 0px 30px 0px 30px;

		font-size: 14px;

	}

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

			.showbox{

				margin-top: 270px;

			}

			.cfirst{

				transform: rotate(0deg);

				margin:150px 100%;

			}

			.csecond{

				transform: rotate(0deg);

				margin:0px 170%;

			}

			.cthird{

				transform: rotate(0deg);

			}

			.cfourth{

				transform: rotate(0deg);

				margin:0px -170%;

			}

			.cfifth{

				transform: rotate(0deg);

				margin:150px -100%;

			}

			.hr_top_circle{

				display:none;

			}

		}

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

			.hr_salary_circle_each{

				position:relative;

				float:left;

				width:100%;

				height:auto;

				border-radius:20%;

				border: solid 3px #eeeeee;

				margin:0px 0% 30px 0px;

				transform: rotate(0deg);

			}

			#hr_h3{

				padding-top: 0px;

			}

			#hr_circule_p{

				display:block;

			}

			.hr_sa_zoom:hover {

				transform: scale3d(1.0, 1.0, 1.0);

			}

			.hr_salary_circle_outdiv{

				margin:0px 0%;

			}

			.hr_top_circle{

				display:none;

			}

		}

	#btnSubmit{

		min-width:100px;

		display:block;

		margin:20px auto;

		padding:8px 0px 8px 0px;

		font-size:17px;

	}



/* finance */

	.anchor4{

		padding-top:8em;

		margin-top:-4em;

	}

	.anchor3{

		margin-top:4em;

	}

	.fin_circle_each{

		background-color:#555555;

		color:#ffffff;

		height: 130px;

		width: 130px;

		border-radius:50%;

		transform-origin: 50% -16vw;

		position:relative;

		text-align: center;

		margin:auto;

	}

	.fin_pdf{

		width:60px;

		margin: 30px auto;

	}

	#fin_submit_form{

		height: 2em;

		padding: 5px 20px 5px 20px;

		margin: 15px auto;

		display: block;

		font-size: 18px;

	}

	.fin_select_form{

		margin-top:10px;

		height: 35px;

		font-size: 18px;

		padding-left:40px;

		padding-right:30px;

	}

	.fin_table{

		border-bottom:solid 2px #9fa0a0;

		border-top:solid 2px #9fa0a0;

	}

	.fin_td_subtitle{

		font-weight:900;

		text-align:left;

	}

	

		.rwd-table {

            background: #fff;

            overflow: hidden;

        }



            .rwd-table tr:nth-of-type(2n) {

                background: #ddd;

            }



        .rwd-table {

            min-width: 100%;

        }



            .rwd-table th {

                display: none;

            }



            .rwd-table td {

                display: block;

				border-bottom: solid #9fa0a0 2px;

            }



                .rwd-table td:before {

                    content: attr(data-th) " : ";

                    font-weight: bold;

                    width: 9.5em;

                    display: inline-block;

                }



            .rwd-table th, .rwd-table td {

                text-align: left;

            }



                .rwd-table th, .rwd-table td:before {

                    color: #25517d;

                    font-weight: bold;

                }

			.rwd-table tr {

                border:solid 5px #9fa0a0;

            }

        @media (min-width: 480px) {

            .rwd-table td:before {

                display: none;

            }



            .rwd-table th, .rwd-table td {

                display: table-cell;

                padding: 0.25em 0.5em;

            }



                .rwd-table th:first-child, .rwd-table td:first-child {

                    padding-left: 0;

                }



                .rwd-table th:last-child, .rwd-table td:last-child {

                    padding-right: 0;

                }



            .rwd-table th, .rwd-table td {

                padding: 1em !important;

            }

			.rwd-table tr {

                border:solid 0px #9fa0a0;

            }

        }

/* sharehold */

	.no-type {

		list-style: none;

	}

	  ul.index-event-list li .inner-li {

		display: table;

		width: 100%;

	  }

	  ul.index-event-list li .inner-li > span {

		display: table-cell;

		min-width: 80px;

		padding-left: 8px;

	  }

	  ul.index-event-list li .inner-li > div {

		display: table-cell;

	  }

	  ul.index-event-list li .inner-li > div > span:first-child {

		width: 900px;

		padding-left: 45px;

	  }

	ul.index-event-list li {

	  padding-top: 9px;

	  padding-bottom: 9px;

	  border-bottom: 1px solid #51a9ab;

	}

	ul.index-event-list li .inner-li > div {

	  display: table;

	  width: 100%;

	}

	ul.index-event-list li .inner-li > div > span {

	  display: table-cell;

	}

	ul.index-event-list li .inner-li > div > span:first-child {

	  padding-right: 18px;

	}

	ul.index-event-list li .inner-li > div > span:last-child {

	  width: 67px;

	  text-align: center;

	  padding-right: 12px;

	}

	ul.index-news-list li .inner-li a.pdf {

	  display: inline-block;

	  color: #fff;

	  padding: 2px 6px;

	  text-transform: uppercase;

	  border-radius: 5px;

	  background-color: #ff0000;

	}

	ul.index-news-list li .inner-li a.pdf:hover {

	  color: #fff;

	  background-color: #007c7d;

	}

	ul.index-event-list li:nth-child(10n+10) {

		border-bottom: 0px solid #4ec2c3;

	}

	ul.index-event-list {

		border-top: 3px solid #4ec2c3;

		border-bottom: 3px solid #4ec2c3;

	}

	.sharehold_dividend h2{

		text-align:center;

	}

		@media (max-width: 736px) {

			.row h3{

				font-size:15px;

			}

		}

		@media (max-width: 480px) {

			.row h3{

				font-size:13px;

			}

		}

	div.float_submenu{

		background-color:#021f52;

		width:200px;

		height:200px;

		position:fixed;

		margin-top: 60vh;

		z-index: 9999;

		left: 170px;

		transition: all 1s ease-in-out;

		display:none;

	}

	div.float_submenu:hover{

		left: 0px;

	}



/* masonry */

			

			.item_m {

				padding:10px;

				float: left;

				margin: 5px;

				display:block;

				border: solid 2px rgba(140, 140, 140, 0.4);

				-webkit-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);

					 -moz-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);

				    -ms-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);

				     -o-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);

				        box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);

				-webkit-border-radius:5px;

					 -moz-border-radius:5px;

				    -ms-border-radius:5px;

				     -o-border-radius:5px;

				        border-radius:5px;

			}

			

			#width-fix{

				width:32%;

			}

			

			@media (max-width: 980px) {

				#width-fix{

					width:48%;

				}	

			}

			

			@media (max-width: 480px) {

				#width-fix{

					width:99%;

				}	

			}



			.item_m:hover{

				-webkit-box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);

					 -moz-box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);

				    -ms-box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);

				     -o-box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);

				        box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);			

			}

				

			/**** Transitions ****/



			.masonry,

			.masonry .masonry-brick {

				-webkit-transition-duration: 0.6s;

					 -moz-transition-duration: 0.6s;

						 -o-transition-duration: 0.6s;

								transition-duration: 0.6s;

			}



			.masonry {

				-webkit-transition-property: height, width;

					 -moz-transition-property: height, width;

						 -o-transition-property: height, width;

								transition-property: height, width;

			}



			.masonry .masonry-brick {

				-webkit-transition-property: left, right, top;

					 -moz-transition-property: left, right, top;

						 -o-transition-property: left, right, top;

								transition-property: left, right, top;

			}

			dd{

				margin:5px;

			}

	.footer-text-align{

		text-align:left;

	}

	.footer-icon-align{

		text-align:left;

	}

		@media (max-width: 980px) {

			.footer-icon-align{

				text-align:center;

			}	

		}

		

		@media (max-width: 763px) {

			.footer-text-align{

				text-align:center;

			}	

		}

/* HOLDER */

.holder {

	margin: 15px 0;

	text-align:center;

}



.holder a {

	font-size: 15px;

	cursor: pointer;

	margin: 0 5px;

	color: #333;

}



.holder a:hover {

	background-color: #222;

	color: #fff;

}



.holder a.jp-previous { margin-right: 15px; }

.holder a.jp-next { margin-left: 15px; }



.holder a.jp-current, a.jp-current:hover { 

	color: #FF4242;

	font-weight: bold;

}



.holder a.jp-disabled, a.jp-disabled:hover {

	color: #bbb;

}



.holder a.jp-current, a.jp-current:hover,

.holder a.jp-disabled, a.jp-disabled:hover {

	cursor: default; 

	background: none;

}



.holder span { margin: 0 5px; }



/* HOLDER HISTORY*/

.holderHistory {

	margin: 15px 0;

	text-align:center;

}



.holderHistory a {

	font-size: 15px;

	cursor: pointer;

	margin: 0 5px;

	color: #fff;

	border-radius:15%;

}



.holderHistory a:hover {

	color: #FF4242;

}



.holderHistory a.jp-previous { margin-right: 15px; }

.holderHistory a.jp-next { margin-left: 15px; }



.holderHistory a.jp-current, a.jp-current:hover { 

	color: #FF4242;

	font-weight: bold;

}



.holderHistory a.jp-disabled, a.jp-disabled:hover {

	color: #bbb;

}



.holderHistory a.jp-current, a.jp-current:hover,

.holderHistory a.jp-disabled, a.jp-disabled:hover {

	cursor: default; 

}



#btn-circle {

    width: 60px;

    height: 60px;

    margin-top: 15px;

    padding: 7px 16px;

    border: 2px solid #777;

    border-radius: 100%;

    font-size: 32px;

    color: #777;

    background: 0 0;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

#btn-circle:hover {

    background-color: rgba(51, 51, 51, 0.1);

	border: 2px solid #222;

	color: #222;

}

#top_nav{

	position:absolute;

	top:0;

}

#scroll2Top{

	text-align:right;

	position:fixed;

	bottom:10px;

	right:10px;

	z-index:9999;

}

#btn-circle-top {

    width: 50px;

    height: 50px;

    margin-top: 13px;

    padding: 0px 11px;

    border: 2px solid #555;

    border-radius: 100%;

    font-size: 32px;

    color: #555;

    background-color: rgba(255, 255, 255, 0.9);

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

#btn-circle-top:hover {

    background-color: rgba(10, 10, 10, 0.9);

	border: 2px solid #fff;

	color: #fff;

}