@import url("../../fonts.googleapis.com/css2%3Ffamily=Noto+Sans+SC:wght@100%3B300%3B400%3B500%3B700%3B900&family=Noto+Sans+TC:wght@100%3B300%3B400%3B500%3B700%3B900&family=Roboto:ital,wght@0,100%3B0,300%3B0,400%3B0,500%3B0,700%3B0,900%3B1,100%3B1,300%3B1,400%3B1,500%3B1,700%3B1,900&display=swap.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

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

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

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

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

html,
body {
	-webkit-text-size-adjust: 100%
}

a {
	text-decoration: none;
	color: inherit
}

a img {
	border: 0
}

:focus {
	outline: 0
}

strong,
b {
	font-weight: bold
}

button {
	background-color: transparent;
	border: 0
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

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

input,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.css_mover {
	cursor: pointer
}

.css_mover img:nth-child(1) {
	display: inline
}

.css_mover img:nth-child(2) {
	display: none
}

.css_mover.current img:nth-child(1) {
	display: none
}

.css_mover.current img:nth-child(2) {
	display: inline
}

.css_active img:nth-child(1),
.css_mover:hover img:nth-child(1) {
	display: none
}

.css_active img:nth-child(2),
.css_mover:hover img:nth-child(2) {
	display: inline
}

.css_active.current img:nth-child(1),
.css_mover:hover.current img:nth-child(1) {
	display: none
}

.css_active.current img:nth-child(2),
.css_mover:hover.current img:nth-child(2) {
	display: inline
}

.image-2x img:nth-child(1) {
	display: inline
}

.image-2x img:nth-child(2) {
	display: none
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	.image-2x img:nth-child(1) {
		display: none
	}
	.image-2x img:nth-child(2) {
		display: inline
	}
}

.grid-container {
	padding-right: .625rem;
	padding-left: .625rem;
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto
}

@media print,
screen and (min-width: 40em) {
	.grid-container {
		padding-right: .9375rem;
		padding-left: .9375rem
	}
}

.grid-container.fluid {
	padding-right: .625rem;
	padding-left: .625rem;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

@media print,
screen and (min-width: 40em) {
	.grid-container.fluid {
		padding-right: .9375rem;
		padding-left: .9375rem
	}
}

.grid-container.full {
	padding-right: 0;
	padding-left: 0;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.grid-x {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.cell {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-height: 0px;
	min-width: 0px;
	width: 100%
}

.cell.auto {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px
}

.cell.shrink {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.grid-x>.auto {
	width: auto
}

.grid-x>.shrink {
	width: auto
}

.grid-x>.small-shrink,
.grid-x>.small-full,
.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

@media print,
screen and (min-width: 40em) {
	.grid-x>.medium-shrink,
	.grid-x>.medium-full,
	.grid-x>.medium-1,
	.grid-x>.medium-2,
	.grid-x>.medium-3,
	.grid-x>.medium-4,
	.grid-x>.medium-5,
	.grid-x>.medium-6,
	.grid-x>.medium-7,
	.grid-x>.medium-8,
	.grid-x>.medium-9,
	.grid-x>.medium-10,
	.grid-x>.medium-11,
	.grid-x>.medium-12 {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-x>.large-shrink,
	.grid-x>.large-full,
	.grid-x>.large-1,
	.grid-x>.large-2,
	.grid-x>.large-3,
	.grid-x>.large-4,
	.grid-x>.large-5,
	.grid-x>.large-6,
	.grid-x>.large-7,
	.grid-x>.large-8,
	.grid-x>.large-9,
	.grid-x>.large-10,
	.grid-x>.large-11,
	.grid-x>.large-12 {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

@media screen and (min-width: 75em) {
	.grid-x>.xlarge-shrink,
	.grid-x>.xlarge-full,
	.grid-x>.xlarge-1,
	.grid-x>.xlarge-2,
	.grid-x>.xlarge-3,
	.grid-x>.xlarge-4,
	.grid-x>.xlarge-5,
	.grid-x>.xlarge-6,
	.grid-x>.xlarge-7,
	.grid-x>.xlarge-8,
	.grid-x>.xlarge-9,
	.grid-x>.xlarge-10,
	.grid-x>.xlarge-11,
	.grid-x>.xlarge-12 {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

@media screen and (min-width: 100em) {
	.grid-x>.xxlarge-shrink,
	.grid-x>.xxlarge-full,
	.grid-x>.xxlarge-1,
	.grid-x>.xxlarge-2,
	.grid-x>.xxlarge-3,
	.grid-x>.xxlarge-4,
	.grid-x>.xxlarge-5,
	.grid-x>.xxlarge-6,
	.grid-x>.xxlarge-7,
	.grid-x>.xxlarge-8,
	.grid-x>.xxlarge-9,
	.grid-x>.xxlarge-10,
	.grid-x>.xxlarge-11,
	.grid-x>.xxlarge-12 {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.grid-x>.small-1 {
	width: 8.33333%
}

.grid-x>.small-2 {
	width: 16.66667%
}

.grid-x>.small-3 {
	width: 25%
}

.grid-x>.small-4 {
	width: 33.33333%
}

.grid-x>.small-5 {
	width: 41.66667%
}

.grid-x>.small-6 {
	width: 50%
}

.grid-x>.small-7 {
	width: 58.33333%
}

.grid-x>.small-8 {
	width: 66.66667%
}

.grid-x>.small-9 {
	width: 75%
}

.grid-x>.small-10 {
	width: 83.33333%
}

.grid-x>.small-11 {
	width: 91.66667%
}

.grid-x>.small-12 {
	width: 100%
}

@media print,
screen and (min-width: 40em) {
	.grid-x>.medium-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		width: auto
	}
	.grid-x>.medium-shrink,
	.grid-x>.medium-1,
	.grid-x>.medium-2,
	.grid-x>.medium-3,
	.grid-x>.medium-4,
	.grid-x>.medium-5,
	.grid-x>.medium-6,
	.grid-x>.medium-7,
	.grid-x>.medium-8,
	.grid-x>.medium-9,
	.grid-x>.medium-10,
	.grid-x>.medium-11,
	.grid-x>.medium-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
	.grid-x>.medium-shrink {
		width: auto
	}
	.grid-x>.medium-1 {
		width: 8.33333%
	}
	.grid-x>.medium-2 {
		width: 16.66667%
	}
	.grid-x>.medium-3 {
		width: 25%
	}
	.grid-x>.medium-4 {
		width: 33.33333%
	}
	.grid-x>.medium-5 {
		width: 41.66667%
	}
	.grid-x>.medium-6 {
		width: 50%
	}
	.grid-x>.medium-7 {
		width: 58.33333%
	}
	.grid-x>.medium-8 {
		width: 66.66667%
	}
	.grid-x>.medium-9 {
		width: 75%
	}
	.grid-x>.medium-10 {
		width: 83.33333%
	}
	.grid-x>.medium-11 {
		width: 91.66667%
	}
	.grid-x>.medium-12 {
		width: 100%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-x>.large-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		width: auto
	}
	.grid-x>.large-shrink,
	.grid-x>.large-1,
	.grid-x>.large-2,
	.grid-x>.large-3,
	.grid-x>.large-4,
	.grid-x>.large-5,
	.grid-x>.large-6,
	.grid-x>.large-7,
	.grid-x>.large-8,
	.grid-x>.large-9,
	.grid-x>.large-10,
	.grid-x>.large-11,
	.grid-x>.large-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
	.grid-x>.large-shrink {
		width: auto
	}
	.grid-x>.large-1 {
		width: 8.33333%
	}
	.grid-x>.large-2 {
		width: 16.66667%
	}
	.grid-x>.large-3 {
		width: 25%
	}
	.grid-x>.large-4 {
		width: 33.33333%
	}
	.grid-x>.large-5 {
		width: 41.66667%
	}
	.grid-x>.large-6 {
		width: 50%
	}
	.grid-x>.large-7 {
		width: 58.33333%
	}
	.grid-x>.large-8 {
		width: 66.66667%
	}
	.grid-x>.large-9 {
		width: 75%
	}
	.grid-x>.large-10 {
		width: 83.33333%
	}
	.grid-x>.large-11 {
		width: 91.66667%
	}
	.grid-x>.large-12 {
		width: 100%
	}
}

@media screen and (min-width: 75em) {
	.grid-x>.xlarge-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		width: auto
	}
	.grid-x>.xlarge-shrink,
	.grid-x>.xlarge-1,
	.grid-x>.xlarge-2,
	.grid-x>.xlarge-3,
	.grid-x>.xlarge-4,
	.grid-x>.xlarge-5,
	.grid-x>.xlarge-6,
	.grid-x>.xlarge-7,
	.grid-x>.xlarge-8,
	.grid-x>.xlarge-9,
	.grid-x>.xlarge-10,
	.grid-x>.xlarge-11,
	.grid-x>.xlarge-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
	.grid-x>.xlarge-shrink {
		width: auto
	}
	.grid-x>.xlarge-1 {
		width: 8.33333%
	}
	.grid-x>.xlarge-2 {
		width: 16.66667%
	}
	.grid-x>.xlarge-3 {
		width: 25%
	}
	.grid-x>.xlarge-4 {
		width: 33.33333%
	}
	.grid-x>.xlarge-5 {
		width: 41.66667%
	}
	.grid-x>.xlarge-6 {
		width: 50%
	}
	.grid-x>.xlarge-7 {
		width: 58.33333%
	}
	.grid-x>.xlarge-8 {
		width: 66.66667%
	}
	.grid-x>.xlarge-9 {
		width: 75%
	}
	.grid-x>.xlarge-10 {
		width: 83.33333%
	}
	.grid-x>.xlarge-11 {
		width: 91.66667%
	}
	.grid-x>.xlarge-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.grid-x>.xxlarge-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		width: auto
	}
	.grid-x>.xxlarge-shrink,
	.grid-x>.xxlarge-1,
	.grid-x>.xxlarge-2,
	.grid-x>.xxlarge-3,
	.grid-x>.xxlarge-4,
	.grid-x>.xxlarge-5,
	.grid-x>.xxlarge-6,
	.grid-x>.xxlarge-7,
	.grid-x>.xxlarge-8,
	.grid-x>.xxlarge-9,
	.grid-x>.xxlarge-10,
	.grid-x>.xxlarge-11,
	.grid-x>.xxlarge-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
	.grid-x>.xxlarge-shrink {
		width: auto
	}
	.grid-x>.xxlarge-1 {
		width: 8.33333%
	}
	.grid-x>.xxlarge-2 {
		width: 16.66667%
	}
	.grid-x>.xxlarge-3 {
		width: 25%
	}
	.grid-x>.xxlarge-4 {
		width: 33.33333%
	}
	.grid-x>.xxlarge-5 {
		width: 41.66667%
	}
	.grid-x>.xxlarge-6 {
		width: 50%
	}
	.grid-x>.xxlarge-7 {
		width: 58.33333%
	}
	.grid-x>.xxlarge-8 {
		width: 66.66667%
	}
	.grid-x>.xxlarge-9 {
		width: 75%
	}
	.grid-x>.xxlarge-10 {
		width: 83.33333%
	}
	.grid-x>.xxlarge-11 {
		width: 91.66667%
	}
	.grid-x>.xxlarge-12 {
		width: 100%
	}
}

.grid-margin-x:not(.grid-x)>.cell {
	width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
	height: auto
}

.grid-margin-x {
	margin-left: -.625rem;
	margin-right: -.625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-x {
		margin-left: -.9375rem;
		margin-right: -.9375rem
	}
}

.grid-margin-x>.cell {
	width: calc(100% - 1.25rem);
	margin-left: .625rem;
	margin-right: .625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-x>.cell {
		width: calc(100% - 1.875rem);
		margin-left: .9375rem;
		margin-right: .9375rem
	}
}

.grid-margin-x>.auto {
	width: auto
}

.grid-margin-x>.shrink {
	width: auto
}

.grid-margin-x>.small-1 {
	width: calc(8.33333% - 1.25rem)
}

.grid-margin-x>.small-2 {
	width: calc(16.66667% - 1.25rem)
}

.grid-margin-x>.small-3 {
	width: calc(25% - 1.25rem)
}

.grid-margin-x>.small-4 {
	width: calc(33.33333% - 1.25rem)
}

.grid-margin-x>.small-5 {
	width: calc(41.66667% - 1.25rem)
}

.grid-margin-x>.small-6 {
	width: calc(50% - 1.25rem)
}

.grid-margin-x>.small-7 {
	width: calc(58.33333% - 1.25rem)
}

.grid-margin-x>.small-8 {
	width: calc(66.66667% - 1.25rem)
}

.grid-margin-x>.small-9 {
	width: calc(75% - 1.25rem)
}

.grid-margin-x>.small-10 {
	width: calc(83.33333% - 1.25rem)
}

.grid-margin-x>.small-11 {
	width: calc(91.66667% - 1.25rem)
}

.grid-margin-x>.small-12 {
	width: calc(100% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-x>.auto {
		width: auto
	}
	.grid-margin-x>.shrink {
		width: auto
	}
	.grid-margin-x>.small-1 {
		width: calc(8.33333% - 1.875rem)
	}
	.grid-margin-x>.small-2 {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x>.small-3 {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x>.small-4 {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x>.small-5 {
		width: calc(41.66667% - 1.875rem)
	}
	.grid-margin-x>.small-6 {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x>.small-7 {
		width: calc(58.33333% - 1.875rem)
	}
	.grid-margin-x>.small-8 {
		width: calc(66.66667% - 1.875rem)
	}
	.grid-margin-x>.small-9 {
		width: calc(75% - 1.875rem)
	}
	.grid-margin-x>.small-10 {
		width: calc(83.33333% - 1.875rem)
	}
	.grid-margin-x>.small-11 {
		width: calc(91.66667% - 1.875rem)
	}
	.grid-margin-x>.small-12 {
		width: calc(100% - 1.875rem)
	}
	.grid-margin-x>.medium-auto {
		width: auto
	}
	.grid-margin-x>.medium-shrink {
		width: auto
	}
	.grid-margin-x>.medium-1 {
		width: calc(8.33333% - 1.875rem)
	}
	.grid-margin-x>.medium-2 {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x>.medium-3 {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x>.medium-4 {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x>.medium-5 {
		width: calc(41.66667% - 1.875rem)
	}
	.grid-margin-x>.medium-6 {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x>.medium-7 {
		width: calc(58.33333% - 1.875rem)
	}
	.grid-margin-x>.medium-8 {
		width: calc(66.66667% - 1.875rem)
	}
	.grid-margin-x>.medium-9 {
		width: calc(75% - 1.875rem)
	}
	.grid-margin-x>.medium-10 {
		width: calc(83.33333% - 1.875rem)
	}
	.grid-margin-x>.medium-11 {
		width: calc(91.66667% - 1.875rem)
	}
	.grid-margin-x>.medium-12 {
		width: calc(100% - 1.875rem)
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-margin-x>.large-auto {
		width: auto
	}
	.grid-margin-x>.large-shrink {
		width: auto
	}
	.grid-margin-x>.large-1 {
		width: calc(8.33333% - 1.875rem)
	}
	.grid-margin-x>.large-2 {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x>.large-3 {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x>.large-4 {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x>.large-5 {
		width: calc(41.66667% - 1.875rem)
	}
	.grid-margin-x>.large-6 {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x>.large-7 {
		width: calc(58.33333% - 1.875rem)
	}
	.grid-margin-x>.large-8 {
		width: calc(66.66667% - 1.875rem)
	}
	.grid-margin-x>.large-9 {
		width: calc(75% - 1.875rem)
	}
	.grid-margin-x>.large-10 {
		width: calc(83.33333% - 1.875rem)
	}
	.grid-margin-x>.large-11 {
		width: calc(91.66667% - 1.875rem)
	}
	.grid-margin-x>.large-12 {
		width: calc(100% - 1.875rem)
	}
}

@media screen and (min-width: 75em) {
	.grid-margin-x>.xlarge-auto {
		width: auto
	}
	.grid-margin-x>.xlarge-shrink {
		width: auto
	}
	.grid-margin-x>.xlarge-1 {
		width: calc(8.33333% - 1.875rem)
	}
	.grid-margin-x>.xlarge-2 {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x>.xlarge-3 {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x>.xlarge-4 {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x>.xlarge-5 {
		width: calc(41.66667% - 1.875rem)
	}
	.grid-margin-x>.xlarge-6 {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x>.xlarge-7 {
		width: calc(58.33333% - 1.875rem)
	}
	.grid-margin-x>.xlarge-8 {
		width: calc(66.66667% - 1.875rem)
	}
	.grid-margin-x>.xlarge-9 {
		width: calc(75% - 1.875rem)
	}
	.grid-margin-x>.xlarge-10 {
		width: calc(83.33333% - 1.875rem)
	}
	.grid-margin-x>.xlarge-11 {
		width: calc(91.66667% - 1.875rem)
	}
	.grid-margin-x>.xlarge-12 {
		width: calc(100% - 1.875rem)
	}
}

@media screen and (min-width: 100em) {
	.grid-margin-x>.xxlarge-auto {
		width: auto
	}
	.grid-margin-x>.xxlarge-shrink {
		width: auto
	}
	.grid-margin-x>.xxlarge-1 {
		width: calc(8.33333% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-2 {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-3 {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-4 {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-5 {
		width: calc(41.66667% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-6 {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-7 {
		width: calc(58.33333% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-8 {
		width: calc(66.66667% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-9 {
		width: calc(75% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-10 {
		width: calc(83.33333% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-11 {
		width: calc(91.66667% - 1.875rem)
	}
	.grid-margin-x>.xxlarge-12 {
		width: calc(100% - 1.875rem)
	}
}

.grid-padding-x .grid-padding-x {
	margin-right: -.625rem;
	margin-left: -.625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-padding-x .grid-padding-x {
		margin-right: -.9375rem;
		margin-left: -.9375rem
	}
}

.grid-container:not(.full)>.grid-padding-x {
	margin-right: -.625rem;
	margin-left: -.625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-container:not(.full)>.grid-padding-x {
		margin-right: -.9375rem;
		margin-left: -.9375rem
	}
}

.grid-padding-x>.cell {
	padding-right: .625rem;
	padding-left: .625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-padding-x>.cell {
		padding-right: .9375rem;
		padding-left: .9375rem
	}
}

.small-up-1>.cell {
	width: 100%
}

.small-up-2>.cell {
	width: 50%
}

.small-up-3>.cell {
	width: 33.33333%
}

.small-up-4>.cell {
	width: 25%
}

.small-up-5>.cell {
	width: 20%
}

.small-up-6>.cell {
	width: 16.66667%
}

.small-up-7>.cell {
	width: 14.28571%
}

.small-up-8>.cell {
	width: 12.5%
}

@media print,
screen and (min-width: 40em) {
	.medium-up-1>.cell {
		width: 100%
	}
	.medium-up-2>.cell {
		width: 50%
	}
	.medium-up-3>.cell {
		width: 33.33333%
	}
	.medium-up-4>.cell {
		width: 25%
	}
	.medium-up-5>.cell {
		width: 20%
	}
	.medium-up-6>.cell {
		width: 16.66667%
	}
	.medium-up-7>.cell {
		width: 14.28571%
	}
	.medium-up-8>.cell {
		width: 12.5%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-up-1>.cell {
		width: 100%
	}
	.large-up-2>.cell {
		width: 50%
	}
	.large-up-3>.cell {
		width: 33.33333%
	}
	.large-up-4>.cell {
		width: 25%
	}
	.large-up-5>.cell {
		width: 20%
	}
	.large-up-6>.cell {
		width: 16.66667%
	}
	.large-up-7>.cell {
		width: 14.28571%
	}
	.large-up-8>.cell {
		width: 12.5%
	}
}

@media screen and (min-width: 75em) {
	.xlarge-up-1>.cell {
		width: 100%
	}
	.xlarge-up-2>.cell {
		width: 50%
	}
	.xlarge-up-3>.cell {
		width: 33.33333%
	}
	.xlarge-up-4>.cell {
		width: 25%
	}
	.xlarge-up-5>.cell {
		width: 20%
	}
	.xlarge-up-6>.cell {
		width: 16.66667%
	}
	.xlarge-up-7>.cell {
		width: 14.28571%
	}
	.xlarge-up-8>.cell {
		width: 12.5%
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-up-1>.cell {
		width: 100%
	}
	.xxlarge-up-2>.cell {
		width: 50%
	}
	.xxlarge-up-3>.cell {
		width: 33.33333%
	}
	.xxlarge-up-4>.cell {
		width: 25%
	}
	.xxlarge-up-5>.cell {
		width: 20%
	}
	.xxlarge-up-6>.cell {
		width: 16.66667%
	}
	.xxlarge-up-7>.cell {
		width: 14.28571%
	}
	.xxlarge-up-8>.cell {
		width: 12.5%
	}
}

.grid-margin-x.small-up-1>.cell {
	width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2>.cell {
	width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3>.cell {
	width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4>.cell {
	width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5>.cell {
	width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6>.cell {
	width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7>.cell {
	width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8>.cell {
	width: calc(12.5% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-x.small-up-1>.cell {
		width: calc(100% - 1.875rem)
	}
	.grid-margin-x.small-up-2>.cell {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x.small-up-3>.cell {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x.small-up-4>.cell {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x.small-up-5>.cell {
		width: calc(20% - 1.875rem)
	}
	.grid-margin-x.small-up-6>.cell {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x.small-up-7>.cell {
		width: calc(14.28571% - 1.875rem)
	}
	.grid-margin-x.small-up-8>.cell {
		width: calc(12.5% - 1.875rem)
	}
	.grid-margin-x.medium-up-1>.cell {
		width: calc(100% - 1.875rem)
	}
	.grid-margin-x.medium-up-2>.cell {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x.medium-up-3>.cell {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x.medium-up-4>.cell {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x.medium-up-5>.cell {
		width: calc(20% - 1.875rem)
	}
	.grid-margin-x.medium-up-6>.cell {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x.medium-up-7>.cell {
		width: calc(14.28571% - 1.875rem)
	}
	.grid-margin-x.medium-up-8>.cell {
		width: calc(12.5% - 1.875rem)
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-margin-x.large-up-1>.cell {
		width: calc(100% - 1.875rem)
	}
	.grid-margin-x.large-up-2>.cell {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x.large-up-3>.cell {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x.large-up-4>.cell {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x.large-up-5>.cell {
		width: calc(20% - 1.875rem)
	}
	.grid-margin-x.large-up-6>.cell {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x.large-up-7>.cell {
		width: calc(14.28571% - 1.875rem)
	}
	.grid-margin-x.large-up-8>.cell {
		width: calc(12.5% - 1.875rem)
	}
}

@media screen and (min-width: 75em) {
	.grid-margin-x.xlarge-up-1>.cell {
		width: calc(100% - 1.875rem)
	}
	.grid-margin-x.xlarge-up-2>.cell {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x.xlarge-up-3>.cell {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x.xlarge-up-4>.cell {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x.xlarge-up-5>.cell {
		width: calc(20% - 1.875rem)
	}
	.grid-margin-x.xlarge-up-6>.cell {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x.xlarge-up-7>.cell {
		width: calc(14.28571% - 1.875rem)
	}
	.grid-margin-x.xlarge-up-8>.cell {
		width: calc(12.5% - 1.875rem)
	}
}

@media screen and (min-width: 100em) {
	.grid-margin-x.xxlarge-up-1>.cell {
		width: calc(100% - 1.875rem)
	}
	.grid-margin-x.xxlarge-up-2>.cell {
		width: calc(50% - 1.875rem)
	}
	.grid-margin-x.xxlarge-up-3>.cell {
		width: calc(33.33333% - 1.875rem)
	}
	.grid-margin-x.xxlarge-up-4>.cell {
		width: calc(25% - 1.875rem)
	}
	.grid-margin-x.xxlarge-up-5>.cell {
		width: calc(20% - 1.875rem)
	}
	.grid-margin-x.xxlarge-up-6>.cell {
		width: calc(16.66667% - 1.875rem)
	}
	.grid-margin-x.xxlarge-up-7>.cell {
		width: calc(14.28571% - 1.875rem)
	}
	.grid-margin-x.xxlarge-up-8>.cell {
		width: calc(12.5% - 1.875rem)
	}
}

.small-margin-collapse {
	margin-right: 0;
	margin-left: 0
}

.small-margin-collapse>.cell {
	margin-right: 0;
	margin-left: 0
}

.small-margin-collapse>.small-1 {
	width: 8.33333%
}

.small-margin-collapse>.small-2 {
	width: 16.66667%
}

.small-margin-collapse>.small-3 {
	width: 25%
}

.small-margin-collapse>.small-4 {
	width: 33.33333%
}

.small-margin-collapse>.small-5 {
	width: 41.66667%
}

.small-margin-collapse>.small-6 {
	width: 50%
}

.small-margin-collapse>.small-7 {
	width: 58.33333%
}

.small-margin-collapse>.small-8 {
	width: 66.66667%
}

.small-margin-collapse>.small-9 {
	width: 75%
}

.small-margin-collapse>.small-10 {
	width: 83.33333%
}

.small-margin-collapse>.small-11 {
	width: 91.66667%
}

.small-margin-collapse>.small-12 {
	width: 100%
}

@media print,
screen and (min-width: 40em) {
	.small-margin-collapse>.medium-1 {
		width: 8.33333%
	}
	.small-margin-collapse>.medium-2 {
		width: 16.66667%
	}
	.small-margin-collapse>.medium-3 {
		width: 25%
	}
	.small-margin-collapse>.medium-4 {
		width: 33.33333%
	}
	.small-margin-collapse>.medium-5 {
		width: 41.66667%
	}
	.small-margin-collapse>.medium-6 {
		width: 50%
	}
	.small-margin-collapse>.medium-7 {
		width: 58.33333%
	}
	.small-margin-collapse>.medium-8 {
		width: 66.66667%
	}
	.small-margin-collapse>.medium-9 {
		width: 75%
	}
	.small-margin-collapse>.medium-10 {
		width: 83.33333%
	}
	.small-margin-collapse>.medium-11 {
		width: 91.66667%
	}
	.small-margin-collapse>.medium-12 {
		width: 100%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.small-margin-collapse>.large-1 {
		width: 8.33333%
	}
	.small-margin-collapse>.large-2 {
		width: 16.66667%
	}
	.small-margin-collapse>.large-3 {
		width: 25%
	}
	.small-margin-collapse>.large-4 {
		width: 33.33333%
	}
	.small-margin-collapse>.large-5 {
		width: 41.66667%
	}
	.small-margin-collapse>.large-6 {
		width: 50%
	}
	.small-margin-collapse>.large-7 {
		width: 58.33333%
	}
	.small-margin-collapse>.large-8 {
		width: 66.66667%
	}
	.small-margin-collapse>.large-9 {
		width: 75%
	}
	.small-margin-collapse>.large-10 {
		width: 83.33333%
	}
	.small-margin-collapse>.large-11 {
		width: 91.66667%
	}
	.small-margin-collapse>.large-12 {
		width: 100%
	}
}

@media screen and (min-width: 75em) {
	.small-margin-collapse>.xlarge-1 {
		width: 8.33333%
	}
	.small-margin-collapse>.xlarge-2 {
		width: 16.66667%
	}
	.small-margin-collapse>.xlarge-3 {
		width: 25%
	}
	.small-margin-collapse>.xlarge-4 {
		width: 33.33333%
	}
	.small-margin-collapse>.xlarge-5 {
		width: 41.66667%
	}
	.small-margin-collapse>.xlarge-6 {
		width: 50%
	}
	.small-margin-collapse>.xlarge-7 {
		width: 58.33333%
	}
	.small-margin-collapse>.xlarge-8 {
		width: 66.66667%
	}
	.small-margin-collapse>.xlarge-9 {
		width: 75%
	}
	.small-margin-collapse>.xlarge-10 {
		width: 83.33333%
	}
	.small-margin-collapse>.xlarge-11 {
		width: 91.66667%
	}
	.small-margin-collapse>.xlarge-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.small-margin-collapse>.xxlarge-1 {
		width: 8.33333%
	}
	.small-margin-collapse>.xxlarge-2 {
		width: 16.66667%
	}
	.small-margin-collapse>.xxlarge-3 {
		width: 25%
	}
	.small-margin-collapse>.xxlarge-4 {
		width: 33.33333%
	}
	.small-margin-collapse>.xxlarge-5 {
		width: 41.66667%
	}
	.small-margin-collapse>.xxlarge-6 {
		width: 50%
	}
	.small-margin-collapse>.xxlarge-7 {
		width: 58.33333%
	}
	.small-margin-collapse>.xxlarge-8 {
		width: 66.66667%
	}
	.small-margin-collapse>.xxlarge-9 {
		width: 75%
	}
	.small-margin-collapse>.xxlarge-10 {
		width: 83.33333%
	}
	.small-margin-collapse>.xxlarge-11 {
		width: 91.66667%
	}
	.small-margin-collapse>.xxlarge-12 {
		width: 100%
	}
}

.small-padding-collapse {
	margin-right: 0;
	margin-left: 0
}

.small-padding-collapse>.cell {
	padding-right: 0;
	padding-left: 0
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-collapse {
		margin-right: 0;
		margin-left: 0
	}
	.medium-margin-collapse>.cell {
		margin-right: 0;
		margin-left: 0
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-collapse>.small-1 {
		width: 8.33333%
	}
	.medium-margin-collapse>.small-2 {
		width: 16.66667%
	}
	.medium-margin-collapse>.small-3 {
		width: 25%
	}
	.medium-margin-collapse>.small-4 {
		width: 33.33333%
	}
	.medium-margin-collapse>.small-5 {
		width: 41.66667%
	}
	.medium-margin-collapse>.small-6 {
		width: 50%
	}
	.medium-margin-collapse>.small-7 {
		width: 58.33333%
	}
	.medium-margin-collapse>.small-8 {
		width: 66.66667%
	}
	.medium-margin-collapse>.small-9 {
		width: 75%
	}
	.medium-margin-collapse>.small-10 {
		width: 83.33333%
	}
	.medium-margin-collapse>.small-11 {
		width: 91.66667%
	}
	.medium-margin-collapse>.small-12 {
		width: 100%
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-collapse>.medium-1 {
		width: 8.33333%
	}
	.medium-margin-collapse>.medium-2 {
		width: 16.66667%
	}
	.medium-margin-collapse>.medium-3 {
		width: 25%
	}
	.medium-margin-collapse>.medium-4 {
		width: 33.33333%
	}
	.medium-margin-collapse>.medium-5 {
		width: 41.66667%
	}
	.medium-margin-collapse>.medium-6 {
		width: 50%
	}
	.medium-margin-collapse>.medium-7 {
		width: 58.33333%
	}
	.medium-margin-collapse>.medium-8 {
		width: 66.66667%
	}
	.medium-margin-collapse>.medium-9 {
		width: 75%
	}
	.medium-margin-collapse>.medium-10 {
		width: 83.33333%
	}
	.medium-margin-collapse>.medium-11 {
		width: 91.66667%
	}
	.medium-margin-collapse>.medium-12 {
		width: 100%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.medium-margin-collapse>.large-1 {
		width: 8.33333%
	}
	.medium-margin-collapse>.large-2 {
		width: 16.66667%
	}
	.medium-margin-collapse>.large-3 {
		width: 25%
	}
	.medium-margin-collapse>.large-4 {
		width: 33.33333%
	}
	.medium-margin-collapse>.large-5 {
		width: 41.66667%
	}
	.medium-margin-collapse>.large-6 {
		width: 50%
	}
	.medium-margin-collapse>.large-7 {
		width: 58.33333%
	}
	.medium-margin-collapse>.large-8 {
		width: 66.66667%
	}
	.medium-margin-collapse>.large-9 {
		width: 75%
	}
	.medium-margin-collapse>.large-10 {
		width: 83.33333%
	}
	.medium-margin-collapse>.large-11 {
		width: 91.66667%
	}
	.medium-margin-collapse>.large-12 {
		width: 100%
	}
}

@media screen and (min-width: 75em) {
	.medium-margin-collapse>.xlarge-1 {
		width: 8.33333%
	}
	.medium-margin-collapse>.xlarge-2 {
		width: 16.66667%
	}
	.medium-margin-collapse>.xlarge-3 {
		width: 25%
	}
	.medium-margin-collapse>.xlarge-4 {
		width: 33.33333%
	}
	.medium-margin-collapse>.xlarge-5 {
		width: 41.66667%
	}
	.medium-margin-collapse>.xlarge-6 {
		width: 50%
	}
	.medium-margin-collapse>.xlarge-7 {
		width: 58.33333%
	}
	.medium-margin-collapse>.xlarge-8 {
		width: 66.66667%
	}
	.medium-margin-collapse>.xlarge-9 {
		width: 75%
	}
	.medium-margin-collapse>.xlarge-10 {
		width: 83.33333%
	}
	.medium-margin-collapse>.xlarge-11 {
		width: 91.66667%
	}
	.medium-margin-collapse>.xlarge-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.medium-margin-collapse>.xxlarge-1 {
		width: 8.33333%
	}
	.medium-margin-collapse>.xxlarge-2 {
		width: 16.66667%
	}
	.medium-margin-collapse>.xxlarge-3 {
		width: 25%
	}
	.medium-margin-collapse>.xxlarge-4 {
		width: 33.33333%
	}
	.medium-margin-collapse>.xxlarge-5 {
		width: 41.66667%
	}
	.medium-margin-collapse>.xxlarge-6 {
		width: 50%
	}
	.medium-margin-collapse>.xxlarge-7 {
		width: 58.33333%
	}
	.medium-margin-collapse>.xxlarge-8 {
		width: 66.66667%
	}
	.medium-margin-collapse>.xxlarge-9 {
		width: 75%
	}
	.medium-margin-collapse>.xxlarge-10 {
		width: 83.33333%
	}
	.medium-margin-collapse>.xxlarge-11 {
		width: 91.66667%
	}
	.medium-margin-collapse>.xxlarge-12 {
		width: 100%
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-padding-collapse {
		margin-right: 0;
		margin-left: 0
	}
	.medium-padding-collapse>.cell {
		padding-right: 0;
		padding-left: 0
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-collapse {
		margin-right: 0;
		margin-left: 0
	}
	.large-margin-collapse>.cell {
		margin-right: 0;
		margin-left: 0
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-collapse>.small-1 {
		width: 8.33333%
	}
	.large-margin-collapse>.small-2 {
		width: 16.66667%
	}
	.large-margin-collapse>.small-3 {
		width: 25%
	}
	.large-margin-collapse>.small-4 {
		width: 33.33333%
	}
	.large-margin-collapse>.small-5 {
		width: 41.66667%
	}
	.large-margin-collapse>.small-6 {
		width: 50%
	}
	.large-margin-collapse>.small-7 {
		width: 58.33333%
	}
	.large-margin-collapse>.small-8 {
		width: 66.66667%
	}
	.large-margin-collapse>.small-9 {
		width: 75%
	}
	.large-margin-collapse>.small-10 {
		width: 83.33333%
	}
	.large-margin-collapse>.small-11 {
		width: 91.66667%
	}
	.large-margin-collapse>.small-12 {
		width: 100%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-collapse>.medium-1 {
		width: 8.33333%
	}
	.large-margin-collapse>.medium-2 {
		width: 16.66667%
	}
	.large-margin-collapse>.medium-3 {
		width: 25%
	}
	.large-margin-collapse>.medium-4 {
		width: 33.33333%
	}
	.large-margin-collapse>.medium-5 {
		width: 41.66667%
	}
	.large-margin-collapse>.medium-6 {
		width: 50%
	}
	.large-margin-collapse>.medium-7 {
		width: 58.33333%
	}
	.large-margin-collapse>.medium-8 {
		width: 66.66667%
	}
	.large-margin-collapse>.medium-9 {
		width: 75%
	}
	.large-margin-collapse>.medium-10 {
		width: 83.33333%
	}
	.large-margin-collapse>.medium-11 {
		width: 91.66667%
	}
	.large-margin-collapse>.medium-12 {
		width: 100%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-collapse>.large-1 {
		width: 8.33333%
	}
	.large-margin-collapse>.large-2 {
		width: 16.66667%
	}
	.large-margin-collapse>.large-3 {
		width: 25%
	}
	.large-margin-collapse>.large-4 {
		width: 33.33333%
	}
	.large-margin-collapse>.large-5 {
		width: 41.66667%
	}
	.large-margin-collapse>.large-6 {
		width: 50%
	}
	.large-margin-collapse>.large-7 {
		width: 58.33333%
	}
	.large-margin-collapse>.large-8 {
		width: 66.66667%
	}
	.large-margin-collapse>.large-9 {
		width: 75%
	}
	.large-margin-collapse>.large-10 {
		width: 83.33333%
	}
	.large-margin-collapse>.large-11 {
		width: 91.66667%
	}
	.large-margin-collapse>.large-12 {
		width: 100%
	}
}

@media screen and (min-width: 75em) {
	.large-margin-collapse>.xlarge-1 {
		width: 8.33333%
	}
	.large-margin-collapse>.xlarge-2 {
		width: 16.66667%
	}
	.large-margin-collapse>.xlarge-3 {
		width: 25%
	}
	.large-margin-collapse>.xlarge-4 {
		width: 33.33333%
	}
	.large-margin-collapse>.xlarge-5 {
		width: 41.66667%
	}
	.large-margin-collapse>.xlarge-6 {
		width: 50%
	}
	.large-margin-collapse>.xlarge-7 {
		width: 58.33333%
	}
	.large-margin-collapse>.xlarge-8 {
		width: 66.66667%
	}
	.large-margin-collapse>.xlarge-9 {
		width: 75%
	}
	.large-margin-collapse>.xlarge-10 {
		width: 83.33333%
	}
	.large-margin-collapse>.xlarge-11 {
		width: 91.66667%
	}
	.large-margin-collapse>.xlarge-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.large-margin-collapse>.xxlarge-1 {
		width: 8.33333%
	}
	.large-margin-collapse>.xxlarge-2 {
		width: 16.66667%
	}
	.large-margin-collapse>.xxlarge-3 {
		width: 25%
	}
	.large-margin-collapse>.xxlarge-4 {
		width: 33.33333%
	}
	.large-margin-collapse>.xxlarge-5 {
		width: 41.66667%
	}
	.large-margin-collapse>.xxlarge-6 {
		width: 50%
	}
	.large-margin-collapse>.xxlarge-7 {
		width: 58.33333%
	}
	.large-margin-collapse>.xxlarge-8 {
		width: 66.66667%
	}
	.large-margin-collapse>.xxlarge-9 {
		width: 75%
	}
	.large-margin-collapse>.xxlarge-10 {
		width: 83.33333%
	}
	.large-margin-collapse>.xxlarge-11 {
		width: 91.66667%
	}
	.large-margin-collapse>.xxlarge-12 {
		width: 100%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-padding-collapse {
		margin-right: 0;
		margin-left: 0
	}
	.large-padding-collapse>.cell {
		padding-right: 0;
		padding-left: 0
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-collapse {
		margin-right: 0;
		margin-left: 0
	}
	.xlarge-margin-collapse>.cell {
		margin-right: 0;
		margin-left: 0
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-collapse>.small-1 {
		width: 8.33333%
	}
	.xlarge-margin-collapse>.small-2 {
		width: 16.66667%
	}
	.xlarge-margin-collapse>.small-3 {
		width: 25%
	}
	.xlarge-margin-collapse>.small-4 {
		width: 33.33333%
	}
	.xlarge-margin-collapse>.small-5 {
		width: 41.66667%
	}
	.xlarge-margin-collapse>.small-6 {
		width: 50%
	}
	.xlarge-margin-collapse>.small-7 {
		width: 58.33333%
	}
	.xlarge-margin-collapse>.small-8 {
		width: 66.66667%
	}
	.xlarge-margin-collapse>.small-9 {
		width: 75%
	}
	.xlarge-margin-collapse>.small-10 {
		width: 83.33333%
	}
	.xlarge-margin-collapse>.small-11 {
		width: 91.66667%
	}
	.xlarge-margin-collapse>.small-12 {
		width: 100%
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-collapse>.medium-1 {
		width: 8.33333%
	}
	.xlarge-margin-collapse>.medium-2 {
		width: 16.66667%
	}
	.xlarge-margin-collapse>.medium-3 {
		width: 25%
	}
	.xlarge-margin-collapse>.medium-4 {
		width: 33.33333%
	}
	.xlarge-margin-collapse>.medium-5 {
		width: 41.66667%
	}
	.xlarge-margin-collapse>.medium-6 {
		width: 50%
	}
	.xlarge-margin-collapse>.medium-7 {
		width: 58.33333%
	}
	.xlarge-margin-collapse>.medium-8 {
		width: 66.66667%
	}
	.xlarge-margin-collapse>.medium-9 {
		width: 75%
	}
	.xlarge-margin-collapse>.medium-10 {
		width: 83.33333%
	}
	.xlarge-margin-collapse>.medium-11 {
		width: 91.66667%
	}
	.xlarge-margin-collapse>.medium-12 {
		width: 100%
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-collapse>.large-1 {
		width: 8.33333%
	}
	.xlarge-margin-collapse>.large-2 {
		width: 16.66667%
	}
	.xlarge-margin-collapse>.large-3 {
		width: 25%
	}
	.xlarge-margin-collapse>.large-4 {
		width: 33.33333%
	}
	.xlarge-margin-collapse>.large-5 {
		width: 41.66667%
	}
	.xlarge-margin-collapse>.large-6 {
		width: 50%
	}
	.xlarge-margin-collapse>.large-7 {
		width: 58.33333%
	}
	.xlarge-margin-collapse>.large-8 {
		width: 66.66667%
	}
	.xlarge-margin-collapse>.large-9 {
		width: 75%
	}
	.xlarge-margin-collapse>.large-10 {
		width: 83.33333%
	}
	.xlarge-margin-collapse>.large-11 {
		width: 91.66667%
	}
	.xlarge-margin-collapse>.large-12 {
		width: 100%
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-collapse>.xlarge-1 {
		width: 8.33333%
	}
	.xlarge-margin-collapse>.xlarge-2 {
		width: 16.66667%
	}
	.xlarge-margin-collapse>.xlarge-3 {
		width: 25%
	}
	.xlarge-margin-collapse>.xlarge-4 {
		width: 33.33333%
	}
	.xlarge-margin-collapse>.xlarge-5 {
		width: 41.66667%
	}
	.xlarge-margin-collapse>.xlarge-6 {
		width: 50%
	}
	.xlarge-margin-collapse>.xlarge-7 {
		width: 58.33333%
	}
	.xlarge-margin-collapse>.xlarge-8 {
		width: 66.66667%
	}
	.xlarge-margin-collapse>.xlarge-9 {
		width: 75%
	}
	.xlarge-margin-collapse>.xlarge-10 {
		width: 83.33333%
	}
	.xlarge-margin-collapse>.xlarge-11 {
		width: 91.66667%
	}
	.xlarge-margin-collapse>.xlarge-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.xlarge-margin-collapse>.xxlarge-1 {
		width: 8.33333%
	}
	.xlarge-margin-collapse>.xxlarge-2 {
		width: 16.66667%
	}
	.xlarge-margin-collapse>.xxlarge-3 {
		width: 25%
	}
	.xlarge-margin-collapse>.xxlarge-4 {
		width: 33.33333%
	}
	.xlarge-margin-collapse>.xxlarge-5 {
		width: 41.66667%
	}
	.xlarge-margin-collapse>.xxlarge-6 {
		width: 50%
	}
	.xlarge-margin-collapse>.xxlarge-7 {
		width: 58.33333%
	}
	.xlarge-margin-collapse>.xxlarge-8 {
		width: 66.66667%
	}
	.xlarge-margin-collapse>.xxlarge-9 {
		width: 75%
	}
	.xlarge-margin-collapse>.xxlarge-10 {
		width: 83.33333%
	}
	.xlarge-margin-collapse>.xxlarge-11 {
		width: 91.66667%
	}
	.xlarge-margin-collapse>.xxlarge-12 {
		width: 100%
	}
}

@media screen and (min-width: 75em) {
	.xlarge-padding-collapse {
		margin-right: 0;
		margin-left: 0
	}
	.xlarge-padding-collapse>.cell {
		padding-right: 0;
		padding-left: 0
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-collapse {
		margin-right: 0;
		margin-left: 0
	}
	.xxlarge-margin-collapse>.cell {
		margin-right: 0;
		margin-left: 0
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-collapse>.small-1 {
		width: 8.33333%
	}
	.xxlarge-margin-collapse>.small-2 {
		width: 16.66667%
	}
	.xxlarge-margin-collapse>.small-3 {
		width: 25%
	}
	.xxlarge-margin-collapse>.small-4 {
		width: 33.33333%
	}
	.xxlarge-margin-collapse>.small-5 {
		width: 41.66667%
	}
	.xxlarge-margin-collapse>.small-6 {
		width: 50%
	}
	.xxlarge-margin-collapse>.small-7 {
		width: 58.33333%
	}
	.xxlarge-margin-collapse>.small-8 {
		width: 66.66667%
	}
	.xxlarge-margin-collapse>.small-9 {
		width: 75%
	}
	.xxlarge-margin-collapse>.small-10 {
		width: 83.33333%
	}
	.xxlarge-margin-collapse>.small-11 {
		width: 91.66667%
	}
	.xxlarge-margin-collapse>.small-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-collapse>.medium-1 {
		width: 8.33333%
	}
	.xxlarge-margin-collapse>.medium-2 {
		width: 16.66667%
	}
	.xxlarge-margin-collapse>.medium-3 {
		width: 25%
	}
	.xxlarge-margin-collapse>.medium-4 {
		width: 33.33333%
	}
	.xxlarge-margin-collapse>.medium-5 {
		width: 41.66667%
	}
	.xxlarge-margin-collapse>.medium-6 {
		width: 50%
	}
	.xxlarge-margin-collapse>.medium-7 {
		width: 58.33333%
	}
	.xxlarge-margin-collapse>.medium-8 {
		width: 66.66667%
	}
	.xxlarge-margin-collapse>.medium-9 {
		width: 75%
	}
	.xxlarge-margin-collapse>.medium-10 {
		width: 83.33333%
	}
	.xxlarge-margin-collapse>.medium-11 {
		width: 91.66667%
	}
	.xxlarge-margin-collapse>.medium-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-collapse>.large-1 {
		width: 8.33333%
	}
	.xxlarge-margin-collapse>.large-2 {
		width: 16.66667%
	}
	.xxlarge-margin-collapse>.large-3 {
		width: 25%
	}
	.xxlarge-margin-collapse>.large-4 {
		width: 33.33333%
	}
	.xxlarge-margin-collapse>.large-5 {
		width: 41.66667%
	}
	.xxlarge-margin-collapse>.large-6 {
		width: 50%
	}
	.xxlarge-margin-collapse>.large-7 {
		width: 58.33333%
	}
	.xxlarge-margin-collapse>.large-8 {
		width: 66.66667%
	}
	.xxlarge-margin-collapse>.large-9 {
		width: 75%
	}
	.xxlarge-margin-collapse>.large-10 {
		width: 83.33333%
	}
	.xxlarge-margin-collapse>.large-11 {
		width: 91.66667%
	}
	.xxlarge-margin-collapse>.large-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-collapse>.xlarge-1 {
		width: 8.33333%
	}
	.xxlarge-margin-collapse>.xlarge-2 {
		width: 16.66667%
	}
	.xxlarge-margin-collapse>.xlarge-3 {
		width: 25%
	}
	.xxlarge-margin-collapse>.xlarge-4 {
		width: 33.33333%
	}
	.xxlarge-margin-collapse>.xlarge-5 {
		width: 41.66667%
	}
	.xxlarge-margin-collapse>.xlarge-6 {
		width: 50%
	}
	.xxlarge-margin-collapse>.xlarge-7 {
		width: 58.33333%
	}
	.xxlarge-margin-collapse>.xlarge-8 {
		width: 66.66667%
	}
	.xxlarge-margin-collapse>.xlarge-9 {
		width: 75%
	}
	.xxlarge-margin-collapse>.xlarge-10 {
		width: 83.33333%
	}
	.xxlarge-margin-collapse>.xlarge-11 {
		width: 91.66667%
	}
	.xxlarge-margin-collapse>.xlarge-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-collapse>.xxlarge-1 {
		width: 8.33333%
	}
	.xxlarge-margin-collapse>.xxlarge-2 {
		width: 16.66667%
	}
	.xxlarge-margin-collapse>.xxlarge-3 {
		width: 25%
	}
	.xxlarge-margin-collapse>.xxlarge-4 {
		width: 33.33333%
	}
	.xxlarge-margin-collapse>.xxlarge-5 {
		width: 41.66667%
	}
	.xxlarge-margin-collapse>.xxlarge-6 {
		width: 50%
	}
	.xxlarge-margin-collapse>.xxlarge-7 {
		width: 58.33333%
	}
	.xxlarge-margin-collapse>.xxlarge-8 {
		width: 66.66667%
	}
	.xxlarge-margin-collapse>.xxlarge-9 {
		width: 75%
	}
	.xxlarge-margin-collapse>.xxlarge-10 {
		width: 83.33333%
	}
	.xxlarge-margin-collapse>.xxlarge-11 {
		width: 91.66667%
	}
	.xxlarge-margin-collapse>.xxlarge-12 {
		width: 100%
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-padding-collapse {
		margin-right: 0;
		margin-left: 0
	}
	.xxlarge-padding-collapse>.cell {
		padding-right: 0;
		padding-left: 0
	}
}

.small-offset-0 {
	margin-left: 0%
}

.grid-margin-x>.small-offset-0 {
	margin-left: calc(0% + .625rem)
}

.small-offset-1 {
	margin-left: 8.33333%
}

.grid-margin-x>.small-offset-1 {
	margin-left: calc(8.33333% + .625rem)
}

.small-offset-2 {
	margin-left: 16.66667%
}

.grid-margin-x>.small-offset-2 {
	margin-left: calc(16.66667% + .625rem)
}

.small-offset-3 {
	margin-left: 25%
}

.grid-margin-x>.small-offset-3 {
	margin-left: calc(25% + .625rem)
}

.small-offset-4 {
	margin-left: 33.33333%
}

.grid-margin-x>.small-offset-4 {
	margin-left: calc(33.33333% + .625rem)
}

.small-offset-5 {
	margin-left: 41.66667%
}

.grid-margin-x>.small-offset-5 {
	margin-left: calc(41.66667% + .625rem)
}

.small-offset-6 {
	margin-left: 50%
}

.grid-margin-x>.small-offset-6 {
	margin-left: calc(50% + .625rem)
}

.small-offset-7 {
	margin-left: 58.33333%
}

.grid-margin-x>.small-offset-7 {
	margin-left: calc(58.33333% + .625rem)
}

.small-offset-8 {
	margin-left: 66.66667%
}

.grid-margin-x>.small-offset-8 {
	margin-left: calc(66.66667% + .625rem)
}

.small-offset-9 {
	margin-left: 75%
}

.grid-margin-x>.small-offset-9 {
	margin-left: calc(75% + .625rem)
}

.small-offset-10 {
	margin-left: 83.33333%
}

.grid-margin-x>.small-offset-10 {
	margin-left: calc(83.33333% + .625rem)
}

.small-offset-11 {
	margin-left: 91.66667%
}

.grid-margin-x>.small-offset-11 {
	margin-left: calc(91.66667% + .625rem)
}

@media print,
screen and (min-width: 40em) {
	.medium-offset-0 {
		margin-left: 0%
	}
	.grid-margin-x>.medium-offset-0 {
		margin-left: calc(0% + .9375rem)
	}
	.medium-offset-1 {
		margin-left: 8.33333%
	}
	.grid-margin-x>.medium-offset-1 {
		margin-left: calc(8.33333% + .9375rem)
	}
	.medium-offset-2 {
		margin-left: 16.66667%
	}
	.grid-margin-x>.medium-offset-2 {
		margin-left: calc(16.66667% + .9375rem)
	}
	.medium-offset-3 {
		margin-left: 25%
	}
	.grid-margin-x>.medium-offset-3 {
		margin-left: calc(25% + .9375rem)
	}
	.medium-offset-4 {
		margin-left: 33.33333%
	}
	.grid-margin-x>.medium-offset-4 {
		margin-left: calc(33.33333% + .9375rem)
	}
	.medium-offset-5 {
		margin-left: 41.66667%
	}
	.grid-margin-x>.medium-offset-5 {
		margin-left: calc(41.66667% + .9375rem)
	}
	.medium-offset-6 {
		margin-left: 50%
	}
	.grid-margin-x>.medium-offset-6 {
		margin-left: calc(50% + .9375rem)
	}
	.medium-offset-7 {
		margin-left: 58.33333%
	}
	.grid-margin-x>.medium-offset-7 {
		margin-left: calc(58.33333% + .9375rem)
	}
	.medium-offset-8 {
		margin-left: 66.66667%
	}
	.grid-margin-x>.medium-offset-8 {
		margin-left: calc(66.66667% + .9375rem)
	}
	.medium-offset-9 {
		margin-left: 75%
	}
	.grid-margin-x>.medium-offset-9 {
		margin-left: calc(75% + .9375rem)
	}
	.medium-offset-10 {
		margin-left: 83.33333%
	}
	.grid-margin-x>.medium-offset-10 {
		margin-left: calc(83.33333% + .9375rem)
	}
	.medium-offset-11 {
		margin-left: 91.66667%
	}
	.grid-margin-x>.medium-offset-11 {
		margin-left: calc(91.66667% + .9375rem)
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-offset-0 {
		margin-left: 0%
	}
	.grid-margin-x>.large-offset-0 {
		margin-left: calc(0% + .9375rem)
	}
	.large-offset-1 {
		margin-left: 8.33333%
	}
	.grid-margin-x>.large-offset-1 {
		margin-left: calc(8.33333% + .9375rem)
	}
	.large-offset-2 {
		margin-left: 16.66667%
	}
	.grid-margin-x>.large-offset-2 {
		margin-left: calc(16.66667% + .9375rem)
	}
	.large-offset-3 {
		margin-left: 25%
	}
	.grid-margin-x>.large-offset-3 {
		margin-left: calc(25% + .9375rem)
	}
	.large-offset-4 {
		margin-left: 33.33333%
	}
	.grid-margin-x>.large-offset-4 {
		margin-left: calc(33.33333% + .9375rem)
	}
	.large-offset-5 {
		margin-left: 41.66667%
	}
	.grid-margin-x>.large-offset-5 {
		margin-left: calc(41.66667% + .9375rem)
	}
	.large-offset-6 {
		margin-left: 50%
	}
	.grid-margin-x>.large-offset-6 {
		margin-left: calc(50% + .9375rem)
	}
	.large-offset-7 {
		margin-left: 58.33333%
	}
	.grid-margin-x>.large-offset-7 {
		margin-left: calc(58.33333% + .9375rem)
	}
	.large-offset-8 {
		margin-left: 66.66667%
	}
	.grid-margin-x>.large-offset-8 {
		margin-left: calc(66.66667% + .9375rem)
	}
	.large-offset-9 {
		margin-left: 75%
	}
	.grid-margin-x>.large-offset-9 {
		margin-left: calc(75% + .9375rem)
	}
	.large-offset-10 {
		margin-left: 83.33333%
	}
	.grid-margin-x>.large-offset-10 {
		margin-left: calc(83.33333% + .9375rem)
	}
	.large-offset-11 {
		margin-left: 91.66667%
	}
	.grid-margin-x>.large-offset-11 {
		margin-left: calc(91.66667% + .9375rem)
	}
}

@media screen and (min-width: 75em) {
	.xlarge-offset-0 {
		margin-left: 0%
	}
	.grid-margin-x>.xlarge-offset-0 {
		margin-left: calc(0% + .9375rem)
	}
	.xlarge-offset-1 {
		margin-left: 8.33333%
	}
	.grid-margin-x>.xlarge-offset-1 {
		margin-left: calc(8.33333% + .9375rem)
	}
	.xlarge-offset-2 {
		margin-left: 16.66667%
	}
	.grid-margin-x>.xlarge-offset-2 {
		margin-left: calc(16.66667% + .9375rem)
	}
	.xlarge-offset-3 {
		margin-left: 25%
	}
	.grid-margin-x>.xlarge-offset-3 {
		margin-left: calc(25% + .9375rem)
	}
	.xlarge-offset-4 {
		margin-left: 33.33333%
	}
	.grid-margin-x>.xlarge-offset-4 {
		margin-left: calc(33.33333% + .9375rem)
	}
	.xlarge-offset-5 {
		margin-left: 41.66667%
	}
	.grid-margin-x>.xlarge-offset-5 {
		margin-left: calc(41.66667% + .9375rem)
	}
	.xlarge-offset-6 {
		margin-left: 50%
	}
	.grid-margin-x>.xlarge-offset-6 {
		margin-left: calc(50% + .9375rem)
	}
	.xlarge-offset-7 {
		margin-left: 58.33333%
	}
	.grid-margin-x>.xlarge-offset-7 {
		margin-left: calc(58.33333% + .9375rem)
	}
	.xlarge-offset-8 {
		margin-left: 66.66667%
	}
	.grid-margin-x>.xlarge-offset-8 {
		margin-left: calc(66.66667% + .9375rem)
	}
	.xlarge-offset-9 {
		margin-left: 75%
	}
	.grid-margin-x>.xlarge-offset-9 {
		margin-left: calc(75% + .9375rem)
	}
	.xlarge-offset-10 {
		margin-left: 83.33333%
	}
	.grid-margin-x>.xlarge-offset-10 {
		margin-left: calc(83.33333% + .9375rem)
	}
	.xlarge-offset-11 {
		margin-left: 91.66667%
	}
	.grid-margin-x>.xlarge-offset-11 {
		margin-left: calc(91.66667% + .9375rem)
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-offset-0 {
		margin-left: 0%
	}
	.grid-margin-x>.xxlarge-offset-0 {
		margin-left: calc(0% + .9375rem)
	}
	.xxlarge-offset-1 {
		margin-left: 8.33333%
	}
	.grid-margin-x>.xxlarge-offset-1 {
		margin-left: calc(8.33333% + .9375rem)
	}
	.xxlarge-offset-2 {
		margin-left: 16.66667%
	}
	.grid-margin-x>.xxlarge-offset-2 {
		margin-left: calc(16.66667% + .9375rem)
	}
	.xxlarge-offset-3 {
		margin-left: 25%
	}
	.grid-margin-x>.xxlarge-offset-3 {
		margin-left: calc(25% + .9375rem)
	}
	.xxlarge-offset-4 {
		margin-left: 33.33333%
	}
	.grid-margin-x>.xxlarge-offset-4 {
		margin-left: calc(33.33333% + .9375rem)
	}
	.xxlarge-offset-5 {
		margin-left: 41.66667%
	}
	.grid-margin-x>.xxlarge-offset-5 {
		margin-left: calc(41.66667% + .9375rem)
	}
	.xxlarge-offset-6 {
		margin-left: 50%
	}
	.grid-margin-x>.xxlarge-offset-6 {
		margin-left: calc(50% + .9375rem)
	}
	.xxlarge-offset-7 {
		margin-left: 58.33333%
	}
	.grid-margin-x>.xxlarge-offset-7 {
		margin-left: calc(58.33333% + .9375rem)
	}
	.xxlarge-offset-8 {
		margin-left: 66.66667%
	}
	.grid-margin-x>.xxlarge-offset-8 {
		margin-left: calc(66.66667% + .9375rem)
	}
	.xxlarge-offset-9 {
		margin-left: 75%
	}
	.grid-margin-x>.xxlarge-offset-9 {
		margin-left: calc(75% + .9375rem)
	}
	.xxlarge-offset-10 {
		margin-left: 83.33333%
	}
	.grid-margin-x>.xxlarge-offset-10 {
		margin-left: calc(83.33333% + .9375rem)
	}
	.xxlarge-offset-11 {
		margin-left: 91.66667%
	}
	.grid-margin-x>.xxlarge-offset-11 {
		margin-left: calc(91.66667% + .9375rem)
	}
}

.grid-y {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap
}

.grid-y>.cell {
	height: auto;
	max-height: none
}

.grid-y>.auto {
	height: auto
}

.grid-y>.shrink {
	height: auto
}

.grid-y>.small-shrink,
.grid-y>.small-full,
.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

@media print,
screen and (min-width: 40em) {
	.grid-y>.medium-shrink,
	.grid-y>.medium-full,
	.grid-y>.medium-1,
	.grid-y>.medium-2,
	.grid-y>.medium-3,
	.grid-y>.medium-4,
	.grid-y>.medium-5,
	.grid-y>.medium-6,
	.grid-y>.medium-7,
	.grid-y>.medium-8,
	.grid-y>.medium-9,
	.grid-y>.medium-10,
	.grid-y>.medium-11,
	.grid-y>.medium-12 {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-y>.large-shrink,
	.grid-y>.large-full,
	.grid-y>.large-1,
	.grid-y>.large-2,
	.grid-y>.large-3,
	.grid-y>.large-4,
	.grid-y>.large-5,
	.grid-y>.large-6,
	.grid-y>.large-7,
	.grid-y>.large-8,
	.grid-y>.large-9,
	.grid-y>.large-10,
	.grid-y>.large-11,
	.grid-y>.large-12 {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

@media screen and (min-width: 75em) {
	.grid-y>.xlarge-shrink,
	.grid-y>.xlarge-full,
	.grid-y>.xlarge-1,
	.grid-y>.xlarge-2,
	.grid-y>.xlarge-3,
	.grid-y>.xlarge-4,
	.grid-y>.xlarge-5,
	.grid-y>.xlarge-6,
	.grid-y>.xlarge-7,
	.grid-y>.xlarge-8,
	.grid-y>.xlarge-9,
	.grid-y>.xlarge-10,
	.grid-y>.xlarge-11,
	.grid-y>.xlarge-12 {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

@media screen and (min-width: 100em) {
	.grid-y>.xxlarge-shrink,
	.grid-y>.xxlarge-full,
	.grid-y>.xxlarge-1,
	.grid-y>.xxlarge-2,
	.grid-y>.xxlarge-3,
	.grid-y>.xxlarge-4,
	.grid-y>.xxlarge-5,
	.grid-y>.xxlarge-6,
	.grid-y>.xxlarge-7,
	.grid-y>.xxlarge-8,
	.grid-y>.xxlarge-9,
	.grid-y>.xxlarge-10,
	.grid-y>.xxlarge-11,
	.grid-y>.xxlarge-12 {
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.grid-y>.small-1 {
	height: 8.33333%
}

.grid-y>.small-2 {
	height: 16.66667%
}

.grid-y>.small-3 {
	height: 25%
}

.grid-y>.small-4 {
	height: 33.33333%
}

.grid-y>.small-5 {
	height: 41.66667%
}

.grid-y>.small-6 {
	height: 50%
}

.grid-y>.small-7 {
	height: 58.33333%
}

.grid-y>.small-8 {
	height: 66.66667%
}

.grid-y>.small-9 {
	height: 75%
}

.grid-y>.small-10 {
	height: 83.33333%
}

.grid-y>.small-11 {
	height: 91.66667%
}

.grid-y>.small-12 {
	height: 100%
}

@media print,
screen and (min-width: 40em) {
	.grid-y>.medium-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		height: auto
	}
	.grid-y>.medium-shrink,
	.grid-y>.medium-1,
	.grid-y>.medium-2,
	.grid-y>.medium-3,
	.grid-y>.medium-4,
	.grid-y>.medium-5,
	.grid-y>.medium-6,
	.grid-y>.medium-7,
	.grid-y>.medium-8,
	.grid-y>.medium-9,
	.grid-y>.medium-10,
	.grid-y>.medium-11,
	.grid-y>.medium-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
	.grid-y>.medium-shrink {
		height: auto
	}
	.grid-y>.medium-1 {
		height: 8.33333%
	}
	.grid-y>.medium-2 {
		height: 16.66667%
	}
	.grid-y>.medium-3 {
		height: 25%
	}
	.grid-y>.medium-4 {
		height: 33.33333%
	}
	.grid-y>.medium-5 {
		height: 41.66667%
	}
	.grid-y>.medium-6 {
		height: 50%
	}
	.grid-y>.medium-7 {
		height: 58.33333%
	}
	.grid-y>.medium-8 {
		height: 66.66667%
	}
	.grid-y>.medium-9 {
		height: 75%
	}
	.grid-y>.medium-10 {
		height: 83.33333%
	}
	.grid-y>.medium-11 {
		height: 91.66667%
	}
	.grid-y>.medium-12 {
		height: 100%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-y>.large-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		height: auto
	}
	.grid-y>.large-shrink,
	.grid-y>.large-1,
	.grid-y>.large-2,
	.grid-y>.large-3,
	.grid-y>.large-4,
	.grid-y>.large-5,
	.grid-y>.large-6,
	.grid-y>.large-7,
	.grid-y>.large-8,
	.grid-y>.large-9,
	.grid-y>.large-10,
	.grid-y>.large-11,
	.grid-y>.large-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
	.grid-y>.large-shrink {
		height: auto
	}
	.grid-y>.large-1 {
		height: 8.33333%
	}
	.grid-y>.large-2 {
		height: 16.66667%
	}
	.grid-y>.large-3 {
		height: 25%
	}
	.grid-y>.large-4 {
		height: 33.33333%
	}
	.grid-y>.large-5 {
		height: 41.66667%
	}
	.grid-y>.large-6 {
		height: 50%
	}
	.grid-y>.large-7 {
		height: 58.33333%
	}
	.grid-y>.large-8 {
		height: 66.66667%
	}
	.grid-y>.large-9 {
		height: 75%
	}
	.grid-y>.large-10 {
		height: 83.33333%
	}
	.grid-y>.large-11 {
		height: 91.66667%
	}
	.grid-y>.large-12 {
		height: 100%
	}
}

@media screen and (min-width: 75em) {
	.grid-y>.xlarge-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		height: auto
	}
	.grid-y>.xlarge-shrink,
	.grid-y>.xlarge-1,
	.grid-y>.xlarge-2,
	.grid-y>.xlarge-3,
	.grid-y>.xlarge-4,
	.grid-y>.xlarge-5,
	.grid-y>.xlarge-6,
	.grid-y>.xlarge-7,
	.grid-y>.xlarge-8,
	.grid-y>.xlarge-9,
	.grid-y>.xlarge-10,
	.grid-y>.xlarge-11,
	.grid-y>.xlarge-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
	.grid-y>.xlarge-shrink {
		height: auto
	}
	.grid-y>.xlarge-1 {
		height: 8.33333%
	}
	.grid-y>.xlarge-2 {
		height: 16.66667%
	}
	.grid-y>.xlarge-3 {
		height: 25%
	}
	.grid-y>.xlarge-4 {
		height: 33.33333%
	}
	.grid-y>.xlarge-5 {
		height: 41.66667%
	}
	.grid-y>.xlarge-6 {
		height: 50%
	}
	.grid-y>.xlarge-7 {
		height: 58.33333%
	}
	.grid-y>.xlarge-8 {
		height: 66.66667%
	}
	.grid-y>.xlarge-9 {
		height: 75%
	}
	.grid-y>.xlarge-10 {
		height: 83.33333%
	}
	.grid-y>.xlarge-11 {
		height: 91.66667%
	}
	.grid-y>.xlarge-12 {
		height: 100%
	}
}

@media screen and (min-width: 100em) {
	.grid-y>.xxlarge-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
		height: auto
	}
	.grid-y>.xxlarge-shrink,
	.grid-y>.xxlarge-1,
	.grid-y>.xxlarge-2,
	.grid-y>.xxlarge-3,
	.grid-y>.xxlarge-4,
	.grid-y>.xxlarge-5,
	.grid-y>.xxlarge-6,
	.grid-y>.xxlarge-7,
	.grid-y>.xxlarge-8,
	.grid-y>.xxlarge-9,
	.grid-y>.xxlarge-10,
	.grid-y>.xxlarge-11,
	.grid-y>.xxlarge-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
	.grid-y>.xxlarge-shrink {
		height: auto
	}
	.grid-y>.xxlarge-1 {
		height: 8.33333%
	}
	.grid-y>.xxlarge-2 {
		height: 16.66667%
	}
	.grid-y>.xxlarge-3 {
		height: 25%
	}
	.grid-y>.xxlarge-4 {
		height: 33.33333%
	}
	.grid-y>.xxlarge-5 {
		height: 41.66667%
	}
	.grid-y>.xxlarge-6 {
		height: 50%
	}
	.grid-y>.xxlarge-7 {
		height: 58.33333%
	}
	.grid-y>.xxlarge-8 {
		height: 66.66667%
	}
	.grid-y>.xxlarge-9 {
		height: 75%
	}
	.grid-y>.xxlarge-10 {
		height: 83.33333%
	}
	.grid-y>.xxlarge-11 {
		height: 91.66667%
	}
	.grid-y>.xxlarge-12 {
		height: 100%
	}
}

.grid-padding-y .grid-padding-y {
	margin-top: -.625rem;
	margin-bottom: -.625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-padding-y .grid-padding-y {
		margin-top: -.9375rem;
		margin-bottom: -.9375rem
	}
}

.grid-padding-y>.cell {
	padding-top: .625rem;
	padding-bottom: .625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-padding-y>.cell {
		padding-top: .9375rem;
		padding-bottom: .9375rem
	}
}

.grid-margin-y {
	margin-top: -.625rem;
	margin-bottom: -.625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-y {
		margin-top: -.9375rem;
		margin-bottom: -.9375rem
	}
}

.grid-margin-y>.cell {
	height: calc(100% - 1.25rem);
	margin-top: .625rem;
	margin-bottom: .625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-y>.cell {
		height: calc(100% - 1.875rem);
		margin-top: .9375rem;
		margin-bottom: .9375rem
	}
}

.grid-margin-y>.auto {
	height: auto
}

.grid-margin-y>.shrink {
	height: auto
}

.grid-margin-y>.small-1 {
	height: calc(8.33333% - 1.25rem)
}

.grid-margin-y>.small-2 {
	height: calc(16.66667% - 1.25rem)
}

.grid-margin-y>.small-3 {
	height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
	height: calc(33.33333% - 1.25rem)
}

.grid-margin-y>.small-5 {
	height: calc(41.66667% - 1.25rem)
}

.grid-margin-y>.small-6 {
	height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
	height: calc(58.33333% - 1.25rem)
}

.grid-margin-y>.small-8 {
	height: calc(66.66667% - 1.25rem)
}

.grid-margin-y>.small-9 {
	height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
	height: calc(83.33333% - 1.25rem)
}

.grid-margin-y>.small-11 {
	height: calc(91.66667% - 1.25rem)
}

.grid-margin-y>.small-12 {
	height: calc(100% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-y>.auto {
		height: auto
	}
	.grid-margin-y>.shrink {
		height: auto
	}
	.grid-margin-y>.small-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.small-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.small-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.small-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.small-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.small-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.small-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.small-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.small-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.small-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.small-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.small-12 {
		height: calc(100% - 1.875rem)
	}
	.grid-margin-y>.medium-auto {
		height: auto
	}
	.grid-margin-y>.medium-shrink {
		height: auto
	}
	.grid-margin-y>.medium-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.medium-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.medium-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.medium-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.medium-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.medium-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.medium-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.medium-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.medium-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.medium-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.medium-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.medium-12 {
		height: calc(100% - 1.875rem)
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-margin-y>.large-auto {
		height: auto
	}
	.grid-margin-y>.large-shrink {
		height: auto
	}
	.grid-margin-y>.large-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.large-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.large-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.large-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.large-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.large-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.large-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.large-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.large-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.large-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.large-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.large-12 {
		height: calc(100% - 1.875rem)
	}
}

@media screen and (min-width: 75em) {
	.grid-margin-y>.xlarge-auto {
		height: auto
	}
	.grid-margin-y>.xlarge-shrink {
		height: auto
	}
	.grid-margin-y>.xlarge-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.xlarge-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.xlarge-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.xlarge-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.xlarge-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.xlarge-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.xlarge-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.xlarge-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.xlarge-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.xlarge-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.xlarge-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.xlarge-12 {
		height: calc(100% - 1.875rem)
	}
}

@media screen and (min-width: 100em) {
	.grid-margin-y>.xxlarge-auto {
		height: auto
	}
	.grid-margin-y>.xxlarge-shrink {
		height: auto
	}
	.grid-margin-y>.xxlarge-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-12 {
		height: calc(100% - 1.875rem)
	}
}

.grid-frame {
	overflow: hidden;
	position: relative;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100vw
}

.cell .grid-frame {
	width: 100%
}

.cell-block {
	overflow-x: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
	overflow-y: auto;
	max-height: 100%;
	min-height: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: 100%
}

.cell-block-container>.grid-x {
	max-height: 100%;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

@media print,
screen and (min-width: 40em) {
	.medium-grid-frame {
		overflow: hidden;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		width: 100vw
	}
	.cell .medium-grid-frame {
		width: 100%
	}
	.medium-cell-block {
		overflow-x: auto;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.medium-cell-block-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-height: 100%
	}
	.medium-cell-block-container>.grid-x {
		max-height: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.medium-cell-block-y {
		overflow-y: auto;
		max-height: 100%;
		min-height: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-grid-frame {
		overflow: hidden;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		width: 100vw
	}
	.cell .large-grid-frame {
		width: 100%
	}
	.large-cell-block {
		overflow-x: auto;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.large-cell-block-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-height: 100%
	}
	.large-cell-block-container>.grid-x {
		max-height: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.large-cell-block-y {
		overflow-y: auto;
		max-height: 100%;
		min-height: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
}

@media screen and (min-width: 75em) {
	.xlarge-grid-frame {
		overflow: hidden;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		width: 100vw
	}
	.cell .xlarge-grid-frame {
		width: 100%
	}
	.xlarge-cell-block {
		overflow-x: auto;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.xlarge-cell-block-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-height: 100%
	}
	.xlarge-cell-block-container>.grid-x {
		max-height: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.xlarge-cell-block-y {
		overflow-y: auto;
		max-height: 100%;
		min-height: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-grid-frame {
		overflow: hidden;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		width: 100vw
	}
	.cell .xxlarge-grid-frame {
		width: 100%
	}
	.xxlarge-cell-block {
		overflow-x: auto;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.xxlarge-cell-block-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-height: 100%
	}
	.xxlarge-cell-block-container>.grid-x {
		max-height: 100%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.xxlarge-cell-block-y {
		overflow-y: auto;
		max-height: 100%;
		min-height: 100%;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
}

.grid-y.grid-frame {
	width: auto;
	overflow: hidden;
	position: relative;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 100vh
}

@media print,
screen and (min-width: 40em) {
	.grid-y.medium-grid-frame {
		width: auto;
		overflow: hidden;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		height: 100vh
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-y.large-grid-frame {
		width: auto;
		overflow: hidden;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		height: 100vh
	}
}

@media screen and (min-width: 75em) {
	.grid-y.xlarge-grid-frame {
		width: auto;
		overflow: hidden;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		height: 100vh
	}
}

@media screen and (min-width: 100em) {
	.grid-y.xxlarge-grid-frame {
		width: auto;
		overflow: hidden;
		position: relative;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		height: 100vh
	}
}

.cell .grid-y.grid-frame {
	height: 100%
}

@media print,
screen and (min-width: 40em) {
	.cell .grid-y.medium-grid-frame {
		height: 100%
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.cell .grid-y.large-grid-frame {
		height: 100%
	}
}

@media screen and (min-width: 75em) {
	.cell .grid-y.xlarge-grid-frame {
		height: 100%
	}
}

@media screen and (min-width: 100em) {
	.cell .grid-y.xxlarge-grid-frame {
		height: 100%
	}
}

.grid-margin-y {
	margin-top: -.625rem;
	margin-bottom: -.625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-y {
		margin-top: -.9375rem;
		margin-bottom: -.9375rem
	}
}

.grid-margin-y>.cell {
	height: calc(100% - 1.25rem);
	margin-top: .625rem;
	margin-bottom: .625rem
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-y>.cell {
		height: calc(100% - 1.875rem);
		margin-top: .9375rem;
		margin-bottom: .9375rem
	}
}

.grid-margin-y>.auto {
	height: auto
}

.grid-margin-y>.shrink {
	height: auto
}

.grid-margin-y>.small-1 {
	height: calc(8.33333% - 1.25rem)
}

.grid-margin-y>.small-2 {
	height: calc(16.66667% - 1.25rem)
}

.grid-margin-y>.small-3 {
	height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
	height: calc(33.33333% - 1.25rem)
}

.grid-margin-y>.small-5 {
	height: calc(41.66667% - 1.25rem)
}

.grid-margin-y>.small-6 {
	height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
	height: calc(58.33333% - 1.25rem)
}

.grid-margin-y>.small-8 {
	height: calc(66.66667% - 1.25rem)
}

.grid-margin-y>.small-9 {
	height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
	height: calc(83.33333% - 1.25rem)
}

.grid-margin-y>.small-11 {
	height: calc(91.66667% - 1.25rem)
}

.grid-margin-y>.small-12 {
	height: calc(100% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-y>.auto {
		height: auto
	}
	.grid-margin-y>.shrink {
		height: auto
	}
	.grid-margin-y>.small-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.small-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.small-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.small-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.small-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.small-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.small-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.small-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.small-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.small-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.small-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.small-12 {
		height: calc(100% - 1.875rem)
	}
	.grid-margin-y>.medium-auto {
		height: auto
	}
	.grid-margin-y>.medium-shrink {
		height: auto
	}
	.grid-margin-y>.medium-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.medium-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.medium-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.medium-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.medium-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.medium-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.medium-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.medium-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.medium-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.medium-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.medium-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.medium-12 {
		height: calc(100% - 1.875rem)
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-margin-y>.large-auto {
		height: auto
	}
	.grid-margin-y>.large-shrink {
		height: auto
	}
	.grid-margin-y>.large-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.large-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.large-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.large-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.large-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.large-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.large-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.large-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.large-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.large-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.large-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.large-12 {
		height: calc(100% - 1.875rem)
	}
}

@media screen and (min-width: 75em) {
	.grid-margin-y>.xlarge-auto {
		height: auto
	}
	.grid-margin-y>.xlarge-shrink {
		height: auto
	}
	.grid-margin-y>.xlarge-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.xlarge-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.xlarge-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.xlarge-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.xlarge-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.xlarge-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.xlarge-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.xlarge-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.xlarge-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.xlarge-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.xlarge-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.xlarge-12 {
		height: calc(100% - 1.875rem)
	}
}

@media screen and (min-width: 100em) {
	.grid-margin-y>.xxlarge-auto {
		height: auto
	}
	.grid-margin-y>.xxlarge-shrink {
		height: auto
	}
	.grid-margin-y>.xxlarge-1 {
		height: calc(8.33333% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-2 {
		height: calc(16.66667% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-3 {
		height: calc(25% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-4 {
		height: calc(33.33333% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-5 {
		height: calc(41.66667% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-6 {
		height: calc(50% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-7 {
		height: calc(58.33333% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-8 {
		height: calc(66.66667% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-9 {
		height: calc(75% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-10 {
		height: calc(83.33333% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-11 {
		height: calc(91.66667% - 1.875rem)
	}
	.grid-margin-y>.xxlarge-12 {
		height: calc(100% - 1.875rem)
	}
}

.grid-frame.grid-margin-y {
	height: calc(100vh + 1.25rem)
}

@media print,
screen and (min-width: 40em) {
	.grid-frame.grid-margin-y {
		height: calc(100vh + 1.875rem)
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-frame.grid-margin-y {
		height: calc(100vh + 1.875rem)
	}
}

@media screen and (min-width: 75em) {
	.grid-frame.grid-margin-y {
		height: calc(100vh + 1.875rem)
	}
}

@media screen and (min-width: 100em) {
	.grid-frame.grid-margin-y {
		height: calc(100vh + 1.875rem)
	}
}

@media print,
screen and (min-width: 40em) {
	.grid-margin-y.medium-grid-frame {
		height: calc(100vh + 1.875rem)
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.grid-margin-y.large-grid-frame {
		height: calc(100vh + 1.875rem)
	}
}

@media screen and (min-width: 75em) {
	.grid-margin-y.xlarge-grid-frame {
		height: calc(100vh + 1.875rem)
	}
}

@media screen and (min-width: 100em) {
	.grid-margin-y.xxlarge-grid-frame {
		height: calc(100vh + 1.875rem)
	}
}

.margin-0 {
	margin: 0px !important
}

.margin-top-0 {
	margin-top: 0px !important
}

.margin-right-0 {
	margin-right: 0px !important
}

.margin-bottom-0 {
	margin-bottom: 0px !important
}

.margin-left-0 {
	margin-left: 0px !important
}

.margin-horizontal-0 {
	margin-right: 0px !important;
	margin-left: 0px !important
}

.margin-vertical-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important
}

.padding-0 {
	padding: 0px !important
}

.padding-top-0 {
	padding-top: 0px !important
}

.padding-right-0 {
	padding-right: 0px !important
}

.padding-bottom-0 {
	padding-bottom: 0px !important
}

.padding-left-0 {
	padding-left: 0px !important
}

.padding-horizontal-0 {
	padding-right: 0px !important;
	padding-left: 0px !important
}

.padding-vertical-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important
}

.margin-1 {
	margin: 20px !important
}

.margin-top-1 {
	margin-top: 20px !important
}

.margin-right-1 {
	margin-right: 20px !important
}

.margin-bottom-1 {
	margin-bottom: 20px !important
}

.margin-left-1 {
	margin-left: 20px !important
}

.margin-horizontal-1 {
	margin-right: 20px !important;
	margin-left: 20px !important
}

.margin-vertical-1 {
	margin-top: 20px !important;
	margin-bottom: 20px !important
}

.padding-1 {
	padding: 20px !important
}

.padding-top-1 {
	padding-top: 20px !important
}

.padding-right-1 {
	padding-right: 20px !important
}

.padding-bottom-1 {
	padding-bottom: 20px !important
}

.padding-left-1 {
	padding-left: 20px !important
}

.padding-horizontal-1 {
	padding-right: 20px !important;
	padding-left: 20px !important
}

.padding-vertical-1 {
	padding-top: 20px !important;
	padding-bottom: 20px !important
}

.margin-2 {
	margin: 40px !important
}

.margin-top-2 {
	margin-top: 40px !important
}

.margin-right-2 {
	margin-right: 40px !important
}

.margin-bottom-2 {
	margin-bottom: 40px !important
}

.margin-left-2 {
	margin-left: 40px !important
}

.margin-horizontal-2 {
	margin-right: 40px !important;
	margin-left: 40px !important
}

.margin-vertical-2 {
	margin-top: 40px !important;
	margin-bottom: 40px !important
}

.padding-2 {
	padding: 40px !important
}

.padding-top-2 {
	padding-top: 40px !important
}

.padding-right-2 {
	padding-right: 40px !important
}

.padding-bottom-2 {
	padding-bottom: 40px !important
}

.padding-left-2 {
	padding-left: 40px !important
}

.padding-horizontal-2 {
	padding-right: 40px !important;
	padding-left: 40px !important
}

.padding-vertical-2 {
	padding-top: 40px !important;
	padding-bottom: 40px !important
}

.margin-3 {
	margin: 60px !important
}

.margin-top-3 {
	margin-top: 60px !important
}

.margin-right-3 {
	margin-right: 60px !important
}

.margin-bottom-3 {
	margin-bottom: 60px !important
}

.margin-left-3 {
	margin-left: 60px !important
}

.margin-horizontal-3 {
	margin-right: 60px !important;
	margin-left: 60px !important
}

.margin-vertical-3 {
	margin-top: 60px !important;
	margin-bottom: 60px !important
}

.padding-3 {
	padding: 60px !important
}

.padding-top-3 {
	padding-top: 60px !important
}

.padding-right-3 {
	padding-right: 60px !important
}

.padding-bottom-3 {
	padding-bottom: 60px !important
}

.padding-left-3 {
	padding-left: 60px !important
}

.padding-horizontal-3 {
	padding-right: 60px !important;
	padding-left: 60px !important
}

.padding-vertical-3 {
	padding-top: 60px !important;
	padding-bottom: 60px !important
}

.margin-4 {
	margin: 80px !important
}

.margin-top-4 {
	margin-top: 80px !important
}

.margin-right-4 {
	margin-right: 80px !important
}

.margin-bottom-4 {
	margin-bottom: 80px !important
}

.margin-left-4 {
	margin-left: 80px !important
}

.margin-horizontal-4 {
	margin-right: 80px !important;
	margin-left: 80px !important
}

.margin-vertical-4 {
	margin-top: 80px !important;
	margin-bottom: 80px !important
}

.padding-4 {
	padding: 80px !important
}

.padding-top-4 {
	padding-top: 80px !important
}

.padding-right-4 {
	padding-right: 80px !important
}

.padding-bottom-4 {
	padding-bottom: 80px !important
}

.padding-left-4 {
	padding-left: 80px !important
}

.padding-horizontal-4 {
	padding-right: 80px !important;
	padding-left: 80px !important
}

.padding-vertical-4 {
	padding-top: 80px !important;
	padding-bottom: 80px !important
}

.margin-5 {
	margin: 100px !important
}

.margin-top-5 {
	margin-top: 100px !important
}

.margin-right-5 {
	margin-right: 100px !important
}

.margin-bottom-5 {
	margin-bottom: 100px !important
}

.margin-left-5 {
	margin-left: 100px !important
}

.margin-horizontal-5 {
	margin-right: 100px !important;
	margin-left: 100px !important
}

.margin-vertical-5 {
	margin-top: 100px !important;
	margin-bottom: 100px !important
}

.padding-5 {
	padding: 100px !important
}

.padding-top-5 {
	padding-top: 100px !important
}

.padding-right-5 {
	padding-right: 100px !important
}

.padding-bottom-5 {
	padding-bottom: 100px !important
}

.padding-left-5 {
	padding-left: 100px !important
}

.padding-horizontal-5 {
	padding-right: 100px !important;
	padding-left: 100px !important
}

.padding-vertical-5 {
	padding-top: 100px !important;
	padding-bottom: 100px !important
}

.margin-6 {
	margin: 120px !important
}

.margin-top-6 {
	margin-top: 120px !important
}

.margin-right-6 {
	margin-right: 120px !important
}

.margin-bottom-6 {
	margin-bottom: 120px !important
}

.margin-left-6 {
	margin-left: 120px !important
}

.margin-horizontal-6 {
	margin-right: 120px !important;
	margin-left: 120px !important
}

.margin-vertical-6 {
	margin-top: 120px !important;
	margin-bottom: 120px !important
}

.padding-6 {
	padding: 120px !important
}

.padding-top-6 {
	padding-top: 120px !important
}

.padding-right-6 {
	padding-right: 120px !important
}

.padding-bottom-6 {
	padding-bottom: 120px !important
}

.padding-left-6 {
	padding-left: 120px !important
}

.padding-horizontal-6 {
	padding-right: 120px !important;
	padding-left: 120px !important
}

.padding-vertical-6 {
	padding-top: 120px !important;
	padding-bottom: 120px !important
}

.margin-7 {
	margin: 140px !important
}

.margin-top-7 {
	margin-top: 140px !important
}

.margin-right-7 {
	margin-right: 140px !important
}

.margin-bottom-7 {
	margin-bottom: 140px !important
}

.margin-left-7 {
	margin-left: 140px !important
}

.margin-horizontal-7 {
	margin-right: 140px !important;
	margin-left: 140px !important
}

.margin-vertical-7 {
	margin-top: 140px !important;
	margin-bottom: 140px !important
}

.padding-7 {
	padding: 140px !important
}

.padding-top-7 {
	padding-top: 140px !important
}

.padding-right-7 {
	padding-right: 140px !important
}

.padding-bottom-7 {
	padding-bottom: 140px !important
}

.padding-left-7 {
	padding-left: 140px !important
}

.padding-horizontal-7 {
	padding-right: 140px !important;
	padding-left: 140px !important
}

.padding-vertical-7 {
	padding-top: 140px !important;
	padding-bottom: 140px !important
}

.margin-8 {
	margin: 160px !important
}

.margin-top-8 {
	margin-top: 160px !important
}

.margin-right-8 {
	margin-right: 160px !important
}

.margin-bottom-8 {
	margin-bottom: 160px !important
}

.margin-left-8 {
	margin-left: 160px !important
}

.margin-horizontal-8 {
	margin-right: 160px !important;
	margin-left: 160px !important
}

.margin-vertical-8 {
	margin-top: 160px !important;
	margin-bottom: 160px !important
}

.padding-8 {
	padding: 160px !important
}

.padding-top-8 {
	padding-top: 160px !important
}

.padding-right-8 {
	padding-right: 160px !important
}

.padding-bottom-8 {
	padding-bottom: 160px !important
}

.padding-left-8 {
	padding-left: 160px !important
}

.padding-horizontal-8 {
	padding-right: 160px !important;
	padding-left: 160px !important
}

.padding-vertical-8 {
	padding-top: 160px !important;
	padding-bottom: 160px !important
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-0 {
		margin: 0px !important
	}
	.medium-margin-top-0 {
		margin-top: 0px !important
	}
	.medium-margin-right-0 {
		margin-right: 0px !important
	}
	.medium-margin-bottom-0 {
		margin-bottom: 0px !important
	}
	.medium-margin-left-0 {
		margin-left: 0px !important
	}
	.medium-margin-horizontal-0 {
		margin-right: 0px !important;
		margin-left: 0px !important
	}
	.medium-margin-vertical-0 {
		margin-top: 0px !important;
		margin-bottom: 0px !important
	}
	.medium-padding-0 {
		padding: 0px !important
	}
	.medium-padding-top-0 {
		padding-top: 0px !important
	}
	.medium-padding-right-0 {
		padding-right: 0px !important
	}
	.medium-padding-bottom-0 {
		padding-bottom: 0px !important
	}
	.medium-padding-left-0 {
		padding-left: 0px !important
	}
	.medium-padding-horizontal-0 {
		padding-right: 0px !important;
		padding-left: 0px !important
	}
	.medium-padding-vertical-0 {
		padding-top: 0px !important;
		padding-bottom: 0px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-0 {
		margin: 0px !important
	}
	.large-margin-top-0 {
		margin-top: 0px !important
	}
	.large-margin-right-0 {
		margin-right: 0px !important
	}
	.large-margin-bottom-0 {
		margin-bottom: 0px !important
	}
	.large-margin-left-0 {
		margin-left: 0px !important
	}
	.large-margin-horizontal-0 {
		margin-right: 0px !important;
		margin-left: 0px !important
	}
	.large-margin-vertical-0 {
		margin-top: 0px !important;
		margin-bottom: 0px !important
	}
	.large-padding-0 {
		padding: 0px !important
	}
	.large-padding-top-0 {
		padding-top: 0px !important
	}
	.large-padding-right-0 {
		padding-right: 0px !important
	}
	.large-padding-bottom-0 {
		padding-bottom: 0px !important
	}
	.large-padding-left-0 {
		padding-left: 0px !important
	}
	.large-padding-horizontal-0 {
		padding-right: 0px !important;
		padding-left: 0px !important
	}
	.large-padding-vertical-0 {
		padding-top: 0px !important;
		padding-bottom: 0px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-0 {
		margin: 0px !important
	}
	.xlarge-margin-top-0 {
		margin-top: 0px !important
	}
	.xlarge-margin-right-0 {
		margin-right: 0px !important
	}
	.xlarge-margin-bottom-0 {
		margin-bottom: 0px !important
	}
	.xlarge-margin-left-0 {
		margin-left: 0px !important
	}
	.xlarge-margin-horizontal-0 {
		margin-right: 0px !important;
		margin-left: 0px !important
	}
	.xlarge-margin-vertical-0 {
		margin-top: 0px !important;
		margin-bottom: 0px !important
	}
	.xlarge-padding-0 {
		padding: 0px !important
	}
	.xlarge-padding-top-0 {
		padding-top: 0px !important
	}
	.xlarge-padding-right-0 {
		padding-right: 0px !important
	}
	.xlarge-padding-bottom-0 {
		padding-bottom: 0px !important
	}
	.xlarge-padding-left-0 {
		padding-left: 0px !important
	}
	.xlarge-padding-horizontal-0 {
		padding-right: 0px !important;
		padding-left: 0px !important
	}
	.xlarge-padding-vertical-0 {
		padding-top: 0px !important;
		padding-bottom: 0px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-0 {
		margin: 0px !important
	}
	.xxlarge-margin-top-0 {
		margin-top: 0px !important
	}
	.xxlarge-margin-right-0 {
		margin-right: 0px !important
	}
	.xxlarge-margin-bottom-0 {
		margin-bottom: 0px !important
	}
	.xxlarge-margin-left-0 {
		margin-left: 0px !important
	}
	.xxlarge-margin-horizontal-0 {
		margin-right: 0px !important;
		margin-left: 0px !important
	}
	.xxlarge-margin-vertical-0 {
		margin-top: 0px !important;
		margin-bottom: 0px !important
	}
	.xxlarge-padding-0 {
		padding: 0px !important
	}
	.xxlarge-padding-top-0 {
		padding-top: 0px !important
	}
	.xxlarge-padding-right-0 {
		padding-right: 0px !important
	}
	.xxlarge-padding-bottom-0 {
		padding-bottom: 0px !important
	}
	.xxlarge-padding-left-0 {
		padding-left: 0px !important
	}
	.xxlarge-padding-horizontal-0 {
		padding-right: 0px !important;
		padding-left: 0px !important
	}
	.xxlarge-padding-vertical-0 {
		padding-top: 0px !important;
		padding-bottom: 0px !important
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-1 {
		margin: 20px !important
	}
	.medium-margin-top-1 {
		margin-top: 20px !important
	}
	.medium-margin-right-1 {
		margin-right: 20px !important
	}
	.medium-margin-bottom-1 {
		margin-bottom: 20px !important
	}
	.medium-margin-left-1 {
		margin-left: 20px !important
	}
	.medium-margin-horizontal-1 {
		margin-right: 20px !important;
		margin-left: 20px !important
	}
	.medium-margin-vertical-1 {
		margin-top: 20px !important;
		margin-bottom: 20px !important
	}
	.medium-padding-1 {
		padding: 20px !important
	}
	.medium-padding-top-1 {
		padding-top: 20px !important
	}
	.medium-padding-right-1 {
		padding-right: 20px !important
	}
	.medium-padding-bottom-1 {
		padding-bottom: 20px !important
	}
	.medium-padding-left-1 {
		padding-left: 20px !important
	}
	.medium-padding-horizontal-1 {
		padding-right: 20px !important;
		padding-left: 20px !important
	}
	.medium-padding-vertical-1 {
		padding-top: 20px !important;
		padding-bottom: 20px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-1 {
		margin: 20px !important
	}
	.large-margin-top-1 {
		margin-top: 20px !important
	}
	.large-margin-right-1 {
		margin-right: 20px !important
	}
	.large-margin-bottom-1 {
		margin-bottom: 20px !important
	}
	.large-margin-left-1 {
		margin-left: 20px !important
	}
	.large-margin-horizontal-1 {
		margin-right: 20px !important;
		margin-left: 20px !important
	}
	.large-margin-vertical-1 {
		margin-top: 20px !important;
		margin-bottom: 20px !important
	}
	.large-padding-1 {
		padding: 20px !important
	}
	.large-padding-top-1 {
		padding-top: 20px !important
	}
	.large-padding-right-1 {
		padding-right: 20px !important
	}
	.large-padding-bottom-1 {
		padding-bottom: 20px !important
	}
	.large-padding-left-1 {
		padding-left: 20px !important
	}
	.large-padding-horizontal-1 {
		padding-right: 20px !important;
		padding-left: 20px !important
	}
	.large-padding-vertical-1 {
		padding-top: 20px !important;
		padding-bottom: 20px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-1 {
		margin: 20px !important
	}
	.xlarge-margin-top-1 {
		margin-top: 20px !important
	}
	.xlarge-margin-right-1 {
		margin-right: 20px !important
	}
	.xlarge-margin-bottom-1 {
		margin-bottom: 20px !important
	}
	.xlarge-margin-left-1 {
		margin-left: 20px !important
	}
	.xlarge-margin-horizontal-1 {
		margin-right: 20px !important;
		margin-left: 20px !important
	}
	.xlarge-margin-vertical-1 {
		margin-top: 20px !important;
		margin-bottom: 20px !important
	}
	.xlarge-padding-1 {
		padding: 20px !important
	}
	.xlarge-padding-top-1 {
		padding-top: 20px !important
	}
	.xlarge-padding-right-1 {
		padding-right: 20px !important
	}
	.xlarge-padding-bottom-1 {
		padding-bottom: 20px !important
	}
	.xlarge-padding-left-1 {
		padding-left: 20px !important
	}
	.xlarge-padding-horizontal-1 {
		padding-right: 20px !important;
		padding-left: 20px !important
	}
	.xlarge-padding-vertical-1 {
		padding-top: 20px !important;
		padding-bottom: 20px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-1 {
		margin: 20px !important
	}
	.xxlarge-margin-top-1 {
		margin-top: 20px !important
	}
	.xxlarge-margin-right-1 {
		margin-right: 20px !important
	}
	.xxlarge-margin-bottom-1 {
		margin-bottom: 20px !important
	}
	.xxlarge-margin-left-1 {
		margin-left: 20px !important
	}
	.xxlarge-margin-horizontal-1 {
		margin-right: 20px !important;
		margin-left: 20px !important
	}
	.xxlarge-margin-vertical-1 {
		margin-top: 20px !important;
		margin-bottom: 20px !important
	}
	.xxlarge-padding-1 {
		padding: 20px !important
	}
	.xxlarge-padding-top-1 {
		padding-top: 20px !important
	}
	.xxlarge-padding-right-1 {
		padding-right: 20px !important
	}
	.xxlarge-padding-bottom-1 {
		padding-bottom: 20px !important
	}
	.xxlarge-padding-left-1 {
		padding-left: 20px !important
	}
	.xxlarge-padding-horizontal-1 {
		padding-right: 20px !important;
		padding-left: 20px !important
	}
	.xxlarge-padding-vertical-1 {
		padding-top: 20px !important;
		padding-bottom: 20px !important
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-2 {
		margin: 40px !important
	}
	.medium-margin-top-2 {
		margin-top: 40px !important
	}
	.medium-margin-right-2 {
		margin-right: 40px !important
	}
	.medium-margin-bottom-2 {
		margin-bottom: 40px !important
	}
	.medium-margin-left-2 {
		margin-left: 40px !important
	}
	.medium-margin-horizontal-2 {
		margin-right: 40px !important;
		margin-left: 40px !important
	}
	.medium-margin-vertical-2 {
		margin-top: 40px !important;
		margin-bottom: 40px !important
	}
	.medium-padding-2 {
		padding: 40px !important
	}
	.medium-padding-top-2 {
		padding-top: 40px !important
	}
	.medium-padding-right-2 {
		padding-right: 40px !important
	}
	.medium-padding-bottom-2 {
		padding-bottom: 40px !important
	}
	.medium-padding-left-2 {
		padding-left: 40px !important
	}
	.medium-padding-horizontal-2 {
		padding-right: 40px !important;
		padding-left: 40px !important
	}
	.medium-padding-vertical-2 {
		padding-top: 40px !important;
		padding-bottom: 40px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-2 {
		margin: 40px !important
	}
	.large-margin-top-2 {
		margin-top: 40px !important
	}
	.large-margin-right-2 {
		margin-right: 40px !important
	}
	.large-margin-bottom-2 {
		margin-bottom: 40px !important
	}
	.large-margin-left-2 {
		margin-left: 40px !important
	}
	.large-margin-horizontal-2 {
		margin-right: 40px !important;
		margin-left: 40px !important
	}
	.large-margin-vertical-2 {
		margin-top: 40px !important;
		margin-bottom: 40px !important
	}
	.large-padding-2 {
		padding: 40px !important
	}
	.large-padding-top-2 {
		padding-top: 40px !important
	}
	.large-padding-right-2 {
		padding-right: 40px !important
	}
	.large-padding-bottom-2 {
		padding-bottom: 40px !important
	}
	.large-padding-left-2 {
		padding-left: 40px !important
	}
	.large-padding-horizontal-2 {
		padding-right: 40px !important;
		padding-left: 40px !important
	}
	.large-padding-vertical-2 {
		padding-top: 40px !important;
		padding-bottom: 40px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-2 {
		margin: 40px !important
	}
	.xlarge-margin-top-2 {
		margin-top: 40px !important
	}
	.xlarge-margin-right-2 {
		margin-right: 40px !important
	}
	.xlarge-margin-bottom-2 {
		margin-bottom: 40px !important
	}
	.xlarge-margin-left-2 {
		margin-left: 40px !important
	}
	.xlarge-margin-horizontal-2 {
		margin-right: 40px !important;
		margin-left: 40px !important
	}
	.xlarge-margin-vertical-2 {
		margin-top: 40px !important;
		margin-bottom: 40px !important
	}
	.xlarge-padding-2 {
		padding: 40px !important
	}
	.xlarge-padding-top-2 {
		padding-top: 40px !important
	}
	.xlarge-padding-right-2 {
		padding-right: 40px !important
	}
	.xlarge-padding-bottom-2 {
		padding-bottom: 40px !important
	}
	.xlarge-padding-left-2 {
		padding-left: 40px !important
	}
	.xlarge-padding-horizontal-2 {
		padding-right: 40px !important;
		padding-left: 40px !important
	}
	.xlarge-padding-vertical-2 {
		padding-top: 40px !important;
		padding-bottom: 40px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-2 {
		margin: 40px !important
	}
	.xxlarge-margin-top-2 {
		margin-top: 40px !important
	}
	.xxlarge-margin-right-2 {
		margin-right: 40px !important
	}
	.xxlarge-margin-bottom-2 {
		margin-bottom: 40px !important
	}
	.xxlarge-margin-left-2 {
		margin-left: 40px !important
	}
	.xxlarge-margin-horizontal-2 {
		margin-right: 40px !important;
		margin-left: 40px !important
	}
	.xxlarge-margin-vertical-2 {
		margin-top: 40px !important;
		margin-bottom: 40px !important
	}
	.xxlarge-padding-2 {
		padding: 40px !important
	}
	.xxlarge-padding-top-2 {
		padding-top: 40px !important
	}
	.xxlarge-padding-right-2 {
		padding-right: 40px !important
	}
	.xxlarge-padding-bottom-2 {
		padding-bottom: 40px !important
	}
	.xxlarge-padding-left-2 {
		padding-left: 40px !important
	}
	.xxlarge-padding-horizontal-2 {
		padding-right: 40px !important;
		padding-left: 40px !important
	}
	.xxlarge-padding-vertical-2 {
		padding-top: 40px !important;
		padding-bottom: 40px !important
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-3 {
		margin: 60px !important
	}
	.medium-margin-top-3 {
		margin-top: 60px !important
	}
	.medium-margin-right-3 {
		margin-right: 60px !important
	}
	.medium-margin-bottom-3 {
		margin-bottom: 60px !important
	}
	.medium-margin-left-3 {
		margin-left: 60px !important
	}
	.medium-margin-horizontal-3 {
		margin-right: 60px !important;
		margin-left: 60px !important
	}
	.medium-margin-vertical-3 {
		margin-top: 60px !important;
		margin-bottom: 60px !important
	}
	.medium-padding-3 {
		padding: 60px !important
	}
	.medium-padding-top-3 {
		padding-top: 60px !important
	}
	.medium-padding-right-3 {
		padding-right: 60px !important
	}
	.medium-padding-bottom-3 {
		padding-bottom: 60px !important
	}
	.medium-padding-left-3 {
		padding-left: 60px !important
	}
	.medium-padding-horizontal-3 {
		padding-right: 60px !important;
		padding-left: 60px !important
	}
	.medium-padding-vertical-3 {
		padding-top: 60px !important;
		padding-bottom: 60px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-3 {
		margin: 60px !important
	}
	.large-margin-top-3 {
		margin-top: 60px !important
	}
	.large-margin-right-3 {
		margin-right: 60px !important
	}
	.large-margin-bottom-3 {
		margin-bottom: 60px !important
	}
	.large-margin-left-3 {
		margin-left: 60px !important
	}
	.large-margin-horizontal-3 {
		margin-right: 60px !important;
		margin-left: 60px !important
	}
	.large-margin-vertical-3 {
		margin-top: 60px !important;
		margin-bottom: 60px !important
	}
	.large-padding-3 {
		padding: 60px !important
	}
	.large-padding-top-3 {
		padding-top: 60px !important
	}
	.large-padding-right-3 {
		padding-right: 60px !important
	}
	.large-padding-bottom-3 {
		padding-bottom: 60px !important
	}
	.large-padding-left-3 {
		padding-left: 60px !important
	}
	.large-padding-horizontal-3 {
		padding-right: 60px !important;
		padding-left: 60px !important
	}
	.large-padding-vertical-3 {
		padding-top: 60px !important;
		padding-bottom: 60px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-3 {
		margin: 60px !important
	}
	.xlarge-margin-top-3 {
		margin-top: 60px !important
	}
	.xlarge-margin-right-3 {
		margin-right: 60px !important
	}
	.xlarge-margin-bottom-3 {
		margin-bottom: 60px !important
	}
	.xlarge-margin-left-3 {
		margin-left: 60px !important
	}
	.xlarge-margin-horizontal-3 {
		margin-right: 60px !important;
		margin-left: 60px !important
	}
	.xlarge-margin-vertical-3 {
		margin-top: 60px !important;
		margin-bottom: 60px !important
	}
	.xlarge-padding-3 {
		padding: 60px !important
	}
	.xlarge-padding-top-3 {
		padding-top: 60px !important
	}
	.xlarge-padding-right-3 {
		padding-right: 60px !important
	}
	.xlarge-padding-bottom-3 {
		padding-bottom: 60px !important
	}
	.xlarge-padding-left-3 {
		padding-left: 60px !important
	}
	.xlarge-padding-horizontal-3 {
		padding-right: 60px !important;
		padding-left: 60px !important
	}
	.xlarge-padding-vertical-3 {
		padding-top: 60px !important;
		padding-bottom: 60px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-3 {
		margin: 60px !important
	}
	.xxlarge-margin-top-3 {
		margin-top: 60px !important
	}
	.xxlarge-margin-right-3 {
		margin-right: 60px !important
	}
	.xxlarge-margin-bottom-3 {
		margin-bottom: 60px !important
	}
	.xxlarge-margin-left-3 {
		margin-left: 60px !important
	}
	.xxlarge-margin-horizontal-3 {
		margin-right: 60px !important;
		margin-left: 60px !important
	}
	.xxlarge-margin-vertical-3 {
		margin-top: 60px !important;
		margin-bottom: 60px !important
	}
	.xxlarge-padding-3 {
		padding: 60px !important
	}
	.xxlarge-padding-top-3 {
		padding-top: 60px !important
	}
	.xxlarge-padding-right-3 {
		padding-right: 60px !important
	}
	.xxlarge-padding-bottom-3 {
		padding-bottom: 60px !important
	}
	.xxlarge-padding-left-3 {
		padding-left: 60px !important
	}
	.xxlarge-padding-horizontal-3 {
		padding-right: 60px !important;
		padding-left: 60px !important
	}
	.xxlarge-padding-vertical-3 {
		padding-top: 60px !important;
		padding-bottom: 60px !important
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-4 {
		margin: 80px !important
	}
	.medium-margin-top-4 {
		margin-top: 80px !important
	}
	.medium-margin-right-4 {
		margin-right: 80px !important
	}
	.medium-margin-bottom-4 {
		margin-bottom: 80px !important
	}
	.medium-margin-left-4 {
		margin-left: 80px !important
	}
	.medium-margin-horizontal-4 {
		margin-right: 80px !important;
		margin-left: 80px !important
	}
	.medium-margin-vertical-4 {
		margin-top: 80px !important;
		margin-bottom: 80px !important
	}
	.medium-padding-4 {
		padding: 80px !important
	}
	.medium-padding-top-4 {
		padding-top: 80px !important
	}
	.medium-padding-right-4 {
		padding-right: 80px !important
	}
	.medium-padding-bottom-4 {
		padding-bottom: 80px !important
	}
	.medium-padding-left-4 {
		padding-left: 80px !important
	}
	.medium-padding-horizontal-4 {
		padding-right: 80px !important;
		padding-left: 80px !important
	}
	.medium-padding-vertical-4 {
		padding-top: 80px !important;
		padding-bottom: 80px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-4 {
		margin: 80px !important
	}
	.large-margin-top-4 {
		margin-top: 80px !important
	}
	.large-margin-right-4 {
		margin-right: 80px !important
	}
	.large-margin-bottom-4 {
		margin-bottom: 80px !important
	}
	.large-margin-left-4 {
		margin-left: 80px !important
	}
	.large-margin-horizontal-4 {
		margin-right: 80px !important;
		margin-left: 80px !important
	}
	.large-margin-vertical-4 {
		margin-top: 80px !important;
		margin-bottom: 80px !important
	}
	.large-padding-4 {
		padding: 80px !important
	}
	.large-padding-top-4 {
		padding-top: 80px !important
	}
	.large-padding-right-4 {
		padding-right: 80px !important
	}
	.large-padding-bottom-4 {
		padding-bottom: 80px !important
	}
	.large-padding-left-4 {
		padding-left: 80px !important
	}
	.large-padding-horizontal-4 {
		padding-right: 80px !important;
		padding-left: 80px !important
	}
	.large-padding-vertical-4 {
		padding-top: 80px !important;
		padding-bottom: 80px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-4 {
		margin: 80px !important
	}
	.xlarge-margin-top-4 {
		margin-top: 80px !important
	}
	.xlarge-margin-right-4 {
		margin-right: 80px !important
	}
	.xlarge-margin-bottom-4 {
		margin-bottom: 80px !important
	}
	.xlarge-margin-left-4 {
		margin-left: 80px !important
	}
	.xlarge-margin-horizontal-4 {
		margin-right: 80px !important;
		margin-left: 80px !important
	}
	.xlarge-margin-vertical-4 {
		margin-top: 80px !important;
		margin-bottom: 80px !important
	}
	.xlarge-padding-4 {
		padding: 80px !important
	}
	.xlarge-padding-top-4 {
		padding-top: 80px !important
	}
	.xlarge-padding-right-4 {
		padding-right: 80px !important
	}
	.xlarge-padding-bottom-4 {
		padding-bottom: 80px !important
	}
	.xlarge-padding-left-4 {
		padding-left: 80px !important
	}
	.xlarge-padding-horizontal-4 {
		padding-right: 80px !important;
		padding-left: 80px !important
	}
	.xlarge-padding-vertical-4 {
		padding-top: 80px !important;
		padding-bottom: 80px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-4 {
		margin: 80px !important
	}
	.xxlarge-margin-top-4 {
		margin-top: 80px !important
	}
	.xxlarge-margin-right-4 {
		margin-right: 80px !important
	}
	.xxlarge-margin-bottom-4 {
		margin-bottom: 80px !important
	}
	.xxlarge-margin-left-4 {
		margin-left: 80px !important
	}
	.xxlarge-margin-horizontal-4 {
		margin-right: 80px !important;
		margin-left: 80px !important
	}
	.xxlarge-margin-vertical-4 {
		margin-top: 80px !important;
		margin-bottom: 80px !important
	}
	.xxlarge-padding-4 {
		padding: 80px !important
	}
	.xxlarge-padding-top-4 {
		padding-top: 80px !important
	}
	.xxlarge-padding-right-4 {
		padding-right: 80px !important
	}
	.xxlarge-padding-bottom-4 {
		padding-bottom: 80px !important
	}
	.xxlarge-padding-left-4 {
		padding-left: 80px !important
	}
	.xxlarge-padding-horizontal-4 {
		padding-right: 80px !important;
		padding-left: 80px !important
	}
	.xxlarge-padding-vertical-4 {
		padding-top: 80px !important;
		padding-bottom: 80px !important
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-5 {
		margin: 100px !important
	}
	.medium-margin-top-5 {
		margin-top: 100px !important
	}
	.medium-margin-right-5 {
		margin-right: 100px !important
	}
	.medium-margin-bottom-5 {
		margin-bottom: 100px !important
	}
	.medium-margin-left-5 {
		margin-left: 100px !important
	}
	.medium-margin-horizontal-5 {
		margin-right: 100px !important;
		margin-left: 100px !important
	}
	.medium-margin-vertical-5 {
		margin-top: 100px !important;
		margin-bottom: 100px !important
	}
	.medium-padding-5 {
		padding: 100px !important
	}
	.medium-padding-top-5 {
		padding-top: 100px !important
	}
	.medium-padding-right-5 {
		padding-right: 100px !important
	}
	.medium-padding-bottom-5 {
		padding-bottom: 100px !important
	}
	.medium-padding-left-5 {
		padding-left: 100px !important
	}
	.medium-padding-horizontal-5 {
		padding-right: 100px !important;
		padding-left: 100px !important
	}
	.medium-padding-vertical-5 {
		padding-top: 100px !important;
		padding-bottom: 100px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-5 {
		margin: 100px !important
	}
	.large-margin-top-5 {
		margin-top: 100px !important
	}
	.large-margin-right-5 {
		margin-right: 100px !important
	}
	.large-margin-bottom-5 {
		margin-bottom: 100px !important
	}
	.large-margin-left-5 {
		margin-left: 100px !important
	}
	.large-margin-horizontal-5 {
		margin-right: 100px !important;
		margin-left: 100px !important
	}
	.large-margin-vertical-5 {
		margin-top: 100px !important;
		margin-bottom: 100px !important
	}
	.large-padding-5 {
		padding: 100px !important
	}
	.large-padding-top-5 {
		padding-top: 100px !important
	}
	.large-padding-right-5 {
		padding-right: 100px !important
	}
	.large-padding-bottom-5 {
		padding-bottom: 100px !important
	}
	.large-padding-left-5 {
		padding-left: 100px !important
	}
	.large-padding-horizontal-5 {
		padding-right: 100px !important;
		padding-left: 100px !important
	}
	.large-padding-vertical-5 {
		padding-top: 100px !important;
		padding-bottom: 100px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-5 {
		margin: 100px !important
	}
	.xlarge-margin-top-5 {
		margin-top: 100px !important
	}
	.xlarge-margin-right-5 {
		margin-right: 100px !important
	}
	.xlarge-margin-bottom-5 {
		margin-bottom: 100px !important
	}
	.xlarge-margin-left-5 {
		margin-left: 100px !important
	}
	.xlarge-margin-horizontal-5 {
		margin-right: 100px !important;
		margin-left: 100px !important
	}
	.xlarge-margin-vertical-5 {
		margin-top: 100px !important;
		margin-bottom: 100px !important
	}
	.xlarge-padding-5 {
		padding: 100px !important
	}
	.xlarge-padding-top-5 {
		padding-top: 100px !important
	}
	.xlarge-padding-right-5 {
		padding-right: 100px !important
	}
	.xlarge-padding-bottom-5 {
		padding-bottom: 100px !important
	}
	.xlarge-padding-left-5 {
		padding-left: 100px !important
	}
	.xlarge-padding-horizontal-5 {
		padding-right: 100px !important;
		padding-left: 100px !important
	}
	.xlarge-padding-vertical-5 {
		padding-top: 100px !important;
		padding-bottom: 100px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-5 {
		margin: 100px !important
	}
	.xxlarge-margin-top-5 {
		margin-top: 100px !important
	}
	.xxlarge-margin-right-5 {
		margin-right: 100px !important
	}
	.xxlarge-margin-bottom-5 {
		margin-bottom: 100px !important
	}
	.xxlarge-margin-left-5 {
		margin-left: 100px !important
	}
	.xxlarge-margin-horizontal-5 {
		margin-right: 100px !important;
		margin-left: 100px !important
	}
	.xxlarge-margin-vertical-5 {
		margin-top: 100px !important;
		margin-bottom: 100px !important
	}
	.xxlarge-padding-5 {
		padding: 100px !important
	}
	.xxlarge-padding-top-5 {
		padding-top: 100px !important
	}
	.xxlarge-padding-right-5 {
		padding-right: 100px !important
	}
	.xxlarge-padding-bottom-5 {
		padding-bottom: 100px !important
	}
	.xxlarge-padding-left-5 {
		padding-left: 100px !important
	}
	.xxlarge-padding-horizontal-5 {
		padding-right: 100px !important;
		padding-left: 100px !important
	}
	.xxlarge-padding-vertical-5 {
		padding-top: 100px !important;
		padding-bottom: 100px !important
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-6 {
		margin: 120px !important
	}
	.medium-margin-top-6 {
		margin-top: 120px !important
	}
	.medium-margin-right-6 {
		margin-right: 120px !important
	}
	.medium-margin-bottom-6 {
		margin-bottom: 120px !important
	}
	.medium-margin-left-6 {
		margin-left: 120px !important
	}
	.medium-margin-horizontal-6 {
		margin-right: 120px !important;
		margin-left: 120px !important
	}
	.medium-margin-vertical-6 {
		margin-top: 120px !important;
		margin-bottom: 120px !important
	}
	.medium-padding-6 {
		padding: 120px !important
	}
	.medium-padding-top-6 {
		padding-top: 120px !important
	}
	.medium-padding-right-6 {
		padding-right: 120px !important
	}
	.medium-padding-bottom-6 {
		padding-bottom: 120px !important
	}
	.medium-padding-left-6 {
		padding-left: 120px !important
	}
	.medium-padding-horizontal-6 {
		padding-right: 120px !important;
		padding-left: 120px !important
	}
	.medium-padding-vertical-6 {
		padding-top: 120px !important;
		padding-bottom: 120px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-6 {
		margin: 120px !important
	}
	.large-margin-top-6 {
		margin-top: 120px !important
	}
	.large-margin-right-6 {
		margin-right: 120px !important
	}
	.large-margin-bottom-6 {
		margin-bottom: 120px !important
	}
	.large-margin-left-6 {
		margin-left: 120px !important
	}
	.large-margin-horizontal-6 {
		margin-right: 120px !important;
		margin-left: 120px !important
	}
	.large-margin-vertical-6 {
		margin-top: 120px !important;
		margin-bottom: 120px !important
	}
	.large-padding-6 {
		padding: 120px !important
	}
	.large-padding-top-6 {
		padding-top: 120px !important
	}
	.large-padding-right-6 {
		padding-right: 120px !important
	}
	.large-padding-bottom-6 {
		padding-bottom: 120px !important
	}
	.large-padding-left-6 {
		padding-left: 120px !important
	}
	.large-padding-horizontal-6 {
		padding-right: 120px !important;
		padding-left: 120px !important
	}
	.large-padding-vertical-6 {
		padding-top: 120px !important;
		padding-bottom: 120px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-6 {
		margin: 120px !important
	}
	.xlarge-margin-top-6 {
		margin-top: 120px !important
	}
	.xlarge-margin-right-6 {
		margin-right: 120px !important
	}
	.xlarge-margin-bottom-6 {
		margin-bottom: 120px !important
	}
	.xlarge-margin-left-6 {
		margin-left: 120px !important
	}
	.xlarge-margin-horizontal-6 {
		margin-right: 120px !important;
		margin-left: 120px !important
	}
	.xlarge-margin-vertical-6 {
		margin-top: 120px !important;
		margin-bottom: 120px !important
	}
	.xlarge-padding-6 {
		padding: 120px !important
	}
	.xlarge-padding-top-6 {
		padding-top: 120px !important
	}
	.xlarge-padding-right-6 {
		padding-right: 120px !important
	}
	.xlarge-padding-bottom-6 {
		padding-bottom: 120px !important
	}
	.xlarge-padding-left-6 {
		padding-left: 120px !important
	}
	.xlarge-padding-horizontal-6 {
		padding-right: 120px !important;
		padding-left: 120px !important
	}
	.xlarge-padding-vertical-6 {
		padding-top: 120px !important;
		padding-bottom: 120px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-6 {
		margin: 120px !important
	}
	.xxlarge-margin-top-6 {
		margin-top: 120px !important
	}
	.xxlarge-margin-right-6 {
		margin-right: 120px !important
	}
	.xxlarge-margin-bottom-6 {
		margin-bottom: 120px !important
	}
	.xxlarge-margin-left-6 {
		margin-left: 120px !important
	}
	.xxlarge-margin-horizontal-6 {
		margin-right: 120px !important;
		margin-left: 120px !important
	}
	.xxlarge-margin-vertical-6 {
		margin-top: 120px !important;
		margin-bottom: 120px !important
	}
	.xxlarge-padding-6 {
		padding: 120px !important
	}
	.xxlarge-padding-top-6 {
		padding-top: 120px !important
	}
	.xxlarge-padding-right-6 {
		padding-right: 120px !important
	}
	.xxlarge-padding-bottom-6 {
		padding-bottom: 120px !important
	}
	.xxlarge-padding-left-6 {
		padding-left: 120px !important
	}
	.xxlarge-padding-horizontal-6 {
		padding-right: 120px !important;
		padding-left: 120px !important
	}
	.xxlarge-padding-vertical-6 {
		padding-top: 120px !important;
		padding-bottom: 120px !important
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-7 {
		margin: 140px !important
	}
	.medium-margin-top-7 {
		margin-top: 140px !important
	}
	.medium-margin-right-7 {
		margin-right: 140px !important
	}
	.medium-margin-bottom-7 {
		margin-bottom: 140px !important
	}
	.medium-margin-left-7 {
		margin-left: 140px !important
	}
	.medium-margin-horizontal-7 {
		margin-right: 140px !important;
		margin-left: 140px !important
	}
	.medium-margin-vertical-7 {
		margin-top: 140px !important;
		margin-bottom: 140px !important
	}
	.medium-padding-7 {
		padding: 140px !important
	}
	.medium-padding-top-7 {
		padding-top: 140px !important
	}
	.medium-padding-right-7 {
		padding-right: 140px !important
	}
	.medium-padding-bottom-7 {
		padding-bottom: 140px !important
	}
	.medium-padding-left-7 {
		padding-left: 140px !important
	}
	.medium-padding-horizontal-7 {
		padding-right: 140px !important;
		padding-left: 140px !important
	}
	.medium-padding-vertical-7 {
		padding-top: 140px !important;
		padding-bottom: 140px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-7 {
		margin: 140px !important
	}
	.large-margin-top-7 {
		margin-top: 140px !important
	}
	.large-margin-right-7 {
		margin-right: 140px !important
	}
	.large-margin-bottom-7 {
		margin-bottom: 140px !important
	}
	.large-margin-left-7 {
		margin-left: 140px !important
	}
	.large-margin-horizontal-7 {
		margin-right: 140px !important;
		margin-left: 140px !important
	}
	.large-margin-vertical-7 {
		margin-top: 140px !important;
		margin-bottom: 140px !important
	}
	.large-padding-7 {
		padding: 140px !important
	}
	.large-padding-top-7 {
		padding-top: 140px !important
	}
	.large-padding-right-7 {
		padding-right: 140px !important
	}
	.large-padding-bottom-7 {
		padding-bottom: 140px !important
	}
	.large-padding-left-7 {
		padding-left: 140px !important
	}
	.large-padding-horizontal-7 {
		padding-right: 140px !important;
		padding-left: 140px !important
	}
	.large-padding-vertical-7 {
		padding-top: 140px !important;
		padding-bottom: 140px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-7 {
		margin: 140px !important
	}
	.xlarge-margin-top-7 {
		margin-top: 140px !important
	}
	.xlarge-margin-right-7 {
		margin-right: 140px !important
	}
	.xlarge-margin-bottom-7 {
		margin-bottom: 140px !important
	}
	.xlarge-margin-left-7 {
		margin-left: 140px !important
	}
	.xlarge-margin-horizontal-7 {
		margin-right: 140px !important;
		margin-left: 140px !important
	}
	.xlarge-margin-vertical-7 {
		margin-top: 140px !important;
		margin-bottom: 140px !important
	}
	.xlarge-padding-7 {
		padding: 140px !important
	}
	.xlarge-padding-top-7 {
		padding-top: 140px !important
	}
	.xlarge-padding-right-7 {
		padding-right: 140px !important
	}
	.xlarge-padding-bottom-7 {
		padding-bottom: 140px !important
	}
	.xlarge-padding-left-7 {
		padding-left: 140px !important
	}
	.xlarge-padding-horizontal-7 {
		padding-right: 140px !important;
		padding-left: 140px !important
	}
	.xlarge-padding-vertical-7 {
		padding-top: 140px !important;
		padding-bottom: 140px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-7 {
		margin: 140px !important
	}
	.xxlarge-margin-top-7 {
		margin-top: 140px !important
	}
	.xxlarge-margin-right-7 {
		margin-right: 140px !important
	}
	.xxlarge-margin-bottom-7 {
		margin-bottom: 140px !important
	}
	.xxlarge-margin-left-7 {
		margin-left: 140px !important
	}
	.xxlarge-margin-horizontal-7 {
		margin-right: 140px !important;
		margin-left: 140px !important
	}
	.xxlarge-margin-vertical-7 {
		margin-top: 140px !important;
		margin-bottom: 140px !important
	}
	.xxlarge-padding-7 {
		padding: 140px !important
	}
	.xxlarge-padding-top-7 {
		padding-top: 140px !important
	}
	.xxlarge-padding-right-7 {
		padding-right: 140px !important
	}
	.xxlarge-padding-bottom-7 {
		padding-bottom: 140px !important
	}
	.xxlarge-padding-left-7 {
		padding-left: 140px !important
	}
	.xxlarge-padding-horizontal-7 {
		padding-right: 140px !important;
		padding-left: 140px !important
	}
	.xxlarge-padding-vertical-7 {
		padding-top: 140px !important;
		padding-bottom: 140px !important
	}
}

@media print,
screen and (min-width: 40em) {
	.medium-margin-8 {
		margin: 160px !important
	}
	.medium-margin-top-8 {
		margin-top: 160px !important
	}
	.medium-margin-right-8 {
		margin-right: 160px !important
	}
	.medium-margin-bottom-8 {
		margin-bottom: 160px !important
	}
	.medium-margin-left-8 {
		margin-left: 160px !important
	}
	.medium-margin-horizontal-8 {
		margin-right: 160px !important;
		margin-left: 160px !important
	}
	.medium-margin-vertical-8 {
		margin-top: 160px !important;
		margin-bottom: 160px !important
	}
	.medium-padding-8 {
		padding: 160px !important
	}
	.medium-padding-top-8 {
		padding-top: 160px !important
	}
	.medium-padding-right-8 {
		padding-right: 160px !important
	}
	.medium-padding-bottom-8 {
		padding-bottom: 160px !important
	}
	.medium-padding-left-8 {
		padding-left: 160px !important
	}
	.medium-padding-horizontal-8 {
		padding-right: 160px !important;
		padding-left: 160px !important
	}
	.medium-padding-vertical-8 {
		padding-top: 160px !important;
		padding-bottom: 160px !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-margin-8 {
		margin: 160px !important
	}
	.large-margin-top-8 {
		margin-top: 160px !important
	}
	.large-margin-right-8 {
		margin-right: 160px !important
	}
	.large-margin-bottom-8 {
		margin-bottom: 160px !important
	}
	.large-margin-left-8 {
		margin-left: 160px !important
	}
	.large-margin-horizontal-8 {
		margin-right: 160px !important;
		margin-left: 160px !important
	}
	.large-margin-vertical-8 {
		margin-top: 160px !important;
		margin-bottom: 160px !important
	}
	.large-padding-8 {
		padding: 160px !important
	}
	.large-padding-top-8 {
		padding-top: 160px !important
	}
	.large-padding-right-8 {
		padding-right: 160px !important
	}
	.large-padding-bottom-8 {
		padding-bottom: 160px !important
	}
	.large-padding-left-8 {
		padding-left: 160px !important
	}
	.large-padding-horizontal-8 {
		padding-right: 160px !important;
		padding-left: 160px !important
	}
	.large-padding-vertical-8 {
		padding-top: 160px !important;
		padding-bottom: 160px !important
	}
}

@media screen and (min-width: 75em) {
	.xlarge-margin-8 {
		margin: 160px !important
	}
	.xlarge-margin-top-8 {
		margin-top: 160px !important
	}
	.xlarge-margin-right-8 {
		margin-right: 160px !important
	}
	.xlarge-margin-bottom-8 {
		margin-bottom: 160px !important
	}
	.xlarge-margin-left-8 {
		margin-left: 160px !important
	}
	.xlarge-margin-horizontal-8 {
		margin-right: 160px !important;
		margin-left: 160px !important
	}
	.xlarge-margin-vertical-8 {
		margin-top: 160px !important;
		margin-bottom: 160px !important
	}
	.xlarge-padding-8 {
		padding: 160px !important
	}
	.xlarge-padding-top-8 {
		padding-top: 160px !important
	}
	.xlarge-padding-right-8 {
		padding-right: 160px !important
	}
	.xlarge-padding-bottom-8 {
		padding-bottom: 160px !important
	}
	.xlarge-padding-left-8 {
		padding-left: 160px !important
	}
	.xlarge-padding-horizontal-8 {
		padding-right: 160px !important;
		padding-left: 160px !important
	}
	.xlarge-padding-vertical-8 {
		padding-top: 160px !important;
		padding-bottom: 160px !important
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-margin-8 {
		margin: 160px !important
	}
	.xxlarge-margin-top-8 {
		margin-top: 160px !important
	}
	.xxlarge-margin-right-8 {
		margin-right: 160px !important
	}
	.xxlarge-margin-bottom-8 {
		margin-bottom: 160px !important
	}
	.xxlarge-margin-left-8 {
		margin-left: 160px !important
	}
	.xxlarge-margin-horizontal-8 {
		margin-right: 160px !important;
		margin-left: 160px !important
	}
	.xxlarge-margin-vertical-8 {
		margin-top: 160px !important;
		margin-bottom: 160px !important
	}
	.xxlarge-padding-8 {
		padding: 160px !important
	}
	.xxlarge-padding-top-8 {
		padding-top: 160px !important
	}
	.xxlarge-padding-right-8 {
		padding-right: 160px !important
	}
	.xxlarge-padding-bottom-8 {
		padding-bottom: 160px !important
	}
	.xxlarge-padding-left-8 {
		padding-left: 160px !important
	}
	.xxlarge-padding-horizontal-8 {
		padding-right: 160px !important;
		padding-left: 160px !important
	}
	.xxlarge-padding-vertical-8 {
		padding-top: 160px !important;
		padding-bottom: 160px !important
	}
}

.align-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.align-right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.align-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.align-justify {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.align-spaced {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.align-left.vertical.menu>li>a {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.align-right.vertical.menu>li>a {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.align-center.vertical.menu>li>a {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.align-top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.align-self-top {
	-ms-flex-item-align: start;
	align-self: flex-start
}

.align-bottom {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.align-self-bottom {
	-ms-flex-item-align: end;
	align-self: flex-end
}

.align-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.align-self-middle {
	-ms-flex-item-align: center;
	align-self: center
}

.align-stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.align-self-stretch {
	-ms-flex-item-align: stretch;
	align-self: stretch
}

.align-center-middle {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.small-order-1 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.small-order-2 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.small-order-3 {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}

.small-order-4 {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}

.small-order-5 {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5
}

.small-order-6 {
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6
}

@media print,
screen and (min-width: 40em) {
	.medium-order-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.medium-order-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.medium-order-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
	.medium-order-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.medium-order-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}
	.medium-order-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-order-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.large-order-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.large-order-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
	.large-order-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.large-order-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}
	.large-order-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}
}

@media screen and (min-width: 75em) {
	.xlarge-order-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.xlarge-order-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.xlarge-order-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
	.xlarge-order-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.xlarge-order-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}
	.xlarge-order-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-order-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.xxlarge-order-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.xxlarge-order-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
	.xxlarge-order-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.xxlarge-order-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}
	.xxlarge-order-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}
}

.flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.flex-child-auto {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.flex-child-grow {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.flex-child-shrink {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.flex-dir-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.flex-dir-row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.flex-dir-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.flex-dir-column-reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

@media print,
screen and (min-width: 40em) {
	.medium-flex-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.medium-flex-child-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}
	.medium-flex-child-grow {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}
	.medium-flex-child-shrink {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}
	.medium-flex-dir-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.medium-flex-dir-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
	.medium-flex-dir-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.medium-flex-dir-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-flex-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.large-flex-child-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}
	.large-flex-child-grow {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}
	.large-flex-child-shrink {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}
	.large-flex-dir-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.large-flex-dir-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
	.large-flex-dir-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.large-flex-dir-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

@media screen and (min-width: 75em) {
	.xlarge-flex-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.xlarge-flex-child-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}
	.xlarge-flex-child-grow {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}
	.xlarge-flex-child-shrink {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}
	.xlarge-flex-dir-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.xlarge-flex-dir-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
	.xlarge-flex-dir-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.xlarge-flex-dir-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-flex-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.xxlarge-flex-child-auto {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}
	.xxlarge-flex-child-grow {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}
	.xxlarge-flex-child-shrink {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}
	.xxlarge-flex-dir-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.xxlarge-flex-dir-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
	.xxlarge-flex-dir-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.xxlarge-flex-dir-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.hide {
	display: none !important
}

.invisible {
	visibility: hidden
}

@media print,
screen and (max-width: 39.99875em) {
	.hide-for-small-only {
		display: none !important
	}
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
	.show-for-small-only {
		display: none !important
	}
}

@media print,
screen and (min-width: 40em) {
	.hide-for-medium {
		display: none !important
	}
}

@media screen and (max-width: 39.99875em) {
	.show-for-medium {
		display: none !important
	}
}

@media print,
screen and (min-width: 40em) and (max-width: 64.06125em) {
	.hide-for-medium-only {
		display: none !important
	}
}

@media screen and (max-width: 39.99875em),
screen and (min-width: 64.0625em) {
	.show-for-medium-only {
		display: none !important
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.hide-for-large {
		display: none !important
	}
}

@media screen and (max-width: 64.06125em) {
	.show-for-large {
		display: none !important
	}
}

@media print,
screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
	.hide-for-large-only {
		display: none !important
	}
}

@media screen and (max-width: 64.06125em),
screen and (min-width: 75em) {
	.show-for-large-only {
		display: none !important
	}
}

@media screen and (min-width: 75em) {
	.hide-for-xlarge {
		display: none !important
	}
}

@media screen and (max-width: 74.99875em) {
	.show-for-xlarge {
		display: none !important
	}
}

@media screen and (min-width: 75em) and (max-width: 99.99875em) {
	.hide-for-xlarge-only {
		display: none !important
	}
}

@media screen and (max-width: 74.99875em),
screen and (min-width: 100em) {
	.show-for-xlarge-only {
		display: none !important
	}
}

@media screen and (min-width: 100em) {
	.hide-for-xxlarge {
		display: none !important
	}
}

@media screen and (max-width: 99.99875em) {
	.show-for-xxlarge {
		display: none !important
	}
}

@media screen and (min-width: 100em) {
	.hide-for-xxlarge-only {
		display: none !important
	}
}

@media screen and (max-width: 99.99875em) {
	.show-for-xxlarge-only {
		display: none !important
	}
}

.show-for-sr,
.show-on-focus {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important
}

.show-on-focus:active,
.show-on-focus:focus {
	position: static !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	clip: auto !important;
	white-space: normal !important
}

.show-for-landscape,
.hide-for-portrait {
	display: block !important
}

@media screen and (orientation: landscape) {
	.show-for-landscape,
	.hide-for-portrait {
		display: block !important
	}
}

@media screen and (orientation: portrait) {
	.show-for-landscape,
	.hide-for-portrait {
		display: none !important
	}
}

.hide-for-landscape,
.show-for-portrait {
	display: none !important
}

@media screen and (orientation: landscape) {
	.hide-for-landscape,
	.show-for-portrait {
		display: none !important
	}
}

@media screen and (orientation: portrait) {
	.hide-for-landscape,
	.show-for-portrait {
		display: block !important
	}
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-justify {
	text-align: justify
}

@media print,
screen and (min-width: 40em) {
	.medium-text-left {
		text-align: left
	}
	.medium-text-right {
		text-align: right
	}
	.medium-text-center {
		text-align: center
	}
	.medium-text-justify {
		text-align: justify
	}
}

@media print,
screen and (min-width: 64.0625em) {
	.large-text-left {
		text-align: left
	}
	.large-text-right {
		text-align: right
	}
	.large-text-center {
		text-align: center
	}
	.large-text-justify {
		text-align: justify
	}
}

@media screen and (min-width: 75em) {
	.xlarge-text-left {
		text-align: left
	}
	.xlarge-text-right {
		text-align: right
	}
	.xlarge-text-center {
		text-align: center
	}
	.xlarge-text-justify {
		text-align: justify
	}
}

@media screen and (min-width: 100em) {
	.xxlarge-text-left {
		text-align: left
	}
	.xxlarge-text-right {
		text-align: right
	}
	.xxlarge-text-center {
		text-align: center
	}
	.xxlarge-text-justify {
		text-align: justify
	}
}

.grid-y>.shrink {
	width: auto
}

.ryder-show {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.ryder-show.is-show {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 1s 0s;
	transition: all 1s 0s
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.m-pager {
		padding: 0 20px
	}
}

.m-pager .pager select {
	font-family: "メイリオ", Meiryo, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 3px;
	color: #1a1a1a;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #1a1a1a;
	padding-bottom: 5px;
	width: 160px
}

@media print,
screen and (max-width: 64.06125em) {
	.m-pager .pager select {
		font-size: 13px;
		letter-spacing: 2px;
		width: 100px
	}
}

.m-pager .control-area .prev,
.m-pager .control-area .next {
	cursor: pointer
}

@media print,
screen and (max-width: 64.06125em) {
	.m-pager .control-area .prev,
	.m-pager .control-area .next {
		width: 52px
	}
}

.m-pager .control-area>div {
	margin-right: 60px
}

.m-pager .control-area>div:last-child {
	margin-right: 0
}

@media print,
screen and (max-width: 64.06125em) {
	.m-pager .control-area>div {
		margin-right: 30px
	}
	.m-pager .control-area>div:last-child {
		margin-right: 0
	}
}

.logo-fixed {
	z-index: 9999999;
	position: fixed;
	top: 5px;
	left: 110px
}
.logo-fixed img{width: 110px;}
@media print,
screen and (max-width: 99.99875em) {
	.logo-fixed {
		top: 10px;
		left: 30px
	}
	.logo-fixed img {
		width: 90px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.logo-fixed {
		top: 3px;
		left: 20px
	}
	.logo-fixed img {
		width: 95px
	}
}

.language-area-fixed {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 23px;
	letter-spacing: 3px;
	color: #052f8a;
	z-index: 49;
	position: fixed;
	top: 60px;
	right: 170px
}

@media print,
screen and (max-width: 99.99875em) {
	.language-area-fixed {
		top: 42px;
		right: 130px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.language-area-fixed {
		font-size: 14px;
		top: 29px;
		right: 84px
	}
}

.language-area-fixed .languageList span {
	padding: 0 10px;
	position: relative
}

@media print,
screen and (max-width: 64.06125em) {
	.language-area-fixed .languageList span {
		padding: 0 4px
	}
}

.language-area-fixed .languageList span a {
	color: #878787;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.language-area-fixed .languageList span a:hover {
	opacity: .6
}

.language-area-fixed .languageList span:last-child:after {
	content: none
}

.language-area-fixed .languageList span:after {
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	background: url("../images/language-no.svg");
	right: -8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media print,
screen and (max-width: 64.06125em) {
	.language-area-fixed .languageList span:after {
		right: -1px;
		width: 10px;
		height: 10px;
		background-size: 10px 10px
	}
}

.lan-area-fixed {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 23px;
	letter-spacing: 3px;
	color: #052f8a;
	-webkit-transition: all .5s;
	transition: all .5s;
	z-index: 9999999;
	position: fixed;
	top: 50px;
	right: 50px;
	cursor: pointer;
	width: 88px;
	display: none;
}
#language{
	display: flex;
	z-index: 9999999;
	position: fixed;
	top: 10px;
	right: 150px;
	cursor: pointer;
	width: 88px;
	height: 50px;
}
#language ul{display: flex;align-items: center;}
#language li {
    display: inline-block;
}
#language ul span{margin: 0 10px;width: 1px;height: 20px;background: #000;display: block;}
#language .lang-nav-link{font-size: 18px;}
#language .lang-nav-link.active {
    color: #ff3c00;
}
@media print,
screen and (max-width: 99.99875em) {
	.lan-area-fixed {
		top: 30px;
		right: 30px
	}
	#language{top: 10px;right: 50px;}
}

@media print,
screen and (max-width: 64.06125em) {
	.lan-area-fixed {
		width: 60px;
		font-size: 18px;
		top: 13px;
		right: 20px;
		display: block;
	}
	#language{top: 13px;width: 60px;height: 34px;right: 120px;}
	#language .lang-nav-link{font-size: 18px;}
	html{font-size: 15px !important;}
}

.icon-fixed {
	z-index: 999999;
	position: fixed;
	top: 46px;
	right: 166px
}

@media print,
screen and (max-width: 99.99875em) {
	.icon-fixed {
		top: 28px;
		right: 140px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.icon-fixed {
		top: 22px;
		right: 102px
	}
}

.icon-fixed li {
	margin-right: 18px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.icon-fixed li:last-child {
	margin-right: 0
}

.icon-fixed li:hover {
	opacity: .6
}

@media print,
screen and (max-width: 64.06125em) {
	.icon-fixed li {
		margin-right: 10px
	}
	.icon-fixed li:last-child {
		margin-right: 0
	}
	.icon-fixed li img {
		width: 20px
	}
}

.topmenu-openWrap {
	position: fixed;
	z-index: 9999999;
	width: 100%;
	height: 100%;
	top: 0;
	display: none;
	background: url(../images/menu_wap_bg.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: bottom;
}

.topmenu-openWrap .lan-area-fixed-close {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 23px;
	letter-spacing: 3px;
	color: #052f8a;
	-webkit-transition: all .5s;
	transition: all .5s;
	z-index: 49;
	position: fixed;
	top: 56px;
	right: 56px;
	cursor: pointer
}

@media print,
screen and (max-width: 99.99875em) {
	.topmenu-openWrap .lan-area-fixed-close {
		top: 30px;
		right: 30px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.topmenu-openWrap .lan-area-fixed-close {
		width: 35px;
		font-size: 16px;
		top: 15px;
		right: 15px
	}
}

.topmenu-openWrap .stripe10 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.topmenu-openWrap .stripe10 i {
	display: block;
	width: 15px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 15px;
	background-color: #f6f6f7;
	opacity: 0.6
}

.topmenu-openWrap .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.topmenu-openWrap .pic video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%
}

@media (min-aspect-ratio: 1920 / 1080) {
	.topmenu-openWrap .pic video {
		width: 100%;
		height: auto
	}
}

.topmenu-openWrap .bgc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	background: linear-gradient(81deg, #4595ce 30%, #50bcda 60%, #aad4b8 100%);

}

.topmenu-openWrap .topmenuList {
	max-width: 1060px;
	margin: 28vh auto 0 52vh
}

@media print,
screen and (max-width: 99.99875em) {
	.topmenu-openWrap .topmenuList {
		max-width: 760px;
		margin: 24vh auto 0 25%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.topmenu-openWrap .topmenuList {
		margin: 85px auto 0;
	}
}

.topmenu-openWrap .topmenuList li {
	position: relative;
	margin-bottom: 56px
}

@media print,
screen and (max-width: 99.99875em) {
	.topmenu-openWrap .topmenuList li {
		margin-bottom: 35px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.topmenu-openWrap .topmenuList li {
		margin-bottom: 15px;
		border-bottom: 1px solid rgba(0, 0, 0, .2);
		padding-bottom: 15px;
		padding-left: 20px;
	}
}


.topmenu-openWrap .topmenuList li .en .text {
	display: inline-block;
	position: relative
}

.topmenu-openWrap .topmenuList li .en .text .text-en {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 48px;
	letter-spacing: 6px;
	color: #333333;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media print,
screen and (max-width: 99.99875em) {
	.topmenu-openWrap .topmenuList li .en .text .text-en {
		font-size: 48px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.topmenu-openWrap .topmenuList li .en .text .text-en {
		        font-size: 18px;
		        letter-spacing: 1px;
		        font-weight: 500;
	}
}

.topmenu-openWrap .topmenuList li .en .text .text-ch {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 700;
	font-size: 44px;
	letter-spacing: 2px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media print,
screen and (max-width: 99.99875em) {
	.topmenu-openWrap .topmenuList li .en .text .text-ch {
		font-size: 36px;
		letter-spacing: 2px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.topmenu-openWrap .topmenuList li .en .text .text-ch {
		font-size: 20px
	}
}

.topmenu-openWrap .topmenuList li .en .text .num {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #fff;
	position: absolute;
	right: -45px;
	top: -30px
}

@media print,
screen and (max-width: 99.99875em) {
	.topmenu-openWrap .topmenuList li .en .text .num {
		font-size: 24px;
		right: -40px;
		top: -15px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.topmenu-openWrap .topmenuList li .en .text .num {
		right: -25px;
		font-size: 16px
	}
}

.information {
	max-width: 1060px;
	margin: 0 auto 0 52vh;
	margin-top: 20px;
	z-index: 1
}

@media print,
screen and (max-width: 99.99875em) {
	.information {
		max-width: 760px;
		margin: 20px auto 0 25%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.information {
		margin: 10px auto 0;
		padding-left: 5vh
	}
}

.information .communityList li {
	margin-right: 15px
}

.information .communityList li:last-child {
	margin-right: 0
}

@media print,
screen and (max-width: 64.06125em) {
	.information .communityList li {
		margin-right: 10px
	}
	.information .communityList li:last-child {
		margin-right: 0
	}
	.information .communityList li img {
		height: 28px
	}
}

.information .copy {
	font-family: "Roboto", sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 100
}

@media print,
screen and (max-width: 64.06125em) {
	.information .copy {
		font-size: 12px
	}
}

.footerWrap-index {
	background: linear-gradient(81deg, #0f59e4 0%, #13328d 50%, #13328d 100%);
	padding: 210px 11.72% 110px;
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index {
		padding: 210px 6% 80px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.footerWrap-index {
		padding: 110px 20px 40px
	}
}

.footerWrap-index .stripe3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.footerWrap-index .stripe3 i {
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #fff
}

.footerWrap-index .logo-area {
	margin-bottom: 80px
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .logo-area {
		margin-bottom: 70px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.footerWrap-index .logo-area {
		margin-bottom: 50px
	}
}

.footerWrap-index .logo-area .logo {
	width: 28%
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .logo-area .logo img {
		width: 160px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.footerWrap-index .logo-area .logo {
		width: 100%
	}
	.footerWrap-index .logo-area .logo img {
		width: 120px
	}
}

.footerWrap-index .logo-area .footerList a {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 19px;
	color: #fff;
	margin-right: 90px
}

.footerWrap-index .logo-area .footerList a:last-child {
	margin-right: 0
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .logo-area .footerList a {
		font-size: 15px;
		margin-right: 50px
	}
	.footerWrap-index .logo-area .footerList a:last-child {
		margin-right: 0
	}
}

.footerWrap-index .info-container .share-area {
	width: 28%
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .share-area {
		margin-bottom: 30px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.footerWrap-index .info-container .share-area {
		width: 100%;
		margin-bottom: 0;
		margin-top: 60px
	}
}

.footerWrap-index .info-container .share-area .shareList a {
	margin-right: 20px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.footerWrap-index .info-container .share-area .shareList a:last-child {
	margin-right: 0
}

.footerWrap-index .info-container .share-area .shareList a:hover {
	opacity: .6
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .share-area .shareList a {
		margin-right: 12px
	}
	.footerWrap-index .info-container .share-area .shareList a img {
		height: 25px
	}
	.footerWrap-index .info-container .share-area .shareList a:last-child {
		margin-right: 0
	}
}

.footerWrap-index .info-container .share-area .copyright {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	margin-top: 24px
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .share-area .copyright {
		margin-top: 15px
	}
}

.footerWrap-index .info-container .shopList>li {
	margin-right: 80px
}

.footerWrap-index .info-container .shopList>li:last-child {
	margin-right: 0
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .shopList>li {
		max-width: 28%;
		margin-right: 50px
	}
	.footerWrap-index .info-container .shopList>li:last-child {
		margin-right: 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.footerWrap-index .info-container .shopList>li {
		max-width: initial;
		margin-right: 0;
		margin-bottom: 40px
	}
	.footerWrap-index .info-container .shopList>li:last-child {
		margin-right: 0
	}
	.footerWrap-index .info-container .shopList>li:last-child {
		margin-bottom: 0
	}
}

.footerWrap-index .info-container .shopList .title-area {
	max-width: 125px;
	margin-bottom: 26px
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .shopList .title-area {
		margin-bottom: 16px
	}
}

.footerWrap-index .info-container .shopList .title-area .en {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 19px;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	margin-bottom: 8px
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .shopList .title-area .en {
		font-size: 16px
	}
}

.footerWrap-index .info-container .shopList .title-area .city-area .city {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	color: #fff;
	border: 1px solid #fff;
	padding: 1px 5px 2px;
	margin-right: 8px
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .shopList .title-area .city-area .city {
		font-size: 13px
	}
}

.footerWrap-index .info-container .shopList .title-area .city-area .title {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 2px;
	color: #fff
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .shopList .title-area .city-area .title {
		font-size: 13px
	}
}

.footerWrap-index .info-container .shopList .infoList {
	border-left: 1px solid #fff;
	padding-left: 25px
}

.footerWrap-index .info-container .shopList .infoList>li {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #fff;
	list-style: upper-alpha;
	margin-bottom: 14px
}

.footerWrap-index .info-container .shopList .infoList>li:last-child {
	margin-bottom: 0
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .shopList .infoList>li {
		font-size: 12px;
		margin-bottom: 10px
	}
	.footerWrap-index .info-container .shopList .infoList>li:last-child {
		margin-bottom: 0
	}
}

.footerWrap-index .info-container .shopList .infoList .address-area .ch {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	color: #fff
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .shopList .infoList .address-area .ch {
		font-size: 12px;
		letter-spacing: 0
	}
}

.footerWrap-index .info-container .shopList .infoList .address-area .en {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
	margin-top: 5px
}

.footerWrap-index .info-container .shopList .infoList .phone {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #fff
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap-index .info-container .shopList .infoList .phone {
		font-size: 12px
	}
}

.footerWrap-index .info-container .shopList .infoList .email {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #fff
}



.footerWrap .stripe3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.footerWrap .stripe3 i {
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #fff
}



.footerWrap .logo-area .logo {
	width: 120px
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .logo-area .logo img {
		width: 160px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.footerWrap .logo-area .logo {
		width: 100%
	}
	.footerWrap .logo-area .logo img {
		width: 120px
	}
}

.footerWrap .logo-area .footerList a {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 19px;
	color: #002c82;
	margin-right: 90px
}

.footerWrap .logo-area .footerList a:last-child {
	margin-right: 0
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .logo-area .footerList a {
		font-size: 15px;
		margin-right: 50px
	}
	.footerWrap .logo-area .footerList a:last-child {
		margin-right: 0
	}
}

.footerWrap .info-container .share-area {
	width: 28%
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .info-container .share-area {
		margin-bottom: 30px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.footerWrap .info-container .share-area {
		width: 100%;
		margin-bottom: 0;
		margin-top: 60px
	}
}

.footerWrap .info-container .share-area .shareList a {
	margin-right: 20px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.footerWrap .info-container .share-area .shareList a:last-child {
	margin-right: 0
}

.footerWrap .info-container .share-area .shareList a:hover {
	opacity: .6
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .info-container .share-area .shareList a {
		margin-right: 12px
	}
	.footerWrap .info-container .share-area .shareList a img {
		height: 25px
	}
	.footerWrap .info-container .share-area .shareList a:last-child {
		margin-right: 0
	}
}

.footerWrap .info-container .share-area .copyright {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #002c82;
	margin-top: 24px
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .info-container .share-area .copyright {
		margin-top: 15px
	}
}

.footerWrap .info-container .shopList>li {
	margin-right: 80px
}

.footerWrap .info-container .shopList>li:last-child {
	margin-right: 0
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .info-container .shopList>li {
		max-width: 28%;
		margin-right: 50px
	}
	.footerWrap .info-container .shopList>li:last-child {
		margin-right: 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.footerWrap .info-container .shopList>li {
		max-width: initial;
		margin-right: 0;
		margin-bottom: 40px
	}
	.footerWrap .info-container .shopList>li:last-child {
		margin-right: 0
	}
	.footerWrap .info-container .shopList>li:last-child {
		margin-bottom: 0
	}
}


.footerWrap .info-container .shopList .title-area .city-area .city {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	color: #002c82;
	border: 1px solid #002c82;
	padding: 1px 5px 2px;
	margin-right: 8px
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .info-container .shopList .title-area .city-area .city {
		font-size: 13px
	}
}

.footerWrap .info-container .shopList .title-area .city-area .title {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 2px;
	color: #002c82
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .info-container .shopList .title-area .city-area .title {
		font-size: 13px
	}
}

.footerWrap .info-container .shopList .infoList {
	border-left: 1px solid #002c82;
	padding-left: 25px
}



@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .info-container .shopList .infoList .address-area .ch {
		font-size: 12px;
		letter-spacing: 0
	}
}

.footerWrap .info-container .shopList .infoList .address-area .en {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #002c82;
	margin-top: 5px
}

.footerWrap .info-container .shopList .infoList .phone {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #002c82
}

@media print,
screen and (max-width: 99.99875em) {
	.footerWrap .info-container .shopList .infoList .phone {
		font-size: 12px
	}
}

.footerWrap .info-container .shopList .infoList .email {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #002c82
}

.contactWrap {
	max-width: 1100px;
	margin: 350px auto
}

@media print,
screen and (max-width: 99.99875em) {
	.contactWrap {
		max-width: 800px;
		margin: 200px auto
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactWrap {
		padding: 0 40px;
		margin: 120px auto
	}
}

.contactWrap .btn-area {
	margin-top: 10px
}

.contactWrap .btn-area>.cell {
	position: relative
}

.contactWrap .btn-area .ajax-loading {
	display: none;
	position: absolute;
	top: 50%;
	left: -25px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.contactWrap .btn-area .submit {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, from(#012c81), color-stop(10.83%, #083585), color-stop(28.9%, #1b4f90), color-stop(47.93%, #34719e), to(#34719e));
	background: linear-gradient(90deg, #012c81 0%, #083585 10.83%, #1b4f90 28.9%, #34719e 47.93%, #34719e 100%);
	width: 350px;
	height: calc(350px * 60 / 350);
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.contactWrap .btn-area .submit:hover {
	opacity: .6
}

@media print,
screen and (max-width: 99.99875em) {
	.contactWrap .btn-area .submit {
		font-size: 18px;
		width: 270px;
		height: calc(270px * 60 / 350)
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactWrap .btn-area .submit {
		margin: 30px auto 0
	}
}

.contactWrap .btn-area .note {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.5;
	color: #3e3a39;
	padding: 10px
}

@media print,
screen and (max-width: 99.99875em) {
	.contactWrap .btn-area .note {
		font-size: 12px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactWrap .btn-area .note {
		padding: 0
	}
}

.contactForm .item {
	margin-bottom: 50px
}

.contactForm .item:last-child {
	margin-bottom: 0
}

@media print,
screen and (max-width: 99.99875em) {
	.contactForm .item {
		margin-bottom: 40px
	}
	.contactForm .item:last-child {
		margin-bottom: 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactForm .item {
		margin-bottom: 30px
	}
	.contactForm .item:last-child {
		margin-bottom: 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactForm .title-area {
		margin-bottom: 14px
	}
}

.contactForm .title-area .en {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 36px;
	color: #3e3a39;
	margin-bottom: 6px
}

@media print,
screen and (max-width: 99.99875em) {
	.contactForm .title-area .en {
		font-size: 27px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactForm .title-area .en {
		font-size: 20px
	}
}

.contactForm .title-area .ch {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 17px;
	letter-spacing: 4px;
	color: #012c81
}

@media print,
screen and (max-width: 99.99875em) {
	.contactForm .title-area .ch {
		font-size: 15px;
		letter-spacing: 3px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactForm .title-area .ch {
		font-size: 14px;
		letter-spacing: 1px
	}
}

.contactForm .field {
	position: relative
}

.contactForm .field input[type='text'].error,
.contactForm .field textarea.error {
	border: 1px solid #f00
}

.contactForm .field input[type='checkbox'].error+label:before {
	border: 1px solid #f00
}

.contactForm .field select.error {
	border: 1px solid #f00
}

.contactForm .field input[type='text'],
.contactForm .field textarea,
.contactForm .field select {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	color: #3e3a39;
	background-color: rgba(239, 237, 237, 0.38);
	border: none;
	padding: 12px 22px;
	width: 100%
}

@media print,
screen and (max-width: 99.99875em) {
	.contactForm .field input[type='text'],
	.contactForm .field textarea,
	.contactForm .field select {
		font-size: 18px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactForm .field input[type='text'],
	.contactForm .field textarea,
	.contactForm .field select {
		font-size: 16px;
		padding: 10px
	}
}

.contactForm .field textarea {
	height: 145px;
	resize: none
}

.contactForm .field .select-wrap {
	position: relative
}

.contactForm .field .select-wrap:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
	width: 39px;
	height: calc(39px * 9 / 39);
	background: url(../images/select-arrow.svg) center center/cover no-repeat
}

@media print,
screen and (max-width: 99.99875em) {
	.contactForm .field .select-wrap:after {
		width: 30px;
		height: calc(30px * 9 / 39)
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactForm .field .select-wrap:after {
		width: 25px;
		height: calc(25px * 9 / 39)
	}
}

.contactForm .field .select-wrap select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.contactForm .field .nessary {
	position: absolute;
	top: 50%;
	right: -30px;
	-webkit-transform: translate(100%, -50%);
	-ms-transform: translate(100%, -50%);
	transform: translate(100%, -50%)
}

@media print,
screen and (max-width: 99.99875em) {
	.contactForm .field .nessary {
		width: 18px;
		right: -23px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactForm .field .nessary {
		width: 16px;
		right: -12px
	}
}

.contactFinish {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 35px;
	line-height: 1.5;
	color: #231815;
	text-align: center
}

@media print,
screen and (max-width: 99.99875em) {
	.contactFinish {
		font-size: 25px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactFinish {
		font-size: 16px
	}
}

.features-bannerWrap {
	position: relative
}

.features-bannerWrap .banner {
	padding-top: 50%
}

@media print,
screen and (max-width: 64.06125em) {
	.features-bannerWrap .banner {
		padding-top: 80vh
	}
}

.features-bannerWrap .head-area {
	color: #5b5b5b;
	position: absolute;
	top: 32vh;
	left: 35vh
}

@media print,
screen and (max-width: 99.99875em) {
	.features-bannerWrap .head-area {
		left: 25vh
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-bannerWrap .head-area {
		top: 30%;
		left: 30px;
		bottom: auto
	}
}

.features-bannerWrap .head-area .head {
	font-family: "Roboto", sans-serif;
	color: #5b5b5b;
	font-size: 80px;
	font-weight: 300;
	margin-bottom: 18px
}

@media print,
screen and (max-width: 64.06125em) {
	.features-bannerWrap .head-area .head {
		margin-bottom: 8px;
		font-size: 54px
	}
}

.features-bannerWrap .head-area .intro {
	max-width: 330px
}

.features-bannerWrap .head-area .intro .ch {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	letter-spacing: 5px;
	font-size: 28px;
	margin-bottom: 22px
}

@media print,
screen and (max-width: 64.06125em) {
	.features-bannerWrap .head-area .intro .ch {
		font-size: 16px
	}
}

.features-bannerWrap .head-area .intro .en {
	font-family: "Roboto", sans-serif;
	line-height: 1.2;
	font-weight: 100;
	font-size: 18px
}

@media print,
screen and (max-width: 64.06125em) {
	.features-bannerWrap .head-area .intro .en {
		font-size: 14px
	}
}

.features-bannerWrap .stripe3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15%;
	pointer-events: none
}

.features-bannerWrap .stripe3 i {
	display: block;
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 20px;
	left: 0;
	background: linear-gradient(81deg, #4095d1 25%, #4abddd 65%, #aad6b8 100%)
}

.features-professionalWrap {
	background: linear-gradient(81deg, #4095d1 25%, #4abddd 65%, #aad6b8 100%);
	padding-top: 120px
}

.features-professionalWrap .article-container {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 250px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-professionalWrap .article-container {
		padding-bottom: 100px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-professionalWrap .article-container {
		padding-bottom: 50px
	}
}

.features-professionalWrap .article-container .article-area {
	position: relative
}

.features-professionalWrap .article-container .article-area .title {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 66px;
	line-height: 1.2;
	color: #fff;
	padding-left: 12%;
	letter-spacing: 3px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-professionalWrap .article-container .article-area .title {
		font-size: 43px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-professionalWrap .article-container .article-area .title {
		font-size: 28px;
		padding-left: 30px
	}
}

.features-professionalWrap .article-container .article-area .note-area {
	position: relative;
	margin-top: 12px;
	background: #fff;
	padding: 15px 0 15px 14%;
	max-width: 26%
}

@media print,
screen and (max-width: 99.99875em) {
	.features-professionalWrap .article-container .article-area .note-area {
		padding: 10px 0 10px 24%;
		max-width: 35%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-professionalWrap .article-container .article-area .note-area {
		max-width: 48%;
		padding: 4px 0 4px 30px
	}
}

.features-professionalWrap .article-container .article-area .note-area .stripe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.features-professionalWrap .article-container .article-area .note-area .stripe i {
	display: block;
	width: 18px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 20px;
	background-color: #4095d1
}

.features-professionalWrap .article-container .article-area .note-area .note {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 8px;
	color: #000;
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.features-professionalWrap .article-container .article-area .note-area .note {
		font-size: 22px;
		letter-spacing: 5px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-professionalWrap .article-container .article-area .note-area .note {
		font-size: 13px;
		letter-spacing: 1px
	}
}

.features-professionalWrap .article-container .article-area .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.5;
	color: #fff;
	margin-top: 22px;
	padding-left: 12%;
	max-width: 45%
}

@media print,
screen and (max-width: 99.99875em) {
	.features-professionalWrap .article-container .article-area .content {
		font-size: 14px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-professionalWrap .article-container .article-area .content {
		font-size: 12px;
		padding-left: 30px;
		margin-top: 12px
	}
}

.professionalList.features-2 article {
	margin-bottom: 150px
}

.professionalList.features-2 article:last-child {
	margin-bottom: 0
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList.features-2 article {
		margin-bottom: 80px
	}
	.professionalList.features-2 article:last-child {
		margin-bottom: 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList.features-2 article {
		margin-bottom: 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList.features-2 article .down {
		margin: 10px auto
	}
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList.features-2 article .pic-area {
		max-width: 50%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList.features-2 article .pic-area {
		max-width: 100%
	}
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList.features-2 article .pic-area video {
		width: 100%
	}
}

.professionalList.features-2 article .pic-area .title-area {
	position: absolute;
	top: 50%;
	left: -12%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	z-index: 1
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList.features-2 article .pic-area .title-area {
		left: -20%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList.features-2 article .pic-area .title-area {
		position: relative;
		top: 5%;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		padding-left: 7vh
	}
}

.professionalList.features-2 article .pic-area .title-area .text-area {
	margin-bottom: 10px
}

.professionalList.features-2 article .pic-area .title-area .text-area:last-child {
	margin-bottom: 0
}

.professionalList.features-2 article .pic-area .title-area .text-area .en {
	font-size: 26px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList.features-2 article .pic-area .title-area .text-area .en {
		font-size: 22px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList.features-2 article .pic-area .title-area .text-area .en {
		font-size: 18px
	}
}

.professionalList.features-2 article .pic-area .title-area .text-area .ch {
	font-weight: 700;
	color: #fff;
	font-size: 36px;
	margin-bottom: 8px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList.features-2 article .pic-area .title-area .text-area .ch {
		font-size: 34px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList.features-2 article .pic-area .title-area .text-area .ch {
		font-size: 30px
	}
}

.professionalList.features-2 article .pic-area .title-area .content {
	font-size: 18px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList.features-2 article .pic-area .title-area .content {
		margin-top: 10px;
		font-size: 12px
	}
}

.professionalList article {
	overflow: hidden;
	padding: 20px 0
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article {
		padding: 50px 0
	}
}

.professionalList article:last-child {
	margin-bottom: 0;
	padding: 20px 0 120px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article:last-child {
		padding: 50px 0 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article:last-child {
		padding: 20px 0 0
	}
}

.professionalList article:nth-child(2) .head-area {
	position: relative;
	padding-left: 7%;
	padding-right: 15%
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article:nth-child(2) .head-area {
		padding-left: 0%;
		padding-right: 1%
	}
}

.professionalList article:nth-child(2) .head-area .deco {
	position: absolute;
	width: 100%;
	left: -210px;
	top: 540px
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article:nth-child(2) .head-area .deco {
		left: 160px;
		top: -400px
	}
	.professionalList article:nth-child(2) .head-area .deco img {
		width: 200px
	}
}

.professionalList article:nth-child(2) .pic-area {
	text-align: right
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article:nth-child(2) .pic-area {
		max-width: 50%;
		margin: 0 auto
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article:nth-child(2) .pic-area {
		max-width: 100%;
		padding-left: 0
	}
}

.professionalList article:nth-child(2) .pic-area .plus-1 {
	left: 160px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article:nth-child(2) .pic-area .plus-1 {
		left: -150px
	}
}

.professionalList article:nth-child(2) .pic-area .plus-2 {
	left: 160px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article:nth-child(2) .pic-area .plus-2 {
		left: -150px
	}
}

.professionalList article:nth-child(2) .pic-area .title-area {
	text-align: left;
	left: 14%
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article:nth-child(2) .pic-area .title-area {
		left: -16%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article:nth-child(2) .pic-area .title-area {
		left: 0
	}
}

.professionalList article:nth-child(3) .head-area .deco {
	left: 200px;
	top: 100px;
	z-index: 1
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article:nth-child(3) .head-area .deco {
		left: 140px;
		top: 30px;
		width: 220px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article:nth-child(3) .head-area .deco {
		left: 190px;
		top: -20px;
		width: 160px
	}
}

.professionalList article .head-area {
	position: relative;
	padding-left: 26%;
	padding-right: 16%
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .head-area {
		padding-right: 20%
	}
}

.professionalList article .head-area .deco {
	position: absolute;
	left: 230px;
	top: 250px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .head-area .deco {
		left: 200px;
		top: 100px;
		width: 180px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article .head-area .deco {
		top: 30px;
		width: 120px
	}
}

.professionalList article .pic-area {
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area {
		max-width: 45%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article .pic-area {
		max-width: 100%
	}
	.professionalList article .pic-area video {
		width: 100%
	}
}

.professionalList article .pic-area .stripe4 {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.professionalList article .pic-area .stripe4 i {
	display: block;
	width: 14px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 20px;
	background-color: #0f59e4
}

.professionalList article .pic-area .stripe4.two i {
	background-color: #1148bf
}

.professionalList article .pic-area .plus-1 {
	position: absolute;
	left: -150px;
	top: -25px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area .plus-1 {
		top: -45px
	}
}

.professionalList article .pic-area .plus-2 {
	position: absolute;
	left: -150px;
	bottom: -25px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area .plus-2 {
		bottom: -45px
	}
}

.professionalList article .pic-area .title-area {
	position: absolute;
	top: 50%;
	left: -12%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	z-index: 1
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area .title-area {
		left: -20%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article .pic-area .title-area {
		position: relative;
		top: 5%;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		padding-left: 7vh
	}
}

.professionalList article .pic-area .title-area .num {
	font-family: "Roboto", sans-serif;
	color: #fff;
	font-size: 180px;
	font-weight: 100
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area .title-area .num {
		font-size: 110px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article .pic-area .title-area .num {
		font-size: 100px
	}
}

.professionalList article .pic-area .title-area .text-area {
	margin-bottom: 10px
}

.professionalList article .pic-area .title-area .text-area:last-child {
	margin-bottom: 0
}

.professionalList article .pic-area .title-area .text-area .en {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 36px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area .title-area .text-area .en {
		font-size: 28px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article .pic-area .title-area .text-area .en {
		font-size: 20px
	}
}

.professionalList article .pic-area .title-area .text-area .ch {
	font-family: "メイリオ", Meiryo, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	color: #7dcada;
	font-size: 24px;
	letter-spacing: 3px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area .title-area .text-area .ch {
		font-size: 20px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article .pic-area .title-area .text-area .ch {
		font-size: 18px
	}
}

.professionalList article .pic-area .title-area .content {
	margin-top: 30px;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	line-height: 1.5;
	font-size: 18px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area .title-area .content {
		margin-top: 10px;
		font-size: 12px
	}
}

.professionalList article .pic-area .title-area .icon {
	position: absolute;
	left: 50%;
	bottom: -50%;
	width: 120px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList article .pic-area .title-area .icon {
		left: 5%;
		bottom: -55%;
		width: 90px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article .pic-area .title-area .icon {
		left: 10%;
		width: 80px
	}
}

.professionalList article .pic-area .pic {
	-webkit-mask: url(../images/papa.svg) center right/contain no-repeat;
	mask: url(../images/papa.svg) center right/contain no-repeat
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList article .pic-area .pic {
		padding-left: 10vh
	}
}

.professionalList article .pic-area .pic video {
	max-width: 960px
}

.professionalList article .down {
	width: 100%;
	text-align: center;
	margin: 50px auto
}

.professionalList-2 article {
	position: relative;
	padding: 20px 0;
	overflow: hidden;
	padding-bottom: 300px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article {
		padding: 50px 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article {
		padding-bottom: 230px;
		padding: 20px 0
	}
}

.professionalList-2 article:nth-child(1) {
	padding-bottom: 0
}

.professionalList-2 article:nth-child(1) .head-area {
	position: relative;
	padding-left: 28%
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article:nth-child(1) .head-area {
		padding-left: 15%
	}
}

.professionalList-2 article:nth-child(1) .head-area .deco {
	position: absolute;
	width: 100%;
	left: 20px;
	top: 500px
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article:nth-child(1) .head-area .deco {
		width: 130px;
		left: 10px;
		top: 450px
	}
}

.professionalList-2 article:nth-child(1) .pic-area {
	text-align: right
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article:nth-child(1) .pic-area {
		max-width: 55%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article:nth-child(1) .pic-area {
		max-width: 100%
	}
}

.professionalList-2 article:nth-child(1) .pic-area .plus-1 {
	left: -180px
}

.professionalList-2 article:nth-child(1) .pic-area .plus-2 {
	left: -180px
}

.professionalList-2 article:nth-child(1) .pic-area .title-area {
	text-align: left;
	left: -14%
}

.professionalList-2 article:last-child {
	padding-bottom: 150px
}

.professionalList-2 article .head-area {
	position: relative
}

.professionalList-2 article .head-area .deco {
	position: absolute;
	width: 100%;
	left: 110px;
	top: 330px
}

.professionalList-2 article .pic-area {
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .pic-area {
		max-width: 55%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article .pic-area {
		max-width: 100%
	}
	.professionalList-2 article .pic-area video {
		width: 100%
	}
}

.professionalList-2 article .pic-area .plus-1 {
	position: absolute;
	left: -180px;
	top: -25px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .pic-area .plus-1 {
		top: -45px
	}
}

.professionalList-2 article .pic-area .plus-2 {
	position: absolute;
	left: -180px;
	bottom: -25px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .pic-area .plus-2 {
		bottom: -45px
	}
}

.professionalList-2 article .pic-area .title-area {
	position: absolute;
	top: 50%;
	left: -12%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #3e3a39;
	z-index: 1
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .pic-area .title-area {
		left: -18%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article .pic-area .title-area {
		position: initial;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		padding-left: 7vh;
		margin-bottom: 50px
	}
}

.professionalList-2 article .pic-area .title-area .num {
	font-family: "Roboto", sans-serif;
	color: #3e3a39;
	font-size: 180px;
	font-weight: 100
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .pic-area .title-area .num {
		font-size: 110px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article .pic-area .title-area .num {
		font-size: 100px
	}
}

.professionalList-2 article .pic-area .title-area .text-area {
	margin-bottom: 10px
}

.professionalList-2 article .pic-area .title-area .text-area:last-child {
	margin-bottom: 0
}

.professionalList-2 article .pic-area .title-area .text-area .en {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 36px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .pic-area .title-area .text-area .en {
		font-size: 28px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article .pic-area .title-area .text-area .en {
		font-size: 20px
	}
}

.professionalList-2 article .pic-area .title-area .text-area .ch {
	font-family: "メイリオ", Meiryo, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	color: #7dcada;
	font-size: 24px;
	letter-spacing: 3px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .pic-area .title-area .text-area .ch {
		font-size: 20px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article .pic-area .title-area .text-area .ch {
		font-size: 18px
	}
}

.professionalList-2 article .pic-area .title-area .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	line-height: 1.5;
	font-size: 18px;
	background: rgba(255, 255, 255, 0.4);
	padding: 6px 2px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .pic-area .title-area .content {
		margin-top: 10px;
		font-size: 12px
	}
}

.professionalList-2 article .pic-area .pic {
	-webkit-mask: url(../images/papa.svg) center right/contain no-repeat;
	mask: url(../images/papa.svg) center right/contain no-repeat
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article .pic-area .pic {
		padding-left: 10vh
	}
}

.professionalList-2 article .pic-area .pic video {
	width: 100%
}

.professionalList-2 article .deco {
	position: absolute;
	right: 6%;
	bottom: 0
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-2 article .deco {
		right: 3%;
		bottom: 20px;
		width: 220px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-2 article .deco {
		right: 5%;
		bottom: 0;
		width: 150px
	}
}

.professionalList-2 article .down {
	width: 100%;
	text-align: center;
	margin: 50px auto
}

.professionalList-slider .slick-slide {
	padding: 50px 0
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-slider .slick-slide {
		padding-top: 0
	}
}

.professionalList-slider .slick-slide .pic {
	-webkit-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	transform: translateX(-20%)
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-slider .slick-slide .pic {
		-webkit-transform: translateX(10%);
		-ms-transform: translateX(10%);
		transform: translateX(10%);
		overflow: hidden
	}
}

.professionalList-slider .slick-slide .content {
	max-width: 440px
}

.professionalList-slider .slick-dots {
	position: absolute;
	left: 14%;
	bottom: 50px
}

@media print,
screen and (max-width: 99.99875em) {
	.professionalList-slider .slick-dots {
		left: 17%;
		bottom: 100px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-slider .slick-dots {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 20px
	}
}

.professionalList-slider .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	cursor: pointer
}

.professionalList-slider .slick-dots li.slick-active span {
	background: #fff
}

.professionalList-slider .slick-dots li span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 50%
}

.b-down {
	margin: 150px auto;
	text-align: center
}

.features-windinginWrap {
	margin-top: -250px
}

@media print,
screen and (max-width: 64.06125em) {
	.features-windinginWrap {
		margin-top: 0
	}
}

.features-windinginWrap .head {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	max-width: 1600px;
	margin: 0 auto;
	padding-bottom: 100px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-windinginWrap .head {
		max-width: 1040px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-windinginWrap .head {
		padding: 0 60px;
		padding-bottom: 40px
	}
}

.features-windinginWrap .head .title {
	margin-right: 50px
}

.features-windinginWrap .head .title .num {
	font-size: 100px
}

.features-windinginWrap .head .title .en {
	font-size: 48px;
	line-height: 1.2
}

@media print,
screen and (max-width: 99.99875em) {
	.features-windinginWrap .head .title .en {
		font-size: 42px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-windinginWrap .head .title .en {
		font-size: 30px
	}
}

.features-windinginWrap .head .content-area .ch {
	margin-bottom: 10px;
	color: #7dcada;
	font-size: 34px;
	letter-spacing: 2px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-windinginWrap .head .content-area .ch {
		font-size: 28px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-windinginWrap .head .content-area .ch {
		font-size: 20px;
		margin-top: 10px
	}
}

.features-windinginWrap .head .content-area .content {
	line-height: 1.3
}

@media print,
screen and (max-width: 99.99875em) {
	.features-windinginWrap .head .content-area .content {
		font-size: 14px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-windinginWrap .head .content-area .content {
		font-size: 12px
	}
}

.windinginList li {
	position: relative;
	max-width: 49.9%;
	margin-bottom: 3px;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li {
		max-width: 100%;
		margin-bottom: 0
	}
}

.windinginList li:hover .pic-area {
	border-radius: 20px
}

.windinginList li:hover .pic-area .pic {
	opacity: 1
}

.windinginList li:hover .pic-area .pic img {
	border-radius: 50px
}

.windinginList li:hover .pic-area .block {
	opacity: 0;
	border-radius: 50px
}

.windinginList li:hover .arrow {
	opacity: 0
}

.windinginList li:hover .deco {
	opacity: 0;
	pointer-events: none
}

.windinginList li:hover .play {
	opacity: 1;
	pointer-events: inherit
}

.windinginList li:hover .head-area {
	opacity: 0;
	pointer-events: none
}

.windinginList li .pic-area {
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s
}

.windinginList li .pic-area .pic {
	z-index: -1;
	opacity: 0.7;
	-webkit-transition: all .3s;
	transition: all .3s
}

.windinginList li .pic-area .pic video {
	width: 100%
}

.windinginList li .pic-area .block {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(23, 49, 113, 0.7)), color-stop(80%, #336d9a), to(rgba(51, 109, 154, 0.5)));
	background: linear-gradient(90deg, rgba(23, 49, 113, 0.7) 30%, #336d9a 80%, rgba(51, 109, 154, 0.5) 100%);
	opacity: 0.7;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none
}

.windinginList li .arrow {
	position: absolute;
	right: 40px;
	top: 40px;
	z-index: 1;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media print,
screen and (max-width: 99.99875em) {
	.windinginList li .arrow {
		right: 30px;
		top: 30px;
		width: 50px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li .arrow {
		display: none
	}
}

.windinginList li .deco {
	position: absolute;
	top: 25%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .3s;
	transition: all .3s
}

@media print,
screen and (max-width: 99.99875em) {
	.windinginList li .deco img {
		height: 120px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li .deco {
		display: none
	}
}

.windinginList li .play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	pointer-events: none
}

@media print,
screen and (max-width: 99.99875em) {
	.windinginList li .play {
		width: 120px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li .play {
		width: 90px
	}
}

.windinginList li .play:hover {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1)
}

.windinginList li .head-area {
	position: absolute;
	left: 60px;
	bottom: 80px;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media print,
screen and (max-width: 99.99875em) {
	.windinginList li .head-area {
		left: 40px;
		bottom: 30px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li .head-area {
		left: 40px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		bottom: 0
	}
}

.windinginList li .head-area .intro {
	min-width: 400px;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif
}

@media print,
screen and (max-width: 99.99875em) {
	.windinginList li .head-area .intro {
		min-width: 300px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li .head-area .intro {
		min-width: auto
	}
}

.windinginList li .head-area .intro .title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 15px
}

@media print,
screen and (max-width: 99.99875em) {
	.windinginList li .head-area .intro .title {
		font-size: 24px;
		margin-bottom: 10px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li .head-area .intro .title {
		font-size: 20px
	}
}

.windinginList li .head-area .intro .en {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #fff
}

@media print,
screen and (max-width: 99.99875em) {
	.windinginList li .head-area .intro .en {
		font-size: 22px;
		padding-bottom: 10px;
		margin-bottom: 10px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li .head-area .intro .en {
		font-size: 18px;
		width: 210px
	}
}

.windinginList li .head-area .intro .content {
	font-size: 20px
}

@media print,
screen and (max-width: 99.99875em) {
	.windinginList li .head-area .intro .content {
		font-size: 16px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.windinginList li .head-area .intro .content {
		font-size: 12px
	}
}

.productWrap {
	max-width: 1550px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 150px
}

@media print,
screen and (max-width: 99.99875em) {
	.productWrap {
		max-width: 1040px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap {
		padding-bottom: 40px
	}
}

.productWrap .head-area {
	margin-bottom: 170px;
	color: #7dcada;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap .head-area {
		padding: 0 40px;
		margin-bottom: 80px
	}
}

.productWrap .head-area .title {
	font-size: 70px;
	margin-bottom: 10px;
	font-weight: 700
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap .head-area .title {
		font-size: 44px
	}
}

.productWrap .head-area .content {
	font-size: 30px
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap .head-area .content {
		font-size: 22px
	}
}

.productWrap .productList {
	padding: 0 15%
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap .productList {
		padding: 0 10%
	}
}

.productWrap .productList li {
	text-align: center;
	margin-bottom: 120px
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap .productList li {
		width: 50%;
		margin-bottom: 100px
	}
}

.productWrap .productList li .pic {
	margin-bottom: 50px
}

@media print,
screen and (max-width: 99.99875em) {
	.productWrap .productList li .pic {
		margin-bottom: 36px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap .productList li .pic {
		margin-bottom: 30px
	}
}

.productWrap .productList li .pic img {
	height: 100px
}

@media print,
screen and (max-width: 99.99875em) {
	.productWrap .productList li .pic img {
		height: 80px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap .productList li .pic img {
		height: 72px
	}
}

.productWrap .productList li .title {
	font-size: 30px;
	font-weight: 700;
	color: #5568af
}

@media print,
screen and (max-width: 99.99875em) {
	.productWrap .productList li .title {
		font-size: 26px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.productWrap .productList li .title {
		font-size: 22px
	}
}

.speciallyWrap {
	position: relative
}

.speciallyWrap .stripe3 {
	position: absolute;
	bottom: -10%;
	left: 0;
	width: 100%;
	height: 0;
	pointer-events: none
}

.speciallyWrap .stripe3 i {
	display: block;
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 20px;
	left: 0;
	background: #fff
}

.speciallyWrap>.cell {
	position: relative;
	max-width: 49.9%
}

@media print,
screen and (max-width: 64.06125em) {
	.speciallyWrap>.cell {
		max-width: 100%
	}
}

.speciallyWrap>.cell:hover .pic-area .block {
	background-position-x: 100%
}

.speciallyWrap .pic-area {
	position: relative
}

.speciallyWrap .pic-area .block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(40%, #3490bf), color-stop(70%, #50bad8), to(#a8d2b6));
	background: linear-gradient(90deg, #3490bf 40%, #50bad8 70%, #a8d2b6 100%);
	background-size: 200% 100%;
	background-position-x: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	opacity: 0.6
}

.speciallyWrap .head-area {
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center
}

.speciallyWrap .head-area .title {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 70px;
	margin-bottom: 10px;
	letter-spacing: 4px;
	font-weight: 300
}

@media print,
screen and (max-width: 99.99875em) {
	.speciallyWrap .head-area .title {
		font-size: 60px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.speciallyWrap .head-area .title {
		font-size: 30px
	}
}

.speciallyWrap .head-area .ch {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 40px;
	margin: 20px auto
}

@media print,
screen and (max-width: 99.99875em) {
	.speciallyWrap .head-area .ch {
		font-size: 32px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.speciallyWrap .head-area .ch {
		margin: 12px auto;
		font-size: 22px
	}
}

.speciallyWrap .head-area .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	max-width: 420px;
	line-height: 1.5
}

@media print,
screen and (max-width: 99.99875em) {
	.speciallyWrap .head-area .content {
		font-size: 16px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.speciallyWrap .head-area .content {
		font-size: 14px
	}
}

.features-2-professionalWrap {
	background: linear-gradient(81deg, #4095d1 25%, #4abddd 65%, #aad6b8 100%);
	padding-top: 120px
}

.features-2-professionalWrap .article-container {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 250px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-professionalWrap .article-container {
		padding-bottom: 150px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-professionalWrap .article-container {
		padding-bottom: 0
	}
}

.features-2-professionalWrap .article-container .article-area {
	position: relative
}

.features-2-professionalWrap .article-container .article-area .title {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 66px;
	line-height: 1.2;
	color: #5b5b5b;
	padding-left: 12%;
	letter-spacing: 3px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-professionalWrap .article-container .article-area .title {
		font-size: 43px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-professionalWrap .article-container .article-area .title {
		font-size: 30px;
		padding-left: 30px
	}
}

.features-2-professionalWrap .article-container .article-area .note-area {
	position: relative;
	margin-top: 12px;
	background: #fff;
	padding: 15px 0 15px 14%;
	max-width: 26%
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-professionalWrap .article-container .article-area .note-area {
		padding: 10px 0 10px 15%;
		max-width: 28%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-professionalWrap .article-container .article-area .note-area {
		padding: 8px 20px 8px 30px;
		max-width: 50%
	}
}

.features-2-professionalWrap .article-container .article-area .note-area .stripe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.features-2-professionalWrap .article-container .article-area .note-area .stripe i {
	display: block;
	width: 18px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 20px;
	background-color: #4095d1
}

.features-2-professionalWrap .article-container .article-area .note-area .note {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 8px;
	color: #000;
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-professionalWrap .article-container .article-area .note-area .note {
		font-size: 22px;
		letter-spacing: 5px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-professionalWrap .article-container .article-area .note-area .note {
		font-size: 16px;
		letter-spacing: 1px;
		text-align: right
	}
}

.features-2-professionalWrap .article-container .article-area .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.5;
	color: #5b5b5b;
	padding-left: 12%;
	max-width: 45%;
	margin-top: 22px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-professionalWrap .article-container .article-area .content {
		font-size: 14px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-professionalWrap .article-container .article-area .content {
		font-size: 12px;
		padding-left: 30px;
		margin-top: 12px
	}
}

.features-2-professionalWrap .article-container .pcrList {
	position: absolute;
	left: 50%;
	top: 0
}

.features-2-professionalWrap .article-container .pcrList li {
	margin-right: 40px
}

.features-2-professionalWrap .article-container .pcrList li:last-child {
	margin-right: 0
}

.professionalList-features-2 article {
	overflow: hidden;
	padding: 20px 0;
	padding-left: 20%;
	margin-bottom: 150px
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-features-2 article {
		padding-left: 0;
		margin-bottom: 50px
	}
}

.professionalList-features-2 article:last-child {
	margin-bottom: 0
}

.professionalList-features-2 article:nth-child(2) {
	padding-left: 40%
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-features-2 article:nth-child(2) {
		padding-left: 0
	}
}

.professionalList-features-2 article .head-area {
	position: relative;
	padding-left: 26%;
	padding-right: 16%
}

.professionalList-features-2 article .head-area .deco {
	position: absolute;
	width: 100%;
	left: -80px;
	top: 80px
}

.professionalList-features-2 article .pic-area {
	position: relative
}

.professionalList-features-2 article .pic-area .stripe4 {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.professionalList-features-2 article .pic-area .stripe4 i {
	display: block;
	width: 14px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 20px;
	background-color: #0f59e4
}

.professionalList-features-2 article .pic-area .stripe4.two i {
	background-color: #1148bf
}

.professionalList-features-2 article .pic-area .plus-1 {
	position: absolute;
	left: -200px;
	top: -25px
}

.professionalList-features-2 article .pic-area .plus-2 {
	position: absolute;
	left: -200px;
	bottom: -25px
}

.professionalList-features-2 article .pic-area .title-area {
	position: absolute;
	top: 50%;
	left: -15%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	z-index: 1
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-features-2 article .pic-area .title-area {
		position: initial;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		padding-left: 7vh;
		margin-bottom: 50px
	}
}

.professionalList-features-2 article .pic-area .title-area .num {
	margin-bottom: 20px
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-features-2 article .pic-area .title-area .num img {
		width: 150px
	}
}

.professionalList-features-2 article .pic-area .title-area .en {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	line-height: 1.5;
	margin-bottom: 20px;
	font-size: 24px
}

.professionalList-features-2 article .pic-area .title-area .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	line-height: 1.5;
	font-size: 14px
}

.professionalList-features-2 article .pic-area .pic {
	-webkit-mask: url(../images/papa.svg) center right/contain no-repeat;
	mask: url(../images/papa.svg) center right/contain no-repeat
}

@media print,
screen and (max-width: 64.06125em) {
	.professionalList-features-2 article .pic-area .pic {
		padding-left: 10vh
	}
}

.professionalList-features-2 article .down {
	width: 100%;
	text-align: center;
	margin: 50px auto
}

.features-2-five {
	max-width: 1420px;
	margin: 0 auto;
	padding-top: 120px;
	padding-bottom: 100px
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-five {
		padding: 80px 10vh 80px
	}
}

.features-2-five .head-area {
	color: #fff;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-five .head-area {
		padding-left: 40px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-five .head-area {
		padding-left: 0
	}
}

.features-2-five .head-area .title {
	color: #7ed9e9;
	font-weight: 700;
	font-size: 80px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-five .head-area .title {
		font-size: 62px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-five .head-area .title {
		font-size: 42px
	}
}

.features-2-five .head-area .en {
	margin: 20px auto;
	font-size: 28px
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-five .head-area .en {
		font-size: 18px
	}
}

.features-2-five .head-area .content-area .ch {
	font-size: 20px;
	margin-bottom: 4px
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-five .head-area .content-area .ch {
		font-size: 14px
	}
}

.features-2-five .head-area .content-area .content {
	font-size: 12px
}

.features-2-fiveList {
	margin-left: -250px;
	overflow: hidden
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveList {
		margin-left: -120px;
		overflow-x: hidden
	}
}

.features-2-fiveList li {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	position: relative;
	max-width: 670px;
	margin-bottom: -170px
}

.features-2-fiveList li:last-child {
	margin-bottom: 0
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveList li {
		max-width: 300px;
		margin-bottom: -60px
	}
	.features-2-fiveList li:last-child {
		margin-bottom: 0
	}
}

.features-2-fiveList li:nth-child(1) {
	z-index: 5
}

.features-2-fiveList li:nth-child(2) {
	z-index: 4
}

.features-2-fiveList li:nth-child(3) {
	z-index: 3
}

.features-2-fiveList li:nth-child(4) {
	z-index: 2
}

.features-2-fiveList li:nth-child(5) {
	z-index: 1
}

.features-2-fiveList li.peList-1,
.features-2-fiveList li.peList-2,
.features-2-fiveList li.peList-3,
.features-2-fiveList li.peList-4,
.features-2-fiveList li.peList-5,
.features-2-fiveList li.peList-6 {
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in
}

.features-2-fiveList li.peList-1.is-show,
.features-2-fiveList li.peList-2.is-show,
.features-2-fiveList li.peList-3.is-show,
.features-2-fiveList li.peList-4.is-show,
.features-2-fiveList li.peList-5.is-show,
.features-2-fiveList li.peList-6.is-show {
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px)
}

.features-2-fiveList li .line:before {
	content: "";
	position: absolute;
	background-color: #fff;
	width: 120px;
	height: 1px;
	top: 55px;
	right: -95px;
	-webkit-transform: rotate(-16deg);
	-ms-transform: rotate(-16deg);
	transform: rotate(-16deg)
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveList li .line:before {
		width: 60px;
		height: 1px;
		top: 24px;
		right: -47px
	}
}

.features-2-fiveList li .head-area {
	position: absolute;
	right: -22%;
	top: 12px;
	color: #fff
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveList li .head-area {
		right: -22%;
		top: 0
	}
}

.features-2-fiveList li .head-area .en {
	width: 180px
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveList li .head-area .en {
		font-size: 12px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveList li .head-area .ch {
		font-size: 12px;
		margin-bottom: 10px
	}
}

.features-2-fiveList li .head-area .ch span {
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 4px 12px
}

.features-2-fiveList li .head-area .num span {
	font-size: 22px;
	background-color: #0068b6;
	width: 38px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	color: #fff;
	border-radius: 50%
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveList li .head-area .num span {
		width: 30px;
		height: 30px;
		line-height: 26px
	}
}

.features-2-fiveTable {
	max-width: 1424px;
	margin: 0 auto;
	padding-bottom: 250px;
	margin-top: -120px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-fiveTable {
		padding: 0 12vh 250px;
		margin-top: -70px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveTable {
		margin-top: 0;
		padding-bottom: 150px;
		overflow-x: auto
	}
}

.features-2-fiveTable table {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	color: #fff
}

.features-2-fiveTable table .pe-1,
.features-2-fiveTable table .pe-2,
.features-2-fiveTable table .pe-3,
.features-2-fiveTable table .pe-4,
.features-2-fiveTable table .pe-5,
.features-2-fiveTable table .pe-6 {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.features-2-fiveTable table .pe-1.is-show,
.features-2-fiveTable table .pe-2.is-show,
.features-2-fiveTable table .pe-3.is-show,
.features-2-fiveTable table .pe-4.is-show,
.features-2-fiveTable table .pe-5.is-show,
.features-2-fiveTable table .pe-6.is-show {
	position: relative;
	background-color: #5bc2d7
}

.features-2-fiveTable table tr {
	-webkit-transition: all .3s;
	transition: all .3s
}

.features-2-fiveTable table tr.is-show {
	background: linear-gradient(81deg, rgba(0, 149, 255, 0.7) 25%, rgba(74, 189, 221, 0.7) 65%, rgba(170, 214, 184, 0.5) 100%)
}

.features-2-fiveTable table tr td {
	text-align: center;
	padding: 8px 8px;
	border: 1px solid #fff;
	width: 204px;
	height: 82px;
	vertical-align: middle;
	font-weight: 100;
	letter-spacing: 1px;
	line-height: 1.5;
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-fiveTable table tr td {
		width: 174px;
		height: 72px
	}
}

.features-2-fiveTable table tr td .ch {
	font-size: 20px;
	margin-bottom: 4px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-fiveTable table tr td .ch {
		font-size: 16px
	}
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-fiveTable table tr td .en {
		font-size: 14px
	}
}

.features-2-fiveTable table tr td .num {
	position: absolute;
	left: -60px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 22px;
	background-color: #0068b6;
	width: 38px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	color: #fff;
	border-radius: 50%
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveTable table tr td .num {
		width: 30px;
		height: 30px;
		line-height: 26px
	}
}

.features-2-fiveTable table tr .title {
	height: 120px
}

.features-2-fiveTable table tr .maru {
	font-size: 20px;
	position: relative;
	letter-spacing: 5px
}

@media print,
screen and (max-width: 99.99875em) {
	.features-2-fiveTable table tr .maru {
		font-size: 16px
	}
}

.features-2-fiveTable table tr .maru.fo:before {
	content: "";
	position: absolute;
	background-color: #fff;
	width: 107%;
	height: 1px;
	top: 50%;
	left: -7px;
	-webkit-transform: rotate(-22deg);
	-ms-transform: rotate(-22deg);
	transform: rotate(-22deg)
}

@media print,
screen and (max-width: 64.06125em) {
	.features-2-fiveTable table tr .maru.fo:before {
		width: 117%;
		left: -12px;
		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
}

.contact-bannerWrap {
	background: linear-gradient(81deg, #052f80 20%, #37729e 65%, #37729e 100%)
}

.contact-bannerWrap .banner {
	padding-top: 50%
}

@media print,
screen and (max-width: 64.06125em) {
	.contact-bannerWrap .banner {
		padding-top: 80vh
	}
}

.contact-bannerWrap .head-area {
	color: #5b5b5b;
	position: absolute;
	bottom: 35vh;
	left: 15vh
}

@media print,
screen and (max-width: 64.06125em) {
	.contact-bannerWrap .head-area {
		top: 30%;
		left: 30px
	}
}

.contact-bannerWrap .head-area .head {
	font-family: "Roboto", sans-serif;
	color: #5b5b5b;
	font-size: 116px;
	font-weight: 300;
	margin-bottom: 18px
}

@media print,
screen and (max-width: 99.99875em) {
	.contact-bannerWrap .head-area .head {
		font-size: 96px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contact-bannerWrap .head-area .head {
		margin-bottom: 8px;
		font-size: 70px
	}
}

.contact-bannerWrap .head-area .intro {
	max-width: 330px;
	margin: 0 0 0 auto
}

@media print,
screen and (max-width: 99.99875em) {
	.contact-bannerWrap .head-area .intro {
		max-width: 280px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contact-bannerWrap .head-area .intro {
		margin: 0
	}
}

.contact-bannerWrap .head-area .intro .ch {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	letter-spacing: 5px;
	font-size: 28px;
	margin-bottom: 22px;
	font-weight: 700
}

@media print,
screen and (max-width: 99.99875em) {
	.contact-bannerWrap .head-area .intro .ch {
		font-size: 22px;
		margin-bottom: 15px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contact-bannerWrap .head-area .intro .ch {
		margin-bottom: 12px;
		font-size: 20px
	}
}

.contact-bannerWrap .head-area .intro .en {
	font-family: "Roboto", sans-serif;
	line-height: 1.2;
	font-weight: 100;
	font-size: 18px
}

@media print,
screen and (max-width: 99.99875em) {
	.contact-bannerWrap .head-area .intro .en {
		font-size: 15px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contact-bannerWrap .head-area .intro .en {
		font-size: 14px
	}
}

.contact-bannerWrap .head-area .out {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: "Roboto", sans-serif;
	color: #5b5b5b;
	font-size: 116px;
	font-weight: 300
}

@media print,
screen and (max-width: 99.99875em) {
	.contact-bannerWrap .head-area .out {
		font-size: 96px
	}
}

.contact-bannerWrap .stripe3 {
	position: absolute;
	bottom: -41px;
	left: 0;
	width: 100%;
	height: 15%;
	pointer-events: none
}

.contact-bannerWrap .stripe3 i {
	display: block;
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 20px;
	left: 0;
	background: #f0eeee
}

.contactListWrap {
	background-color: #f0eeee;
	padding-top: 180px;
	padding-bottom: 180px;
	position: relative
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap {
		background-color: #fff;
		padding-top: 150px;
		padding-bottom: 0
	}
}

.contactListWrap .stripe3 {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 15%;
	pointer-events: none
}

.contactListWrap .stripe3 i {
	display: block;
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 20px;
	left: 0;
	background: #fff
}

.contactListWrap .contactList {
	padding-left: 7%
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap .contactList {
		padding-left: 0
	}
}

.contactListWrap .contactList li {
	background-color: #fff;
	margin-bottom: 120px
}

.contactListWrap .contactList li .pic-area {
	position: relative;
	margin-right: 10vh
}

@media print,
screen and (max-width: 99.99875em) {
	.contactListWrap .contactList li .pic-area {
		max-width: 550px
	}
}

.contactListWrap .contactList li .pic-area .country {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	position: absolute;
	font-size: 40px;
	top: -35px;
	font-weight: 700;
	color: #3e3a39
}

.contactListWrap .contactList li .pic-area .pic {
	position: relative
}

.contactListWrap .contactList li .pic-area .stripe4 {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.contactListWrap .contactList li .pic-area .stripe4 i {
	display: block;
	width: 12px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 16px;
	background-color: #fff
}

.contactListWrap .contactList li .content-area {
	color: #3e3a39;
	max-width: 800px;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif
}

@media print,
screen and (max-width: 99.99875em) {
	.contactListWrap .contactList li .content-area {
		padding-right: 40px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap .contactList li .content-area {
		background-color: #f5f5f5;
		padding: 40px 20px 30px
	}
}

.contactListWrap .contactList li .content-area .head {
	padding-bottom: 16px;
	border-bottom: 1px solid #000
}

.contactListWrap .contactList li .content-area .head .location {
	max-width: 326px;
	width: 326px;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 5px
}

@media print,
screen and (max-width: 99.99875em) {
	.contactListWrap .contactList li .content-area .head .location {
		font-size: 20px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap .contactList li .content-area .head .location {
		font-size: 16px
	}
}

.contactListWrap .contactList li .content-area .head .location .company {
	margin-left: 16px;
	font-weight: 500;
	color: #5b5b5b;
	letter-spacing: 3px
}

.contactListWrap .contactList li .content-area .head .info {
	padding-left: 26px;
	line-height: 1.3
}

@media print,
screen and (max-width: 99.99875em) {
	.contactListWrap .contactList li .content-area .head .info {
		font-size: 14px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap .contactList li .content-area .head .info {
		font-size: 12px
	}
}

.contactListWrap .contactList li .content-area .content .address {
	max-width: 326px;
	width: 326px;
	padding-top: 24px;
	padding-right: 6px;
	border-right: 1px solid #000
}

.contactListWrap .contactList li .content-area .content .address .ch {
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 1.2
}

@media print,
screen and (max-width: 99.99875em) {
	.contactListWrap .contactList li .content-area .content .address .ch {
		font-size: 16px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap .contactList li .content-area .content .address .ch {
		font-size: 14px
	}
}

.contactListWrap .contactList li .content-area .content .address .en {
	font-size: 15px;
	line-height: 1.2
}

@media print,
screen and (max-width: 99.99875em) {
	.contactListWrap .contactList li .content-area .content .address .en {
		font-size: 13px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap .contactList li .content-area .content .address .en {
		font-size: 12px
	}
}

.contactListWrap .contactList li .content-area .content .map-area {
	padding-top: 24px;
	padding-left: 26px
}

.contactListWrap .contactList li .content-area .content .map-area .arrow {
	margin-right: 24px
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap .contactList li .content-area .content .map-area .arrow {
		margin-right: 10px
	}
	.contactListWrap .contactList li .content-area .content .map-area .arrow img {
		width: 22px
	}
}

.contactListWrap .contactList li .content-area .content .map-area .map {
	font-size: 24px;
	color: #231815;
	line-height: 1.8;
	letter-spacing: 1px
}

@media print,
screen and (max-width: 99.99875em) {
	.contactListWrap .contactList li .content-area .content .map-area .map {
		font-size: 18px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.contactListWrap .contactList li .content-area .content .map-area .map {
		font-size: 17px;
		margin-top: -8px
	}
}

.contactListWrap .contactList li .content-area .content .map-area .map span {
	border-bottom: 1px solid #3e3a39
}

.about-bannerWrap {
	background: linear-gradient(81deg, #052f80 20%, #37729e 65%, #37729e 100%);
	position: relative;
	overflow: hidden
}

.about-bannerWrap .banner {
	padding-top: 50%
}

.about-bannerWrap .banner video {
	width: 100%
}

@media print,
screen and (max-width: 99.99875em) {
	.about-bannerWrap .banner {
		padding-top: 58%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-bannerWrap .banner {
		padding-top: 80vh
	}
}

.about-bannerWrap .head-area {
	color: #fff;
	position: absolute;
	top: 32vh;
	left: 35vh
}

@media print,
screen and (max-width: 64.06125em) {
	.about-bannerWrap .head-area {
		top: 22%;
		left: 30px
	}
}

.about-bannerWrap .head-area .head {
	font-family: "Roboto", sans-serif;
	color: #fff;
	font-size: 80px;
	font-weight: 100;
	margin-bottom: 18px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-bannerWrap .head-area .head {
		font-size: 70px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-bannerWrap .head-area .head {
		margin-bottom: 8px;
		font-size: 50px
	}
}

.about-bannerWrap .head-area .intro {
	max-width: 330px
}

.about-bannerWrap .head-area .intro .ch {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	letter-spacing: 5px;
	font-size: 18px;
	margin-bottom: 22px;
	line-height: 1.3
}

@media print,
screen and (max-width: 99.99875em) {
	.about-bannerWrap .head-area .intro .ch {
		font-size: 20px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-bannerWrap .head-area .intro .ch {
		margin-bottom: 12px;
		font-size: 20px
	}
}

.about-bannerWrap .head-area .intro .en {
	font-family: "Roboto", sans-serif;
	line-height: 1.2;
	font-weight: 100;
	font-size: 18px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-bannerWrap .head-area .intro .en {
		font-size: 15px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-bannerWrap .head-area .intro .en {
		font-size: 14px
	}
}

.about-bannerWrap .head-area .out {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: "Roboto", sans-serif;
	color: transparent;
	-webkit-text-stroke: 2px #fff;
	font-size: 116px;
	font-weight: 700
}

.about-bannerWrap .stripe3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15%;
	pointer-events: none
}

.about-bannerWrap .stripe3 i {
	display: block;
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 20px;
	left: 0;
	background: #fff
}

.about-professionalWrap {
	padding-top: 120px
}

@media print,
screen and (max-width: 64.06125em) {
	.about-professionalWrap {
		padding-top: 80px
	}
}

.about-professionalWrap .article-container {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 50px
}

@media print,
screen and (max-width: 64.06125em) {
	.about-professionalWrap .article-container {
		padding-bottom: 0
	}
}

.about-professionalWrap .article-container .article-area {
	position: relative
}

.about-professionalWrap .article-container .article-area .title {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-size: 66px;
	line-height: 1.2;
	color: #3e3a39;
	padding-left: 12%;
	letter-spacing: 3px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-professionalWrap .article-container .article-area .title {
		font-size: 43px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-professionalWrap .article-container .article-area .title {
		font-size: 24px;
		padding-left: 30px;
		letter-spacing: 1px
	}
}

.about-professionalWrap .article-container .article-area .note-area {
	position: relative;
	margin-top: 12px;
	background: linear-gradient(81deg, #4595ce 40%, #50bcda 85%, #aad4b8 100%);
	padding: 15px 0 15px 12%;
	max-width: 26%
}

@media print,
screen and (max-width: 99.99875em) {
	.about-professionalWrap .article-container .article-area .note-area {
		padding: 10px 0 10px 13%;
		max-width: 30%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-professionalWrap .article-container .article-area .note-area {
		padding: 8px 10px 8px 30px;
		text-align: right;
		max-width: 50%
	}
}

.about-professionalWrap .article-container .article-area .note-area .stripe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.about-professionalWrap .article-container .article-area .note-area .stripe i {
	display: block;
	width: 18px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 20px;
	background-color: #fff
}

.about-professionalWrap .article-container .article-area .note-area .note {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 8px;
	color: #000;
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.about-professionalWrap .article-container .article-area .note-area .note {
		font-size: 22px;
		letter-spacing: 5px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-professionalWrap .article-container .article-area .note-area .note {
		font-size: 18px;
		letter-spacing: 1px;
		color: #fff
	}
}

.about-professionalWrap .article-container .article-area .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.5;
	color: #808080;
	margin-top: 22px;
	padding-left: 12%;
	max-width: 45%
}

@media print,
screen and (max-width: 99.99875em) {
	.about-professionalWrap .article-container .article-area .content {
		font-size: 14px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-professionalWrap .article-container .article-area .content {
		font-size: 12px;
		padding-left: 30px;
		margin-top: 12px;
		max-width: 75%
	}
}

.aboutListWrap {
	padding-bottom: 200px
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap {
		padding-bottom: 60px
	}
}

.aboutListWrap .top-area {
	position: relative;
	padding-left: 33vh;
	margin-bottom: 10px;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif
}

@media print,
screen and (max-width: 99.99875em) {
	.aboutListWrap .top-area {
		padding-left: 29vh
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .top-area {
		padding-left: 4vh;
		margin-bottom: 80px
	}
}

.aboutListWrap .top-area .num {
	font-weight: 100
}

.aboutListWrap .top-area .num .now {
	font-size: 120px;
	color: #3e3a39;
	margin-right: 10px
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .top-area .num .now {
		font-size: 60px;
		line-height: 0.6
	}
}

.aboutListWrap .top-area .num .of {
	font-size: 28px;
	color: #acadad
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .top-area .num .of {
		font-size: 14px;
		vertical-align: top
	}
}

.aboutListWrap .top-area .num .total {
	font-size: 28px;
	color: #acadad
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .top-area .num .total {
		font-size: 14px;
		vertical-align: top
	}
}

.aboutListWrap .top-area .content {
	max-width: 672px;
	line-height: 1.5;
	margin-left: 60px;
	margin-bottom: 10px
}

@media print,
screen and (max-width: 99.99875em) {
	.aboutListWrap .top-area .content {
		max-width: 450px;
		font-size: 14px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .top-area .content {
		font-size: 12px;
		margin-left: 15px;
		max-width: 180px
	}
}

.aboutListWrap .top-area .aboutList-content-area li {
	position: absolute;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .top-area .aboutList-content-area li {
		top: -5px;
		bottom: auto
	}
}

.aboutListWrap .top-area .aboutList-content-area li.is-selected {
	opacity: 1
}

.aboutListWrap .aboutList li {
	width: 28%;
	margin: 0 20px;
	position: relative;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	-webkit-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	transform: translateX(-200px)
}

@media print,
screen and (max-width: 99.99875em) {
	.aboutListWrap .aboutList li {
		width: 30%;
		-webkit-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		transform: translateX(-100px)
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .aboutList li {
		width: 45%;
		margin: 0 5px;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.aboutListWrap .aboutList li.is-selected .pic-area {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.aboutListWrap .aboutList li.is-selected .head-area .ch {
	font-size: 52px;
	margin-bottom: 15px
}

@media print,
screen and (max-width: 99.99875em) {
	.aboutListWrap .aboutList li.is-selected .head-area .ch {
		font-size: 44px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .aboutList li.is-selected .head-area .ch {
		font-size: 20px
	}
}

@media print,
screen and (max-width: 99.99875em) {
	.aboutListWrap .aboutList li.is-selected .head-area .en {
		font-size: 30px
	}
}

.aboutListWrap .aboutList li .pic-area {
	position: relative;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all .5s;
	transition: all .5s
}

.aboutListWrap .aboutList li .pic-area .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #4593cc), color-stop(75%, #50bad8), to(#a8d2b6));
	background: linear-gradient(90deg, #4593cc 20%, #50bad8 75%, #a8d2b6 100%);
	opacity: 0.48
}

.aboutListWrap .aboutList li .head-area {
	position: absolute;
	color: #fff;
	z-index: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .aboutList li .head-area {
		width: 100%
	}
}

.aboutListWrap .aboutList li .head-area .ch {
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 40px;
	margin-bottom: 10px
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .aboutList li .head-area .ch {
		font-size: 18px
	}
}

.aboutListWrap .aboutList li .head-area .en {
	font-size: 32px;
	margin-bottom: 5px;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 100
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .aboutList li .head-area .en {
		font-size: 12px;
		letter-spacing: 1px
	}
}

.aboutListWrap .aboutList li .head-area .content {
	font-size: 18px;
	font-weight: 100;
	letter-spacing: 1px
}

@media print,
screen and (max-width: 64.06125em) {
	.aboutListWrap .aboutList li .head-area .content {
		font-size: 12px;
		padding: 0 10px
	}
}

.about-bigWrap {
	position: relative
}

.about-bigWrap .big-deco {
	position: absolute;
	width: 50vh;
	height: 97.5%;
	background-color: #f6f6f6;
	left: 0;
	top: 0
}

@media print,
screen and (max-width: 64.06125em) {
	.about-bigWrap .big-deco {
		width: 15vh;
		height: 65%
	}
}

.about-2 {
	padding-left: 50vh;
	margin-top: 200px
}

@media print,
screen and (max-width: 64.06125em) {
	.about-2 {
		padding-left: 15vh;
		margin-top: 120px
	}
}

.about-2 .pic-1 {
	position: relative;
	z-index: 1
}

@media print,
screen and (max-width: 99.99875em) {
	.about-2 .pic-1 {
		max-width: 580px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-2 .pic-1 {
		padding-right: 7vh
	}
}

.about-2 .pic-1 .deco {
	position: absolute;
	left: -350px;
	top: -140px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-2 .pic-1 .deco {
		width: 180px;
		left: -210px;
		top: -90px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-2 .pic-1 .deco {
		width: 90px;
		left: -95px;
		top: -50px
	}
}

.about-2 .pic-2 {
	position: relative;
	margin: -80px auto 80px
}

@media print,
screen and (max-width: 64.06125em) {
	.about-2 .pic-2 {
		margin: -40px auto 60px
	}
}

.about-2 .pic-2 img {
	width: 100%
}

.about-2 .pic-2 .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(30%, #4593cc), color-stop(80%, #50bad8), to(#a8d2b6));
	background: linear-gradient(90deg, #4593cc 30%, #50bad8 80%, #a8d2b6 100%);
	opacity: 0.48
}

.about-2 .pic-2 .stripe3 {
	position: absolute;
	bottom: -10%;
	left: 0;
	width: 100%;
	height: 15%;
	pointer-events: none
}

.about-2 .pic-2 .stripe3 i {
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: 10px;
	left: 0;
	background: #fff
}

@media print,
screen and (max-width: 64.06125em) {
	.next {
		margin-bottom: 60px
	}
}

.about-3 {
	background-color: #f3f3f3;
	padding-bottom: 380px
}

@media print,
screen and (max-width: 64.06125em) {
	.about-3 {
		padding-bottom: 80px
	}
}

.about-3 .article-container {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 50px;
	text-align: right
}

.about-3 .article-container .article-area {
	position: relative
}

@media print,
screen and (max-width: 64.06125em) {
	.about-3 .article-container .article-area {
		padding-top: 30px
	}
}

.about-3 .article-container .article-area .title {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 100;
	font-size: 66px;
	line-height: 1.2;
	color: #3e3a39;
	letter-spacing: 3px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-3 .article-container .article-area .title {
		font-size: 43px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-3 .article-container .article-area .title {
		font-size: 30px;
		padding-left: 30px;
		padding-right: 30px
	}
}

.about-3 .article-container .article-area .note-area {
	position: relative;
	margin-top: 12px;
	background: linear-gradient(81deg, #4595ce 40%, #50bcda 85%, #aad4b8 100%);
	padding: 15px 0 15px 14%;
	max-width: 26%;
	margin: 0 0 0 auto
}

@media print,
screen and (max-width: 99.99875em) {
	.about-3 .article-container .article-area .note-area {
		padding: 10px 0 10px 18%;
		max-width: 30%
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-3 .article-container .article-area .note-area {
		padding: 8px 30px 8px 30px;
		max-width: 52%
	}
}

.about-3 .article-container .article-area .note-area .stripe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.about-3 .article-container .article-area .note-area .stripe i {
	display: block;
	width: 18px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 20px;
	background-color: #f3f3f3
}

.about-3 .article-container .article-area .note-area .note {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 8px;
	color: #000;
	position: relative;
	margin: 0 0 0 auto
}

@media print,
screen and (max-width: 99.99875em) {
	.about-3 .article-container .article-area .note-area .note {
		font-size: 22px;
		letter-spacing: 5px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-3 .article-container .article-area .note-area .note {
		font-size: 18px;
		letter-spacing: 1px;
		color: #fff
	}
}

.about-3 .article-container .article-area .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.5;
	color: #808080;
	margin-top: 22px;
	max-width: 35%;
	margin: -12px 27% 0 auto;
	text-align: justify
}

@media print,
screen and (max-width: 99.99875em) {
	.about-3 .article-container .article-area .content {
		font-size: 14px;
		margin: -12px 33% 0 auto
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-3 .article-container .article-area .content {
		font-size: 12px;
		margin-top: 12px;
		max-width: 65%;
		margin: 20px 27% 0 auto
	}
}

.about-3 .pic-area {
	position: relative
}

.about-3 .pic-area .pic {
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.about-3 .pic-area .pic {
		margin-right: 47vh
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-3 .pic-area .pic {
		margin-right: 5vh
	}
}

.about-3 .pic-area .pic .stripe5 {
	position: absolute;
	top: 0;
	left: -30px;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.about-3 .pic-area .pic .stripe5 i {
	display: block;
	width: 14px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 20px;
	background-color: #fff
}

.about-3 .pic-area .deco {
	position: absolute;
	right: 190px;
	bottom: -260px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-3 .pic-area .deco {
		right: 80px;
		bottom: -80px;
		width: 180px
	}
}

.about-number {
	max-width: 1480px;
	margin: 0 auto;
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative
}

@media print,
screen and (max-width: 99.99875em) {
	.about-number {
		padding: 20px 10vh 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-number {
		padding: 40px 0 0
	}
}

.about-number li {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	padding: 0 60px
}

@media print,
screen and (max-width: 64.06125em) {
	.about-number li {
		width: 50%;
		padding: 0 20px;
		margin-bottom: 40px
	}
}

.about-number li .ch {
	font-weight: 100;
	font-size: 32px;
	margin-bottom: 10px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-number li .ch {
		font-size: 26px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-number li .ch {
		font-size: 18px
	}
}

.about-number li .en {
	font-size: 18px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-number li .en {
		height: 36px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-number li .en {
		height: auto;
		font-size: 12px
	}
}

.about-number li .num {
	font-weight: 100;
	font-size: 120px;
	margin-bottom: 20px
}

@media print,
screen and (max-width: 99.99875em) {
	.about-number li .num {
		font-size: 106px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-number li .num {
		font-size: 60px
	}
}

.about-number li .unit {
	font-size: 20px;
	text-align: right
}

@media print,
screen and (max-width: 64.06125em) {
	.about-number li .unit {
		font-size: 14px
	}
}

.about-number li .unit .line {
	background: #195edf;
	width: 50%;
	height: 1px;
	margin-right: 6px
}

.about-yearsWrap {
	padding-bottom: 150px
}

@media print,
screen and (max-width: 64.06125em) {
	.about-yearsWrap {
		padding: 0 30px 100px
	}
}

.about-yearsWrap .about-yeasrList {
	max-width: 1160px;
	margin: 0 auto
}

@media print,
screen and (max-width: 99.99875em) {
	.about-yearsWrap .about-yeasrList {
		max-width: 860px
	}
}

.about-yearsWrap .about-yeasrList li {
	position: relative;
	border-bottom: 1px solid #000;
	padding: 14px 4px;
	cursor: pointer
}

.about-yearsWrap .about-yeasrList li .year {
	font-size: 30px;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 100
}

@media print,
screen and (max-width: 64.06125em) {
	.about-yearsWrap .about-yeasrList li .year {
		font-size: 20px
	}
}

.about-yearsWrap .about-yeasrList li .content {
	font-weight: 100;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #000;
	padding: 10px 180px 80px;
	display: none
}

@media print,
screen and (max-width: 99.99875em) {
	.about-yearsWrap .about-yeasrList li .content {
		padding: 10px 100px 80px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.about-yearsWrap .about-yeasrList li .content {
		padding: 10px 20px 30px 60px;
		font-size: 12px
	}
}

.about-yearsWrap .about-yeasrList li.is-open:after {
	cursor: pointer;
	content: "";
	position: absolute;
	width: 80px;
	height: 14px;
	bottom: -6px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-image: url("../images/year-this.svg")
}

.about-yearsWrap .year-more {
	margin-top: 60px;
	cursor: pointer
}

.news-cat-container {
	position: relative
}

.news-catList {
	margin-bottom: 150px;
	margin-top: 80px;
	position: relative
}

@media print,
screen and (max-width: 64.06125em) {
	.news-catList {
		margin-bottom: 60px
	}
}

.news-catList li {
	padding: 0 102px;
	text-align: center;
	position: relative;
	left: 20px;
	-webkit-transition: all .5s;
	transition: all .5s
}

@media print,
screen and (max-width: 99.99875em) {
	.news-catList li {
		padding: 0 80px;
		left: 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.news-catList li {
		padding: 0 22px
	}
}

.news-catList li:hover {
	opacity: .6
}

.news-catList li:after {
	content: '';
	width: 1px;
	height: 26px;
	background-color: #1a1a1a;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0
}

@media print,
screen and (max-width: 64.06125em) {
	.news-catList li:after {
		height: 15px
	}
}

.news-catList li:last-child:after {
	display: none
}

.news-catList .en {
	font-family: "Roboto", sans-serif;
	font-size: 26px;
	letter-spacing: 1px;
	color: #1a1a1a;
	margin-bottom: 10px
}

@media print,
screen and (max-width: 64.06125em) {
	.news-catList .en {
		font-size: 12px;
		letter-spacing: 0px
	}
}

.news-catList .ch {
	font-family: "メイリオ", Meiryo, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	font-size: 18px;
	letter-spacing: 6px;
	color: #808080;
	margin-bottom: 10px
}

@media print,
screen and (max-width: 64.06125em) {
	.news-catList .ch {
		font-size: 14px;
		letter-spacing: 3px;
		margin-bottom: 7px
	}
}

.newsWrap {
	max-width: 840px;
	margin: 0 auto 140px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsWrap {
		margin-bottom: 70px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.newsList {
		padding: 0 20px
	}
}

.newsList section {
	cursor: pointer;
	opacity: 0;
	-webkit-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	margin-bottom: 140px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsList section {
		margin: 0 auto 60px
	}
}

.newsList section:hover .pic {
	-webkit-filter: brightness(0.5);
	filter: brightness(0.5)
}

.newsList section:hover .more .plus {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.newsList section:hover .more .plus:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.newsList .pic {
	max-width: 340px;
	margin-right: 75px;
	-webkit-transition: all 0.6s;
	transition: all 0.6s
}

@media print,
screen and (max-width: 64.06125em) {
	.newsList .pic {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 16px
	}
}

.newsList .article-container .year-area {
	font-family: "メイリオ", Meiryo, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 2px;
	color: #808080;
	margin-bottom: 14px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsList .article-container .year-area {
		margin-bottom: 10px
	}
}

.newsList .article-container .year-area .year {
	margin-right: 100px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsList .article-container .year-area .year {
		margin-right: 0
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.newsList .article-container .year-area .writer {
		margin-left: 24px
	}
}

.newsList .article-container .title {
	font-family: "メイリオ", Meiryo, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	font-weight: 700;
	font-size: 23px;
	letter-spacing: 6px;
	line-height: 1.4;
	color: #1a1a1a;
	margin-bottom: 26px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsList .article-container .title {
		font-size: 18px;
		letter-spacing: 3px;
		margin-bottom: 0
	}
}

.newsList .article-container .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 13px;
	letter-spacing: 3px;
	line-height: 1.8;
	color: #1a1a1a;
	margin-bottom: 37px
}

.newsList .article-container .more {
	font-family: "メイリオ", Meiryo, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 1px;
	color: #808080
}

.newsList .article-container .more .plus {
	float: right;
	position: relative;
	width: 20px;
	height: 1px;
	background-color: #000;
	-webkit-transition: all .5s;
	transition: all .5s
}

.newsList .article-container .more .plus:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 1px;
	left: 0;
	top: 0;
	background-color: #000;
	-webkit-transition: all .5s;
	transition: all .5s
}

.newsDetailWrap {
	max-width: 800px;
	margin: 170px auto 130px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsDetailWrap {
		padding: 0 20px;
		margin: 100px auto 70px;
		overflow-x: hidden
	}
}

.newsDetailWrap .title-container {
	margin-bottom: 60px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsDetailWrap .title-container {
		margin-bottom: 27px;
		border-bottom: 1px solid #1a1a1a;
		padding-bottom: 20px
	}
}

.newsDetailWrap .title-container .title {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 8px;
	line-height: 1.5;
	color: #1a1a1a
}

@media print,
screen and (max-width: 64.06125em) {
	.newsDetailWrap .title-container .title {
		font-size: 22px;
		letter-spacing: 3px;
		width: 100%;
		text-align: right
	}
}

.newsDetailWrap .title-container .year-area {
	margin-bottom: 30px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsDetailWrap .title-container .year-area {
		margin-bottom: 25px;
		width: 100%;
		text-align: right
	}
}

.newsDetailWrap .title-container .year-area .year {
	font-family: "メイリオ", Meiryo, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 2px;
	color: #808080
}

.newsDetailWrap .title-container .year-area .writer {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 3px;
	color: #1a1a1a;
	margin-top: 14px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsDetailWrap .title-container .year-area .writer {
		font-size: 12px;
		margin-top: 10px
	}
}

.newsDetailWrap .content {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 1.8;
	color: #1a1a1a;
	text-align: justify
}

@media print,
screen and (max-width: 64.06125em) {
	.newsDetailWrap .content {
		font-size: 14px;
		letter-spacing: 1px
	}
}

.newsDetailWrap .content img {
	margin: 10px 0
}

@media print,
screen and (max-width: 64.06125em) {
	.newsDetailWrap .content img {
		margin: 6px 0
	}
}

.newsDetailWrap .back {
	margin-top: 80px
}

@media print,
screen and (max-width: 64.06125em) {
	.newsDetailWrap .back {
		margin-top: 50px
	}
	.newsDetailWrap .back img {
		width: 52px
	}
}

.ryder-nd-slider-wrap {
	width: 100vw;
	margin-top: 60px
}

.ryder-nd-slider-list li {
	margin-right: 70px
}

@media print,
screen and (max-width: 99.99875em) {
	.ryder-nd-slider-list li {
		margin-right: 50px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.ryder-nd-slider-list li {
		margin-right: 20px
	}
}

.ryder-nd-slider-list li img {
	max-height: 650px
}

@media print,
screen and (max-width: 99.99875em) {
	.ryder-nd-slider-list li img {
		max-height: 500px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.ryder-nd-slider-list li img {
		max-height: 300px
	}
}

.applicationWrap {
	position: relative;
	margin-top: 232px
}

.applicationWrap .head {
	position: absolute;
	top: -70px;
	left: 34vh;
	z-index: 2;
	pointer-events: none
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .head {
		left: 20px;
		top: -65px
	}
}

.applicationWrap .head .en {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	color: #5b5b5b;
	font-size: 138px;
	font-weight: 100
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .head .en {
		font-size: 44px
	}
}

.applicationWrap .head .head-area {
	position: absolute;
	right: -19%;
	top: 36px;
	max-width: 350px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .head .head-area {
		right: -80px;
		top: -55px;
		max-width: 140px
	}
}

.applicationWrap .head .head-area .title {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	color: #fff;
	font-size: 26px;
	margin-bottom: 15px;
	letter-spacing: 4px;
	text-indent: 4px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .head .head-area .title {
		margin-bottom: 10px;
		font-size: 14px
	}
}

.applicationWrap .head .head-area .title span {
	background: linear-gradient(81deg, #4595ce 40%, #50bcda 85%, #aad4b8 100%);
	padding: 4px 20px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .head .head-area .title span {
		padding: 2px 10px
	}
}

.applicationWrap .head .head-area .content {
	font-size: 15px;
	line-height: 1.2;
	color: #4d4d4d;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	text-align: justify
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .head .head-area .content {
		font-size: 12px
	}
}

.applicationWrap .applicationList li {
	position: relative
}

.applicationWrap .applicationList li:hover .head-area {
	opacity: 1
}

.applicationWrap .applicationList li:hover .pic-area .bg {
	opacity: 0
}

.applicationWrap .applicationList li:hover .pic-area .pic {
	-webkit-filter: grayscale(0)
}

.applicationWrap .applicationList li:hover .more-area {
	opacity: 1
}

.applicationWrap .applicationList li .head-area {
	position: absolute;
	left: -5px;
	bottom: 0;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all .5s;
	transition: all .5s
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .applicationList li .head-area {
		-webkit-writing-mode: inherit;
		-ms-writing-mode: inherit;
		writing-mode: inherit;
		text-align: right
	}
}

.applicationWrap .applicationList li .head-area .ch {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	background-color: #fff;
	padding: 4px 6px;
	font-size: 24px;
	color: #172b7a;
	letter-spacing: 6px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .applicationList li .head-area .ch {
		font-size: 20px;
		padding: 8px 6px;
		width: 160px
	}
}

.applicationWrap .applicationList li .head-area .en {
	font-family: "Roboto", sans-serif;
	font-size: 46px;
	font-weight: 300;
	color: #124d9b
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .applicationList li .head-area .en {
		font-size: 22px;
		margin-bottom: 6px
	}
}

.applicationWrap .applicationList li .pic-area {
	position: relative
}

.applicationWrap .applicationList li .pic-area .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #4593cc), color-stop(65%, #50bad8), to(#a8d2b6));
	background: linear-gradient(0deg, #4593cc 20%, #50bad8 65%, #a8d2b6 100%);
	opacity: 0.48;
	z-index: 1;
	-webkit-transition: all .5s;
	transition: all .5s
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .applicationList li .pic-area .bg {
		background: -webkit-gradient(linear, left top, right top, color-stop(20%, #4593cc), color-stop(65%, #50bad8), to(#a8d2b6));
		background: linear-gradient(90deg, #4593cc 20%, #50bad8 65%, #a8d2b6 100%)
	}
}

.applicationWrap .applicationList li .pic-area .pic {
	-webkit-filter: grayscale(1);
	-webkit-transition: all .5s;
	transition: all .5s;
	padding-top: 76.2vh
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationWrap .applicationList li .pic-area .pic {
		padding-top: 22vh
	}
}

.applicationWrap .applicationList li .more-area {
	position: absolute;
	width: 90px;
	height: 90px;
	line-height: 80px;
	text-align: center;
	right: 15px;
	bottom: 15px;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.applicationWrap .applicationList li .more-area .loop {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: rotate 18s infinite linear;
	animation: rotate 18s infinite linear
}

.applicationDetail-bannerWrap {
	position: relative;
	z-index: -1
}

.applicationDetail-bannerWrap .pic {
	padding-top: 51%
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetail-bannerWrap .pic {
		background-position: 15% top !important;
		padding-top: 90vh
	}
}

.applicationDetail-bannerWrap .focus {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.applicationDetail-bannerWrap .head-area {
	position: absolute;
	bottom: 32vh;
	left: 15vh;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif
}

.applicationDetail-bannerWrap .head-area .en {
	color: #5b5b5b;
	font-weight: 100;
	font-size: 138px;
	margin-bottom: 20px
}

.applicationDetail-bannerWrap .head-area .content {
	color: #4d4d4d;
	font-weight: 100;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.3
}

.applicationDetailWrap {
	margin-top: -45px;
	position: relative;
	margin-bottom: 300px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap {
		margin-bottom: 0
	}
}

.applicationDetailWrap .head-area-mobile {
	position: absolute;
	top: -60px;
	left: 30px;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	width: 160px
}

.applicationDetailWrap .head-area-mobile .en {
	color: #5b5b5b;
	font-weight: 100;
	font-size: 138px;
	margin-bottom: 20px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .head-area-mobile .en {
		font-size: 60px
	}
}

.applicationDetailWrap .head-area-mobile .content {
	color: #4d4d4d;
	font-weight: 100;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.3
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .head-area-mobile .content {
		font-size: 12px
	}
}

.applicationDetailWrap .bg-1 {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .bg-1 {
		background: url("../images/adbg-1-mobile.png") top center/contain no-repeat
	}
}

.applicationDetailWrap .bg-2 {
	z-index: -2;
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .bg-2 {
		top: 5%;
		background: url("../images/adbg-2-mobile.png") top center/contain no-repeat
	}
}

.applicationDetailWrap .bg-3 {
	z-index: -1;
	position: absolute;
	bottom: -20%;
	left: 0;
	width: 100%
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .bg-3 {
		bottom: -5%
	}
}

.applicationDetailWrap .application-allline {
	width: 100%;
	max-width: 767px;
	margin: 0 auto;
	position: absolute;
	height: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.applicationDetailWrap .application-allline .left {
	background-color: #fff;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 7px;
	left: 0
}

.applicationDetailWrap .application-allline .center {
	background-color: #fff;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.applicationDetailWrap .application-allline .right {
	background-color: #fff;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 7px;
	right: 0
}

.applicationDetailWrap .content-area {
	position: absolute;
	top: -210px;
	right: 31vh;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 100
}

.applicationDetailWrap .content-area .item {
	background-color: #fce5d4;
	padding: 55px 55px 95px;
	border-radius: 98px 0 0 0;
	position: relative;
	max-width: 302px
}

.applicationDetailWrap .content-area .item .l-1 {
	position: absolute;
	width: 110%;
	height: 1px;
	top: 0;
	right: -5%;
	background-color: #fff
}

.applicationDetailWrap .content-area .item .l-2 {
	content: "";
	position: absolute;
	width: 1px;
	height: 105%;
	bottom: 0;
	left: 0;
	background-color: #fff
}

.applicationDetailWrap .content-area .item .l-3 {
	position: absolute;
	width: 1px;
	height: 105%;
	bottom: 0;
	right: 0;
	background-color: #fff
}

.applicationDetailWrap .content-area .item .num {
	width: 160px;
	height: 160px;
	line-height: 135px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: -180px;
	left: 0
}

.applicationDetailWrap .content-area .item .num span {
	font-size: 110px;
	color: #87dfee
}

.applicationDetailWrap .content-area .item .head {
	color: #a5a5a5;
	font-size: 38px;
	letter-spacing: 4px;
	margin-bottom: 15px
}

.applicationDetailWrap .content-area .item .content {
	color: #666666;
	font-size: 13px;
	line-height: 1.5
}

.applicationDetailWrap .applicationDetail-container {
	padding-top: 150px;
	position: relative
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container {
		overflow-x: hidden;
		padding-top: 280px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList {
	max-width: 1080px;
	margin: 0 auto;
	border-radius: 332px;
	background-color: rgba(255, 255, 255, 0.5);
	position: relative
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList {
		max-width: 75%;
		border-radius: 48px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList .deco {
	position: absolute;
	top: 8%;
	left: -17%
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList .deco {
		top: -220px;
		left: auto;
		right: -20px;
		width: 200px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList .content-area-mobile {
	position: absolute;
	top: -60px;
	left: -5px;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 100;
	max-width: 240px
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList .content-area-mobile .num {
	width: 104px;
	height: 104px;
	line-height: 94px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList .content-area-mobile .num span {
	font-size: 70px;
	color: #87dfee
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList .content-area-mobile .head {
	color: #a5a5a5;
	font-size: 30px;
	letter-spacing: 4px;
	margin-bottom: 15px
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList .content-area-mobile .content {
	color: #666666;
	font-size: 12px;
	line-height: 1.2
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section {
	position: relative;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	padding-top: 140px;
	text-align: center
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section {
		padding-top: 120px
	}
}

@media print,
screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section {
		padding-top: 80px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section:nth-child(3) {
		padding-top: 200px
	}
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section:nth-child(5) {
		padding-top: 20px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section:last-child {
	padding-bottom: 150px
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .slogan {
	position: absolute;
	right: 10%;
	top: 8%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 92%;
	padding-top: 140px
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .slogan .title {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
	color: #eeac83
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .slogan .line {
	width: 1px;
	height: 100%;
	background-color: #eeac83
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .head-area {
	position: relative;
	max-width: 510px;
	margin: 0 auto;
	margin-bottom: 55px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .head-area {
		max-width: 250px;
		margin-bottom: 35px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .head-area .head {
	z-index: 1;
	position: relative;
	font-weight: 100;
	color: #1b2856;
	font-size: 49px;
	letter-spacing: 8px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .head-area .head {
		font-size: 20px;
		letter-spacing: 4px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .head-area .dot {
	position: relative;
	top: -24px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .head-area .dot {
		bottom: -18px
	}
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .head-area .dot svg {
		max-width: 100%
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .content {
	letter-spacing: 3px;
	line-height: 2.5;
	color: #808080;
	padding: 0 20vh
}

@media print,
screen and (max-width: 99.99875em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .content {
		padding: 0 25vh
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .content {
		line-height: 1.5;
		padding: 0 24px;
		font-size: 14px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .content .companyList {
	max-width: 650px;
	margin: 0 auto
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .content .companyList li {
	margin-bottom: 30px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .content .companyList li {
		width: 25%
	}
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .content .companyList li img {
		max-width: 40px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .circle {
	width: 425px;
	height: 425px;
	border: 1px solid rgba(128, 128, 128, 0.25);
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider {
	margin: 0 12vh;
	position: relative
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider {
		margin: 0 auto;
		margin-top: 80px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider li {
	width: 33%
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider li .logo {
	min-height: 40px
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider li .format {
	margin: 15px auto 20px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider li .format {
		font-size: 14px
	}
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider li .pic img {
		width: 160px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider .slick-slide img {
	margin: 0 auto
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider .slick-prev {
	z-index: 1;
	cursor: pointer;
	position: absolute;
	left: -5vh;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider .slick-prev {
		left: -2vh
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider .slick-next {
	z-index: 1;
	cursor: pointer;
	position: absolute;
	right: -5vh;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList section .applicationDetailSlider .slick-next {
		right: -2vh
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList .more {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 150px
}

@media print,
screen and (max-width: 64.06125em) {
	.applicationDetailWrap .applicationDetail-container .applicationDetailList .more {
		padding-bottom: 120px
	}
}

.applicationDetailWrap .applicationDetail-container .applicationDetailList .more span {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-weight: 100;
	letter-spacing: 2px;
	color: #fff;
	background: linear-gradient(81deg, #4095d1 25%, #4abddd 60%, #aad6b8 100%);
	padding: 6px 20px
}

.applicationDetailWrap .applicationDetail-container .back {
	text-align: center;
	position: relative;
	width: 155px;
	height: 155px;
	line-height: 140px;
	margin: 0 auto;
	margin-top: 150px
}

.applicationDetailWrap .applicationDetail-container .back .loop {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: rotate 18s infinite linear;
	animation: rotate 18s infinite linear
}

.other-application .title {
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	font-size: 104px;
	font-weight: 100;
	color: #5b5b5b;
	margin-bottom: 86px
}

@media print,
screen and (max-width: 64.06125em) {
	.other-application .title {
		font-size: 30px
	}
}

.other-application .otherList {
	padding: 30px 0
}

@media print,
screen and (max-width: 64.06125em) {
	.other-application .otherList {
		padding: 0;
		max-width: 352px;
		margin: 0 auto;
		-webkit-box-pack: left;
		-ms-flex-pack: left;
		justify-content: left
	}
}

.other-application .otherList li {
	padding: 0 35px;
	color: #666666;
	font-family: "Noto Sans SC", "Noto Sans TC", sans-serif;
	line-height: 1.5;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media print,
screen and (max-width: 64.06125em) {
	.other-application .otherList li {
		margin-bottom: 40px
	}
}

.other-application .otherList li:hover .text-area .top-dadada img,
.other-application .otherList li:hover .text-area .bottom-dadada img {
	opacity: 1
}

.other-application .otherList li.current .text-area .top-dadada img,
.other-application .otherList li.current .text-area .bottom-dadada img {
	opacity: 1
}

.other-application .otherList li .text-area {
	position: relative;
	width: 106px;
	height: 90px;
	padding: 10px 0;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d
}

.other-application .otherList li .text-area .ch {
	font-size: 18px;
	z-index: 1;
	position: relative
}

.other-application .otherList li .text-area .en {
	font-size: 14px;
	z-index: 1;
	position: relative
}

.other-application .otherList li .text-area .top-dadada {
	position: absolute;
	top: 0;
	height: 60%;
	overflow: hidden;
	pointer-events: none;
	opacity: 0.8
}

.other-application .otherList li .text-area .top-dadada img {
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.other-application .otherList li .text-area .bottom-dadada {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	position: absolute;
	bottom: 0;
	height: 60%;
	overflow: hidden;
	pointer-events: none;
	opacity: 0.8
}

.other-application .otherList li .text-area .bottom-dadada img {
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}


/*# sourceMappingURL=style.css.map */


/*产品页*/
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 80%;
}
.about-banner {
    position: relative;
    height: 550px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right;
}
.about-banner .container {
    position: relative;
    padding-top: 230px;
    overflow: hidden;
}
.projects .inpageweap{/*display: none;*/margin-top: 50px;margin-bottom: 100px;}
.projects .inpageweap.cur{display: block;}
.about-banner .text {
    color: #000;
    overflow: hidden;
}
.about-banner .text em {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.about-banner .text h2 {
    margin-top: 20px;
    font-size: 58px;
    line-height: 70px;
    font-weight: bold;
}


.inpage-menu-wrap02 {
    display: block;
	margin-top:-75px;
	margin-bottom:50px;
}
.inpage-menu02 {
    position: relative;
    margin: 0 auto ;
    width: 80%;
    height: 85px;
}
.inpage-menu02 ul {
    display: flex;
}


.inpage-menu02 li {
    position: relative;
    flex: 1;
    text-align: center;
	margin:20px;
	-webkit-mask-image: -webkit-radial-gradient(#fff,#000);
border-radius: 5px;
}
.inpage-menu02 li{
-webkit-transition: transform ease 0.7s;
	-webkit-transition: -webkit-transform ease 0.7s;
	transition: -webkit-transform ease 0.7s;
	transition: transform ease 0.7s;
	transition: transform ease 0.7s, -webkit-transform ease 0.7s;
	}
	
.inpage-menu02 li:hover{
	-webkit-transform: scale(1.08, 1.08);
	-ms-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
}
.inpage-menu02 li .navBoximg{position: relative;width: 100%;}
.inpage-menu02 li .navBoximg img{display: block;width: 100%;}	
.inpage-menu02 li .navBoxtit{position: absolute;right: 0;top: 0;height: 100%;width: 100%;}
.inpage-menu02 li a {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
	  line-height: 120px;
}

.inpage-menu02 li:hover a, .inpage-menu02 li.cur a {
    color: #000;
    
}
.submenu02-list {
    padding-top: 40px;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.inpage-submenu02 ul {display: flex;justify-content: center;}
.inpage-submenu02 li{margin: 0 10px;position:relative;width:auto;height:120px;line-height: 40px;font-size:18px;padding: 30px 0;}
.inpage-submenu02 li a{display:block;position:relative;color:#999;padding:10px;}
.inpage-submenu02 li a:before{display:none;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background: #40c48f;transform:rotate(-45deg); }
.inpage-submenu02 li:hover a,.inpage-submenu02 li.cur a{color: #fff;background: linear-gradient(45deg, #58db67, #0b93e9); }
.inpage-submenu02 li:hover a:before,.inpage-submenu02 li.cur a:before{display:block;}
.submenu02-list.affix {position:fixed; top:0;left:0;z-index:99;padding-top:0;width:100%;}
.submenu02-list.affix .inpage-submenu02 li{padding:0;height:60px;line-height:60px;}
.submenu02-list.affix .inpage-submenu02 li:before{bottom:0;}

@media(max-width:1920px) {
	.container {
		width: 1440px;
	}
}


@media(max-width:1024px){
.submenu02-list { border-top: 1px solid #dfdfdf; padding: 0; background: #fff;}
.inpage-submenu02 ul  { display: flex; flex-wrap:wrap;justify-content: unset;}
.inpage-submenu02 ul[flex="4"] li{width:25%;}
.inpage-submenu02 ul[flex="3"] li{width:33.33%;}
.inpage-submenu02 li{ margin: 0; width: auto;padding:0;height:50px;line-height:50px;font-size:14px;text-align:center;}
.inpage-submenu02 li:hover a,.inpage-submenu02 li.cur a{color: #000;background:none;}
.inpage-submenu02 li a:before{bottom:0;margin-left:-10px;width:20px;height:2px;transform:scale(1);}
}

.projects{overflow:hidden;background:#fff;background: url(../images/nokuai1ico1.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: top;}
.projects .inner{position:relative;/*padding:45px;*/overflow:hidden;}
.projects .inner:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:40px;content:"";background:#fff;}
.projects-bd{position:relative;z-index:9;overflow:hidden;}
.projects-list{margin:-12px;display:flex;flex-wrap:wrap;}
.projects-list .item{margin:12px;width:calc(33.33333% - 24px);overflow:hidden;}
.projects-list .item .pic{overflow:hidden;border-radius: 15px;}
.projects-list .item .pic img{display:block;width:100%;transition:all .5s;}
.projects-list .item .text{padding-top:20px;overflow:hidden;}
.projects-list .item .text h3{height:40px;line-height:40px;font-size:24px;color:#000;}
.projects-list .item .text h3 a{color:#000;}
.projects-list .item .text div{margin-top:15px;height:52px;line-height:26px;font-size:16px;color:#999;overflow:hidden;}
.projects-list .item:hover .pic img{transform:scale(1.1);}
.projects-list .item .charitable-btn { margin-top: 40px; width: 100%; height: 40px; font-size: 16px; color: #666; border-bottom: 1px solid #ccc;position: relative;}

.projects-list .item .charitable-btn .arrow {
	position: absolute;
	top: 8px;
	right: 3px;
	display: inline-block;
	transition: transform .7s cubic-bezier(.075, .82, .165, 1);
}

.projects-list .item .charitable-btn .arrow:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-color: currentcolor;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-radius: 0 2px 0 0;
	transform: rotate(45deg);
}

.projects-list .item .charitable-btn .arrow:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 14px;
	height: 1px;
	background: currentColor;
	transition: width 1.4s cubic-bezier(.075, .82, .165, 1);
}

.projects-list .item:focus .arrow,
.projects-list .item:hover .arrow {
	transform: translateX(-5px);
}

.projects-list .item:focus .arrow:after,
.projects-list .item:hover .arrow:after {
	width: 30px;
}




.business .business_wrapper {
  max-width: 1240px;
  margin: clamp(4.5rem, 2.74rem + 7.51vw, 10.25rem) auto;
  padding: 0 20px;
}
.business .business_wrapper img {
  width: 100%;
}
.business .flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5%;
  margin-top: clamp(4.5rem, 2.893rem + 6.857vw, 9.75rem);
}
.business .flex_box._reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.business .flex_box ._title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.75rem, 0.444rem + 1.306vw, 1.75rem);
}
@media screen and (max-width: 600px) {
  .business .flex_box ._title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.business .flex_box ._number {
  font-family: paralucent, sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #9CCBD3;
  letter-spacing: 0.1em;
      font-style: italic;
}
.business .flex_box ._content {
  font-size: clamp(1.5rem, 1.385rem + 0.49vw, 1.875rem);
  font-weight: 700;
}
.business .flex_box ._content span {
  display: block;
  margin-top: 5px;
  font-family: paralucent, sans-serif;
  font-size: clamp(0.75rem, 0.693rem + 0.245vw, 0.938rem);
  color: #9CCBD3;
  letter-spacing: 0.02em;
}
.business .flex_box ._lead {
  margin-top: clamp(2rem, 1.847rem + 0.653vw, 2.5rem);
  line-height: 2;
}
.business .flex_box ._bottom_img {
  margin-top: clamp(2.375rem, 1.839rem + 2.286vw, 4.125rem);
}
.business .flex_box .viewmore {
  margin-top: 38px;
  margin-left: auto;
  margin-right: 20px;
}
.viewmore {
    font-family: paralucent, sans-serif;
    display: block;
}
.viewmore a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #4E5C5E;
    gap: 20px;
    text-decoration: none;
    font-size: 16px;
}
.viewmore a p {
    margin-right: 20px;
    position: relative;
    color: #4E5C5E;
}
.viewmore a .button_bg_area {
    position: relative;
}
.viewmore a .button_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    border-radius: 50px;
    background: linear-gradient(45deg, #58db67, #0b93e9);
    width: 40px;
    height: 40px;
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.viewmore a .button_bg img {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.viewmore a p::after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    border-radius: 50px;
    background: linear-gradient(45deg, #58db67, #0b93e9);
    bottom: -2px;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
.viewmore a:hover p::after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.viewmore a:hover .button_bg {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

@media screen and (max-width: 600px) {
  .business .flex_box .viewmore {
    margin-left: 0;
    margin-right: 0;
	margin-top: 25px;
  }
  .viewmore a p{font-size: 16px;}
  .viewmore a .button_bg{width: 30px;height: 30px;}
}

.business .flex_box ._text{ width:60%}

.business .flex_box .pc_img {
  display: block;
  width: 40%;
  border-radius: 15px;

}
.business .flex_box .pc_img img {
	-webkit-transition: transform ease 0.7s;
	-webkit-transition: -webkit-transform ease 0.7s;
	transition: -webkit-transform ease 0.7s;
	transition: transform ease 0.7s;
	transition: transform ease 0.7s, -webkit-transform ease 0.7s;
}
.flex_box:hover .pc_img img {
	-webkit-transform: scale(1.08, 1.08);
	-ms-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
}
  
@media screen and (max-width: 600px) {
  .business .flex_box .pc_img {
    display: none;
  }
}
.business .flex_box .sp_img {
  display: none;
}
@media screen and (max-width: 600px) {
  .business .flex_box .sp_img {
    display: block;
    margin-top: 20px;
	width: 50%;
	margin: 0 auto;
  }
}



/* cx-product */
.cx-product { display: block; overflow: hidden; background: #fff;background: url(../images/nokuai1ico1.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: top;}
.cx-product .cx-product_con {display: flex;flex-wrap: wrap;margin-bottom: 50px}
.cx-product .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cx-product .item { margin:1% ;width: 23%}
.cx-product .item .pic { display: block; width: 100%; overflow: hidden;border-radius: 15px;}
.cx-product .item .pic img { display: block; width: 100%; transition: all 1s;}
.cx-product .item .text { padding: 10px 0 15px;text-align: center;}
.cx-product .item .text h3 {font-size: 18px; color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cx-product .item .text em { margin: 10px 0 25px; display: block; font-size: 16px; color: #999; font-family: "DIN Medium";}
.cx-product .item .text p {margin-top:8px;font-size: 16px; height:75px; color: #999; line-height: 25px;text-align: left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.cx-product .item:hover img { transform: scale(1.1);}
.cx-product .product-more ,.dropload-down{ margin: 30px auto;  width: 125px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #999;visibility: hidden;}
.cx-product .product-more a{color: #999; }
.cx-product .product-more a:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e731";}
.cx-product .product-more:hover * { color: #000;}
.cx-product .product-more a  i { color: #999; font-size: 18px;}
.cx-product .item .charitable-btn { margin-top: 40px; width: 100%; height: 40px; font-size: 16px; color: #666; border-bottom: 1px solid #ccc;position: relative;}

.cx-product .item .charitable-btn .arrow {
	position: absolute;
	top: 8px;
	right: 3px;
	display: inline-block;
	transition: transform .7s cubic-bezier(.075, .82, .165, 1);
}

.cx-product .item .charitable-btn .arrow:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-color: currentcolor;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-radius: 0 2px 0 0;
	transform: rotate(45deg);
}

.cx-product .item .charitable-btn .arrow:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 14px;
	height: 1px;
	background: currentColor;
	transition: width 1.4s cubic-bezier(.075, .82, .165, 1);
}

.cx-product .item:focus .arrow,
.cx-product .item:hover .arrow {
	transform: translateX(-5px);
}

.cx-product .item:focus .arrow:after,
.cx-product .item:hover .arrow:after {
	width: 30px;
}
@media (max-width:1024px) {
    .cx-product { margin-top: 10px;padding:0 10px;}
    .cx-product .list{margin:-6px;}
    .cx-product .item {margin:6px;width: calc(100%/2 - 12px);}
    .cx-product .item .text { padding: 10px 0 25px;}
    .cx-product .item .text h3 {font-size: 16px;height: 49px;}
    .cx-product .item .text em { margin: 10px 0 15px; font-size: 14px;}
    .cx-product .item .text p {line-height:20px;font-size: 14px; height:100px; -webkit-line-clamp: 5;}
    .cx-product .product-more { margin:25px auto;}
}
/* cx-product end */



/*新闻中心*/
/*--inpage-menu-wrap--*/
.inpage-menu-wrap{position:relative;top:0;left:0;width:100%;overflow:hidden;background:#f8f8f8;}
.inpage-menu-wrap.active{position:fixed;}
.inpage-menu-wrap .container{position:relative;overflow:hidden;border-bottom: 1px solid #dfdfdf;}
.inpage-menu{position:relative;overflow:hidden;}
.inpage-menu li{position:relative;width:auto;height:75px;line-height:75px;font-size:18px;margin-right: 6.5%}
.inpage-menu li:before{display:block;position:absolute;left:50%;bottom:0;margin-left:-17px;width:34px;height:4px;content:"";background: linear-gradient(to bottom, #58db67, #0b93e9);transform:scale(0,1);transition:all .5s;}
.inpage-menu li a{display:block;padding:0 10px;color:#999;}
.inpage-menu li:hover:before,.inpage-menu li.cur:before{transform:scale(1);}
.inpage-menu li:hover a,.inpage-menu li.cur a{color:#000;}
.inpage-menu-wrap .backTop{position:absolute;z-index:99;right:0;top:0;line-height:95px;cursor:pointer;}
.inpage-menu-wrap .backTop a{display:block;font-size:14px;cursor:pointer;font-family:"DIN Medium";color:#999;}
.inpage-menu-wrap .backTop a:after{display:inline-block;font-family:"iconfont";content:"\e665";transform:rotate(180deg);}
.inpage-menu-wrap .backTop a:hover{color:#000;}
@media(max-width:1024px){
.inpage-menu-wrap .container{padding:0;}
.inpage-menu li{height:50px;line-height:50px;font-size:14px;}
.inpage-menu-wrap .backTop{display:none;}
}

/*--inpage-submenu--*/
.inpage-submenu{position:relative;overflow:hidden;}
.inpage-submenu:before{display:block;position:absolute;left:0;top:0;width:100%;height:1px;content:"";background:#dfdfdf;}
.inpage-submenu li{position:relative;width:auto;height:95px;line-height:95px;font-size:18px;}
.inpage-submenu li a{display:block;color:#999;}
.inpage-submenu li:hover a,.inpage-submenu li.cur a{color:#000;}
.inpage-menu-wrap.active .inpage-submenu{display:none;}
@media(max-width:1024px){
.inpage-submenu li{height:50px;line-height:50px;font-size:14px;}
}

/*--inpage-submenu2--*/
.inpage-submenu2{position:relative;padding:40px 0;overflow:hidden;}
.inpage-submenu2:before{display:block;position:absolute;left:0;top:0;width:100%;height:1px;content:"";background:#dfdfdf;}
.inpage-submenu2 li{position:relative;margin-right:15px;width:120px;height:35px;line-height:35px;font-size:16px;text-align:center;}
.inpage-submenu2 li:after{display:none;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:#000;transform:rotate(-45deg);}
.inpage-submenu2 li a{display:block;color:#999;}
.inpage-submenu2 li:hover a,.inpage-submenu2 li.cur a{color:#fff;background:#000;}
.inpage-submenu2 li:hover:after,.inpage-submenu2 li.cur:after{display:block;}
.inpage-menu-wrap.active .inpage-submenu2{display:none;}
@media(max-width:1024px){
.inpage-submenu2{padding:10px;}
.inpage-submenu2 li{flex:1;font-size:14px;margin-right:0;width:auto;}
}
/*--end inpage-submenu--*/


/* cx-charitable */
.cx-charitable {display: block;padding-top: 20px;background: #f5f5f5;margin-top: 40px;padding-bottom: 40px;
background: url(../images/nokuai1ico1.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: top;}
.cx-charitable .cx-charitable_con { overflow: hidden;}
.cx-charitable .item {border: 0px solid #eeeeee; padding:35px; margin:12px ; float: left; width: calc(100%/4 - 70px); background: #fff; transition: all .8s;border-radius: 20px;margin: 0.5rem 2rem 3.5rem;
    box-shadow: rgb(0 0 0 / 10%) 8px 10px 20px 0px;transition: all 0.15s ease-in-out 0s;min-height: 500px;}
	.cx-charitable .item:nth-child(4n){margin-right: 0;}
	
.cx-charitable .item .pic { display: block; width: 100%; overflow: hidden;max-height: 210px;box-shadow: rgb(0 0 0 / 10%) 8px 10px 20px 0px;border-radius: 0.6rem;}
.cx-charitable .item .pic img { display: block; width: 100%; transition: all 1s;}
.cx-charitable .item .text h3 {margin: 30px 0 20px;font-size: 24px;color: #000;height: 60px;font-weight: 400;line-height: 1.25;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cx-charitable .item .text p {height: 72px;line-height:24px;font-size: 16px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.cx-charitable .item .charitable-btn { margin-top: 40px; width: 150px; height: 40px; font-size: 16px; color: #666; border-bottom: 1px solid #ccc;position: relative;}
.cx-charitable .item .charitable-btn i { float: right; line-height: 25px;}
.cx-charitable .charitable-more { margin: 30px auto;  width: 125px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #999;  visibility: hidden;}
.cx-charitable .charitable-more a { font-size: 16px; color: #999;}
.cx-charitable .charitable-more:hover * { color: #000;}
.cx-charitable .charitable-more a  i { color: #999; font-size: 18px;}

.cx-charitable .item .charitable-btn .arrow {
	position: absolute;
	top: 8px;
	right: 3px;
	display: inline-block;
	transition: transform .7s cubic-bezier(.075, .82, .165, 1);
}

.cx-charitable .item .charitable-btn .arrow:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-color: currentcolor;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-radius: 0 2px 0 0;
	transform: rotate(45deg);
}

.cx-charitable .item .charitable-btn .arrow:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 14px;
	height: 1px;
	background: currentColor;
	transition: width 1.4s cubic-bezier(.075, .82, .165, 1);
}

.cx-charitable .item:focus .arrow,
.cx-charitable .item:hover .arrow {
	transform: translateX(-5px);
}

.cx-charitable .item:focus .arrow:after,
.cx-charitable .item:hover .arrow:after {
	width: 30px;
}
@media (min-width:1024px) {
.cx-charitable .item:hover { border:#c5bdae solid 0px; box-shadow: rgb(0 0 0 / 10%) 2px 3px 5px 0px;}
.cx-charitable .item:hover img { transform: scale(1.1);}
.cx-charitable .item:hover .text h3 { color: #000;}
.cx-charitable .item:hover .charitable-btn { color: #000; border-bottom: 1px solid #000;}
}
@media (max-width:1024px) {
    .cx-charitable { margin-top: 28px;}
    .cx-charitable .cx-charitable_con{padding: 0 10px;}
     

    .cx-charitable .item .pic{width:100%;}
    .cx-charitable .item .text {padding-top:12px;width:100%;}
    .cx-charitable .item .text h3 {margin:0;font-size:16px;height:auto;line-height:1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
    .cx-charitable .item .text em { margin: 10px 0; font-size: 14px;}
    .cx-charitable .item .text p {  font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;display:none;}
    .cx-charitable .charitable-more { margin:15px auto;font-size:14px;}
    .cx-charitable .item .charitable-btn {margin-top:0px;width: 90px;height:35px;line-height: 35px;font-size: 14px;border:none;}
    .cx-charitable .item .charitable-btn i { line-height: 35px; font-size: 14px;}
}
@media (max-width:768px) {
	.cx-charitable .item{padding:10px;margin:0 4% 25px;width: 92%;border-bottom:#e0e0e0 solid 1px;background:none;min-height: initial;}
	.cx-charitable .item:nth-child(2n){margin-right: 0;}
	.cx-charitable{margin-top: 5px;}
}

/* cx-charitable end */


/*新闻详情页*/

/*--cx-news-detail--*/
.cx-news-detail{padding:60px 0;clear:both;overflow:hidden;}
.cx-news-detail .article{padding:40px;overflow:hidden;background:#fff;}
.cx-news-detail .article .hd{padding-bottom:20px;border-bottom:#f0f0f0 solid 1px;}
.cx-news-detail .article .hd h1{font-weight:normal;font-size:30px;line-height:1.5;color:#333;}
.cx-news-detail .article .hd .meta{padding-top:10px;line-height:24px;font-size:14px;color:#999;}
.cx-news-detail .article .hd .meta span{display:inline-block;margin-right:10px;}
.cx-news-detail .article .hd .meta span a{display:inline-block;margin-right:10px;color:#999;}
.cx-news-detail .article .hd .meta span a:hover{color:#333;}
.cx-news-detail .article .hd .meta span i{display:inline-block;margin-right:4px;font-size:20px;vertical-align:middle;}
.cx-news-detail .article .bd{padding:20px 0;font-size:14px;line-height:1.75;color:#333;}
.cx-news-detail .article .bd p{font-size:16px !important;line-height:1.75 !important;color:#333 !important;overflow:hidden;}
.cx-news-detail .article .bd p a{color:#c5bdae;}
.cx-news-detail .article .bd img{display:block !important;margin:0 auto;width:auto !important;max-width:100%;height:auto !important;}
.cx-news-detail .article .bd p.row2 img{display:block;float:left;margin:0 1%;width:48%;}
.cx-news-detail .article .bd p.row3 img{display:block;float:left;margin:0 1%;width:31.33%;}
.cx-news-detail .article .bd iframe{width:100%;height:500px;}
.cx-news-detail .article .share{padding-top:30px;overflow:hidden;}
.cx-news-detail .article .share span{color:#666;vertical-align:middle;}
.cx-news-detail .article .share a{display:inline-block;margin:0 5px;}
.cx-news-detail .article .share i{font-size:30px;vertical-align:middle;}
.cx-news-detail .article .share i.qq{color:#30a5d3;}
.cx-news-detail .article .share i.sina{color:#f43b51;}
.cx-news-detail .article .share i.qzone{color:#fab619;}
.cx-news-detail .article .share i.wechat{color:#52bb5a;}
.cx-news-detail .article .share a:hover{filter:contrast(1.5);}
@media(max-width:1440px){
.cx-news-detail{padding:50px 0;}  
}
@media(max-width:1024px){
.cx-news-detail{padding:30px 10px;}
.cx-news-detail .article{padding:15px;}
.cx-news-detail .article .hd h1{font-size:20px;}
.cx-news-detail .article .hd .meta span.share{display:none;}
.cx-news-detail .article .bd{padding:10px 0;font-size:14px;}
.cx-news-detail .article .bd p{font-size:14px !important;text-indent:0 !important;}
.cx-news-detail .article .bd iframe{width:100%;height:60vw;}
}
/*--end cx-news-detail--*/


/*--cx-article-pager--*/
.cx-article-pager{position:relative;height:70px;border-top:#f0f0f0 solid 1px;background:#fff;}
.cx-article-pager a{display:block;font-size:20px;height:70px;color:#666;font-size:15px;vertical-align:middle;}
.cx-article-pager .prev,.cx-article-pager .next{position:absolute;top:0;width:350px;line-height:70px;}
.cx-article-pager .prev:after,.cx-article-pager .next:after{display:block;position:absolute;top:0;width:40px;font-family:"iconfont" !important;text-align:center;}
.cx-article-pager .prev{left:0;}
.cx-article-pager .prev:after{left:0;content:"\e686";}
.cx-article-pager .prev a{padding-left:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cx-article-pager .next{right:0;text-align:right;}
.cx-article-pager .next:after{right:0;content: "\e686";transform: rotateY(180deg);}


.cx-article-pager .next a{padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cx-article-pager .prev a:hover,.cx-article-pager .next a:hover{color:#c5bdae;}
.cx-article-pager .back{margin:0 auto;width:70px;text-align:center;background:#c5bdae;}
.cx-article-pager .back a{display:block;padding:15px;height:70px;color:#fff; background: linear-gradient(45deg, #58db67, #0b93e9);}

@media(max-width:1024px){
.cx-article-pager{height:50px;}
.cx-article-pager a{height:50px;font-size:12px;}
.cx-article-pager .prev,.cx-article-pager .next{width:calc(50% - 50px);line-height:50px;}
.cx-article-pager .prev a span,.cx-article-pager .next a span{display:none;}
.cx-article-pager .back{width:50px;}
.cx-article-pager .back a{padding:8px 10px;height:50px;}
}
/*--end cx-article-pager--*/
.col-md-18 {
    width: 75%;
    float: left;
    position: relative;
    min-height: 1px;
}
.col-md-offset-1 {
    margin-left: 4.16666667%;
}
.col-md-5 {
    width: 20.83333333%;
    float: left;
    position: relative;
    min-height: 1px;
}
@media(max-width:1440px){
	.col-md-18{width: 72%}
	.col-md-offset-1 {
    margin-left: 2.16666667%;
}
	.col-md-5 {width: 25.83333333%;}
}
@media(max-width:1024px){
	.col-md-18{width: 100%}
	.col-md-offset-1 {
    margin-left: 0;
}
	.cx-news-detail .col-md-5 {display: none !important;}
}
/*--layout--*/
.left-wrap{padding:0;overflow:hidden;background:#fff;}
.right-wrap{padding:0;overflow:hidden;}
.right-wrap .subBox{margin-bottom:20px;background:#fff;border:#f0f0f0 solid 1px;}
.right-wrap .subBox .hd{position:relative;padding:0 20px;line-height:48px;border-bottom:#f0f0f0 solid 1px;}
.right-wrap .subBox .hd:before{display:block;position:absolute;left:15px;top:50%;margin-top:-10px;width:4px;height:20px;content:"";background:#fff;}
.right-wrap .subBox .hd h3{font-size:16px;line-height:48px;color:#333;}
.right-wrap .subBox .hd h3 a{color:#333;}
.right-wrap .subBox .bd{padding:20px;overflow:hidden;border-top:none;}
.right-wrap .tagBox li{display:inline-block;margin:5px 5px 5px 0;font-size:14px;}
.right-wrap .tagBox li a{display:block;padding:5px 8px;color:#999;background:#f0f0f0;}
.right-wrap .tagBox li a:hover{color:#fff;background:#c5bdae;}
.right-wrap .newsBox li{line-height:30px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.right-wrap .newsBox li:last-child{margin-bottom:0;}
.right-wrap .newsBox li a{color:#666;}
.right-wrap .newsBox li a:hover{color:#c5bdae;}
.right-wrap .goodsBox .item{display:block;position:relative;margin-bottom:20px;text-align:center;overflow:hidden;border:#f0f0f0 solid 1px;}
.right-wrap .goodsBox .item:last-child{margin-bottom:0;}
.right-wrap .goodsBox .item img{display:block;width:100%;transition:all 1s;}
.right-wrap .goodsBox .item:hover img{transform:scale(1.1);}
.right-wrap .goodsBox .item h3{position:absolute;left:0;bottom:0;padding:10px;width:100%;line-height:25px;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.5);backdrop-filter:saturate(180%) blur(20px);}
.right-wrap .QRcode{padding:20px;overflow:hidden;border-bottom:#f0f0f0 solid 1px;}
.right-wrap .QRcode .pic{float:left;padding-right:20px;width:125px;border-right:#f0f0f0 solid 1px;}
.right-wrap .QRcode .pic img{display:block;width:100%;}
.right-wrap .QRcode .text{padding-left:20px;line-height:25px;font-size:14px;color:#666;overflow:hidden;}
.right-wrap .tel{padding:20px;overflow:hidden;}
.right-wrap .tel span{display:block;width:70px;height:24px;line-height:24px;text-align:center;font-size:14px;color:#fff;background: linear-gradient(45deg, #58db67, #0b93e9);border-top-right-radius:10px;}
.right-wrap .tel p{font-size:24px;line-height:38px;font-weight:bold;font-family:"DIN Medium";color:#0b93e9;}
.right-wrap .tel em{color:#999;}
@media(max-width:1024px){
.right-wrap{margin-top:20px;}
.right-wrap .goodsBox .bd{display:flex;flex-wrap:wrap;justify-content:space-between;}
.right-wrap .goodsBox .item{width:48%;}
.right-wrap .goodsBox .item h3{position:static;padding:5px 10px;color:#333;background:#f0f0f0;}
.right-wrap .goodsBox .item:last-child{margin-bottom:auto;}
}
/*--end layout--*/

/*--font-face--*/
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff2') format('woff2'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    user-select: none;
}

/*--end font-face--*/



/*--aboutus--*/
.aboutus{background:#fff;overflow:hidden; 
    background: url();
    left: 0;
    background-repeat: no-repeat;
	
    }
	
.aboutus .container{width: 1360px;
    max-width: 100%;}
.aboutus .item{background-size: cover; margin-bottom:2vw; }
/*.aboutus .item-1{background:url(../images/Inpage/aboutus_bg1.png) no-repeat center bottom;}
.aboutus .item-2{background:url(../images/Inpage/aboutus_bg2.png) no-repeat center 0,url(../images/Inpage/aboutus_bg3.png) no-repeat center bottom;}
.aboutus .item-3{background:url(../images/Inpage/aboutus_bg4.png) no-repeat center 0;}*/
.aboutus .item .inner{flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.aboutus .aboutusitem .inner{justify-content: flex-end;}
.aboutus #strategy3 .inner{justify-content: flex-end;}
.aboutus .item:last-child .inner{padding:70px 0 50px;}
.aboutus .item:nth-child(even) .inner{flex-direction:row-reverse;}
.aboutus #about2 .inner{flex-direction:inherit !important;}
.aboutus #strategy4 .inner,#strategy5 .inner{flex-direction:inherit !important;}

.aboutus .item .pic{width:32%;overflow:hidden;margin-left:3%; margin-top:5%; float:left}
.aboutus .item .pic:before,.aboutus .item .pic:after{}
.aboutus .item .pic img{display:block;z-index:2;width:100%;transition:all .5s linear;    border-top-left-radius: 20px;
    border-bottom-right-radius: 80px;}
.aboutus .item .pic:hover img{transform:scale(1.1);}
.aboutus .item .text{width:65%;text-align: justify; float:left;}
.aboutus .item .text .hd{padding-top: 60px;}
#strategy5 .text .hd{padding-top: 20px;}
.aboutus .item .text .hd h3{display:inline-block;position:relative;z-index:1;height:40px;font-size:45px;line-height:1;color:#000; font-weight:bold}
.aboutus .item .hxjzgse .hd h3{font-size: 45px !important; line-height:50px;}
.aboutus .item .text .hd h2{font-size:18px;color:#3e3a39;padding-top: 5px;}
#about1 .text .hd,#about2 .text .hd,#about3 .text .hd{text-align: center;}
#about3 .item .text{width: 100% !important;}
.text .hd h3{display:inline-block;position:relative;z-index:1;height:40px;font-size:46px;line-height:1;color:#000;text-align: center;font-weight:bold}
.text .hd h2{font-size:18px;color:#3e3a39;}
.text .hd h4{margin-top:20px;font-size:46px;line-height:1.25;color:#3e3a39;}
.aboutus .item .text .hd h3:after{display:block;position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:5px;content:"";}
.hxjzg{position: relative;display: inline-block;}
.hxjzg:after{display:none !important;position:absolute;z-index:-1;left:0;top:-10px;width:100%;height:5px;content:"";background-image: -webkit-linear-gradient(bottom, #0d95e6, #56d96a);}

.aboutus .item .text .hd h4{margin-top:20px;font-size:42px;line-height:1.25;color:#3e3a39;}
.aboutus .item .text .bd{padding-top:15px;overflow:hidden; text-align:left}
.aboutus .item .hxjzgse .bd{padding-top:20px;}
.aboutus .item .text .bd p{font-size:18px;line-height:1.75;color:#000;}
.aboutus .item .text .en{position:absolute;left:0;bottom:30px;font-family:"DIN Medium";color:#e4e4e4;text-transform:uppercase;}
.aboutus .item .text .en small{display:block;font-size:50px;line-height:1;}
.aboutus .item .text .en span{display:block;font-size:120px;line-height:1;}
.aboutus .item:nth-child(odd) .pic{animation:fadeinR 1s;}
.aboutus .item:nth-child(odd) .pic:before{left:0;top:0;display: none;}
.aboutus .item:nth-child(odd) .pic:after{right:0;bottom:0;display: none}
.aboutus .item:nth-child(even) .pic{padding-right:30px;animation:fadeinL 1s;}
.aboutus .item:nth-child(even) .pic:before{right:0;top:0;}
.aboutus .item:nth-child(even) .pic:after{left:0;bottom:0;}
.innerimg{width: 100%;display: flex;padding-top:20px;}
.innerimg .innerimgli{display: block;width: 49%;margin-right: 2%;margin-bottom: 2%}
.innerimg .innerimgli:nth-child(2n){margin-right: 0;}
.innerimg .innerimgli img{display: block;width: 100%;}
.innerimg .innerimgli span{display:block;width: 100%;font-size:16px;padding:8px 0;text-align: center;}
.aboutvideo{width: 100%;}
.aboutvideo video{width: 100%;}
#about2 .des {height: 300px;position: relative;margin-top: 40px;}
#about2 .des .xian {position: absolute;z-index: 1; width: 1920px;height: 4px;background-color: rgb(220, 220, 220);top: 93px;left: -17%;}
#about2 .des ul {display:flex;height: 300px;position: relative;z-index: 2;}
#about2 .des ul li {position: relative;display: inline-block;vertical-align: top;width: 9%;height: 300px;box-sizing: border-box;text-align: center;min-width: 130px;margin-right: 10%;}
#about2 .des ul li .icon {position: absolute;width: 80px;height: 80px;left: 0;right: 0;margin-left: auto; margin-right: auto;top: 55px;background: url(../images/about2_01.png) no-repeat center;}
#about2 .des ul li strong {font-weight: normal;display: block;position: absolute;top:-17px;left: 3px;width:100%;font-size: 50px;color: rgb(255, 255, 255);opacity: 0.3;filter: alpha(opacity=30);}
#about2 .des ul li em {display: block;font-weight: normal;position: absolute;top: 145px;left: 3px;width: 100%;font-size: 28px;color:#000;line-height: 1.6em;}
#about2 .des ul li.even strong {top: 130px;}
#about2 .des ul li.even em {top: 0px;}
#about2 .des ul li .icon div {width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: contain;}
/*#about2 .des ul li .icon1 div {
    width: 100%;
    height: 100%;
    background: url(../images/about2_08.png) no-repeat center;
}
#about2 .des ul li .icon2 div {
    width: 100%;
    height: 100%;
    background: url(../images/about2_09.png) no-repeat center;
}
#about2 .des ul li .icon3 div {
    width: 100%;
    height: 100%;
    background: url(../images/about2_10.png) no-repeat center;
}
#about2 .des ul li .icon4 div {
    width: 100%;
    height: 100%;
    background: url(../images/about2_11.png) no-repeat center;
}
#about2 .des ul li .icon5 div {
    width: 100%;
    height: 100%;
    background: url(../images/about2_12.png) no-repeat center;
}*/



.aboutru .news {width: 100%;overflow: hidden;display: flex;justify-content: space-between;}
.aboutru .news .news-left { width:43%;}
.aboutru .news .news-left img{max-width: 100%;width: 100%;}
.aboutru .news .news-list { width: 52%;}
.aboutru .news .news-list li {border: 1px solid #cccccc;height:60px;position: relative;background: #fff;overflow: hidden;margin-bottom: 5px;}
.aboutru .news .news-list li a {width: 100%;height: 125px;}
.aboutru .news .news-list li .news-list-con {height: 100%;padding:0 20px;position: relative;z-index: 10;font-size: 13px;color: #9d9d9d;width: 100%;display: flex;align-items: center;}
.aboutru .news .news-list li .news-list-con h3 {font-size: 14px;color: #484848;padding: 0 !important;}
.aboutru .news .news-list li .news-list-con h4 {width: 75px;padding-right: 20px;text-align: right; float: left;display: flex;align-items: center;}
.aboutru .news .news-list li .news-list-con h4 img{display: block;width: 100%;}
.aboutru .news .news-list li .news-list-con p {margin-bottom: 0 !important;font-size: 16px;line-height: 1.75;color: #666;}
.aboutru .news .news-list li span { width: 0;height: 125px;background:linear-gradient(to right,#38baa3,#21a7c5);-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;position: absolute;left:0; top: 0;}
.aboutru .news .news-list li:nth-child(1) .news-list-con h3,.aboutru .news .news-list li:nth-child(4) .news-list-con h3{padding-top: 14px;}
.aboutru .news .news-list li:hover span {width: 100%;}
.aboutru .news .news-list li:hover .news-list-con h3,.aboutru .news .news-list li:hover .news-list-con h4,.aboutru .news .news-list li:hover .news-list-con p,.aboutru .news .news-list li:hover .news-list-con {color: #ffffff;}


@media(max-width:1440px){
	.aboutus .item .text .hd{padding-top: 0;}
	#about1 .text .hd{padding-top: 70px;}
.aboutus .item .inner{padding:50px 0 0;}
.aboutus .item .pic{padding-bottom:25px;}
.aboutus .item .pic:before,.aboutus .item .pic:after{width:25px;height:25px;}
.aboutus .item .text{width:600px;}
.aboutus .item .text .hd h3{height:42px;font-size:38px;}
.aboutus .item .text .hd h3:after{height:16px;}
.aboutus .item .text .hd h4{margin-top:16px;font-size:38px;}
.aboutus .item .text .bd{padding-top:25px;}
.aboutus .item .text .bd p{font-size:15px;}
.aboutus .item .text .en{bottom:25px;}
.aboutus .item .text .en small{font-size:42px;}
.aboutus .item .text .en span{font-size:100px;}
.aboutus #strategy1 .text .hd{padding-top: 0;}
#strategy1{height: auto !important;}
#strategy1 .container1400{padding-bottom: 70px;}
.text .hd h3{font-size: 40px;}
}

@media(max-width:1366px){
#about1 .inner,#about2 .inner{padding:0px 0 10px;}
#about2 .text{width: 80%;}
#about2 .text .hd{padding-top: 30px;}
#about2 .text .text .bd{padding-top: -10px}
.history_content{top: 30px}
.history_swiper{margin-top: 10px !important;}
#about2 .inner:first-child{padding: 40px 0 10px;}
}

@media(max-width:1280px){
#about1 .text{width: 48%;}
#about1 .pic{width: 48%;}
.history_swiper .swiper-slide{padding-bottom: 10px !important;padding-top: 10px !important;}
.history_swiper .swiperBox{padding: 0 15px !important;}
.history_swiper .swiperBox .year{font-size: 40px !important;}
}

@media(max-width:1024px){
.aboutcubanner{height: 300px !important;}
.about-banner{background-size: cover;}
.aboutus .item .inner{padding:40px 10px;}
.aboutus .item .pic{padding:0 !important;width:100%;}
.aboutus .item .pic:before,.aboutus .item .pic:after{display:none;}
.aboutus .item .text{padding-top:20px;width:100% !important;}
.aboutus .item .text .hd h3{height:auto;font-size:24px !important;}
.aboutus .item .text .hd h3:after{height:6px;}
.aboutus .item .text .hd h4{margin-top:6px;font-size:25px;}
.aboutus .item .text .bd{padding-top:15px;}
.aboutus .item .text .bd p{font-size:14px;}
.aboutus .item .text .en{display:none;position:static;margin-top:25px;}
.aboutus .item .text .en small{font-size:30px;}
.aboutus .item .text .en span{font-size:70px;}
.aboutus .item .text .hd{padding-top: 25px;}
.aboutus .item .text .hd h2{padding-top: 0;}
#about2 .des,#about2 .des ul{height: 230px;}
#about2 .des ul li{width: 25%;margin-right: 0;}
#about2 .des ul li .icon{background: none;width: 65px;height: 65px;}
#about2 .des ul li em{font-size: 22px;top: 135px}
#about2 .des ul li.even em{top: 10px}
#about2 .des ul li strong{font-size: 40px;left: 0;top: -5px}
#about2 .des ul li.even strong{top: 123px}
.tong_title h2, .brand_main .tong_title h2{font-size: 24px !important;}
.tong_title p{font-size: 18px !important;}
.swiperBtn{height: 45px !important;width: 45px !important;}
.aboutus #strategy1 .inner{padding: 40px 10px 0;}
.text .hd h3{font-size: 24px;height: auto;}
.news_list .item .title{font-size: 16px}
.news_list .item{margin-bottom: 30px;}
.aboutus #strategy5 .inner{padding: 5px 0 50px !important;}
.aboutru {padding-bottom: 30px;}
}
/*--end aboutus--*/


/*--honor--*/
.honor{padding:100px 0;overflow:hidden;background:#fff;}
.honor .inner{position:relative;overflow:hidden;}
.honor-list{display:flex;align-items:flex-end;overflow:auto;padding-bottom:30px;user-select: none;}
.honor-list::-webkit-scrollbar{width:100%;height:40px;background:#f0f0f0;}
.honor-list::-webkit-scrollbar-thumb{background:url(../images/Inpage/prev.png) no-repeat 20px center,url(../images/Inpage/next.png) no-repeat calc(100% - 20px) center;background-color:#000;}
.honor-list .group{position:relative;padding-right:20px;width:283px;min-height:685px;flex:none;}
.honor-list .group:before,.honor-list .group:after{display:block;position:absolute;bottom:0;content:"";background:#ccc;}
.honor-list .group:before{left:3px;width:1px;height:calc(100% - 18px);}
.honor-list .group:after{left:0;width:6px;height:6px;border-radius:50%;}
.honor-list .item{position:relative;margin-bottom:36px;padding-left:35px;overflow:hidden;}
.honor-list .item:before{display:block;position:absolute;left:3px;top:18px;width:22px;height:1px;content:"";background:#ccc;}
.honor-list .item h3{height:35px;line-height:35px;font-size:32px;font-family:"DIN Medium";color:#000;}
.honor-list .item p{margin-top:10px;line-height:25px;font-size:14px;color:#666;}
.honor-list .item img{display:block;margin-top:16px;width:auto;max-width:100%;}
.honor .more{padding-top:20px;text-align:center;overflow:hidden;}
.honor .more a{font-size:16px;color:#999;}
.honor .more a:before,.honor .more a:after{display:inline-block;margin:0 10px;font-family:"iconfont";content:"\e727";color:#000;font-size:18px;animation:fadein 1s infinite;}
.honor .more a:before{transform:rotateY(180deg);}
@media(max-width:1440px){
.honor{padding:90px 0;}
.honor-list .group{width:236px;}
}
@media(max-width:1024px){
.honor{display:none;}
}
/*--end honor--*/

/*--wrap-title--*/
.wrap-title{position:relative;z-index:9;margin-bottom:35px;text-align:center;overflow:hidden;animation:fadeinT 1s;}
.wrap-title h2{font-size:46px;line-height:2;color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title p{font-size: 16px;
    line-height: 1.75;
    color: #666; padding-bottom:20px;}
.wrap-title.white *{color:#fff;}
.wrap-title h3{font-size: 18px;
    color: #ccc;line-height:2;}
@media(max-width:1024px){
.wrap-title{margin-bottom:20px;}
.wrap-title h2{font-size:28px;}  
}
/*--end wrap-title--*/

/*--patent--*/
.patent{padding:110px 0;overflow:hidden;background:#f5f5f5;}
.patent .wrap-title h2{font-size:52px;}
.patent .wrap-title h2 i{display:inline-block;position:relative;top:-5px;margin:0 26px;width:1px;height:44px;background:#000;vertical-align:middle;}
.patent .wrap-title em{display:block;margin-bottom:10px; font-family:"DIN Medium";font-size:20px;color:#000;text-transform:uppercase;}
.patent .wrap-title p{margin-top:10px;font-size:26px;color:#000;}
.patent .wrap-title p span{display:inline-block;padding:0 15px;}
.patent  .inner{text-align:center;overflow:hidden;}
.patent  .inner p{font-size:26px;color:#000;}
.patent  .inner img{display:block;margin-top:40px;width:100%;animation:bounceinB 1s;}
@media(max-width:1440px){
.patent{padding:90px 0;}
}
@media(max-width:1024px){
.patent{padding:40px 10px;}
.patent .wrap-title h2{font-size:24px;}
.patent .wrap-title h2 i{top:-2px;margin:0 10px;height:30px;}
.patent .wrap-title em{margin-bottom:5px; font-size:18px;}
.patent .wrap-title p{margin-top:8px;font-size:14px;}
.patent .wrap-title p span{padding:0 5px;}
.patent .inner p{font-size:14px;}
.patent .inner img{margin-top:20px;}
}



/*--chain--*/
.chain{padding:100px 0;overflow:hidden;background:#fff;}
.chain-list{margin-top:30px;overflow:hidden;}
.chain-list .item{position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background:#f8f8f8;}
.chain-list .pic{width:50%;overflow:hidden;padding:40px;}
.chain-list .pic img{display:block;width:100%;transition:all .5s;}
.chain-list .pic:hover img{transform:scale(1.1);}
.chain-list .text{position:relative;padding:40px;width:50%;overflow:hidden;transition:all .5s;}
.chain-list .text h3{font-weight:normal;font-size:39px;line-height:1.25;color:#000;overflow:hidden;}
.chain-list .text p{margin-top:50px;font-size:16px;line-height:1.5;color:#666;}
.chain-list .item:nth-child(odd){flex-direction:row-reverse;}
@media (max-width:1440px){
.chain{padding:90px 0;}
.chain-list .text{padding:65px;}
.chain-list .text h3{font-size:33px;}
.chain-list .text p{margin-top:42px;}
}
@media (max-width:1024px){
.chain{padding:40px 10px;}
.chain-list .item .pic{width:100%;}
.chain-list .text{padding:20px;width:100%;height:auto;}
.chain-list .text h3{font-size:22px;}
.chain-list .text p{margin-top:20px;font-size:14px;}
}
/*--end chain--*/


/*--qydx-college--*/
.qydx-college{padding:100px 0;overflow:hidden;background:#fff;background: url(../images/nokuai1ico1.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: top;}
.qydx-college .inner{position:relative;padding-bottom:40px;overflow:hidden;background:#f8f8f8;}
.qydx-college .inner:before{display:block;position:absolute;left:0;top:0;width:100%;height:90px;content:"";background:#fff;}
.qydx-college-slide{position:relative;z-index:2;float:left;width:696px;overflow:hidden;}
.qydx-college-slide li{overflow:hidden;}
.qydx-college-slide li img{display:block;width:100%;}
.qydx-college-slide .swiper-pager{margin-top:40px;text-align:center;overflow:hidden;}
.qydx-college-slide .swiper-pager span{margin:0 12px !important;width:9px;height:9px;background:#000;}
.qydx-college-text{position:relative;z-index:2;float:right;width:660px;overflow:hidden;}
.qydx-college-text .hd{overflow:hidden;}
.qydx-college-text .hd h3{line-height:50px;font-size:46px;color:#000;}
.qydx-college-text .bd{padding-top:90px;padding-right:65px;overflow:hidden;}
.qydx-college-text .bd p{margin-bottom:26px;line-height:30px;font-size:18px;color:#666;}
@media (max-width:1440px){
.qydx-college{padding:90px 0;}
.qydx-college .inner:before{height:75px;}
.qydx-college-slide{width:584px;}
.qydx-college-text{width:554px;}
.qydx-college-text .bd{padding-top:42px;}
.qydx-college-text .bd p{margin-bottom:20px;line-height:25px;font-size:16px;}
}
@media (max-width:1024px){
.qydx-college{padding:40px 10px;}
.qydx-college .inner{padding:0;background:#fff;}
.qydx-college-slide{float:none;width:100%;}
.qydx-college-slide .swiper-pager{margin-top:20px;}
.qydx-college-text{float:none;margin-top:30px;width:100%;}
.qydx-college-text .hd h3{line-height:1.5;font-size:24px;}
.qydx-college-text .bd{padding-top:20px;padding-right:0;}
.qydx-college-text .bd p{margin-bottom:10px;line-height:1.5;font-size:14px;}
}
/*--end qydx-college--*/


/*--qydx-course--*/
.qydx-course{padding: 100px 0 80px;overflow:hidden;background:#dddddd;}
.qydx-course-list{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.qydx-course-list .item{margin:10px 0;width:calc(50% - 10px);overflow:hidden;background:#fff;}
.qydx-course-list .pic{float:left;width:38%;overflow:hidden;}
.qydx-course-list .pic img{display:block;width:100%;transition:all 1s;}
.qydx-course-list .pic:hover img{transform:scale(1.1);}
.qydx-course-list .text{padding:40px;overflow:hidden;}
.qydx-course-list .text h3{line-height:30px;font-size:24px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qydx-course-list .text h3 a{color:#000;}
.qydx-course-list .text h3 a:hover{color:#c5bdae;}
.qydx-course-list .text p{margin:14px 0;height:120px;line-height:30px;font-size:16px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.qydx-course-list .text p a{color:#999;}
.qydx-course-list .text .read{display:block;width:130px;line-height:50px;font-size:16px;color:#666;border-bottom:#ccc solid 1px;}
.qydx-course-list .text .read:before{display:block;float:right;font-family:"iconfont";content:"\e699";}
.qydx-course-list .text .read:hover{color:#000;border-color:#000;}
@media(max-width:1440px){
.qydx-course{padding:90px 0;}
.qydx-course-list .text{padding:30px;}  
.qydx-course-list .text h3{line-height:25px;}
.qydx-course-list .text p{margin:10px 0;height:100px;line-height:25px;}
}
@media(max-width:1024px){
.qydx-course{padding:40px 10px;}
.qydx-course-list .item{width:100%;}
.qydx-course-list .text{padding:15px;}
.qydx-course-list .text h3{font-size:18px;}
.qydx-course-list .text p{margin:6px 0;height:40px;line-height:20px;font-size:14px;-webkit-line-clamp:2;}
.qydx-course-list .text .read{width:100px;line-height:40px;font-size:14px;}
}
/*--end course--*/


/*--qydx-ad--*/
.qydx-ad{position:relative;z-index:1;/*height:740px;*/background:#fff url(../images/Inpage/qydx_ad_bg.jpg) no-repeat center 0;}
.qydx-ad .text{padding-top:80px;width:680px;overflow:hidden;}
.qydx-ad .text .hd{font-size:46px;line-height:1.25;color:#000;}
.qydx-ad .text .bd{padding-top: 20px;overflow:hidden;}
.qydx-ad .text .bd p{padding-right:75px;font-size:16px;line-height:1.75;color:#000;}
.qydx-ad .text .bd a{display:block;margin-top:20px;width:150px;height:50px;line-height:50px;font-size:16px;color:#000;text-align:center;background:#fff;border-radius:5px;}
/*.qydx-ad .pic{display:none;}*/
.qydx-ad .pic{display: block;width: 100%;}
.qydx-ad .pic img{max-width: 100%;}
@media(max-width:1024px){
.qydx-ad{height:auto;overflow:hidden;background:#c5beae;}  
.qydx-ad .container{padding:0;}
.qydx-ad .text{padding:40px 10px 10px;width:100%;}
.qydx-ad .text .hd{font-size: 22px;}
.qydx-ad .text .bd p{padding-right:0;font-size:14px;}
.qydx-ad .text .bd a{font-size:14px;}
.qydx-ad .pic{display:block;}
}
/*--end qydx-ad--*/


/*--qydx-team--*/
.qydx-team{padding:80px 0;overflow:hidden;background:#fff;}
/*.qydx-ad~.qydx-team{margin-top:-100px;padding-top:0;}*/
.qydx-team .wrap-title{margin-bottom:0;}
.qydx-team-big{position:relative;overflow:hidden;background:url(../images/qydx_team_bg.png);}
.qydx-team-big:before{display:block;;position:absolute;z-index:1;left:0;top:0;width:100%;height:45px;content:"";background:#fff;}
.qydx-team-big .item{position:relative;overflow:hidden;}
.qydx-team-big .item:after{display:block;position:absolute;left:50%;top:125px;bottom:80px;width:1px;content:"";background:#000;opacity:0.05;}
.qydx-team-big .pic{float:left;width:50%;}
.qydx-team-big .pic img{display:block;width:100%;}
.qydx-team-big .text{padding:120px 70px 0;overflow:hidden;}
.qydx-team-big .text .name{line-height:45px;font-size:32px;color:#000;}
.qydx-team-big .text .meta{margin-top:6px;line-height:28px;font-size:18px;color:#666;overflow:hidden;}
.qydx-team-big .text .summary{margin-top:38px;height:168px;line-height:28px;font-size:16px;color:#999;overflow:auto;} 
.qydx-team-big .prev,.qydx-team-big .next{position:absolute;z-index:9;top:250px;width:53px;height:53px;line-height:51px;color:#ddd;text-align:center;cursor:pointer;border:#ddd solid 1px;border-radius:50%;}
.qydx-team-big .prev{left:50px;}
.qydx-team-big .next{right:calc(50% + 50px);}
.qydx-team-big .prev:hover,.qydx-team-big .next:hover{color:#fff;background:#000;border-color:#000;}
.qydx-team-big .prev.swiper-button-disabled,.qydx-team-big .next.swiper-button-disabled{display:none;}
.qydx-team-min{margin-top:28px;overflow:hidden;}
.qydx-team-min .item{display:block;position:relative;padding-top:5px;color:#666;text-align:center;cursor:pointer;overflow:hidden;border-bottom:#e9e9e9 solid 1px;}
.qydx-team-min .item:before{display:none;position:absolute;z-index:1;left:50%;top:2px;margin-left:-5px;width:10px;height:10px;content:"";background:#cac0b0;transform:rotate(-45deg);}
.qydx-team-min .item i{display:block;position:relative;z-index:2;overflow:hidden;transition:all .5s;}
.qydx-team-min .item i img{display:block;width:100%;transition:all .5s;}
.qydx-team-min .item p{line-height:49px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qydx-team-min .item.cur,.qydx-team-min .item.swiper-slide-thumb-active{color:#000;border-color:#000;}
.qydx-team-min .item.cur:before,.qydx-team-min .item.swiper-slide-thumb-active:before{display:block;}
.qydx-team-min .item.cur i,.qydx-team-min .item.swiper-slide-thumb-active i{background:#aa9e8e;}
@media(max-width:1440px){
.qydx-team-big .text{padding:90px 60px 0;}
.qydx-team-big .text .meta{font-size:16px;}
.qydx-team-big .text .summary{margin-top:25px;height:140px;line-height:22px;font-size:14px;}
}
@media(max-width:1024px){
.qydx-team{padding:40px 10px;}
.qydx-ad~.qydx-team{margin-top:0;}  
.qydx-team .wrap-title{margin-bottom:20px;}
.qydx-team-big:before{display:none;}
.qydx-team-big .item:after{display:none;}
.qydx-team-big .pic{float:none;width:100%;}
.qydx-team-big .text{padding:20px;}
.qydx-team-big .prev,.qydx-team-big .next{display:none;}
.qydx-team-big .text .name{line-height:30px;font-size:20px;}
.qydx-team-big .text .meta{max-height:auto;line-height:1.5;font-size:16px;}
.qydx-team-big .text .summary{line-height:1.5;font-size:14px;height: auto;}
.qydx-team-min .item p{line-height:1.75;font-size:14px;}
}
/*--end qydx-team--*/

/*--qydx-photos--*/
.qydx-photos{padding:80px 0 50px;overflow:hidden;background:#f8f8f8;}
.photos-list{display:flex;flex-wrap:wrap;margin:-12px;overflow:hidden;}
.photos-list li{float:left;margin:12px;width:calc(33.33% - 24px);overflow:hidden;}
.photos-list li img{display:block;width:100%;transition:all .5s linear;}
.photos-list li:hover img{transform:scale(1.1);}
.qydx-photos .more{margin-top:40px;text-align:center;overflow:hidden;font-size:16px;color:#999;opacity: 0;}
.qydx-photos .more a{display:inline-block;font-size:16px;color:#999;}
.qydx-photos .more a:after{display:inline-block;margin-left:10px;font-size:20px;font-family:"iconfont";content:"\e665";}
.qydx-photos .more a:hover{color:#000;}
@media(max-width:1024px){
.qydx-photos{padding:40px 10px;}
.photos-list{margin:-6px;}
.photos-list li{margin:6px;width:calc(50% - 12px);}
.photos-list li:nth-child(9){display:none;}
.qydx-photos .more{margin-top:20px;}
.qydx-photos .more a{font-size:14px;}
}
/*--end qydx-photos--*/

/*--deeds--*/
.deeds{padding:100px 0;overflow:hidden;background:#fff;}
.deeds-list{position:relative;display:flex;flex-wrap:wrap;margin-top:50px;padding-bottom:50px;overflow:hidden;}
.deeds-list:after{display:block;position:absolute;left:50%;top:0;width:1px;height:100%;content:"";background:#e5e5e5;}
.deeds-list .item{position:relative;width:50%;margin-top:225px;}
.deeds-list .item:nth-child(odd){margin-top:0;padding-right:130px;text-align:right;animation:fadeinL 1s;}
.deeds-list .item:nth-child(even){padding-left:130px;animation:fadeinR 1s;}
.deeds-list .item em{display:block;position:absolute;z-index:9;top:80px;padding-top:30px;width:50px;font-family:"DIN Medium";font-size:18px;color:#333; text-align:center;}
.deeds-list .item em:before,.deeds-list .item em:after{display:block;position:absolute;content:"";top:8px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:50%;background: linear-gradient(to bottom, #58db67, #0b93e9);}
.deeds-list .item em:before{z-index:1;opacity:0.1;animation:dot 3s linear infinite}
.deeds-list .item em:after{z-index:2;}
.deeds-list .item h3{padding-bottom:15px;font-size:42px;font-family:"DIN Medium";color:#000;border-bottom:#e5e5e5 solid 1px;}

.deeds-list .item .itemp{margin-top:15px;font-size:18px;line-height:30px;color:#666;text-align: left;}
.deeds-list .item i{display:block;margin-top:25px;overflow:hidden;}
.deeds-list .item i img{display:block;width:100%;transition:all .5s linear;}
.deeds-list .item:hover img{transform:scale(1.1);}
.deeds-list .item:nth-child(odd) em{right:-25px;}
.deeds-list .item:nth-child(even) em{left:-25px;}
.deeds .more{margin-top:60px;text-align:center;overflow:hidden;}
.deeds .more a{display:inline-block;font-size:16px;color:#999;}
.deeds .more a:after{display:inline-block;margin-left:10px;font-size:20px;font-family:"iconfont";content:"\e665";}
.deeds .more a:hover{color:#000;}
@media(max-width:1440px){
.deeds{padding:90px 0;}
.deeds-list .item:nth-child(odd){padding-right:110px;}
.deeds-list .item:nth-child(even){padding-left:110px;}
}
@media(max-width:1024px){
.deeds{padding:40px 10px;}
.deeds .wrap-title{display:none;}
.deeds-list{margin-top:0;padding-bottom:10px;}
.deeds-list:after{left:25px;}
.deeds-list .item{margin-top:20px !important;padding:0 0 0 50px !important;width:100%;text-align:left !important;}
.deeds-list .item em{top:45px;left:0 !important;right:unset !important;}
.deeds-list .item h3{padding-bottom:15px;font-size:30px;}
.deeds-list .item p{margin-top:15px;font-size:14px;min-height:auto;line-height:22px;}
.deeds-list .item i{margin-top:10px;}
.deeds .more{margin-top:30px;}
}
@keyframes dot{
    0%{transform:scale(1);}
    50%{transform:scale(5);}
    100%{transform:scale(1);}
}
/*--end deeds--*/


/*--jobs--*/
.jobs{padding:100px 0;overflow:hidden;background:#fff;}
.jobs-welfare{margin-top:-20px;overflow:hidden;}
.jobs-welfare .item{position:relative;margin-top:20px;padding:40px 20px 50px;text-align:center;border:#e9e9e9 solid 1px;}
.jobs-welfare .item i{display:block;position:absolute;left:50%;top:-28px;width:56px;height:56px;transform:translateX(-50%);}
.jobs-welfare .item h3{font-size:24px;color:#000;}
.jobs-welfare .item p{margin-top:6px;height:50px;line-height:25px;font-size:16px;color:#999;}
.jobs-welfare .swiper-pager{margin-top:35px;text-align:center;overflow:hidden;}
.jobs-welfare .swiper-pager span{margin:0 10px !important;width:10px;height:10px;background:#000;}
.jobs-main{margin-top:45px;overflow:hidden;}
.jobs-main .hd{height:70px;line-height:70px;overflow:hidden;background:#f8f8f8;}
.jobs-main .hd li{float:left;text-align:center;font-size:18px;color:#666;}
.jobs-main .hd li:nth-child(1){padding-left:5%;width:28%;text-align:left;}
.jobs-main .hd li:nth-child(2){width:18%;}
.jobs-main .hd li:nth-child(3){width:38%;}
.jobs-main .hd li:nth-child(4){width:16%;}
.jobs-main .bd{overflow:hidden;}
.jobs-main .item{overflow:hidden;border-bottom:#efefef solid 1px;}
.jobs-main .item dt{height:78px;line-height:78px;overflow:hidden;}
.jobs-main .item dt li{float:left;text-align:center;font-size:18px;color:#666;}
.jobs-main .item dt li:nth-child(1){padding-left:5%;width:28%;text-align:left;font-size:24px;color:#222;}
.jobs-main .item dt li:nth-child(2){width:18%;}
.jobs-main .item dt li:nth-child(3){width:38%;}
.jobs-main .item dt li:nth-child(4){width:16%;cursor:pointer;}
.jobs-main .item dt li:nth-child(4):after{display:inline-block;margin-left:10px;color:#999;font-family:"iconfont";content:"\e665";transition:all .5s;}
.jobs-main .item dd{display:none;position:relative;padding:5%;line-height:1.75;background:#ececec;}
.jobs-main .item dd:before{display:block;position:absolute;left:calc(5% + 30px);top:-4px;width:8px;height:8px;content:"";background:#ececec;transform:rotate(45deg);}
.jobs-main .item dd h4{margin-bottom:20px;font-size:24px;color:#222;}
.jobs-main .item dd p{font-size:16px;color:#666;}
.jobs-main .item.cur{padding-bottom:40px;}
.jobs-main .item.cur dt li:nth-child(4):after{transform:rotate(-180deg);}
@media(max-width:1440px){
.jobs{padding:90px 0;}
}
@media(max-width:1024px){
.jobs{padding:40px 10px;}
.jobs-welfare .item{padding:20px 10px 25px;}
.jobs-welfare .item i{top:-20px;width:40px;height:40px;}
.jobs-welfare .item h3{font-size:18px;}
.jobs-welfare .item p{height:44px;line-height:22px;font-size:14px;}
.jobs-welfare .swiper-pager{margin-top:20px;}
.jobs-main{margin-top:20px;}
.jobs-main .hd{height:40px;line-height:40px;}
.jobs-main .hd li{font-size:16px;}

.jobs-main .item dt{height:45px;line-height:45px;}
.jobs-main .item dt li{font-size:14px;}
.jobs-main .item dt li:nth-child(1){font-size:14px;}

.jobs-main .item dd h4{margin-bottom:10px;font-size:16px;}
.jobs-main .item dd p{font-size:14px;}
}
/*--end jobs--*/


/*--contact--*/
.contact{padding:100px 0;overflow:hidden;background:#fff;/*background: url(../images/nokuai1ico1.png);*/
    left: 0;
    background-repeat: no-repeat;
    background-position: top;}
.contact .info{position:relative;float:left;width:700px;height:450px;overflow:hidden;}
.contact .info .hd{padding-bottom:30px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.contact .info .hd h2{font-weight:normal;font-size:28px;color:#000; font-weight:900}
.contact .info .bd{padding-top:30px;overflow:hidden;}
.contact .info .bd p{margin-bottom:15px;font-size:18px;color:#666;}
.contact .info .QRcode{position:absolute;left:-40px;bottom:0;width:100%;text-align:center;overflow:hidden;}
.contact .info .QRcode .item{float:left;padding:0 40px;width:180px;border-right:#e5e5e5 solid 1px;}
.contact .info .QRcode .item:last-child{border:none;}
.contact .info .QRcode .item img{display:block;width:100%;}
.contact .info .QRcode .item p{margin-top:15px;font-size:16px;color:#666;}
.contact .map{float:right;width:600px;height:450px;overflow:hidden;}
.contact .map img{fborder-top-left-radius: 20px;
    border-bottom-right-radius: 80px;}
.contact .map>div{position:relative;top:50%;left:50%;width:602px;height:452px;transform:translate(-50%,-50%);}
@media(max-width:1440px){
.contact{padding:90px 0;}
.contact .info{width:600px;height:430px;}
.contact .map{width:500px;height:430px;}
.contact .info .QRcode .item{width:180px;}
}
@media(max-width:1024px){
.contact{padding:40px 10px;}
.contact .info{width:100%;height:auto;}
.contact .info .hd{padding-bottom:20px;}
.contact .info .hd h2{font-size:18px;}
.contact .info .bd{padding-top:20px;}
.contact .info .bd p{margin-bottom:10px;font-size:14px;}
.contact .info .QRcode{position:relative;left:-15px;bottom:unset;padding-top:20px;}
.contact .info .QRcode .item{padding:0 15px;width:110px;}
.contact .info .QRcode .item p{margin-top:5px;font-size:14px;}
.contact .map{margin-top:20px;width:100%;height:60vw;}
}
/*--end contact--*/

.containneir{display: block;}
.containneir ul{display: flex;width: 100%;flex-wrap: wrap;}
.containneir ul li{width: 29%;padding: 0 1.5%;}
.containneir ul li:first-child{width: 100%;margin-bottom: 50px;text-align: center;}
.containneir ul li:nth-child(2){width: 42%;}
.containneir ul li .hd h3 {
    display: inline-block;
    position: relative;
    z-index: 1;
    height: 40px;
    font-size: 40px;
    line-height: 1;
    color: #000;
    font-weight: bold;
}
.containneir ul li .bd {
    padding-top: 15px;
    overflow: hidden;
    text-align: left;
}
.containneir ul li .bd p {
    font-size: 16px;
    line-height: 1.65;
    color: #000;
}
.containneir ul li:first-child p {text-align: center;}
/*--joinForm2--*/
.joinForm2{padding:90px 0;overflow:hidden;background:#fff;}
.joinForm2 .box-title{margin-bottom:65px;text-align:center;animation:fadeinT 1s;}
.joinForm2 .box-title h2{font-size:46px;color:#000;}
.joinForm2 .inner{padding:45px 58px;overflow:hidden;background:#f8f8f8;}
.joinForm2 .msgBox{float:left;width:48%;overflow:hidden;}
.joinForm2 .msgBox .hd{padding-bottom:32px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.joinForm2 .msgBox .hd h3{font-size:24px;color:#000;}
.joinForm2 .msgBox .bd{padding:30px 0;overflow:hidden;}
.joinForm2 .msg-slide2{height:368px;overflow:hidden;}
.joinForm2 .msg-slide2 li{display:flex;justify-content:space-between;line-height:46px;font-size:18px;color:#999;overflow:hidden;}
.joinForm2 .msg-slide2 .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;}
.joinForm2 .formBox2{float:left;width:calc(100% - 620px);}
.joinForm2 .formBox2 img{display: block;width: 100%;}
.joinForm2 .formBox{float:right;width:590px;}
.joinForm2 .formBox .hd{font-size:16px;color:#999;overflow:hidden;}
.joinForm2 .formBox .hd em{font-size:18px;font-family:"DIN Medium";color:#000;}
.joinForm2 .formBox .bd{overflow:hidden;}
.joinForm2 .formBox li{margin-top:10px;overflow:hidden;background:#fff;}
.joinForm2 .formBox li:first-child{margin-top: 0;}
.joinForm2 .formBox li:last-child{margin-top:30px;}
.joinForm2 .formBox li .label{position:relative;float:left;width:128px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#000;}
.joinForm2 .formBox li .label:after{display:block;position:absolute;top:50%;right:0;width:1px;height:20px;content:"";background:#e0e0e0;transform:translateY(-50%);}
.joinForm2 .formBox li .inputBox{overflow:hidden;}
.joinForm2 .formBox li .inputBox input{display:block;padding:15px 20px;width:100%;height:60px;font-size:18px;color:#000;border:none;outline:none;}
.joinForm2 .formBox li .inputBox input::-webkit-input-placeholder{color:#999;}
.joinForm2 .formBox li .inputBox input.txtName{background:url(../images/Join/txtName.png) no-repeat calc(100% - 30px) center;}
.joinForm2 .formBox li .inputBox input.txtMobile{background:url(../images/Join/txtPhone.png) no-repeat calc(100% - 30px) center;}
.joinForm2 .formBox li .selectBox{display:flex;}
.joinForm2 .formBox li .selectBox select{flex:none;width:33.33%;padding:15px 45px 15px 20px;height:60px;font-size:18px;color:#999;border:none;outline:none;cursor:pointer;background:url(../images/Join/select_drop.png) no-repeat calc(100% - 20px) center;-webkit-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.joinForm2 .formBox li .selectBox select::-ms-expand{display:none;}
.joinForm2 .formBox li .selectBox select:hover{color:#000;}
.joinForm2 .formBox li:nth-child(5) .selectBox select{width:100%;}
.joinForm2 .formBox li .txtBox{overflow:hidden;}
.joinForm2 .formBox li .txtBox textarea{display:block;padding:15px 20px;width:100%;height:90px;font-size:18px;color:#000;border:none;outline:none;resize:none;}
.joinForm2 .formBox li .txtBox textarea::-webkit-input-placeholder{color:#999;}
.joinForm2 .formBox li .txtBox textarea.txtDescribe{background:url(../images/Join/txtDescribe.png) no-repeat calc(100% - 30px) 20px;}
.joinForm2 .formBox li #submit{display:block;width:100%;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background:#000;transition:all .5s;}
.joinForm2 .formBox li #submit:hover{background:#9c8c80;}
.automatic-wap-img{display: none !important;}


@media(max-width:1600px){
.aboutus #strategy3,.aboutus #strategy4{height:73vh !important;}
.aboutus #strategy3 .text{width: 42% !important;}
}
@media(max-width:1440px){
.joinForm2 .msgBox{width:40%;}
.joinForm2 .formBox{padding-right:40px;width:570px;}
.aboutus #strategy3,.aboutus #strategy4{height:65vh !important;}
.aboutus #strategy3 .text{width: 42% !important;}
}
@media(max-width:1200px){
.joinForm2{padding:8vw 0;}
.joinForm2 .container{padding:0;}
.joinForm2 .box-title{margin-bottom:4vw;}
.joinForm2 .box-title h2{font-size:5.3vw;}
.joinForm2 .inner{padding:0 2.5vw;background:url(../images/Join/jmsy_box7_bg_m.jpg) no-repeat center/ cover;}
.joinForm2 .msgBox{display:none;}
.joinForm2 .formBox{float:none;padding-right:0;width:100%;}
.joinForm2 .formBox .hd{display:none;}
.joinForm2 .formBox .bd{padding-top:2vw;}
.joinForm2 .formBox li{margin-top:2vw;}
.joinForm2 .formBox li:last-child{margin-top:4.7vw;}
.joinForm2 .formBox li .label{width:20vw;height:10.6vw;line-height:10.6vw;font-size:3.4vw;}
.joinForm2 .formBox li .inputBox input{padding:0 4vw;height:10.6vw;font-size:3.4vw;}
.joinForm2 .formBox li .inputBox input::-webkit-input-placeholder{color:#999;}
.joinForm2 .formBox li .inputBox input.txtName{background-position:calc(100% - 4vw) center;background-size:5vw;}
.joinForm2 .formBox li .inputBox input.txtMobile{background-position:calc(100% - 4vw) center;background-size:5vw;}
.joinForm2 .formBox li .selectBox select{padding:0 4vw;height:10.6vw;font-size:3.4vw;background-position:calc(100% - 4vw) center;}
.joinForm2 .formBox li .txtBox textarea{padding:0 4vw;height:10.6vw;line-height:10.6vw;font-size:3.4vw;}
.joinForm2 .formBox li .txtBox textarea.txtDescribe{background-position:calc(100% - 4vw) center;background-size:5vw;}
.joinForm2 .formBox li a{height:10.6vw;line-height:10.6vw;font-size:3.4vw;}
}
@media(max-width:1024px){
	.cx-product .item .text h3{height: auto;}
.inpage-submenu02 li{font-size: 18px;height: auto;line-height: initial;}	
    .aboutus #strategy3, .aboutus #strategy4 {
        height: 50vh !important;
    }
.containneir ul li .hd h3{font-size: 20px;height: 30px;}
.containneir ul li:first-child .hd h3{font-size: 24px;}
.containneir ul li:first-child{margin-bottom: 25px;}
.containneir ul li .bd{padding-top: 2px;}
.containneir ul li:first-child .bd{padding-top: 15px;}
.containneir ul li:first-child p{text-align: justify;}
.containneir ul li{width: 100% !important;}
	
}


/*--end joinForm2--*/
@media(max-width:786px){
	.automatic-pc-img{display: none !important;}
	.automatic-wap-img{display: block !important;}
	.cx-news-detail{padding: 30px 0;}
	.cx-news-detail .left-wrap{float: none !important;}
	.cx-news-detail .article{padding: 15px 0;}
	#about1 .text .hd{padding-top: 25px}
	#about2 .inner:first-child{padding: 0 0 10px}
	.history_swiper{margin-top: 20px !important;}
	.cx-charitable .cx-charitable_con{padding: 0;}
	.aboutus #strategy3 .text{width: 100% !important;}
	.wrap-title h2{font-size: 24px;line-height: initial;}
	.wrap-title h3{line-height: 20px;}
	.wrap-title p {font-size: 16px;line-height: 24px;text-indent: 2em;text-align: justify;padding-bottom: 15px;}
	.aboutus #strategy3, .aboutus #strategy4{height: auto !important;}
	.aboutus #strategy3 .inner, .aboutus #strategy4 .inner{padding: 0px 0px 30px !important;}
	.aboutus #strategy3 .text .hd h2,.aboutus #strategy4 .text .hd h2{padding-bottom: 40px;}
	.cx-product .cx-product_con{min-height: initial;}
	.history_swiper .swiperBox .year{font-size: 24px !important;}
	#about2 .des{margin-top: 10px}
	.aboutcubanner{height: 200px !important;}
	.aboutus .item .text .bd p{line-height: 1.6;}
	.inpage-menu li{margin-right: 0}
	#about1 .text{width: 100%;}
	#about1 .pic{width: 100%}
	.aboutus .item .pic {margin-right: 0%; margin-top: 0%;margin-left: 0;}
	.containneir ul li .bd p{font-size: 14px;line-height: 1.6;}
	.innerimg{padding-top: 15px;flex-wrap: wrap;}
	.innerimg .innerimgli{width: 100%;margin-right: 0;}
	#about2 .des ul li{min-width: initial;}
	#about2 .des, #about2 .des ul,#about2 .des ul li{height: 160px}
	#about2 .des .xian{top: 78px;}
	#about2 .des ul li .icon{width: 45px;height: 45px;}
	#about2 .des ul li strong{font-size: 30px;top: 10px;}
	#about2 .des ul li.even strong{top: 98px}
	#about2 .des ul li em{font-size: 16px;top: 107px}
	#about2 .des ul li.even em{top: 22px}
	.swiperBtn {
        height: 30px !important;
        width: 30px !important;
    }
    #strategy1 .container1400{margin: 0 auto}
	.inpage-menu-wrap02{margin-top: -35px;margin-bottom: 50px;}
    .inpage-menu02{height: 60px;margin-top: 0;line-height: 50px;width: 100%;}
	.inpage-menu02 li .navBoximg{display: none;}
	.inpage-menu02 li .navBoxtit{position: relative;}
    .inpage-menu02 li{height: 60px;line-height:60px;padding-top: 0;margin: 8px;background: #20c4b4 !important;border-radius: 5px;}
    .inpage-menu02 li:hover, .inpage-menu02 li.cur{line-height: 50px;}
    .inpage-menu02 li a{font-size: 18px;line-height: 50px;}
    .projects .inner{padding: 0}
    .projects-list{margin: 0 auto 40px;}
    .projects-list .item{width: 100%;margin: 0 0 40px 0;}
    .projects-list .item .charitable-btn{margin-top: 15px;}
    .projects-list .item .text{padding-top: 10px;}
    .projects-list .item .text div{height: auto;font-size: 14px;margin-top: 3px;}
    .projects-list .item .text h3{font-size: 18px;height: auto;line-height: initial;}
    .jobs-main .item dt li:nth-child(1){width:28%;}
	.jobs-main .item dt li:nth-child(2){width:18%;}
	.jobs-main .item dt li:nth-child(3){width:30%;}
	.jobs-main .item dt li:nth-child(4){width:24%;}
	.business .flex_box ._text{width: 100%;}
	.business .flex_box ._number{font-size: 20px;}
	.business .flex_box ._content{font-size: 18px;}
	.business .business_wrapper{margin-top: 0;}
	.business .flex_box{margin-top: 0;margin-bottom: 50px;}
	.business .flex_box ._lead{margin-top: 20px;}
	.business .flex_box ._lead p{font-size: 14px;line-height: 1.7;}
}