/*!
 * Pintuer v2.0 (https://www.pintuer.com)
 * Copyright 2014-2020 pintuer.com
 */
/*reset*/
@-ms-viewport {
	width: device-width;
}

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

html {
	font-family: sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-overflow-style: scrollbar;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 1rem;
	font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "simsun", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	background-color: #fff;
	line-height: 1.75;
	font-variant-ligatures: no-common-ligatures;
}

abbr[title],
abbr[data-original-title] {
	cursor: help;
	border-bottom: 1px dotted #999;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

[tabindex="-1"]:focus {
	outline: 0 !important;
}

mark,
kbd,
code,
dfn {
	padding: 0.125em 0.25em;
	border-radius: 0.25rem;
	margin: 0 0.25em;
	line-height: 1;
}

mark {
	color: #000;
	background: #ff0;
}

kbd {
	color: #fff;
	background-color: #000;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}

code {
	color: #d14;
	background-color: #f5f5f5;
}

dfn {
	font-style: normal;
	background-color: #ddd;
	color: #666;
}

var {
	font-style: normal;
	color: #d14;
	margin: 0 0.25em;
}

pre {
	display: block;
	overflow: auto;
	padding: 1.25em 2em;
	font-size: 85%;
	color: #000;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border-radius: 0.25rem;
}

blockquote {
	position: relative;
	margin-left: 0;
	margin-right: 0;
	border-color: #ddd;
	padding-left: 1.25rem;
}

blockquote::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	content: " ";
	width: 0;
	border-width: 0.125rem;
	border-style: solid;
	border-color: inherit;
	border-radius: 0.25rem;
	padding: 0.25em 0;
}

header,
nav,
menu,
aside,
main,
article,
section,
footer {
	display: block;
}

hgroup,
figure,
figcaption,
details,
summary,
pre,
blockquote,
fieldset {
	display: block;
}

section,
figure,
pre,
blockquote,
fieldset,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 1rem;
}

section:last-child,
figure:last-child,
pre:last-child,
blockquote:last-child,
fieldset:last-child,
p:last-child {
	margin-bottom: 0;
}

ul,
ol,
dl {
	margin: 1em 0;
}

ul {
	padding-left: 1em;
}

ol {
	padding-left: 2em;
}

ul>li,
ol>li,
dt,
dd {
	line-height: 1.75;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
	margin-bottom: 1em;
}

table {
	width: 100%;
	max-width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

td,
th {
	padding: .5em;
}

b,
strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1;
}

h1>small,
h2>small,
h3>small,
h4>small,
h5>small,
h6>small {
	font-size: 75%;
	opacity: .75;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

figure {
	margin: 0;
}

figcaption {
	font-size: 90%;
}

img {
	border: 0;
	border-style: none;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

address {
	font-style: normal;
}

hr {
	color: #333;
	border: none;
	border-bottom: solid 1px #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 0;
	margin: 1em 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

a,
a:link {
	text-decoration: none;
	color: #333;
	transition: all 0.5s ease;
}

a:active,
a:hover {
	outline: 0;
	color: #0a8;
	text-decoration: none;
}

a:focus {
	text-decoration: none;
	outline: thin dotted;
	outline: 0.5em auto -webkit-focus-ring-color;
}

fieldset {
	min-width: 0;
	border: solid 1px #ddd;
	border-radius: 0.25rem;
	padding: 0.5rem 1.5rem 0 1.5rem;
}

legend {
	display: block;
	padding: 0 1em;
	margin: 0 1em;
	font-size: 120%;
	line-height: inherit;
	border: 0;
}

label {
	display: inline-block;
	max-width: 100%;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"],
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="file"] {
	display: block;
}

input[type="range"] {
	display: block;
	width: 100%;
}

select[multiple],
select[size] {
	height: auto;
}

optgroup {
	font-weight: bold;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

output {
	display: block;
	color: #555;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
	cursor: not-allowed;
}

textarea {
	overflow: auto;
	resize: vertical;
}

/*flex*/
.flex {
	display: flex;
}

.flex-inline {
	display: inline-flex;
}

.flex-reverse {
	flex-direction: row-reverse;
}

.flex-column {
	flex-direction: column;
}

.flex-column.flex-reverse {
	flex-direction: column-reverse;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

.flex-start {
	justify-content: flex-start;
}

.flex-center {
	justify-content: center;
}

.flex-end {
	justify-content: flex-end;
}

.flex-between {
	justify-content: space-between;
}

.flex-around {
	justify-content: space-around;
}

.flex-items-start {
	align-items: flex-start;
}

.flex-items-center {
	align-items: center;
}

.flex-items-end {
	align-items: flex-end;
}

.flex-items-baseline {
	align-items: baseline;
}

.flex-items-stretch {
	align-items: stretch;
}

.flex-self-start {
	align-self: flex-start;
}

.flex-self-center {
	align-self: center;
}

.flex-self-end {
	align-self: flex-end;
}

.flex-self-baseline {
	align-self: baseline;
}

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

.flex-content-start {
	align-content: flex-start;
}

.flex-content-center {
	align-content: center;
}

.flex-content-end {
	align-content: flex-end;
}

.flex-content-between {
	align-content: space-between;
}

.flex-content-around {
	align-content: space-around;
}

.flex-middle {
	justify-content: center;
	align-items: center;
	align-self: center;
	align-content: center;
}

.flex-fill {
	flex: 1 1 auto;
}

.flex-grow {
	flex-grow: 1;
}

.flex-shrink {
	flex-shrink: 1;
}

/*grid*/
.grid {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.grid-y {
	flex-direction: column;
	-webkit-flex-direction: column;
}

.grid-mini>.grid {
	margin: -0.03125rem;
}

.grid-mini,
.grid-mini>.grid>[class*='x'],
.grid-mini>.grid>[class*='y'] {
	padding: 0.03125rem;
}

.grid-small>.grid {
	margin: -0.25rem;
}

.grid-small,
.grid-small>.grid>[class*='x'],
.grid-small>.grid>[class*='y'] {
	padding: 0.25rem;
}

.grid-middle>.grid {
	margin: -0.5rem;
}

.grid-middle,
.grid-middle>.grid>[class*='x'],
.grid-middle>.grid>[class*='y'] {
	padding: 0.5rem;
}

.grid-big>.grid {
	margin: -0.75rem;
}

.grid-big,
.grid-big>.grid>[class*='x'],
.grid-big>.grid>[class*='y'] {
	padding: 0.75rem;
}

.grid-large>.grid {
	margin: -1rem;
}

.grid-large,
.grid-large>.grid>[class*='x'],
.grid-large>.grid>[class*='y'] {
	padding: 1rem;
}

.grid>div>[class*='grid-'] {
	margin: 0;
}

.grid-table {
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
}

.grid-table>[class*='x']:not(.x100) {
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.x,
.x0,
.x1,
.x2,
.x20,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12,
.mini-x,
.mini-x0,
.mini-x1,
.mini-x2,
.mini-x20,
.mini-x3,
.mini-x4,
.mini-x5,
.mini-x6,
.mini-x7,
.mini-x8,
.mini-x9,
.mini-x10,
.mini-x11,
.mini-x12,
.small-x,
.small-x0,
.small-x1,
.small-x2,
.small-x20,
.small-x3,
.small-x4,
.small-x5,
.small-x6,
.small-x7,
.small-x8,
.small-x9,
.small-x10,
.small-x11,
.small-x12,
.middle-x,
.middle-x0,
.middle-x1,
.middle-x2,
.middle-x20,
.middle-x3,
.middle-x4,
.middle-x5,
.middle-x6,
.middle-x7,
.middle-x8,
.middle-x9,
.middle-x10,
.middle-x11,
.middle-x12,
.big-x,
.big-x0,
.big-x1,
.big-x2,
.big-x20,
.big-x3,
.big-x4,
.big-x5,
.big-x6,
.big-x7,
.big-x8,
.big-x9,
.big-x10,
.big-x11,
.big-x12,
.large-x,
.large-x0,
.large-x1,
.large-x2,
.large-x20,
.large-x3,
.large-x4,
.large-x5,
.large-x6,
.large-x7,
.large-x8,
.large-x9,
.large-x10,
.large-x11,
.large-x12 {
	position: relative;
	width: 100%;
}

.x {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.x0,
.mini-x0,
.small-x0,
.middle-x0,
.big-x0,
.large-x0 {
	max-width: 100%;
}

.x0,
.w0 {
	width: auto;
}

.x1,
.w1 {
	width: 8.33333333%;
}

.x2,
.w2 {
	width: 16.66666667%;
}

.x20,
.w20 {
	width: 20%;
}

.x3,
.w3 {
	width: 25%;
}

.x4,
.w4 {
	width: 33.33333333%;
}

.x5,
.w5 {
	width: 41.66666667%;
}

.x6,
.w6 {
	width: 50%;
}

.x7,
.w7 {
	width: 58.33333333%;
}

.x8,
.w8 {
	width: 66.66666667%;
}

.x9,
.w9 {
	width: 75%;
}

.x10,
.w10 {
	width: 83.33333333%;
}

.x11,
.w11 {
	width: 91.66666667%;
}

.x12,
.w12,
.x100,
.w100 {
	width: 100%;
}

.y,
.y1,
.y2,
.y20,
.y3,
.y4,
.y5,
.y6,
.y7,
.y8,
.y9,
.y10,
.y11,
.y12 {
	position: relative;
	max-height: 100%;
}

.y {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.y0 {
	height: auto;
}

.y1 {
	height: 8.33333333%;
}

.y2 {
	height: 16.66666667%;
}

.y20 {
	height: 20%;
}

.y3 {
	height: 25%;
}

.y4 {
	height: 33.33333333%;
}

.y5 {
	height: 41.66666667%;
}

.y6 {
	height: 50%;
}

.y7 {
	height: 58.33333333%;
}

.y8 {
	height: 66.66666667%;
}

.y9 {
	height: 75%;
}

.y10 {
	height: 83.33333333%;
}

.y11 {
	height: 91.66666667%;
}

.y12,
.y100 {
	height: 100%;
}

.order0 {
	order: 0;
}

.order1 {
	order: 1;
}

.order2 {
	order: 2;
}

.order3 {
	order: 3;
}

.order4 {
	order: 4;
}

.order5 {
	order: 5;
}

.order6 {
	order: 6;
}

.order7 {
	order: 7;
}

.order8 {
	order: 8;
}

.order9 {
	order: 9;
}

.order10 {
	order: 10;
}

.order11 {
	order: 11;
}

.order12 {
	order: 12;
}

.order13 {
	order: 13;
}

.move0 {
	margin-left: 0;
}

.move1 {
	margin-left: 8.33333333%;
}

.move2 {
	margin-left: 16.66666667%;
}

.move3 {
	margin-left: 25%;
}

.move4 {
	margin-left: 33.33333333%;
}

.move5 {
	margin-left: 41.66666667%;
}

.move6 {
	margin-left: 50%;
}

.move7 {
	margin-left: 58.33333333%;
}

.move8 {
	margin-left: 66.66666667%;
}

.move9 {
	margin-left: 75%;
}

.move10 {
	margin-left: 83.33333333%;
}

.move11 {
	margin-left: 91.66666667%;
}

/*table*/
.table {
	border: 1px solid #ddd;
	border-radius: 0.25rem;
}

.table th,
.table td {
	border-top: 1px solid #ddd;
	padding: .5rem;
	border-right: 1px solid #ddd;
}

.table th {
	border-top: none;
	border-bottom-width: 1px;
	vertical-align: middle;
}

.table tr:first-child>td {
	border-top: none;
}

.table td:last-child,
.table th:last-child {
	border-right: none;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f5f5f5;
}

.table-hover>tbody>tr:hover>td {
	background-color: #f5f5f5;
	color: inherit;
}

.table-small th,
.table-small td {
	padding: 0.25rem;
}

.table-big th,
.table-big td {
	padding: 1rem;
}

.table-line,
.table-cube,
.table-none {
	border: none;
	border-collapse: collapse;
	border-radius: 0;
}

.table-line th,
.table-line td {
	border-right: none;
}

.table-none th,
.table-none td {
	border: none;
}

.table.align-center th,
.table tr.align-center>th,
.table th.align-center {
	text-align: center;
}

.table.align-right th,
.table tr.align-right>th,
.table th.align-right {
	text-align: right;
}

.table.align-top th,
.table tr.align-top>th,
.table th.align-top,
.table.align-top td {
	vertical-align: top;
}

.table.align-bottom th,
.table tr.align-bottom>th,
.table th.align-bottom,
.table.align-bottom td {
	vertical-align: bottom;
}

/*list*/
.list li {
	padding: 0.5em 0;
}

.list-cn {
	list-style-type: cjk-ideographic;
}

.list-en {
	list-style-type: upper-alpha;
}

.list-unstyle,
.list-inline {
	list-style: none;
	padding-left: 0;
}

.list-unstyle ul {
	list-style: disc;
}

.list-inline li {
	display: inline-block;
	padding: 0 0.5em;
	width: auto;
}

.list ul,
.list ol {
	margin: 0.5em 0 0 0;
}

.list ul>li:last-child,
.list ol>li:last-child {
	padding-bottom: 0;
}

.dl-inline dt {
	width: 2em;
	display: inline-block;
	float: left;
	text-align: right;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dl-inline dd {
	display: block;
	padding-left: 1em;
	margin-left: 2em;
}

.list-group {
	list-style: none;
	padding: 0;
	margin: 0;
}

.list-group>li,
.list-link>a {
	padding: 0.5em 0;
	display: block;
	border-bottom: solid 1px #ddd;
}

.list-icon {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding-left: 2.5rem;
}

.list-icon>li {
	display: flex;
	align-items: center;
}

.list-icon>li>.list-media {
	width: 1.5rem;
	margin: 0 .5rem 0 -2rem;
}

.list-icon>li>.list-addon {
	font-size: 87.5%;
	margin-left: auto;
}

.list-box {
	border: solid 1px #ddd;
	border-radius: 0.25rem;
}

.list-group.list-five>li,
.list-group.list-five>a {
	padding: 0.5em 0;
	border-bottom: none;
}

.list-box.list-five>li,
.list-box.list-five>a {
	padding: 0.5em 1em;
}

.list-five>li:nth-child(5n) {
	border-bottom: solid 1px #ddd;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.list-five.list-box>li:first-child {
	padding-top: 1em;
}

.list-group>li:last-child,
.list-link>a:last-child {
	border-bottom: 0 none;
	margin: 0;
}

.list-striped>li:nth-child(2n) {
	background-color: #f5f5f5;
}

.list-striped>li,
.list-box>li,
.list-box>a {
	padding: 0.5em 1em;
}

.list-link>a {
	color: #333;
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.list-link>a:hover {
	background-color: #f5f5f5;
	text-decoration: none;
}

.list-link>a.active:link,
.list-link>a.active:visited {
	background-color: #f5f5f5;
}

.list-box>li:first-child,
.list-link>a:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.list-box>li:last-child,
.list-link>a:last-child {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

/*media*/
.figure {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.figure>img {
	max-width: 100%;
	height: auto;
	line-height: 1;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.figure>figcaption {
	padding: 0.5rem 0;
}

.figure>figcaption[class^='bg'] {
	padding: 0.5rem 1rem;
}

.figure>figcaption,
.figure.figure-above>img {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.figure.figure-above>figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.5rem 1rem;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
}

.figure.figure-above.figure-above-top>figcaption {
	top: 0;
	bottom: auto;
	border-radius: 0;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.figure.figure-above.figure-above-full>figcaption {
	top: 0;
	border-radius: inherit;
}

.media {
	display: flex;
	justify-content: flex-start;
}

.media-body {
	line-height: 1;
	flex: 1;
}

.media-body>strong {
	font-weight: 450;
	line-height: 1.2;
	display: block;
	margin-bottom: 0.375rem;
}

.media-body>p {
	margin-top: 0;
	font-size: 87.5%;
	line-height: 1.5;
}

.media-body>p:last-child {
	margin-bottom: 0;
}

.media-body>.media {
	margin-top: 1rem;
}

.media.flex-column>.media-body>strong,
.media.flex-column>.media-body>p:first-child {
	margin-top: 0.75rem;
}

.media-group>.media:not(:first-child) {
	margin-top: 1.5rem;
}

/*icon*/
.icon-up,
.icon-down,
.icon-left,
.icon-right,
.icon-arrow-up,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-check,
.icon-times,
.icon-plus,
.icon-success,
.icon-add,
.icon-reduce,
.icon-full,
.icon-play,
.icon-danger,
.icon-info,
.icon-warning,
.icon-clock,
.icon-search-border,
.icon-verify,
.icon-add-bg,
.icon-reduce-bg,
.icon-full-bg,
.icon-play-bg,
.icon-success-bg,
.icon-danger-bg,
.icon-warning-bg,
.icon-info-bg,
.icon-clock-bg,
.icon-search-bg,
.icon-search,
.icon-doc,
.icon-home,
.icon-home-bg,
.icon-download,
.icon-upload,
.icon-nav,
.icon-menu,
.icon-pc,
.icon-phone,
.icon-mail,
.icon-user,
.icon-lock,
.icon-key,
.icon-link,
.icon-moon,
.icon-position,
.icon-heart {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
}

.icon-up,
.icon-down,
.icon-left,
.icon-right {
	width: 0;
	height: 0;
	border-bottom: 0.25em solid currentColor;
	border-right: 0.25em solid transparent;
	border-left: 0.25em solid transparent;
}

.icon-down {
	transform: rotate(180deg);
}

.icon-left {
	transform: rotate(-90deg);
	margin-right: 0;
}

.icon-right {
	transform: rotate(90deg);
	margin-right: 0;
}

.icon-arrow-up,
.icon-arrow-down {
	position: relative;
	width: 1em;
	height: 0.6em;
}

.icon-arrow-left,
.icon-arrow-right {
	position: relative;
	width: 0.6em;
	height: 1em;
}

.icon-arrow-up:before,
.icon-arrow-down:before,
.icon-arrow-up:after,
.icon-arrow-down:after {
	content: "";
	position: absolute;
	width: 0.785em;
	height: 0.1em;
	top: 0;
	left: 0;
	background-color: currentColor;
	border-radius: 0.1em;
	transform: rotate(45deg);
	transform-origin: 0 0;
}

.icon-arrow-up:after,
.icon-arrow-down:after {
	transform: rotate(-45deg);
	transform-origin: right 0;
	left: auto;
	right: 0;
}

.icon-arrow-up {
	transform: rotate(180deg);
}

.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-arrow-left:after,
.icon-arrow-right:after {
	content: "";
	position: absolute;
	width: 0.1em;
	height: 0.785em;
	top: 0;
	left: 0;
	background-color: currentColor;
	border-radius: 0.1em;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}

.icon-arrow-left:after,
.icon-arrow-right:after {
	transform: rotate(45deg);
	transform-origin: 0 bottom;
	top: auto;
	bottom: 0;
}

.icon-arrow-left {
	transform: rotate(180deg);
}

.icon-check {
	position: relative;
	width: 1em;
	height: .1em;
	padding-left: 0.65em;
	border-radius: .1em;
	background-color: currentColor;
	transform: rotate(135deg);
	transform-origin: center center;
}

.icon-check:before {
	content: "";
	position: absolute;
	width: 0.6em;
	height: .1em;
	top: 0.27em;
	background-color: currentColor;
	border-radius: .1em;
	transform: rotate(90deg);
}

.icon-times {
	position: relative;
	width: 1em;
	height: 1em;
	transform: rotate(45deg);
}

.icon-times:before {
	content: "";
	position: absolute;
	width: 100%;
	height: .1em;
	top: 0.45em;
	left: 0;
	background-color: currentColor;
	border-radius: .1em;
}

.icon-times:after {
	content: "";
	position: absolute;
	width: 0.1em;
	height: 100%;
	top: 0;
	left: 0.45em;
	border-radius: .1em;
	background-color: currentColor;
}

.icon-plus {
	position: relative;
	width: 0.8em;
	height: 0.8em;
}

.icon-plus:before {
	content: "";
	position: absolute;
	width: 0.8em;
	height: 0.1em;
	top: 0.35em;
	background-color: currentColor;
	border-radius: 0.1em;
}

.icon-plus:after {
	content: "";
	position: absolute;
	height: 0.8em;
	width: 0.1em;
	left: 0.35em;
	background-color: currentColor;
	border-radius: 0.1em;
}

.icon-success,
.icon-add,
.icon-reduce,
.icon-full,
.icon-play,
.icon-danger,
.icon-info,
.icon-warning,
.icon-clock,
.icon-search-border {
	position: relative;
	width: 1em;
	height: 1em;
	border: solid 0.1em currentColor;
	border-radius: 50%;
}

.icon-add-bg,
.icon-reduce-bg,
.icon-full-bg,
.icon-play-bg,
.icon-success-bg,
.icon-danger-bg,
.icon-warning-bg,
.icon-info-bg,
.icon-clock-bg,
.icon-search-bg {
	background-color: currentColor;
	position: relative;
	width: 1em;
	height: 1em;
	border: solid 0.1em currentColor;
	border-radius: 50%;
}

.icon-add:before,
.icon-reduce:before,
.icon-danger:before,
.icon-add-bg:before,
.icon-reduce-bg:before,
.icon-danger-bg:before {
	content: "";
	position: absolute;
	top: 0.35em;
	left: 0.125em;
	width: 0.55em;
	height: .1em;
	background-color: currentColor;
	border-radius: .1em;
}

.icon-add:after,
.icon-danger:after,
.icon-add-bg:after,
.icon-danger-bg:after {
	content: "";
	position: absolute;
	top: 0.125em;
	left: 0.35em;
	height: 0.55em;
	width: .1em;
	background-color: currentColor;
	border-radius: .1em;
}

.icon-add-bg:before,
.icon-reduce-bg:before,
.icon-danger-bg:before,
.icon-add-bg:after,
.icon-danger-bg:after {
	background-color: #fff;
}

.icon-danger,
.icon-danger-bg {
	transform: rotate(45deg);
}

.icon-full:before,
.icon-full:after,
.icon-full-bg:before,
.icon-full-bg:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 0.15em;
	top: -0.15em;
	border: 0.25em solid transparent;
	border-bottom-color: currentColor;
}

.icon-full:after,
.icon-full-bg:after {
	top: 0.45em;
	transform: rotate(180deg);
}

.icon-full-bg:before,
.icon-full-bg:after {
	border-bottom-color: #fff;
}

.icon-full,
.icon-full-bg {
	transform: rotate(45deg);
}

.icon-play:before,
.icon-play-bg:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 0.275em;
	top: 0.165em;
	border: 0.25em solid transparent;
	border-left: solid 0.375em currentColor;
}

.icon-play-bg:before {
	border-left-color: #fff;
}

.icon-success:before,
.icon-success-bg:before {
	content: "";
	position: absolute;
	width: 0.6em;
	height: 0.1em;
	top: 0.4em;
	left: 0.2em;
	border-radius: 0.1em;
	background-color: currentColor;
	transform: rotate(135deg);
	transform-origin: center center;
}

.icon-success:after,
.icon-success-bg:after {
	content: "";
	position: absolute;
	width: 0.35em;
	height: .1em;
	top: 0.485em;
	left: 0.05em;
	background-color: currentColor;
	border-radius: .1em;
	transform: rotate(45deg);
}

.icon-success-bg:before,
.icon-success-bg:after {
	background-color: #fff;
}

.icon-info:before,
.icon-warning:before,
.icon-info-bg:before,
.icon-warning-bg:before {
	content: "";
	position: absolute;
	top: 0.1em;
	left: 0.325em;
	width: 0.15em;
	height: 0.15em;
	background-color: currentColor;
	border-radius: 50%;
}

.icon-info:after,
.icon-warning:after,
.icon-info-bg:after,
.icon-warning-bg:after {
	content: "";
	position: absolute;
	top: 0.325em;
	left: 0.3375em;
	width: 0.125em;
	height: 0.4em;
	background-color: currentColor;
	border-radius: 0.1em;
}

.icon-info-bg:before,
.icon-warning-bg:before,
.icon-info-bg:after,
.icon-warning-bg:after {
	background-color: #fff;
}

.icon-warning,
.icon-warning-bg {
	transform: rotate(180deg);
}

.icon-clock:before,
.icon-clock-bg:before {
	content: "";
	position: absolute;
	top: 0.05em;
	left: 0.35em;
	width: 0.1em;
	height: 0.4em;
	background-color: currentColor;
	border-radius: 0.1em 0.1em 0 0;
}

.icon-clock:after,
.icon-clock-bg:after {
	content: "";
	position: absolute;
	top: 0.45em;
	left: 0.35em;
	width: 0.1em;
	height: 0.25em;
	background-color: currentColor;
	border-radius: 0 0 0.1em 0.1em;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}

.icon-clock-bg:before,
.icon-clock-bg:after {
	background-color: #fff;
}

.icon-verify {
	overflow: hidden;
}

.icon-verify:before {
	content: "";
	position: absolute;
	width: 0.8em;
	height: 0.6em;
	left: 0.1em;
	top: 0.2em;
	border: solid .1em currentColor;
	border-radius: .1em;
}

.icon-verify:after {
	content: "";
	position: absolute;
	width: .1em;
	height: .1em;
	left: .3em;
	top: .45em;
	background-color: currentColor;
	border-radius: 50%;
	box-shadow: .15em 0, .3em 0;
}

.icon-search,
.icon-search-border:before,
.icon-search-bg:before {
	position: relative;
	width: 0.85em;
	height: 0.85em;
	margin-right: 0.2em;
	border: .1em solid currentColor;
	border-radius: 50%;
}

.icon-search:after,
.icon-search-border:after,
.icon-search-bg:after {
	content: "";
	position: absolute;
	width: 0.35em;
	height: .1em;
	top: 0.75em;
	left: 0.5em;
	background-color: currentColor;
	border-radius: .15em;
	transform: rotate(40deg);
	transform-origin: right center;
}

.icon-search-border:before,
.icon-search-bg:before {
	content: "";
	position: absolute;
	left: 0.1em;
	top: 0.1em;
	width: 0.5em;
	height: 0.5em;
}

.icon-search-border:after,
.icon-search-bg:after {
	width: 0.25em;
	top: 0.6em;
	left: 0.4em;
}

.icon-search-bg:before {
	border-color: #fff;
}

.icon-search-bg:after {
	background-color: #fff;
}

.icon-doc {
	position: relative;
	width: 0.8em;
	height: 1em;
	border-width: .1em;
	border-style: solid;
	border-color: currentColor;
	border-radius: .1em;
}

.icon-doc:before {
	content: "";
	position: absolute;
	width: .2em;
	height: .35em;
	left: 0.35em;
	top: 0;
	border: solid 0.05em currentColor;
	border-top: none;
	border-bottom: none;
}

.icon-doc:after {
	content: "";
	position: absolute;
	border-top: solid 0.05em currentColor;
	border-right: solid 0.05em currentColor;
	top: 0.25em;
	left: 0.375em;
	width: 0.15em;
	height: 0.15em;
	transform: rotate(-45deg);
}

.icon-home {
	position: relative;
	width: 0.7em;
	height: .5em;
	border-width: .1em;
	border-style: none solid solid;
	border-color: currentColor;
	border-radius: 0.075em;
	margin: 0.5em 0.3em 0 0.1em;
}

.icon-home:before {
	content: "";
	position: absolute;
	border-top: solid 0.1em currentColor;
	border-right: solid 0.1em currentColor;
	border-radius: 0.1em;
	top: -0.25em;
	left: -0.1em;
	width: 0.7em;
	height: 0.7em;
	transform: rotate(-45deg);
}

.icon-home:after {
	content: "";
	position: absolute;
	width: 0.2em;
	height: 0.35em;
	bottom: -0.08em;
	left: 0.15em;
	border: solid 0.05em currentColor;
	border-radius: 0.35em 0.35em 0 0;
}

.icon-home-bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: solid 0.5em transparent;
	border-bottom-color: currentColor;
	border-top: none;
	border-radius: 0.1em;
}

.icon-home-bg:after {
	content: "";
	position: absolute;
	width: 0.7em;
	height: 0.5em;
	left: .15em;
	top: 0.375em;
	border: solid 0.25em currentColor;
	border-bottom: none;
	border-radius: 0.05em;
}

.icon-home-bgx {
	position: relative;
	border: solid 0.5em transparent;
	border-bottom-color: currentColor;
	border-top: none;
	border-radius: 0.1em;
	margin-bottom: 0.375em;
}

.icon-home-bgx:before {
	content: "";
	position: absolute;
	width: 0.65em;
	height: 0.5em;
	left: -0.325em;
	top: 0.375em;
	border: solid 0.25em currentColor;
	border-bottom: none;
	border-radius: 0.05em;
}

.icon-download,
.icon-upload {
	position: relative;
	width: 1em;
	height: .4em;
	margin-top: 0.5em;
	border-width: .1em;
	border-style: none solid solid;
	border-color: currentColor;
	border-radius: 0.075em;
}

.icon-download:before,
.icon-upload:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: .35em;
	margin: auto;
	width: .1em;
	height: 0.5em;
	background-color: currentColor;
	border-radius: 0.1em 0.1em 0 0;
}

.icon-download:after,
.icon-upload:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	bottom: .1em;
	left: 0;
	margin: auto;
	border-top: .25em solid currentColor;
	border-right: .25em solid transparent;
	border-left: .25em solid transparent;
}

.icon-upload:before {
	bottom: 0.15em;
	border-radius: 0 0 0.1em 0.1em;
}

.icon-upload:after {
	bottom: 0.55em;
	border-top: none;
	border-bottom: .25em solid currentColor;
}

.icon-nav {
	position: relative;
	width: 1em;
	height: .75em;
}

.icon-nav:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: .1em;
	background-color: currentColor;
	border-radius: .1em;
	box-shadow: 0 .325em, 0 .65em;
}

.icon-menu {
	position: relative;
	width: 1em;
	height: 1em;
}

.icon-menu:before {
	content: "";
	position: absolute;
	top: .375em;
	left: 0;
	width: .25em;
	height: .25em;
	background-color: currentColor;
	border-radius: 50%;
	box-shadow: .375em 0, .75em 0;
}

.icon-pc {
	position: relative;
	width: 1em;
	height: 0.7em;
	margin-bottom: 0.25em;
	border-width: .1em .1em .15em;
	border-style: solid;
	border-color: currentColor;
	border-radius: .1em;
}

.icon-pc:before {
	content: "";
	position: absolute;
	top: 0.6em;
	right: 0;
	left: 0;
	margin: auto;
	width: .3em;
	height: .15em;
	background-color: currentColor;
}

.icon-pc:after {
	content: "";
	position: absolute;
	top: 0.7em;
	right: 0;
	left: 0;
	margin: auto;
	width: 0.8em;
	height: .1em;
	background-color: currentColor;
	border-radius: 0.1em;
}

.icon-phone {
	position: relative;
	width: 0.7em;
	height: 1em;
	border-width: .1em;
	border-style: solid;
	border-color: currentColor;
	border-radius: .1em;
}

.icon-phone:before {
	content: "";
	position: absolute;
	width: 0.1em;
	height: 0.1em;
	bottom: 0.05em;
	left: 0;
	right: 0;
	margin: auto;
	background-color: currentColor;
	border-radius: 0.1em;
}

.icon-phone:after {
	content: "";
	position: absolute;
	right: 0;
	top: .05em;
	left: 0;
	margin: auto;
	width: .25em;
	height: .05em;
	border-radius: .1em;
	background-color: currentColor;
}

.icon-mail {
	position: relative;
	width: 1em;
	height: 0.8em;
	border: solid 0.1em currentColor;
	border-radius: 0.1em;
}

.icon-mail:before {
	content: "";
	position: absolute;
	width: 0.6em;
	height: 0.1em;
	left: -0.05em;
	top: 0;
	background-color: currentColor;
	border-radius: .1em;
	transform: rotate(35deg);
	transform-origin: left center;
}

.icon-mail:after {
	content: "";
	position: absolute;
	width: 0.6em;
	height: 0.1em;
	top: 0;
	right: -0.05em;
	background-color: currentColor;
	border-radius: .1em;
	transform: rotate(-35deg);
	transform-origin: right center;
}

.icon-user {
	position: relative;
	width: 0.7em;
	height: 0.25em;
	border: solid 0.1em currentColor;
	border-bottom: none;
	border-radius: 0.5em 0.5em 0 0;
	margin-top: 0.5em;
}

.icon-user:before {
	content: "";
	position: absolute;
	width: 0.45em;
	height: 0.45em;
	top: -0.6em;
	left: 0.025em;
	border: solid 0.1em currentColor;
	border-radius: 50%;
}

.icon-lock {
	position: relative;
	width: 0.7em;
	height: 0.55em;
	border: solid 0.1em currentColor;
	border-radius: 0.1em;
	margin-top: 0.45em;
}

.icon-lock:before {
	content: "";
	position: absolute;
	width: 0.5em;
	height: 0.45em;
	top: -0.45em;
	border: solid 0.1em currentColor;
	border-radius: 0.35em 0.35em 0 0;
}

.icon-lock:after {
	content: "";
	position: absolute;
	width: 0.05em;
	height: 0.15em;
	top: 0.15em;
	left: 0.4em;
	background-color: currentColor;
	border-radius: 0.1em;
}

.icon-key {
	position: relative;
	width: 0.6em;
	height: 0.4em;
	border: solid 0.1em currentColor;
	border-radius: 50%;
	margin-top: 0.6em;
}

.icon-key:before {
	content: "";
	position: absolute;
	width: 0.1em;
	height: 0.6em;
	top: -0.6em;
	left: 0.15em;
	background-color: currentColor;
	border-radius: 0.1em 0.1em 0 0;
}

.icon-key:after {
	content: "";
	position: absolute;
	width: 0.2em;
	height: 0.1em;
	top: -0.525em;
	left: 0.2em;
	background-color: currentColor;
	border-radius: 0 0.1em 0.1em 0;
	box-shadow: 0 .15em;
}

.icon-link {
	position: relative;
	width: .35em;
	height: 0.1em;
	margin: .45em .325em;
	background-color: currentColor;
	transform: rotate(-45deg);
}

.icon-link:before {
	content: "";
	position: absolute;
	width: 0.55em;
	height: 0.4em;
	left: -.4em;
	top: -.15em;
	border: solid 0.1em currentColor;
	border-radius: 0.15em;
}

.icon-link:after {
	content: "";
	position: absolute;
	width: 0.55em;
	height: 0.4em;
	left: .175em;
	top: -.15em;
	border: solid 0.1em currentColor;
	border-radius: 0.15em;
}

.icon-moon {
	height: 1em;
	width: 1em;
	box-shadow: inset -.30em 0 0;
	border-radius: 1em;
	transform: rotate(20deg);
}

.icon-position {
	position: relative;
	width: .8em;
	height: .8em;
	background-color: currentColor;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
}

.icon-position:before {
	content: "";
	position: absolute;
	width: 0.4em;
	height: 0.4em;
	top: 0.2em;
	left: 0.2em;
	border-radius: 50%;
	background-color: #fff;
}

.icon-heart {
	position: relative;
	width: 0.56em;
	height: 0.84em;
	background-color: currentColor;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	transform: rotate(-45deg);
	transform-origin: center bottom;
}

.icon-heart:after {
	content: "";
	position: absolute;
	top: -.275em;
	left: -.275em;
	width: 0.56em;
	height: 0.84em;
	background-color: currentColor;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	transform: rotate(90deg);
	transform-origin: center bottom;
}

.icon-icon {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	border: solid .05em currentColor;
	border-radius: 0.2em;
	font-size: 1rem;
	vertical-align: middle;
}

.icon-icon:before {
	content: "";
	position: absolute;
	top: 0.1em;
	left: 0.1em;
	width: 0.7em;
	height: 0.7em;
	outline: solid 0.05em currentColor;
	border: solid 0.15em transparent;
	border-radius: 50%;
	box-shadow: 0 0 0 .05em, inset 0 0 0 0.05em;
	opacity: 0.5;
}

.icon-icon:after {
	content: "";
	position: absolute;
	width: 1.2em;
	height: 0.05em;
	left: 0.045em;
	top: 0.01em;
	background-color: currentColor;
	transform: rotate(45deg);
	transform-origin: 0 0;
	opacity: 0.5;
}

.icon-icon>i {
	position: absolute;
	width: 0.975em;
	top: 0.245em;
	left: -.045em;
	height: 0.05em;
	background-color: currentColor;
	box-shadow: 0 .175em, 0 .35em;
	opacity: 0.5;
}

.icon-icon>i:before {
	content: "";
	position: absolute;
	width: 0.05em;
	top: -.275em;
	left: 0.3025em;
	height: 0.975em;
	background-color: currentColor;
	box-shadow: .175em 0, .35em 0;
}

.icon-icon>i:after {
	content: "";
	position: absolute;
	width: 1.2em;
	height: 0.05em;
	left: 0.05em;
	bottom: -0.6em;
	background-color: currentColor;
	opacity: 0.75;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}

/*effect*/
.fadein,
.fadein-top,
.fadein-bottom,
.fadein-left,
.fadein-right {
	opacity: 0;
	transition: all 0.35s linear;
}

.fadein-top {
	transform: translateY(-1rem);
}

.fadein-bottom {
	transform: translateY(1rem);
}

.fadein-left {
	transform: translateX(-1rem);
}

.fadein-right {
	transform: translateX(1rem);
}

.effect.active .fadein,
.effect-hover:hover .fadein,
.effect-hover.fadein:hover,
.effect.fadein {
	opacity: 1;
	transform: translateX(0);
	transform: translateY(0);
}

.fadeout,
.fadeout-top,
.fadeout-bottom,
.fadeout-left,
.fadeout-right {
	transition: all 0.35s linear;
}

.effect.active .fadeout,
.effect-hover:hover .fadeout,
.effect-hover.fadeout:hover,
.effect.fadeout {
	opacity: 0;
}

.effect.active .fadeout-top,
.effect-hover:hover .fadeout-top,
.effect-hover.fadeout-top:hover,
.effect.fadeout-top {
	transform: translateY(-1rem);
}

.effect.active .fadeout-bottom,
.effect-hover:hover .fadeout-bottom,
.effect-hover.fadeout-bottom:hover,
.effect.fadeout-bottom {
	transform: translateY(1rem);
}

.effect.active .fadeout-left,
.effect-hover:hover .fadeout-left,
.effect-hover.fadeout-left:hover,
.effect.fadeout-left {
	transform: translateX(-1rem);
}

.effect.active .fadeout-right,
.effect-hover:hover .fadeout-right,
.effect-hover.fadeout-right:hover,
.effect.fadeout-right {
	transform: translateX(1rem);
}

.offset-top,
.offset-bottom,
.offset-left,
.offset-right {
	transition: all 0.35s ease;
}

.effect.active .offset-top,
.effect-hover:hover .offset-top,
.effect-hover.offset-top:hover,
.effect.offset-top {
	transform: translateY(-1rem);
}

.effect.active .offset-bottom,
.effect-hover:hover .offset-bottom,
.effect-hover.offset-bottom:hover,
.effect.offset-bottom {
	transform: translateY(1rem);
}

.effect.active .offset-left,
.effect-hover:hover .offset-left,
.effect-hover.offset-left:hover,
.effect.offset-left {
	transform: translateX(-1rem);
}

.effect.active .offset-right,
.effect-hover:hover .offset-right,
.effect-hover.offset-right:hover,
.effect.offset-right {
	transform: translateX(1rem);
}

.open-width {
	opacity: 0;
	width: 0;
	height: 100%;
	transition: all 0.35s ease;
}

.open-height {
	opacity: 0;
	height: 0;
	width: 100%;
	transition: all 0.35s ease;
}

.close-width,
.close-height {
	height: 100%;
	width: 100%;
	transition: all 0.35s ease;
}

.effect.active .open-width,
.effect-hover:hover .open-width,
.effect-hover.open-width:hover,
.effect.open-width {
	width: 100% !important;
	opacity: 1;
}

.effect.active .open-height,
.effect-hover:hover .open-height,
.effect-hover.open-height:hover,
.effect.open-height {
	height: 100% !important;
	opacity: 1;
}

.effect.active .close-width,
.effect-hover:hover .close-width,
.effect-hover.close-width:hover,
.effect.close-width {
	width: 0 !important;
	opacity: 0;
}

.effect.active .close-height,
.effect-hover:hover .close-height,
.effect-hover.close-height:hover,
.effect.close-height {
	height: 0 !important;
	opacity: 0;
}

.scale,
.shrink {
	transition: all 0.35s ease;
}

.effect.active .scale,
.effect-hover:hover .scale,
.effect-hover.scale:hover,
.effect.scale {
	transform: scale(1.05);
}

.effect.active .shrink,
.effect-hover:hover .shrink,
.effect-hover.shrink:hover,
.effect.shrink {
	transform: scale(0.95);
}

.effect.active .rotate-once,
.effect-hover:hover .rotate-once,
.effect-hover.rotate-once:hover,
.effect.rotate-once {
	animation: rotate-effect 1s linear;
}

.effect.active .rotate,
.effect-hover:hover .rotate,
.effect-hover.rotate:hover,
.effect.rotate {
	animation: rotate-effect 1s infinite linear;
}

@keyframes rotate-effect {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.change {
	transition: all 0.35s ease;
}

.change:last-child {
	opacity: 0;
}

.effect.active .change:first-child,
.effect-hover:hover .change:first-child {
	transform: translateY(-100%);
	opacity: 0;
}

.effect.active .change:last-child,
.effect-hover:hover .change:last-child {
	transform: translateY(-100%);
	opacity: 1;
}

/*button*/
.button {
	position: relative;
	border: solid 1px #ddd !important;
	border-radius: 0.25rem !important;
	background: transparent;
	display: inline-block;
	line-height: 1.5;
	padding: 0.375em 1em;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.button[disabled] {
	pointer-events: none;
	box-shadow: none;
	opacity: .5;
}

.button:link {
	text-decoration: none;
	color: #333;
}

.button:hover {
	background-color: #f5f5f5;
	z-index: 2;
}

.button:active {
	outline: 0;
	z-index: 2;
	opacity: .8;
}

.button-block {
	display: block;
	width: 100%;
}

.button[class*='text']:hover,
.button[class*='text'].active,
.button[class*='bg'],
.button.border:hover {
	border-color: transparent !important;
}

.button[class*='text']:hover,
.button[class*='text'].active,
.button[class*='bg-'],
.button[class*='border']:hover,
.button[class*='border'].active,
.button.bg:hover,
.button.text-light {
	color: #fff !important;
}

.button.text-silver,
.button.text-light,
.button.text-white,
.button.bg-silver,
.button.bg-light,
.button.bg-white,
.button.text-silver.active,
.button.text-light.active,
.button.text-white.active,
.button.bg-silver.active,
.button.bg-light.active,
.button.bg-white.active,
.button[class*='-silver']:hover,
.button[class*='-light']:hover,
.button[class*='-white']:hover {
	color: #333 !important;
}

.button[class*='bg-']:hover::before {
	position: absolute;
	content: "";
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: rgba(0, 0, 0, .05);
}

.button[class*='bg-']:active,
.button[class*='bg-'].active {
	opacity: .8;
}

.button-mini {
	padding: 0.125em 0.5em;
}

.button-small {
	padding: 0.25em 0.75em;
}

.button-big {
	padding: 0.625em 1.25em;
}

.button-large {
	padding: 0.875em 1.5em;
}

.button-icon {
	padding: 0.5em !important;
	line-height: 1;
	border-radius: 100% !important;
}

.button-group,
.button-group.drop {
	display: inline-flex;
	position: relative;
	vertical-align: middle;
}

.button-group:not(.button-group-y)>.button:not(:first-child):not(:last-child),
.button-group:not(.button-group-y)>.drop:not(:first-child):not(:last-child)>.button {
	margin-left: -1px;
	border-radius: 0 !important;
}

.button-group:not(.button-group-y)>.button:first-child:not(:last-child),
.button-group:not(.button-group-y)>.drop:first-child>.button {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	margin-left: 0;
}

.button-group:not(.button-group-y)>.button:last-child:not(:first-child),
.button-group:not(.button-group-y)>.drop:last-child>.button {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	margin-left: -1px;
}

.button-group>.button.button-toggle {
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.button-group-y {
	flex-direction: column;
	-webkit-flex-direction: column;
}

.button-group.button-group-y>.button:not(:first-child):not(:last-child),
.button-group.button-group-y>.drop:not(:first-child):not(:last-child)>.button {
	margin-top: -1px;
	border-radius: 0 !important;
}

.button-group.button-group-y>.button:first-child:not(:last-child),
.button-group.button-group-y>.drop:first-child>.button {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	margin-top: 0;
}

.button-group.button-group-y>.button:last-child:not(:first-child),
.button-group.button-group-y>.drop:last-child>.button {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	margin-top: -1px;
}

/*form*/
.input {
	padding: 0.375em 0.75em;
	border: solid 1px #ddd;
	width: 100%;
	line-height: 1.5;
	display: block;
	border-radius: 0.25rem;
	outline: none;
	background-color: transparent;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.input[type="color"] {
	width: 3.5rem;
	display: inline-block;
}

select.input,
.input.input-select {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 1.75rem;
	background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	background-size: 8px 10px;
}

select.input:not([size]):not([multiple]),
select.input+.input.input-text,
.input[type="color"],
.input[type="range"] {
	height: calc(2.25em + 2px);
}

select.input:focus::-ms-value {
	color: #0a8;
	background-color: transparent;
}

select.input::-ms-expand {
	display: none;
}

.input[disabled] {
	background-color: #f5f5f5;
}

.input-text,
.input[readonly] {
	border-color: transparent;
	pointer-events: none;
	background-color: transparent;
}

.input:focus,
.input:active {
	border-color: #0a8;
	z-index: 2;
}

.input-auto {
	width: auto;
	max-width: 100%;
	display: inline-block;
}

.input-switch,
.input-icon {
	position: relative;
}

.input-check>label,
.input-upfile,
.input-select,
.input-search>.option,
.input-search.drop {
	display: block;
	position: relative;
}

.input-check,
.input-switch {
	line-height: 2;
}

.input-check.input-check-inline>label {
	margin-right: 1rem;
	white-space: nowrap;
	display: inline-block;
}

.input-check.input-check-inline>label:last-child {
	margin-right: 0;
}

.input-check>label>input[type="radio"],
.input-check>label>input[type="checkbox"],
.input-switch>input[type="checkbox"],
.input-search>.option>label>input[type="radio"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
	appearance: none;
	outline: none;
	width: 0;
	height: 0;
}

.input-check>label>input[type="radio"]+i,
.input-check>label>input[type="checkbox"]+i,
.input-switch>input[type="checkbox"]+i {
	position: relative;
	width: 1.125rem;
	height: 1.125rem;
	display: inline-block;
	vertical-align: text-bottom;
	border: solid 1px #ddd;
	border-radius: 100%;
}

.input-check>label>input[type="checkbox"]+i {
	border-radius: 0.125rem;
}

.input-check>label>input:checked+i {
	background-color: #0a8;
	border-color: transparent;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.input-check>label>input:checked+i::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 10px;
	top: 2px;
	left: 5px;
	border-right: 1.5px solid #fff;
	border-bottom: 1.5px solid #fff;
	transform: rotate(45deg);
}

.input-switch>input[type="checkbox"]+i {
	width: 54px;
	height: 34px;
	border-radius: 34px;
	background-color: #f5f5f5;
	vertical-align: middle;
}

.input-switch>input[type="checkbox"]+i::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 32px;
	height: 32px;
	display: inline-block;
	background-color: #fff;
	border-radius: 16px;
	transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.input-switch>input[type="checkbox"]:checked+i {
	background-color: #0a8;
	border-color: transparent;
}

.input-switch>input[type="checkbox"]:checked+i::after {
	transform: translateX(20px);
}

.input-check>input[disabled]+i,
.input-switch>input[disabled]+i {
	opacity: 0.5;
}

.input-select.drop {
	display: block !important;
}

.input-select>select.input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}

.input-select>.dropdown ul>li {
	cursor: default;
}

.input-verify {
	position: relative;
}

.input-verify>input {
	opacity: 0;
}

.input-verify>ul {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.input-verify>ul>li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	width: 2.5rem;
	height: 100%;
	border: solid 1px #ddd;
	border-radius: 0.25rem;
	font-size: 1.5rem;
	cursor: text;
}

.input-verify>ul>li:not(:last-child) {
	margin-right: 0.25rem;
}

.input-verify>ul>li.active {
	color: #0a8;
	border-color: #0a8;
}

.input-verify>span {
	width: 1px;
	height: 60%;
	background: rgba(0, 0, 0, .5);
	display: inline-block;
	position: absolute;
	top: 0.4em;
	left: 0.4em;
}

.input-upfile {
	display: flex !important;
}

.input-upfile>span {
	width: 1%;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #999;
	padding-left: 0.5em;
	white-space: nowrap;
	overflow: hidden;
}

.input-upfile>a.button {
	position: relative;
	overflow: hidden;
	width: auto;
}

.input-upfile>a.button>input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}

.input-upfile-block>span {
	padding-left: 0.75em;
	border: solid 1px #ddd;
	border-radius: 0.25rem;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.input-upfile-block>a.button {
	margin-left: -1px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.input-upimage {
	display: inline-flex;
	position: relative;
	border-radius: 0.25rem;
	vertical-align: top;
	width: 100px;
	height: 100px;
}

.input-upimage>a {
	position: relative;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: inherit;
	width: 100%;
	height: 100%;
}

.input-upimage>a::before,
.input-upimage>a::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #999;
}

.input-upimage>a::after {
	width: 2px;
	height: 2rem;
}

.input-upimage>a::before {
	width: 2rem;
	height: 2px;
}

.input-upimage>a:hover::before,
.input-upimage>a:hover::after {
	background-color: #0a8;
}

.input-upimage>a[disabled] {
	opacity: 0.5;
	pointer-events: none;
}

.input-upimage>a>input[type="file"] {
	opacity: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.input-upimage>span,
.input-upimage>img {
	display: none;
}

.input-upimage.input-imgnote>span,
.input-upimage.input-imgerror>span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #999;
	color: #fff;
	font-size: 0.875rem;
	border-radius: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5rem;
	line-height: 1.25;
}

.input-upimage.input-imgerror>span {
	background-color: #f00;
}

.input-upimage.input-imgshow>a {
	display: none;
}

.input-upimage.input-imgshow>img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	border: none;
	border-radius: inherit;
	align-self: flex-start;
}

.input-upimage>i {
	position: absolute;
	top: 0.3125rem;
	left: 0.25rem;
}

.input-upimage>i::after {
	content: "×";
	width: 0.875rem;
	height: 0.875rem;
	display: block;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .25);
	line-height: 0.875;
	color: #fff;
	font-size: 0.8125rem;
	font-style: normal;
	text-align: center;
	cursor: pointer;
}

.input-icon>span {
	position: absolute;
	top: 0;
	left: 0.75rem;
	display: flex;
	height: 100%;
	font-style: normal;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.input-icon>span:last-child {
	left: auto;
	right: 0.75rem;
}

.input-icon>span+.input {
	text-indent: 1.5rem;
}

.input-icon>.input:nth-last-of-type(2) {
	padding-right: 1.75rem;
}

.input-icon>.input[data-form="clear"]+span {
	font-size: 87.5%;
	visibility: hidden;
}

.input-inline {
	display: flex;
}

.input-inline>.addon {
	margin-right: -1px;
	display: flex;
}

.input-inline>.addon>span {
	padding: 0 0.75em;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.input-inline>.input,
.input-inline>.input-inline-auto {
	display: flex;
	width: 1%;
	flex: 1 1 auto;
}

.input-inline>.input.input-auto,
.input-inline>.input-inline-auto>.input.input-auto {
	width: auto;
	flex: none;
}

.input-inline>.input:not(:last-child),
.input-inline>.input-inline-auto {
	margin-right: -1px;
}

.input-inline>.addon:first-child>span,
.input-inline>.addon:first-child>.input,
.input-inline>.addon:first-child>.button,
.input-inline>.input:first-child,
.input-inline>.input-inline-auto:first-child>.input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.input-inline>.addon:last-child>span,
.input-inline>.addon:last-child>.input,
.input-inline>.addon:last-child>.button,
.input-inline>.input:last-child,
.input-inline>.input-inline-auto:last-child>.input {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.input-inline>.addon:not(:first-child):not(:last-child)>span,
.input-inline>.addon:not(:first-child):not(:last-child)>.input,
.input-inline>.addon:not(:first-child):not(:last-child)>.button,
.input-inline>.input:not(:first-child):not(:last-child),
.input-inline>.input-inline-auto:not(:first-child):not(:last-child)>.input {
	border-radius: 0 !important;
}

.input-inline>.addon>span[class*='bg-'] {
	border-color: transparent !important;
	color: #fff;
}

.input-inline>.addon>span.bg-silver,
.input-inline>.addon>span.bg-light,
.input-inline>.addon>span.bg-white {
	color: #333 !important;
}

.input-radius>.addon:first-child>span,
.input-radius>.addon:first-child>.input,
.input-radius>.addon:first-child>.button,
.input-radius>.input:first-child,
.input-radius>.input-inline-auto:first-child:not(:last-child)>.input {
	border-radius: 2rem 0 0 2rem !important;
	padding-left: 1rem;
}

.input-radius>.addon:last-child>span,
.input-radius>.addon:last-child>.input,
.input-radius>.addon:last-child>.button,
.input-radius>.input:last-child,
.input-radius>.input-inline-auto:last-child:not(:first-child)>.input {
	border-radius: 0 2rem 2rem 0 !important;
	padding-right: 1rem;
}

.input-radius>.input:first-child:last-child,
.input-radius>.input-inline-auto:first-child:last-child>.input {
	border-radius: 2rem !important;
	padding-left: 1rem;
	padding-right: 1rem;
}

.input-radius.input-search-icon {
	display: inline-flex;
}

.input-radius.input-search-icon>.input-inline-auto>input {
	width: calc(2.25em + 2px);
}

.input-radius.input-search-icon:hover>.input-inline-auto>input {
	width: 100%;
}

.input-search>.option {
	padding-left: 1.5rem;
	font-size: 0.875rem;
}

.input-search>.option>label>span {
	display: inline-block;
	padding: 0 0.5rem;
}

.input-search>.option>label>input:checked+span {
	background-color: #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.input-group,
.input-group>.input-block {
	position: relative;
}

.input-group>.input-block>.input-help {
	font-size: 0.875rem;
	color: #999;
}

.input-group>.input-block>.input-validate {
	font-size: 0.875rem;
}

.input-group:not(.input-group-inline)>.input-block>.input-help.input-help-right {
	position: absolute;
	top: -1.625rem;
	right: 0;
}

.input-group-inline {
	display: flex;
}

.input-group-inline>label {
	padding: 0.375rem;
	padding-left: 0;
	white-space: nowrap;
}

.input-group-inline>.input,
.input-group-inline>.input-block {
	width: 1%;
	flex: 1 1 auto;
}

.input-group-inset>label {
	position: absolute;
	top: 0;
	left: 0.375rem;
	padding: 0.375rem;
}

.input-group-inset>.input,
.input-group-inset>.input-block>.input {
	text-align: right;
}

.form .input-group,
.form fieldset>.input-group {
	margin-bottom: 1rem;
}

.form .fieldset {
	border-style: none;
	border-top-style: solid;
	border-width: 2px;
	border-radius: 0;
	padding: 0.5em 0 0 0;
	margin-bottom: 0;
}

.form-x .input-group,
.form-x fieldset>.input-group {
	display: flex;
}

.form-x .input-group>label,
.form-x fieldset>.input-group>label {
	padding: 0.375rem;
	width: 3em;
	padding-left: 0;
	white-space: nowrap;
}

.form-x .input-group>.input,
.form-x .input-group>.input-block,
form.form-x fieldset>.input-group>.input,
.form-x fieldset>.input-group>.input-block {
	width: 1%;
	flex: 1 1 auto;
}

.form-x .form-button,
.form-x fieldset>.form-button {
	margin-left: 3em;
}

.label-center,
.form-x.form-label-center .input-group>label,
.form-x.form-label-center fieldset>.input-group>label {
	text-align: center;
}

.label-right,
.form-x.form-label-right .input-group>label,
.form-x.form-label-right fieldset>.input-group>label {
	text-align: right;
}

.form-auto .input {
	width: auto;
	flex: none;
	display: inline-block;
}

.input-auto+.input-help,
.form-auto .input+.input-help {
	display: inline-block;
}

.input-required::after {
	content: "*";
	padding-left: 0.25rem;
	color: #f00;
}

label.label-right.input-required::after,
.form-x.form-label-right>.input-group>label.input-required::after,
.form-x.form-label-right>fieldset>.input-group>label.input-required::after {
	content: "";
	padding-left: 0;
}

label.label-right.input-required::before,
.form-x.form-label-right>.input-group>label.input-required::before,
.form-x.form-label-right>fieldset>.input-group>label.input-required::before {
	content: "*";
	padding-right: 0.25rem;
	color: #f00;
}

.form-button.align-center,
.form-button[align="center"] {
	padding-left: 0 !important;
}

.form-inline,
.form-inline>.input-group,
.form-inline>.input-group>.input-block,
.form-inline>.form-button {
	display: inline-block;
}

.form-inline .input {
	display: inline-block;
	width: auto;
	flex: none;
}

.form-nowrap,
.form-nowrap-y {
	display: flex;
}

.form-nowrap>.input-group,
.form-nowrap-y>.input-group {
	margin-bottom: 0;
}

.form-nowrap>.input-group:first-child>.input-block>.input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
}

.form-nowrap>.input-group:not(:first-child):not(:last-child)>.input-block>.input {
	border-radius: 0;
	width: auto;
	margin-left: -1px;
	position: relative;
}

.form-nowrap>.input-group:last-child>.input-block>.input,
.form-nowrap>.form-button>.button {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	margin-left: -1px;
}

.form-nowrap>.form-button>.button {
	white-space: nowrap;
}

.form-nowrap-y {
	flex-direction: column;
	-webkit-flex-direction: column;
}

.form-nowrap-y>.input-group:first-child>.input-block>.input {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
}

.form-nowrap-y>.input-group:not(:first-child):not(:last-child)>.input-block>.input {
	border-radius: 0;
	position: relative;
	position: relative;
	margin-top: -1px;
}

.form-nowrap-y>.input-group:last-child>.input-block>.input,
.form-nowrap-y>.form-button>.button {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	margin-top: -1px;
}

.form-nowrap-y>.form-button>.button {
	display: block;
	width: 100%;
}

.form-inset>.input-group>label,
.form-inset>fieldset>.input-group>label {
	position: absolute;
	top: 0;
	left: 0.375rem;
	padding: 0.375rem;
}

.form-inset>.input-group>.input,
.form-inset>.input-group>.input-block>.input,
.form-inset>fieldset>.input-group>.input,
.form-inset>fieldset>.input-group>.input-block>.input {
	text-align: right;
}

.form-inset-group>fieldset {
	border: none;
	padding: 0;
	margin: 0 0 0.75rem 0;
}

.form-inset-group>fieldset>legend {
	font-size: 80%;
	margin: 0;
	padding: 0.375rem;
	width: 100%;
	color: #999;
}

.form-inset-group>fieldset>.input-group {
	padding-left: 1rem;
	margin: 0;
	background-color: #fff;
}

.form-inset-group>fieldset>.input-group>label {
	left: 1rem;
}

.form-inset-group>fieldset>.input-group>.input-block>.input {
	border-color: transparent;
}

.form-inset-group>fieldset>.input-group>.input-block {
	border-bottom: solid 1px #ddd;
}

.form-inset-group>fieldset>.input-group:first-child {
	border-top: solid 1px #ddd;
}

.form-inset-group>fieldset>legend+.input-group {
	border-top: solid 1px #ddd;
}

.form-inset-group>fieldset>.input-group:last-child {
	border-bottom: solid 1px #ddd;
}

.form-inset-group>fieldset>.input-group:last-child>.input-block {
	border-bottom: none;
}

.form-inset-group>fieldset:not(:first-child)>legend {
	margin-top: -0.75rem;
}

.form-inset-group>fieldset+.form-button {
	margin-top: 1rem;
}

.validate-tips .input-validate {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	padding: 0.125rem 0.5rem;
	border-radius: 0.25rem;
	margin-top: 5px;
	opacity: 0.9;
}

.validate-tips .input-validate::after {
	content: "";
	position: absolute;
	left: 10px;
	top: -4px;
	display: inline-block;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 4px;
	border-top-width: 0;
	border-color: transparent;
	border-bottom-color: #f00;
}

.validate-tips .input-valid .input-validate::after {
	border-bottom-color: #2c7;
}

.validate-tips.form-inset .input-validate,
.input-group-inset .input-validate {
	left: auto;
	right: 0;
}

.validate-tips.form-inset .input-validate::after,
.input-group-inset .input-validate::after {
	left: auto;
	right: 10px;
}

.input-novalidate .input-validate {
	display: none;
}

.input-valid .input,
.input-invalid .input {
	z-index: 2;
}

.form.grid .input-group {
	margin-bottom: 0;
}

.input[class*='bg-'] {
	border-color: transparent !important;
}

.input.bg-silver,
.input.bg-light,
.input.bg-white {
	color: #333 !important;
}

.input-small,
.form-small .input {
	padding: 0.25em 0.5em;
}

.input-big,
.form-big .input {
	padding: 0.625em 1em;
}

.form-small .button {
	padding: 0.25em 0.75em;
}

.form-big .button {
	padding: 0.625em 1.25em;
}

select.input.input-small:not([size]):not([multiple]),
select.input.input-small+.input.input-text,
.input.input-small[type="color"],
.input.input-small[type="range"],
.form-small select.input:not([size]):not([multiple]),
.form-small select.input+.input.input-text,
.form-small .input[type="color"],
.form-small .input[type="range"] {
	height: calc(2em + 2px);
}

select.input.input-big:not([size]):not([multiple]),
select.input.input-big+.input.input-text,
.input.input-big[type="color"],
.input.input-big[type="range"],
.form-big select.input:not([size]):not([multiple]),
.form-big select.input+.input.input-text,
.form-big .input[type="color"],
.form-big .input[type="range"] {
	height: calc(2.75em + 2px);
}

.input-radius>.input-inline-auto>input.input-small[size="0"] {
	width: calc(2em + 2px);
}

.input-radius>.input-inline-auto>input.input-big[size="0"] {
	width: calc(2.75em + 2px);
}

/*kit*/
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1 0 0%;
	border-radius: 0.25rem;
	border: solid 1px rgba(0, 0, 0, .125);
}

.card-head,
.card-foot {
	padding: 0.5rem 1rem;
	background: rgba(0, 0, 0, .03);
}

.card-head {
	border-bottom: solid 1px rgba(0, 0, 0, .125);
}

.card-foot {
	border-top: solid 1px rgba(0, 0, 0, .125);
}

.card-media {
	max-width: 100%;
	height: auto;
	display: block;
}

.card-body {
	padding: 1rem;
	flex: 1 1 auto;
}

.card-tab {
	display: none;
}

.card-tab.active {
	display: block;
}

.card-head-nav.nav.nav-tabs,
.card-head-nav.nav.nav-line {
	margin-bottom: calc(-0.5rem - 1px);
}

.card-head-nav.nav.nav-tabs,
.card-head-nav.nav.nav-line>li {
	border-bottom-color: transparent;
}

.card-head,
.card-body:first-child,
.card-media:first-child,
.card>.list-group:first-child,
.card>.list-group>li:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.card-foot,
.card-body:last-child,
.card-media:last-child,
.card>.list-group:last-child,
.card>.list-group>li:last-child {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.card-overflow {
	margin: -1px;
	width: calc(100% + 2px) !important;
	max-width: none !important;
}

.card>.table {
	border: none;
	border-collapse: collapse;
}

.card>.list-group>li {
	padding: 0.5rem 1rem;
}

.card>.card-body+.table,
.card>.card-body+.list-group,
.card>.table+.card-body,
.card>.list-group+.card-body,
.card>.list-group+.table,
.card>.table+.list-group {
	border-top: solid 1px rgba(0, 0, 0, .125);
}

.toast {
	border: solid 1px rgba(0, 0, 0, .1);
	background-color: rgba(255, 255, 255, .8);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .175);
	border-radius: 0.5rem;
	position: relative;
	font-size: 0.875rem;
}

.toast>.toast-header {
	padding: 0.5rem 0.75rem;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	display: flex;
	align-items: center;
}

.toast>.toast-header>strong {
	flex-grow: 1;
	font-weight: 450;
	margin-left: 0.25rem;
}

.toast>.toast-header>time {
	font-size: 0.75rem;
	opacity: 0.5;
}

.toast>.toast-header>i {
	margin-left: 0.5rem;
	margin-right: -0.25rem;
	cursor: pointer;
	opacity: 0.5;
}

.toast>.toast-bodyer {
	padding: 0.5rem 0.75rem;
	padding-top: 0;
}

.toast>.toast-divider {
	border-top: solid 1px transparent;
	border-color: inherit;
	height: 1px;
}

.toast>.toast-divider+.toast-bodyer {
	padding-top: 0.5rem;
}

.drop {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.drop>.dropdown {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 100%;
	left: 0;
	z-index: 0;
	width: 100%;
	min-width: 10rem;
	margin-top: 1rem;
	transition: all 0.5s ease 0.2s;
}

.drop.drop-right>.dropdown {
	right: 0;
	left: auto;
}

.drop.drop-up>.dropdown,
.drop.drop-auto>.dropdown {
	bottom: 100%;
	top: auto;
	margin-top: 0;
	margin-bottom: 1rem;
}

.drop:not(.drop-toggle):hover>.dropdown,
.drop.drop-open>.dropdown {
	visibility: visible;
	margin-top: 2px;
	opacity: 1;
	z-index: 1;
}

.drop.drop-up:not(.drop-toggle):hover>.dropdown,
.drop.drop-auto:not(.drop-toggle):hover>.dropdown {
	margin-bottom: 2px;
}

.drop.drop-up.drop-open>.dropdown,
.drop.drop-auto.drop-open>.dropdown {
	margin: 0 0 2px 0;
}

.badge {
	display: inline-block;
	padding: 0.25em 0.5em;
	line-height: 1;
	font-size: 0.75rem;
	font-style: normal;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #f00;
	border-radius: 2em;
	white-space: nowrap;
	vertical-align: baseline;
}

.badge.badge-dot {
	width: 0;
	padding: 0;
	padding: 0.25rem;
	font-size: 0;
	border-radius: 100%;
}

.badge:not(.badge-dot):empty {
	display: none
}

.badge-corner {
	position: relative;
	outline: none;
}

.badge-corner>.badge {
	position: absolute;
	right: -0.5rem;
	top: -0.5rem;
	font-weight: normal;
	cursor: pointer;
	z-index: 3;
}

.badge-corner>.badge.badge-dot {
	right: -0.25rem;
	top: -0.25rem;
}

progress,
progress::-webkit-progress-bar {
	width: 100%;
	display: flex;
	font-size: 0.75rem;
	border: none;
	border-radius: 2rem;
	color: #0a8;
	background: #f5f5f5;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

progress::-moz-progress-bar {
	background: #0a8;
	border-radius: 2rem;
}

progress::-webkit-progress-value {
	background: #0a8;
	border-radius: 2rem;
}

.progress {
	width: 100%;
	height: 0.75rem;
	display: flex;
	font-size: 0.75rem;
	border: none;
	border-radius: 2rem;
	color: #0a8;
	background: #f5f5f5;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress>.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 0.75rem;
	line-height: 1;
	color: #fff;
	background: #0a8;
	border-radius: 2rem;
	transition: width .6s ease;
}

.progress.progress-striped>.progress-bar {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent);
	background-size: 2rem 2rem;
}

@-webkit-keyframes progress-bar-active {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 2rem 0;
	}
}

@keyframes progress-bar-active {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 2rem 0;
	}
}

.progress.progress-active>.progress-bar {
	-webkit-animation: progress-bar-active 2s linear infinite normal;
	animation: progress-bar-active 2s linear infinite normal;
}

.progress-mini {
	height: 1px;
}

.progress-small {
	height: 0.5rem;
}

.progress-mini>.progress-bar,
.progress-small>.progress-bar {
	font-size: 0;
}

.progress-big {
	height: 1rem;
}

.progress-large {
	height: 1.5rem;
}

.ring {
	font-size: 100px;
	width: 1em;
	height: 1em;
	position: relative;
	border-radius: 50%;
	background: #0a8;
}

.ring>.ring-left,
.ring>.ring-right,
.ring>.ring-left>i,
.ring>.ring-right>i {
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
}

.ring>.ring-left>i,
.ring>.ring-right>i {
	display: block;
	background: #ddd;
	border-radius: 50%;
	transform: rotate(0deg);
}

.ring>.ring-right,
.ring>.ring-right>i {
	clip: rect(0, auto, auto, 0.5em);
}

.ring>.ring-left,
.ring>.ring-left>i {
	clip: rect(0, 0.5em, auto, 0);
}

.ring>.ring-mask {
	width: 0.86em;
	height: 0.86em;
	border-radius: 50%;
	left: 0.07em;
	top: 0.07em;
	background: #fff;
	position: absolute;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ring>.ring-mask>i,
.ring>.ring-mask>em {
	font-size: 0.3em;
	font-style: normal;
}

.ring>.ring-mask>em {
	display: none;
}

.ring>.ring-mask>em>i {
	font-size: 2.5em;
}

.ring>.ring-mask>span {
	font-size: 12px;
	margin-top: 0.25rem;
}

.alert {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	position: relative;
	border-radius: 0.5rem;
}

.alert>[data-dismiss] {
	position: absolute;
	right: 1rem;
	top: 1rem;
	cursor: pointer;
	color: #f00;
}

.alert>i:not([data-dismiss]) {
	font-size: 48px;
	margin: 1rem;
}

.alert>.alert-body {
	margin: 0 1rem 1rem 1rem;
}

.alert>p,
.alert>.alert-body>p {
	margin: 0;
	font-size: 0.875rem;
}

.alert.alert-center {
	align-items: center;
	text-align: center;
}

.alert.alert-inline {
	flex-direction: row;
	align-items: center;
}

.alert.alert-inline>.alert-body {
	margin-top: 1rem;
	flex: 1 0 0%;
}

.selector {
	display: flex;
	margin: 0;
	align-items: center;
}

.selector>dt {
	white-space: nowrap;
	padding-right: 0.5rem;
}

.selector>dd {
	margin: 0;
}

.selector>dd>a {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	border: solid 1px transparent;
	border-radius: 0.25rem;
	color: inherit;
}

.selector>dd>a.active {
	border-color: #ddd;
	pointer-events: none;
}

.selector>dd>a:hover {
	color: #0a8;
}

.selector-group {
	border: solid 1px #ddd;
	border-radius: 0.5rem;
}

.selector-group>.selector {
	border-bottom: solid 1px rgba(0, 0, 0, .05);
	padding: 0.5rem;
}

.selector-group>.selector:last-child {
	border-bottom: none;
}

.selector-group>.selector>dt {
	padding-left: 0.5rem;
}

.selector-group>.selector>dd>a.active {
	border-color: rgba(0, 0, 0, .05);
}

.tips,
.popove {
	position: absolute;
	z-index: 5;
	max-width: 16rem;
	border-radius: 0.25rem;
}

.tips {
	background: #333;
	color: #fff;
	font-size: 0.75rem;
	padding: 0.25rem 0.5rem;
	border-color: #333;
}

.popove {
	background: #fff;
	border: solid 1px #ddd;
	font-size: 0.875rem;
	min-width: 10rem;
}

.popove>.popove-title {
	display: block;
	background-color: #f5f5f5;
	padding: 0.25rem 0.75rem;
	border-bottom: solid 1px transparent;
	border-color: inherit;
	border-radius: 0.25rem 0.25rem 0 0;
}

.popove>.popove-title:empty {
	display: none
}

.popove>.popove-body {
	padding: 0.75rem;
}

.tips::before,
.popove::before,
.popove::after,
.popove.popove-bottom>.popove-title::after {
	content: "";
	position: absolute;
	display: inline-block;
	height: 0;
	width: 0;
	border-style: solid;
	border-color: transparent;
}

.tips::before {
	border-width: 5px;
}

.popove::before {
	border-width: 10px;
}

.popove::after,
.popove.popove-bottom>.popove-title::after {
	border-width: 9px;
}

.tips.tips-top::before,
.tips.tips-bottom::before {
	left: 50%;
	margin-left: -5px;
}

.tips.tips-left::before,
.tips.tips-right::before {
	top: 50%;
	margin-top: -5px;
}

.tips.tips-top::before {
	bottom: -5px;
	border-bottom-width: 0;
	border-top-color: inherit;
}

.tips.tips-right::before {
	left: -5px;
	border-left-width: 0;
	border-right-color: inherit;
}

.tips.tips-bottom::before {
	top: -5px;
	border-top-width: 0;
	border-bottom-color: inherit;
}

.tips.tips-left::before {
	right: -5px;
	border-right-width: 0;
	border-left-color: inherit;
}

.popove.popove-top::before,
.popove.popove-bottom::before {
	left: 50%;
	margin-left: -10px;
}

.popove.popove-left::before,
.popove.popove-right::before {
	top: 50%;
	margin-top: -9px;
}

.popove.popove-top::after,
.popove.popove-bottom::after,
.popove.popove-bottom>.popove-title::after {
	left: 50%;
	margin-left: -9px;
}

.popove.popove-left::after,
.popove.popove-right::after {
	top: 50%;
	margin-top: -8px;
}

.popove.popove-top::before {
	bottom: -10px;
	border-bottom-width: 0;
	border-top-color: inherit;
}

.popove.popove-right::before {
	left: -10px;
	border-left-width: 0;
	border-right-color: inherit;
}

.popove.popove-bottom::before {
	top: -10px;
	border-top-width: 0;
	border-bottom-color: inherit;
}

.popove.popove-left::before {
	right: -10px;
	border-right-width: 0;
	border-left-color: inherit;
}

.popove.popove-top::after {
	bottom: -9px;
	border-bottom-width: 0;
	border-top-color: #fff;
}

.popove.popove-right::after {
	left: -9px;
	border-left-width: 0;
	border-right-color: #fff;
}

.popove.popove-bottom::after {
	top: -9px;
	border-top-width: 0;
	border-bottom-color: #fff;
}

.popove.popove-left::after {
	right: -9px;
	border-right-width: 0;
	border-left-color: #fff;
}

.popove.popove-bottom>.popove-title::after {
	top: -9px;
	border-top-width: 0;
	border-bottom-color: #f5f5f5;
	z-index: 2;
}

.service {
	display: inline-block;
}

.service[class*='-bottom'] {
	bottom: 1rem;
}

.service[class*='-top'] {
	top: 1rem;
}

.service[class*='-left'] {
	left: 0.5rem;
}

.service[class*='-right'] {
	right: 0.5rem;
}

.service .service-item {
	position: relative;
}

.service .service-item:hover::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .05);
}

.service .service-item>.service-body {
	display: none;
}

.service .service-item:hover>.service-body {
	position: absolute;
	top: 0;
	left: 100%;
	display: inline-block;
	min-width: auto;
}

.service .service-item:hover>.service-body.tips {
	top: 5px;
}

.service .service-item:hover>.service-body.popove {
	margin-top: -1px;
}

.service .service-item:hover>.service-body.popove::before,
.service .service-item:hover>.service-body.popove::after {
	top: 20px;
}

.service[class*='-right'] .service-item:hover>.service-body {
	left: auto;
	right: 100%;
}

.service[class*='-bottom'] .service-item:hover>.service-body {
	top: auto;
	bottom: 0;
}

.service[class*='-bottom'] .service-item:hover>.service-body.popove::before {
	top: auto;
	bottom: 9px;
}

.service[class*='-bottom'] .service-item:hover>.service-body.popove::after {
	top: auto;
	bottom: 10px;
}

.timeline {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

.timeline>li {
	position: relative;
	padding: 0 0 1rem 1.5rem;
}

.timeline>li:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	height: 100%;
	border-left: dashed 2px #ddd;
}

.timeline>li::after {
	content: "";
	position: absolute;
	left: -5px;
	top: 6px;
	width: 12px;
	height: 12px;
	border: solid 2px #ddd;
	border-radius: 50%;
	background-color: #fff;
}

.timeline>li.active::after {
	background-color: #0a8;
	border-color: transparent;
}

.timeline>li.active:not(:last-child)::before {
	border-left: solid 2px #0a8;
}

.timeline>li>.timeline-title {
	display: block;
}

.timeline>li>.tips,
.timeline>li>.timeline-title>.tips {
	position: relative;
	display: inline-block;
}

.timeline>li>.popove {
	position: relative;
	display: block;
	min-width: auto;
	max-width: 100%;
}

.timeline>li>.popove::before,
.timeline>li>.popove::after {
	top: 12px;
}

.timeline>li>.popove.popove-title::after {
	border-right-color: #f5f5f5;
}

.timeline:not(.timeline-aside)>li>.timeline-title,
.timeline:not(.timeline-aside)>li>.tips {
	margin-bottom: 0.5rem;
}

.timeline.timeline-aside {
	padding-left: 6.5rem;
}

.timeline.timeline-aside>li>.timeline-title {
	position: absolute;
	left: -6.5rem;
	top: -3px;
	width: 5rem;
	text-align: right;
}

.timeline.timeline-center>li {
	margin-left: 50%;
	margin-right: auto;
}

.timeline.timeline-center>li:nth-child(2n) {
	margin-right: 50%;
	margin-left: auto;
	text-align: right;
	padding-right: 1.5rem;
	padding-left: 0;
}

.timeline.timeline-center>li:nth-child(2n)::before {
	left: auto;
	right: -2px;
}

.timeline.timeline-center>li:nth-child(2n)::after {
	left: auto;
	right: -7px;
}

.timeline.timeline-center>li:nth-child(2n)>.popove.popove-title::after {
	border-left-color: #f5f5f5;
}

.timeline.timeline-center>li:nth-child(2n)>.timeline-body,
.timeline.timeline-center>li:nth-child(2n)>.popove {
	text-align: left;
}

.timeline.timeline-center.timeline-aside {
	padding-left: 0;
}

.timeline.timeline-center.timeline-aside>li:nth-child(2n)>.timeline-title {
	left: auto;
	right: -6.5rem;
	text-align: left;
}

.loader {
	position: relative;
	display: inline-block;
	font-size: 1rem;
	width: 1.5em;
	height: 1em;
	color: #0a8;
}

.loader::before,
.loader>i {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0.5em;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	opacity: 0.9;
	margin-left: -0.5rem;
}

.loader::before {
	border-color: currentColor;
	animation: loaderleft 1.5s ease-in-out infinite, loaderleftz .66s ease-in-out infinite;
}

.loader>i {
	color: #f00;
	border-color: currentColor;
	animation: loaderright 1.5s ease-in-out infinite, loaderrightz .66s ease-in-out infinite;
}

@keyframes loaderleft {
	0% {
		left: 0;
		transform: scale(1.1)
	}

	50% {
		left: 100%;
		transform: scale(1)
	}

	100% {
		left: 0;
		transform: scale(1.1)
	}
}

@keyframes loaderright {
	0% {
		left: 100%;
		transform: scale(1.1)
	}

	50% {
		left: 0;
		transform: scale(1)
	}

	100% {
		left: 100%;
		transform: scale(1.1)
	}
}

@keyframes loaderleftz {
	0% {
		z-index: 0
	}

	50% {
		z-index: 1
	}

	100% {
		z-index: 0
	}
}

@keyframes loaderrightz {
	0% {
		z-index: 1
	}

	50% {
		z-index: 0
	}

	100% {
		z-index: 1
	}
}

.loader-circle {
	display: inline-block;
	font-size: 1rem;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	position: relative;
	color: #0a8;
	border: solid 0.1em currentColor;
	border-left-color: transparent;
	transform: translateZ(0);
	animation: loadercircle 1.1s infinite linear;
}

.loader-circle[class*='border'] {
	border-left-color: transparent !important;
}

@keyframes loadercircle {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.loader-dot {
	display: inline-block;
	font-size: 1rem;
	width: 3em;
	height: 1em;
	text-align: center;
	position: relative;
	color: #0a8;
}

.loader-dot>i,
.loader-dot::before,
.loader-dot::after {
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	animation-fill-mode: both;
	animation: loaderdot 1.4s infinite ease-in-out;
}

.loader-dot>i {
	vertical-align: top;
	background-color: currentColor;
	animation-delay: -0.16s;
}

.loader-dot::before,
.loader-dot::after {
	content: "";
	position: absolute;
	background-color: currentColor;
}

.loader-dot::before {
	left: 0;
	animation-delay: -0.32s;
}

.loader-dot::after {
	left: 2em;
}

@keyframes loaderdot {

	0%,
	100% {
		transform: scale(0.0);
	}

	40%,
	60% {
		transform: scale(0.9);
	}
}

/*nav*/
.nav {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav>li {
	display: list-item;
	position: relative;
}

.nav>li>a {
	padding: 0.5em 1em;
	display: block;
	white-space: nowrap;
	text-decoration: none;
	position: relative;
	color: #333;
	outline: 0;
	transition: all 0.5s ease;
}

.nav>li.active>a,
.nav>li>a:hover,
.nav>li>a:active {
	color: #0a8;
	z-index: 1;
}

.nav>li>select {
	min-width: 4rem;
	height: 100%;
	color: #0a8;
	padding: 0.25rem 1.25rem 0.25rem 1rem;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	background-size: 8px 10px;
}

.nav>li>select::-ms-expand {
	display: none;
}

.nav>li.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.nav.nav-inline {
	display: inline-flex;
}

.nav.nav-divider>li:not(:first-child)>a {
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.nav.nav-divider-line>li {
	display: flex;
	align-items: center;
}

.nav.nav-divider-line>li:not(:first-child)::before {
	content: "";
	border-left: 1px solid rgba(0, 0, 0, .1);
	height: 1.25rem;
}

.nav.nav-divider-line>li>a {
	width: 100%;
}

.nav.nav-box {
	border: solid 1px #ddd;
	border-radius: 0.25rem;
}

.nav.nav-center {
	justify-content: center !important;
	text-align: center;
}

.nav.nav-right {
	justify-content: flex-end !important;
}

.nav.nav-block>li {
	flex-grow: 1;
	text-align: center;
}

.nav.nav-small>li>a {
	padding: 0.25em 1em !important;
	font-size: 0.875rem !important;
}

.nav.nav-big>li>a {
	padding: 0.75em 1em !important;
	font-size: 1.125rem !important;
}

.nav>li:first-child,
.nav>li:first-child>a {
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
}

.nav.nav-block>li:last-child,
.nav.nav-block>li:last-child>a {
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

.nav.nav-inverse>li>a {
	color: #fff;
}

.nav.nav-inverse>li>select {
	color: #fff;
	background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	background-size: 8px 10px;
}

.nav.nav-inverse>li.active>a,
.nav.nav-inverse>li>a:hover {
	background-color: rgba(0, 0, 0, .1);
}

.nav.nav-inverse.nav-divider>li>a,
.nav.nav-inverse.nav-divider-line>li::before {
	border-color: rgba(255, 255, 255, 0.2);
}

.nav>li.drop>a::after {
	content: "";
	display: inline-block;
	margin-left: 0.5rem;
	border: solid 5px transparent;
	border-top-color: currentColor;
}

.nav.nav-inverse>li.drop>a::after {
	border-top-color: currentColor;
}

.nav>li>.dropdown>.nav-menu {
	width: 100%;
}

.nav.nav-menu {
	flex-direction: column !important;
}

.nav.nav-menu>li {
	text-align: center;
}

.nav.nav-menu>li.nav-title {
	font-weight: bold;
	padding: 0.5rem 1rem;
	font-size: 75%;
	color: rgba(0, 0, 0, .5);
	text-align: center;
}

.nav.nav-menu.nav-divider>li:not(:first-child)>a {
	border-left: none;
	border-top: solid 1px rgba(0, 0, 0, .1);
}

.nav.nav-menu.nav-divider>li.nav-title {
	border-top: solid 1px #ddd;
	background: #f5f5f5;
}

.nav.nav-menu>li.nav-divider {
	margin: 0.25rem 0;
	border-top: 1px solid #ddd;
}

.nav.nav-menu.nav-divider-line>li:not(:first-child)::before {
	border-left: none;
}

.nav.nav-menu>li:first-child,
.nav.nav-menu>li:first-child>a {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	border-bottom-left-radius: 0;
}

.nav.nav-menu>li:last-child,
.nav.nav-menu>li:last-child>a {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	border-top-right-radius: 0;
}

.nav-arrow {
	display: flex !important;
	flex-grow: 1;
	justify-content: space-between !important;
	align-items: center !important;
}

.nav-arrow::after {
	content: "";
	width: .675rem;
	height: 0.675rem;
	border-top: solid 1px currentColor;
	border-right: solid 1px currentColor;
	transform: rotate(45deg);
	opacity: 0.5;
}

.nav.nav-menu>li.drop>a.nav-arrow::before,
.nav.nav-menu>li.drop>a.nav-arrow::after {
	content: "";
	position: absolute;
	width: 0.75rem;
	height: 1px;
	top: 50%;
	background: currentColor;
	right: 1rem;
	border: none;
	transition: transform 0.15s linear;
	opacity: 0.5;
}

.nav.nav-menu>li.drop>a.nav-arrow::after {
	transform: rotate(90deg);
}

.nav.nav-menu>li.drop:hover>a.nav-arrow::after {
	transform: rotate(0deg);
}

.nav.nav-line>li {
	border-bottom: solid 2px #ddd;
}

.nav.nav-line.nav-box>li {
	margin-bottom: -1px;
}

.nav.nav-line.nav-line-top>li {
	border-top: solid 2px #ddd;
	border-bottom: none;
}

.nav.nav-line.nav-line-top.nav-box>li {
	margin-top: -1px;
	margin-bottom: 0;
}

.nav.nav-line>li.active,
.nav.nav-line>li:hover {
	border-color: #0a8;
}

.nav.nav-line.nav-inverse>li {
	border-color: rgba(255, 255, 255, .25);
}

.nav.nav-line.nav-inverse>li.active,
.nav.nav-line.nav-inverse>li:hover {
	border-color: #fff;
}

.nav.nav-line.nav-inverse>li.active>a,
.nav.nav-line.nav-inverse>li>a:hover {
	background-color: transparent;
}

.nav.nav-line.nav-menu>li {
	border-width: 1px;
}

.nav.nav-line.nav-menu>li.active {
	border-width: 2px;
}

.nav.nav-card:not(.nav-menu)>li:not(:last-child) {
	margin-right: 0.25rem;
}

.nav.nav-card.nav-menu>li:not(:last-child) {
	margin-bottom: 0.25rem;
}

.nav.nav-card.nav-box {
	padding: 0.25rem;
}

.nav.nav-card>li.active>a,
.nav.nav-card>li:hover>a {
	background-color: #0a8;
	border-radius: 0.25rem;
	color: #fff;
}

.nav.nav-card.nav-divider-line>li.active::before,
.nav.nav-card.nav-divider-line>li.active+li::before,
.nav.nav-card.nav-divider-line>li:hover::before,
.nav.nav-card.nav-divider-line>li:hover+li::before {
	border-color: transparent;
}

.nav.nav-card.nav-inverse>li.active>a,
.nav.nav-card.nav-inverse>li:hover>a {
	background-color: #fff;
	color: #333;
}

.nav.nav-card.nav-menu.nav-divider>li.active>a,
.nav.nav-card.nav-menu.nav-divider>li.active+li>a,
.nav.nav-card.nav-menu.nav-divider>li:hover>a,
.nav.nav-card.nav-menu.nav-divider>li:hover+li>a {
	border-color: transparent;
}

.nav.nav-icon>li>a {
	display: flex;
	align-items: center;
}

.nav.nav-icon>li>a>.nav-media {
	line-height: 1.5;
}

.nav.nav-icon.nav-block>li>a {
	justify-content: center;
}

.nav.nav-icon.nav-icon-text>li>a>.nav-media {
	margin-right: 0.5rem;
}

.nav.nav-icon.nav-icon-wrap>li>a {
	flex-direction: column;
}

.nav.nav-icon.nav-icon-wrap>li>a:not(:last-child) {
	margin-bottom: 1rem;
}

.nav.nav-icon.nav-icon-wrap>li>a>.nav-media {
	margin-bottom: 0.25rem;
	margin-right: 0;
}

.nav.nav-icon.nav-menu>li.nav-title {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	margin-bottom: -1px;
	z-index: 2;
}

.nav.nav-tabs {
	border-bottom: solid 1px #ddd;
}

.nav.nav-tabs:not(.nav-menu)>li:not(:last-child) {
	margin-right: 0.25rem;
}

.nav.nav-tabs.nav-menu>li:not(:last-child) {
	margin-bottom: 0.25rem;
}

.nav.nav-tabs.nav-box {
	padding: 0 2rem;
	padding-top: 0.25rem;
}

.nav.nav-tabs>li {
	margin-bottom: -1px;
}

.nav.nav-tabs>li>a {
	border: solid 1px transparent;
	border-radius: 0.25rem 0.25rem 0 0;
}

.nav.nav-tabs>li>a:last-child {
	border-bottom-right-radius: 0;
}

.nav.nav-tabs>li.active>a {
	border-color: #ddd;
	border-bottom-color: transparent;
	background-color: #fff;
}

.nav.nav-tabs>li:not(.active):hover>a {
	border-color: #ddd;
}

.nav.nav-tabs.nav-divider-line>li.active::before,
.nav.nav-tabs.nav-divider-line>li.active+li::before,
.nav.nav-tabs.nav-divider-line>li:hover::before,
.nav.nav-tabs.nav-divider-line>li:hover+li::before {
	border-color: transparent;
}

.nav.nav-tabs.nav-inverse,
.nav.nav-tabs.nav-inverse>li.active,
.nav.nav-tabs.nav-inverse>li.active>a {
	background-color: inherit;
}

.nav.nav-tabs.nav-menu:not(.nav-box) {
	border-bottom: none;
}

.nav.nav-tabs.nav-menu.nav-box {
	padding: 0.25rem;
}

.nav.nav-tabs.nav-menu>li:not(:last-child) {
	margin-bottom: 0.25rem;
}

.nav.nav-tabs.nav-menu>li.active>a,
.nav.nav-tabs.nav-menu>li>a:hover {
	border-radius: 0.25rem !important;
	border-bottom-color: #ddd;
}

.nav.nav-tabs.nav-menu.nav-divider>li:not(.active):not(:first-child)>a {
	border-radius: 0;
}

.nav.nav-tabs.nav-menu.nav-divider>li.active>a,
.nav.nav-tabs.nav-menu.nav-divider>li>a:hover {
	border-left: solid 1px #ddd;
}

.nav.nav-tabs.nav-menu.nav-divider>li.active+li>a,
.nav.nav-tabs.nav-menu.nav-divider>li:hover+li>a {
	border-color: transparent;
}

.nav.nav-tabs.nav-menu.nav-divider>li.active+li>a:hover,
.nav.nav-tabs.nav-menu.nav-divider>li:hover+li.active>a {
	border-color: #ddd !important;
}

.nav.nav-tabs-card>li>a {
	border: solid 1px #ddd;
	background-color: #f5f5f5;
}

.nav.nav-tabs-card>li:not(:first-child)>a {
	margin-left: -1px;
}

.nav.nav-tabs-card>li.active>a {
	border-top-width: 2px;
	border-top-color: #0a8;
	border-bottom: none;
	background-color: transparent;
}

.nav.nav-tabs-card.nav-inverse>li>a {
	background-color: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, 0.1);
}

.nav.nav-tabs-card.nav-inverse>li.active>a {
	border-top-color: #fff;
	background-color: transparent;
	border-bottom-color: transparent;
}

.nav.nav-tabs-card.nav-menu>li:not(:first-child)>a {
	margin: -1px 0 0 0;
}

.nav.nav-turn {
	color: #ddd;
	font-size: 1rem;
}

.nav.nav-turn>li,
.nav.nav-turn>li>a {
	border-color: currentColor;
	color: inherit;
}

.nav.nav-turn>li>a {
	padding: 0;
	width: 0.75em;
	height: 0.75em;
	border-radius: 0.5em !important;
	border-style: solid;
	border-width: 2px;
}

.nav.nav-turn>li:not(:last-child) {
	margin-right: 0.5em;
}

.nav.nav-turn>li.active {
	color: #95512f;
}

.nav.nav-turn>li.active>a {
	background-color: currentColor;
}

.nav.nav-turn.nav-menu {
	display: inline-flex;
}

.nav.nav-turn.nav-menu>li:not(:last-child) {
	margin-bottom: 0.5em;
	margin-right: 0;
}

.nav.nav-turn.nav-turn-line>li>a {
	width: 1.5em;
	height: 0.5em;
}

.nav.nav-turn.nav-turn-dot>li>a {
	background-color: currentColor;
}

.nav.nav-turn.nav-turn-line>li.active>a {
	width: 2.5em;
}

.nav.nav-turn.nav-menu.nav-turn-line>li>a {
	width: 0.5em;
	height: 1.5em;
}

.nav.nav-turn.nav-menu.nav-turn-line>li.active>a {
	height: 2.5em;
}

.nav.nav-win {
	display: inline-flex;
	font-size: 16px;
	height: 1em;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 0.5em;
}

.nav.nav-win>li {
	position: relative;
	width: 1em;
	height: 1em;
	color: #fff;
}

.nav.nav-win>li:not(:last-child) {
	border-right: solid 1px rgba(255, 255, 255, .15);
}

.nav.nav-win>li:first-child {
	width: 1.1em;
	padding-left: 0.1em;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
}

.nav.nav-win>li:last-child {
	width: 1.1em;
	padding-right: 0.1em;
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

.nav.nav-win>li.close::before {
	content: "";
	position: absolute;
	width: .6em;
	height: .1em;
	left: .3em;
	top: .45em;
	background-color: currentColor;
	border-radius: .1em;
	transform: rotate(45deg);
}

.nav.nav-win>li.close::after {
	content: "";
	position: absolute;
	width: .1em;
	height: .6em;
	left: .55em;
	top: .2em;
	background-color: currentColor;
	border-radius: .1em;
	transform: rotate(45deg);
}

.nav.nav-win>li.minimize::before {
	content: "";
	position: absolute;
	width: .5em;
	height: .1em;
	left: .25em;
	top: .45em;
	background-color: currentColor;
	border-radius: .1em;
}

.nav.nav-win>li.maximize::before,
.nav.nav-win>li.maximize::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 0.475em;
	top: .125em;
	border: 0.225em solid transparent;
	border-bottom-color: currentColor;
	transform: rotate(45deg);
}

.nav.nav-win>li.maximize::after {
	left: .125em;
	top: .5em;
	transform: rotate(-135deg);
}

.nav.nav-win>li.close:hover {
	background-color: #f00;
}

.nav.nav-win>li.minimize:hover {
	background-color: #fb0;
}

.nav.nav-win>li.maximize:hover {
	background-color: #0ae;
}

.nav.nav-step {
	color: #ddd;
}

.nav.nav-step>li {
	padding-top: 1rem;
}

.nav.nav-step>li::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	border-top-style: dashed;
	border-top-width: 2px;
	border-top-color: currentColor;
}

.nav.nav-step>li:first-child::before {
	left: 50%;
	width: 50%;
}

.nav.nav-step>li:last-child::before {
	width: 50%;
}

.nav.nav-step>li::after {
	content: "";
	font-size: 12px;
	line-height: 1rem;
	position: absolute;
	left: 50%;
	top: -6px;
	margin-left: -7px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
	border-color: inherit;
}

.nav.nav-step>li[title]::after {
	content: attr(title);
	width: 20px;
	height: 20px;
	top: -9px;
	margin-left: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav.nav-step>li>a {
	color: currentColor;
}

.nav.nav-step>li.active {
	color: #0a8;
}

.nav.nav-step>li.active::after {
	border-color: currentColor;
	border-width: 7px;
}

.nav.nav-step>li[title].active::after {
	border-width: 2px;
}

.nav.nav-step>li.active:not(:last-child)::before {
	border-top-style: solid;
	border-top-color: currentColor;
}

.nav.nav-page {
	display: inline-flex;
	border-radius: 0.25rem;
}

.nav.nav-page>li {
	border: solid 1px #ddd;
}

.nav.nav-page>li:not(:first-child) {
	margin-left: -1px;
}

.nav.nav-page>li:last-child {
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

.nav.nav-page>li>a {
	padding: 0.375rem 0.75rem;
}

.nav.nav-page>li:hover {
	background-color: #f5f5f5;
}

.nav.nav-page>li.active {
	border-color: transparent;
	z-index: 1;
	background-color: #0a8;
}

.nav.nav-page>li.active>a {
	color: #fff;
	background-color: transparent;
}

.nav.nav-page.nav-block {
	display: flex;
}

.nav.nav-page.nav-divider>li {
	border-radius: 0.25rem;
	margin-left: 0;
}

.nav.nav-page.nav-divider>li:not(:last-child) {
	margin-right: 0.25rem;
}

.nav.nav-page.nav-divider>li>a {
	border: none;
}

.nav.nav-page.nav-inverse>li:hover {
	background-color: rgba(255, 255, 255, .1);
}

.nav.nav-page.nav-inverse>li.active {
	background-color: #fff;
}

.nav.nav-page.nav-inverse>li.active>a {
	color: #0a8;
}

.nav.nav-page.nav-menu {
	display: flex;
}

.nav.nav-page.nav-menu>li:not(:first-child) {
	margin-left: 0;
	margin-top: -1px;
}

.nav.nav-page.nav-menu>li:last-child:not(:first-child) {
	border-top-right-radius: 0;
}

.nav.nav-page.nav-menu.nav-divider>li:not(:last-child) {
	margin-right: 0;
	margin-bottom: 0.25rem;
}

.nav.nav-page.nav-menu.nav-divider>li>a {
	border: none;
}

.nav.nav-page.nav-menu.nav-divider>li:last-child {
	border-top-right-radius: inherit;
}

.nav-page-menu,
.nav-page-menu>.nav.nav-page {
	display: flex;
	flex-direction: column !important;
}

.nav-page-menu>.nav.nav-page:not(:first-child) {
	margin-top: 0.25rem;
}

.nav.nav-breadcrumb>li {
	display: flex;
	align-items: center;
}

.nav.nav-breadcrumb>li:not(:last-child)::after {
	content: "\002f";
	display: list-item;
	opacity: 0.25;
}

.nav.nav-breadcrumb.nav-breadcrumb-arrows>li:not(:last-child)::after {
	content: "\00bb";
}

.nav.nav-breadcrumb.nav-inverse>li::after {
	color: #fff;
}

.nav.nav-switch {
	position: relative;
	width: 2em;
	height: 1.5em;
	color: #999;
	cursor: pointer;
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	border: solid 1px rgba(0, 0, 0, 0);
}

.nav.nav-switch>li {
	background: currentColor;
	width: 100%;
	height: 1px;
	transform-origin: 0 0;
	transition: all 0.5s ease;
}

.nav.nav-switch>li>a {
	opacity: 0;
	display: none;
}

.nav.nav-switch.nav-open>li:not(:first-child):not(:last-child) {
	background-color: transparent;
}

.nav.nav-switch.nav-open>li:first-child {
	transform: rotate(45deg);
}

.nav.nav-switch.nav-open>li:last-child {
	transform: rotate(-45deg);
}

.navbar {
	position: relative;
	padding: 0.5rem 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.navbar>.navbar-logo {
	display: inline-flex;
	white-space: nowrap;
	align-items: center;
}

.navbar-outer {
	position: relative;
}

.navbar-body {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	z-index: 2;
	display: none;
}

.navbar:not(.navbar-show)>.navbar-body,
.navbar-outer:not(.navbar-show) .navbar-body {
	width: 100%;
}

.navbar-body>.nav {
	flex-direction: column;
}

.navbar-body>.nav>li>.nav {
	margin: 1rem;
	margin-top: 0;
	display: none;
}

.navbar-body>.nav>li:hover>.nav {
	display: block;
}

.navbar-body>.navbar-after {
	padding: 0.5rem 1rem;
	border-radius: inherit;
	text-align: center;
}

.navbar-body>.nav.nav-divider>li:not(:first-child)>a,
.navbar-body>.nav.nav-divider+.navbar-after {
	border-left-width: 0;
	border-top: solid 1px #ddd;
}

.navbar>.navbar-addon+.nav.nav-switch {
	order: -1;
}

.navbar-show .nav.nav-switch {
	display: none;
}

.navbar-show .navbar-body {
	display: flex;
	position: relative;
	background-color: transparent !important;
	flex-grow: 1;
	align-items: center;
	justify-content: space-between;
}

.navbar.navbar-show>.navbar-body {
	justify-content: flex-end;
	margin-left: 10%;
}

.navbar-show .navbar-body>.nav {
	flex-direction: row;
}

.navbar-show.navbar-show-block .navbar-body>.nav,
.navbar-show.navbar-show-block .navbar-body>.nav>li,
.navbar-show.navbar-show-block .navbar-body>.nav>li>a {
	flex-grow: 1;
	text-align: center;
}

.navbar-show .navbar-body>.nav.nav-divider>li>a,
.navbar-show .navbar-body>.nav.nav-divider+.navbar-after {
	border-left-width: 1px;
	border-top-width: 0;
}

.navbar-show.navbar-divider-none .navbar-body>.nav.nav-divider>li>a {
	border-left-width: 0;
}

.navbar-show.navbar-show-divider .navbar-body>.nav>li {
	display: flex;
	align-items: center;
}

.navbar-show.navbar-show-divider .navbar-body>.nav>li:not(:first-child)::before {
	content: "";
	border-left: 1px solid rgba(0, 0, 0, .1);
	height: 1.25rem;
	transition: all 0.5s ease;
}

.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li.active::before,
.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li:hover::before,
.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li.active+li::before,
.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li:hover+li::before {
	border-color: transparent;
}

.navbar-show .navbar-body>.nav>li>.nav {
	margin: 0;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	min-width: 10rem;
}

.navbar-inverse .nav.nav-switch,
.navbar-inverse .navbar-logo,
.navbar-inverse .navbar-addon,
.navbar-inverse .navbar-addon a,
.navbar-inverse.navbar-show,
.navbar-inverse.navbar-show .navbar-body>.navbar-after a,
.navbar-inverse.navbar-show .navbar-body>.nav>li>a,
.navbar-show-inverse.navbar-show,
.navbar-show-inverse.navbar-show .navbar-body>.navbar-after a,
.navbar-show-inverse.navbar-show .navbar-body>.nav>li>a {
	color: #fff;
}

.navbar-outer.navbar-show>.navbar {
	padding: 1.25rem 1rem;
}

.navbar-outer:not(.navbar-show) .navbar-body.container {
	width: 100% !important;
	padding: 0 !important;
}

.sidebar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	transition: all 0.5s ease;
}

.sidebar.sidebar-right {
	left: auto;
	right: 0;
}

.sidebar>.nav-switch {
	position: absolute;
	top: 1rem;
	right: -2.5rem;
}

.sidebar.sidebar-right>.nav-switch {
	right: auto;
	left: -2.5rem;
}

.sidebar.sidebar-close {
	transform: translateX(-100%);
}

.sidebar.sidebar-right.sidebar-close {
	transform: translateX(100%);
}

.sidebar.sidebar-hold.sidebar-close {
	transform: translateX(0) !important;
}

.sidebar.relative.sidebar-close {
	position: absolute !important;
}

.sidebar.relative.sidebar-hold.sidebar-close {
	position: relative !important;
}

.sidebar.sidebar-hold.sidebar-close .nav>li>a {
	justify-content: center;
}

.sidebar.sidebar-hold.sidebar-close .nav>li>a>.nav-media {
	margin-right: 0;
}

.sidebar.sidebar-hold .sidebar-hidden {
	white-space: nowrap;
	transition: all 0.5s ease;
}

.sidebar.sidebar-hold.sidebar-close .sidebar-hidden {
	display: none !important;
}

/*layout*/
.tab>.tab-body {
	padding: 1rem 0;
}

.tab>.tab-body>.tab-item {
	display: none;
	transition: all 0.4s ease 0.05s;
}

.tab>.tab-body>.tab-item.active {
	display: block;
}

.tab.tab-box>.tab-body {
	padding: 1rem;
	border: solid 1px #ddd;
	border-radius: 0.25rem;
}

.tab.tab-box>.nav.nav-tabs {
	border-bottom: none;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 0.25rem;
}

.tab.tab-box>.nav.nav-tabs-card {
	margin-bottom: -2px;
}

.tab.tab-box>.nav.nav-tabs-card>li.active {
	background: #fff;
}

.tab.tab-box>.nav.nav-tabs-card+.tab-body {
	border-radius: 0;
}

.fold {
	border: solid 1px #ddd;
	border-radius: 0.25rem;
}

.fold>.fold-item {
	border-radius: inherit;
}

.fold>.fold-item>.fold-head {
	padding: 0.5rem 1rem;
	cursor: pointer;
	border-bottom: solid 1px #ddd;
}

.fold>.fold-item>.fold-body {
	padding: 1rem;
	display: none;
}

.fold>.fold-item:not(:last-child)>.fold-body {
	/* border-bottom: solid 1px #ddd; */
}

.fold>.fold-item:first-child>.fold-head {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.fold>.fold-item:last-child:not(.active)>.fold-head {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	border-bottom-color: transparent;
}

.fold.fold-arrow>.fold-item>.fold-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fold.fold-arrow>.fold-item>.fold-head::after {
	content: "";
	width: .675rem;
	height: 0.675rem;
	border-top: solid 1px currentColor;
	border-right: solid 1px currentColor;
	transform: rotate(45deg);
	opacity: 0.5;
	transition: all 0.2s ease;
}

.fold.fold-arrow>.fold-item.active>.fold-head::after {
	transform: rotate(135deg);
}

.falls {
	position: relative;
	width: 100%;
	transition: all 0.5s ease 0.2s;
}

.falls>.falls-item {
	position: absolute;
	margin-top: 1rem;
	opacity: 0;
}

.falls>.falls-item.active {
	margin-top: 0;
	opacity: 1;
}

.falls>.falls-loading {
	position: absolute;
	font-size: .75rem;
	bottom: 0.5rem;
	left: 50%;
	margin-left: -.75rem;
}

.dialog {
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
}

.dialog,
.dialog-mask {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.dialog-open {
	overflow: hidden;
}

.dialog-barwidth {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

.dialog>.dialog-body {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.dialog.dialog-uncover,
.dialog:not(.dialog-uncover)>.dialog-body {
	opacity: 0;
	transition: margin 0.4s ease 0.05s;
	margin-top: -3rem;
}

.dialog.dialog-uncover.active,
.dialog.active>.dialog-body {
	margin-top: 0;
	opacity: 1;
}

.dialog.dialog-uncover.active:not([class*='fixed-']) {
	bottom: auto;
}

.dialog>.dialog-body>.nav.nav-win {
	position: absolute;
	font-size: 18px;
	right: 1rem;
	top: 1.1rem;
}

.dialog>.dialog-body>i.dialog-close {
	position: absolute;
	left: 50%;
	bottom: -4rem;
	font-size: 2rem;
	cursor: pointer;
	font-style: normal;
	font-weight: 100;
	line-height: 0.85;
	margin-left: -0.5em;
	width: 1em;
	height: 1em;
	text-align: center;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 50%;
}

.dialog>.dialog-body>i.dialog-close:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
}

.dialog[class*='fixed-right'],
.dialog>.dialog-body[class*='fixed-right'] {
	position: fixed !important;
	margin-top: auto;
	margin-right: -3rem;
}

.dialog[class*='fixed-bottom'],
.dialog>.dialog-body[class*='fixed-bottom'] {
	position: fixed !important;
	margin-bottom: -3rem;
	bottom: 0 !important;
}

.dialog[class*='fixed-left'],
.dialog>.dialog-body[class*='fixed-left'] {
	position: fixed !important;
	margin-top: auto;
	margin-left: -3rem;
}

.dialog.active[class*='fixed-right'],
.dialog.active>.dialog-body[class*='fixed-right'] {
	margin-right: 0;
}

.dialog.active[class*='fixed-bottom'],
.dialog.active>.dialog-body[class*='fixed-bottom'] {
	margin-bottom: 0;
}

.dialog.active[class*='fixed-left'],
.dialog.active>.dialog-body[class*='fixed-left'] {
	margin-left: 0;
}

.dialog.fixed-top-center,
.dialog>.dialog-body.fixed-top-center {
	margin-left: auto;
	margin-right: auto;
}

.dialog.fixed-right-center,
.dialog>.dialog-body.fixed-right-center {
	right: 0;
	bottom: auto;
	left: auto;
}

.dialog.fixed-bottom-center,
.dialog>.dialog-body.fixed-bottom-center {
	margin-left: auto;
	margin-right: auto;
	bottom: 0 !important;
	top: auto;
}

.dialog.fixed-left-center,
.dialog>.dialog-body.fixed-left-center {
	bottom: auto;
}

.dialog-content {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	border-radius: 0.5rem;
}

.dialog-content.dialog-content-iframe {
	flex-direction: column;
}

.dialog-content>.dialog-text {
	padding: 1.5rem 0.75rem;
	width: 100%;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	background-color: #fff;
	border-bottom: solid 1px #eee;
	color: #666;
}

.dialog-content>.dialog-text:first-child:last-child {
	padding: 1rem 1.5rem;
	border-radius: inherit;
	border-bottom: none;
	width: auto;
	margin: 0 auto;
}

.dialog-content>.dialog-text:last-child {
	border-bottom-left-radius: inherit !important;
	border-bottom-right-radius: inherit !important;
	border-bottom: none;
}

.dialog-confirm,
.dialog-cancel {
	padding: 0.75rem;
	width: 50%;
	border: none;
	background-color: #fff;
	cursor: pointer;
}

.dialog-confirm:hover,
.dialog-cancel:hover {
	background-color: #f5f5f5;
}

.dialog-confirm {
	border-bottom-left-radius: inherit;
	color: #0a8;
}

.dialog-confirm:last-child {
	width: 100%;
	border-bottom-right-radius: inherit;
	margin-bottom: 0 !important;
}

.dialog-cancel {
	border-bottom-right-radius: inherit;
	border-left: solid 1px #eee;
}

.dialog-content>.dialog-title {
	background-color: #fff;
	width: 100%;
	padding-top: 0.75rem;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.dialog-content>.dialog-title+.dialog-text {
	border-radius: 0;
	padding: 0.75rem;
	padding-top: 0;
	font-size: 0.875rem;
}

.dialog-content>.dialog-iframe {
	vertical-align: top;
	background-color: #fff;
	border-bottom: solid 1px #ddd;
	flex-grow: 1;
}

.dialog-content.dialog-content-iframe>.dialog-title {
	padding: 0.75rem;
	user-select: none;
	white-space: nowrap;
}

.dialog-content>.dialog-title+.dialog-iframe {
	border-top: solid 1px #ddd;
}

.dialog-content>.dialog-iframe:last-child,
.dialog-content>.dialog-button {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: #fff;
}

.dialog-content>.dialog-button {
	display: flex;
	height: 3.25rem;
}

.dialog-content.dialog-content-break>.dialog-text {
	font-size: 0.875rem;
}

.dialog-content.dialog-content-break>.dialog-confirm {
	width: 100%;
	border-bottom-right-radius: inherit;
	margin-bottom: 1rem;
}

.dialog-content.dialog-content-break>.dialog-cancel {
	width: 100%;
	border-radius: inherit;
	border-left: none;
}

.dialog-content.dialog-content-dark>[class*='dialog-'] {
	background-color: #333;
	color: #fff;
	border-color: rgba(255, 255, 255, .15);
}

.dialog-content.dialog-content-dark>.dialog-title+.dialog-text,
.dialog-content.dialog-content-dark>.dialog-cancel {
	color: #999;
}

.dialog-content.dialog-content-dark>.dialog-confirm:hover,
.dialog-content.dialog-content-dark>.dialog-cancel:hover {
	background-color: #292929;
}

.dialog.dialog-full,
.dialog>.dialog-body.dialog-full {
	position: fixed;
	left: 0 !important;
	right: 0;
	top: 0 !important;
	bottom: 0 !important;
	background-color: #fff;
}

.dialog-big {
	width: 90%;
	height: 90%;
}

.dialog-middle {
	width: 60%;
	height: 70%;
}

.dialog-small {
	width: 30%;
	height: 50%;
}

.dialog-max {
	width: 100%;
	height: 100%;
	top: 0 !important;
	left: 0 !important;
}

.dialog-min,
.dialog-min>.dialog-body {
	width: 18rem;
	text-align: left;
	height: auto;
}

.dialog-min>.dialog-title,
.dialog-min>.dialog-body>.dialog-title {
	border-radius: inherit;
}

.dialog-min>.dialog-iframe,
.dialog-min>.dialog-body>.dialog-iframe {
	display: none;
}

.dialog-min>.dialog-button,
.dialog-min>.dialog-body>.dialog-button {
	display: none;
}

.flip {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.flip>.flip-body {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	transition-property: transform;
}

.flip>.flip-body>.flip-item {
	width: 100%;
	position: relative;
	flex-shrink: 0;
	transition-property: transform;
	transition: none;
}

.flip>.flip-body>.flip-item.active {
	display: block;
}

.flip>.flip-page {
	position: absolute;
	left: 50%;
	bottom: 0rem;
	transform: translateX(-50%);
}

.flip.flip-rows>.flip-body {
	flex-wrap: wrap;
	flex-direction: column;
}

.flip>.flip-prev,
.flip>.flip-next {
	position: absolute;
	top: 50%;
	color: #999;
	font-size: 50px;
	cursor: pointer;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	overflow: hidden;
	border: solid 1px rgba(255, 255, 255, 0);
	border-radius: .25rem;
}

.flip>.flip-prev::before,
.flip>.flip-next::before {
	content: "";
	position: absolute;
	top: .25em;
	border-top: solid 2px currentColor;
	border-right: solid 2px currentColor;
	width: .5em;
	height: .5em;
	overflow: hidden;
}

.flip>.flip-prev::before {
	transform: rotate(-135deg);
	left: 0.35em;
}

.flip>.flip-next::before {
	transform: rotate(45deg);
	right: 0.35em;
}

.flip>.flip-prev {
	left: 0;
}

.flip>.flip-next {
	right: 0;
}

.flip>.flip-prev.disabled,
.flip>.flip-next.disabled {
	color: #000 !important;
	opacity: .1;
	pointer-events: none;
}

/*box*/
.padding-mini {
	padding: .25rem !important;
}

.padding-top-mini {
	padding-top: .25rem !important;
}

.padding-right-mini {
	padding-right: .25rem !important;
}

.padding-bottom-mini {
	padding-bottom: .25rem !important;
}

.padding-left-mini {
	padding-left: .25rem !important;
}

.padding-small {
	padding: .5rem !important;
}

.padding-top-small {
	padding-top: .5rem !important;
}

.padding-right-small {
	padding-right: .5rem !important;
}

.padding-bottom-small {
	padding-bottom: .5rem !important;
}

.padding-left-small {
	padding-left: .5rem !important;
}

.padding {
	padding: 1rem !important;
}

.padding-top {
	padding-top: 1rem !important;
}

.padding-right {
	padding-right: 1rem !important;
}

.padding-bottom {
	padding-bottom: 1rem !important;
}

.padding-left {
	padding-left: 1rem !important;
}

.padding-big {
	padding: 1.5rem !important;
}

.padding-top-big {
	padding-top: 1.5rem !important;
}

.padding-right-big {
	padding-right: 1.5rem !important;
}

.padding-bottom-big {
	padding-bottom: 1.5rem !important;
}

.padding-left-big {
	padding-left: 1.5rem !important;
}

.padding-large {
	padding: 2rem !important;
}

.padding-top-large {
	padding-top: 2rem !important;
}

.padding-right-large {
	padding-right: 2rem !important;
}

.padding-bottom-large {
	padding-bottom: 2rem !important;
}

.padding-left-large {
	padding-left: 2rem !important;
}

.padding-none {
	padding: 0 !important;
}

.padding-top-none {
	padding-top: 0 !important;
}

.padding-right-none {
	padding-right: 0 !important;
}

.padding-bottom-none {
	padding-bottom: 0 !important;
}

.padding-left-none {
	padding-left: 0 !important;
}

.border {
	border: solid 1px #ddd !important;
}

.border-top {
	border-top: solid 1px #ddd !important;
}

.border-right {
	border-right: solid 1px #ddd !important;
}

.border-bottom {
	border-bottom: solid 1px #ddd !important;
}

.border-left {
	border-left: solid 1px #ddd !important;
}

.border-mini {
	border-width: 0.125rem !important;
}

.border-small {
	border-width: 0.25rem !important;
}

.border-big {
	border-width: 0.5rem !important;
}

.border-large {
	border-width: 1rem !important;
}

.border-dashed {
	border-style: dashed !important;
}

.border-dotted {
	border-style: dotted !important;
}

.border-none {
	border: none !important;
}

.border-top-none {
	border-top: none !important;
}

.border-right-none {
	border-right: none !important;
}

.border-bottom-none {
	border-bottom: none !important;
}

.border-left-none {
	border-left: none !important;
}

.radius-mini {
	border-radius: 0.125rem !important;
}

.radius-small {
	border-radius: 0.1875rem !important;
}

.radius {
	border-radius: 0.25rem !important;
}

.radius-big {
	border-radius: 0.5rem !important;
}

.radius-large {
	border-radius: 1.25rem !important;
}

.radius-circle {
	border-radius: 50% !important;
}

.radius-none {
	border-radius: 0 !important;
}

.radius-top {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.radius-right {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.radius-bottom {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.radius-left {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.margin-mini {
	margin: .25rem !important;
}

.margin-top-mini {
	margin-top: .25rem !important;
}

.margin-right-mini {
	margin-right: .25rem !important;
}

.margin-bottom-mini {
	margin-bottom: .25rem !important;
}

.margin-left-mini {
	margin-left: .25rem !important;
}

.margin-small {
	margin: .5rem !important;
}

.margin-top-small {
	margin-top: .5rem !important;
}

.margin-right-small {
	margin-right: .5rem !important;
}

.margin-bottom-small {
	margin-bottom: .5rem !important;
}

.margin-left-small {
	margin-left: .5rem !important;
}

.margin {
	margin: 1rem !important;
}

.margin-top {
	margin-top: 1rem !important;
}

.margin-right {
	margin-right: 1rem !important;
}

.margin-bottom {
	margin-bottom: 1rem !important;
}

.margin-left {
	margin-left: 1rem !important;
}

.margin-big {
	margin: 1.5rem !important;
}

.margin-top-big {
	margin-top: 1.5rem !important;
}

.margin-right-big {
	margin-right: 1.5rem !important;
}

.margin-bottom-big {
	margin-bottom: 1.5rem !important;
}

.margin-left-big {
	margin-left: 1.5rem !important;
}

.margin-large {
	margin: 2rem !important;
}

.margin-top-large {
	margin-top: 2rem !important;
}

.margin-right-large {
	margin-right: 2rem !important;
}

.margin-bottom-large {
	margin-bottom: 2rem !important;
}

.margin-left-large {
	margin-left: 2rem !important;
}

.margin-top-auto {
	margin-top: auto !important;
}

.margin-right-auto {
	margin-right: auto !important;
}

.margin-bottom-auto {
	margin-bottom: auto !important;
}

.margin-left-auto {
	margin-left: auto !important;
}

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

.margin-middle-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.margin-none {
	margin: 0 !important;
}

.margin-top-none {
	margin-top: 0 !important;
}

.margin-right-none {
	margin-right: 0 !important;
}

.margin-bottom-none {
	margin-bottom: 0 !important;
}

.margin-left-none {
	margin-left: 0 !important;
}

.shadow-small {
	box-shadow: 0 3px 5px rgba(0, 0, 0, .175) !important;
}

.shadow {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .175) !important;
}

.shadow-big {
	box-shadow: 0 8px 15px rgba(0, 0, 0, .175) !important;
}

.shadow-none {
	box-shadow: none !important;
}

.opacity-full {
	opacity: 0 !important;
}

.opacity-mini {
	opacity: 0.85 !important;
}

.opacity-small {
	opacity: 0.7 !important;
}

.opacity {
	opacity: 0.5 !important;
}

.opacity-big {
	opacity: 0.3 !important;
}

.opacity-large {
	opacity: 0.15 !important;
}

.opacity-none {
	opacity: 1 !important;
}

/*text*/
h1,
.h1 {
	font-size: 2rem !important;
}

h2,
.h2,
.size-large {
	font-size: 1.75rem !important;
}

h3,
.h3 {
	font-size: 1.5rem !important;
}

h4,
.h4,
.size-big {
	font-size: 1.25rem !important;
}

h5,
.h5 {
	font-size: 1.125rem !important;
}

h6,
.h6,
.size {
	font-size: 1rem !important;
}

.size-small {
	font-size: 0.875rem !important;
}

.size-mini {
	font-size: 0.75rem !important;
}

.font-sun {
	font-family: Georgia, "Times New Roman", Times, SimSun, "FontAwesome", serif;
}

.font-kai {
	font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
}

.font-monospace {
	font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
}

.font-light {
	font-family: Georgia, "Times New Roman", Times, "Microsoft YaHei Light", "Microsoft YaHei", "FontAwesome", serif;
}

.weight-mini {
	font-weight: 200;
}

.weight-small {
	font-weight: 400;
}

.weight {
	font-weight: normal;
}

.weight-big {
	font-weight: bold;
}

.weight-large {
	font-weight: bolder;
}

/*utility*/
.img-auto {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.img-full {
	display: block;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
}

.layout {
	width: 100%;
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.width-mini {
	width: 540px !important;
}

.width-small {
	width: 730px !important;
}

.width-middle {
	width: 980px !important;
}

.width-big {
	width: 1200px !important;
}

.width-large {
	width: 1600px !important;
}

.em1 {
	width: 1em !important;
}

.em2 {
	width: 2em !important;
}

.em3 {
	width: 3em !important;
}

.em4 {
	width: 4em !important;
}

.em5 {
	width: 5em !important;
}

.em6 {
	width: 6em !important;
}

.em7 {
	width: 7em !important;
}

.em8 {
	width: 8em !important;
}

.em9 {
	width: 9em !important;
}

.em10 {
	width: 10em !important;
}

.em11 {
	width: 11em !important;
}

.em12 {
	width: 12em !important;
}

.ml1 {
	margin-left: 1em !important;
}

.ml2 {
	margin-left: 2em !important;
}

.ml3 {
	margin-left: 3em !important;
}

.ml4 {
	margin-left: 4em !important;
}

.ml5 {
	margin-left: 5em !important;
}

.ml6 {
	margin-left: 6em !important;
}

.ml7 {
	margin-left: 7em !important;
}

.ml8 {
	margin-left: 8em !important;
}

.ml9 {
	margin-left: 9em !important;
}

.ml10 {
	margin-left: 10em !important;
}

.ml11 {
	margin-left: 11em !important;
}

.ml12 {
	margin-left: 12em !important;
}

.hr {
	margin: 1em 0 1.5em 0;
	background-color: #fff;
	line-height: 1em;
	height: 0.6em;
	border-bottom: 1px solid #ddd;
}

.hr>span {
	display: inline-block;
	line-height: 1;
	background-color: inherit;
	padding: 0 1em;
	margin: 0 1em;
}

.quote {
	padding: 1em;
	border-left: 0.3125rem solid #ddd;
	background-color: #f5f5f5;
	border-radius: 0.25rem;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-none {
	float: none !important;
}

.clearfix::after {
	content: " ";
	display: block !important;
	clear: both;
}

.line-mini {
	line-height: 1 !important;
}

.line-small {
	line-height: 1.5 !important;
}

.line {
	line-height: 1.75 !important;
}

.line-big {
	line-height: 2 !important;
}

.line-large {
	line-height: 2.5 !important;
}

.align-left {
	text-align: left !important;
}

.align-center {
	text-align: center !important;
}

.align-right {
	text-align: right !important;
}

.align-justify {
	text-align: justify !important;
}

.align-top {
	vertical-align: top !important;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

.word-indent {
	text-indent: 2em;
}

.word-more {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.word-break {
	word-break: break-all;
	word-wrap: break-word;
}

.word-block {
	white-space: nowrap;
}

.inline {
	display: inline-block !important;
}

.block {
	display: block !important;
}

.relative {
	position: relative !important;
}

.absolute {
	position: absolute !important;
}

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

.overflow-hidden {
	overflow: hidden;
}

.overflow-auto {
	overflow: auto;
}

.show,
.mini-hidden,
.small-hidden,
.middle-hidden,
.big-hidden,
.large-hidden {
	display: block !important;
}

.hidden,
.mini-show,
.small-show,
.middle-show,
.big-show,
.large-show {
	display: none !important;
}

.print-show {
	display: none !important;
}

@media print {
	.print-show {
		display: block !important;
	}

	table.print-show {
		display: table;
	}

	tr.print-show {
		display: table-row !important;
	}

	th.print-show,
	td.print-show {
		display: table-cell !important;
	}

	.print-hidden {
		display: none !important;
	}
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	width: 100%;
}

.fixed-bottom {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.fixed-left {
	position: fixed;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	height: 100%;
}

.fixed-right {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	height: 100%;
}

.fixed-left-top {
	position: fixed;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
}

.fixed-right-top {
	position: fixed;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
}

.fixed-left-bottom {
	position: fixed;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
}

.fixed-right-bottom {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: auto;
}

/*color*/
.text-main,
.button.border-main {
	color: #0a8 !important;
}

.text-sub,
.button.border-sub {
	color: #0ae !important;
}

.text-dot,
.button.border-dot {
	color: #f60 !important;
}

.border-main,
.table.border-main td,
.table.border-main th {
	border-color: #0a8 !important;
}

.border-sub,
.table.border-sub td,
.table.border-sub th {
	border-color: #0ae !important;
}

.border-dot,
.table.border-dot td,
.table.border-dot th {
	border-color: #f60 !important;
}

.bg-main,
.text.button:hover,
.border.button:hover,
.bg.button:hover,
.button[class*='-main']:hover,
.button[class*='-main'].active {
	background-color: #0a8 !important;
}

.bg-sub,
.button[class*='-sub']:hover,
.button[class*='-sub'].active {
	background-color: #0ae !important;
}

.bg-dot,
.button[class*='-dot']:hover,
.button[class*='-dot'].active {
	background-color: #f60 !important;
}

.text-black,
.button.border-black {
	color: #000 !important;
}

.text-deep,
.button.border-deep {
	color: #333 !important;
}

.text-dark,
.button.border-dark {
	color: #666 !important;
}

.text-gray,
.button.border-gray {
	color: #999 !important;
}

.text-silver,
.button.border-silver {
	color: #ddd !important;
}

.text-light,
.button.border-light {
	color: #f5f5f5 !important;
}

.text-white,
.button.border-white,
.validate-tips div>.input-validate {
	color: #fff !important;
}

.text-danger,
.button.border-danger,
.input-invalid>.input-validate {
	color: #f00 !important;
}

.text-warning,
.button.border-warning {
	color: #fb0 !important;
}

.text-success,
.button.border-success,
.input-valid>.input-validate {
	color: #2c7 !important;
}

.text-info,
.button.border-info {
	color: #0ae !important;
}

.text,
a.text-main:hover {
	color: #333 !important;
}

.text-transparent {
	color: transparent !important;
}

.border-black,
.table.border-black td,
.table.border-black th {
	border-color: #000 !important;
}

.border-deep,
.table.border-deep td,
.table.border-deep th {
	border-color: #333 !important;
}

.border-dark,
.table.border-dark td,
.table.border-dark th {
	border-color: #666 !important;
}

.border-gray,
.table.border-gray td,
.table.border-gray th {
	border-color: #999 !important;
}

.border-silver,
.table.border-silver td,
.table.border-silver th {
	border-color: #ddd !important;
}

.border-light,
.table.border-light td,
.table.border-light th {
	border-color: #f5f5f5 !important;
}

.border-white,
.table.border-white td,
.table.border-white th {
	border-color: #fff !important;
}

.border-danger,
.table.border-danger td,
.table.border-danger th,
.input-invalid:not(.input-novalidate) .input,
.form-validate .input:focus:invalid {
	border-color: #f00 !important;
}

.border-warning,
.table.border-warning td,
.table.border-warning th {
	border-color: #fb0 !important;
}

.border-success,
.table.border-success td,
.table.border-success th,
.input-valid:not(.input-novalidate) .input,
.form-validate .input:focus:valid {
	border-color: #2c7 !important;
}

.border-info,
.table.border-info td,
.table.border-info th {
	border-color: #0ae !important;
}

.border-transparent {
	border-color: transparent !important;
}

.bg-black,
.button[class*='-black']:hover,
.button[class*='-black'].active {
	background-color: #000 !important;
}

.bg-deep,
.button[class*='-deep']:hover,
.button[class*='-deep'].active {
	background-color: #333 !important;
}

.bg-dark,
.button[class*='-dark']:hover,
.button[class*='-dark'].active {
	background-color: #666 !important;
}

.bg-gray,
.button[class*='-gray']:hover,
.button[class*='-gray'].active {
	background-color: #999 !important;
}

.bg-silver,
.button[class*='-silver']:hover,
.button[class*='-silver'].active {
	background-color: #ddd !important;
}

.bg-light,
.button[class*='-light']:hover,
.button[class*='-light'].active {
	background-color: #f5f5f5 !important;
}

.bg-white,
.button[class*='-white']:hover,
.button[class*='-white'].active {
	background-color: #fff !important;
}

.bg-danger,
.button[class*='-danger']:hover,
.button[class*='-danger'].active,
.validate-tips .input-invalid>.input-validate {
	background-color: #f00 !important;
}

.bg-warning,
.button[class*='-warning']:hover,
.button[class*='-warning'].active {
	background-color: #fb0 !important;
}

.bg-success,
.button[class*='-success']:hover,
.button[class*='-success'].active,
.validate-tips .input-valid>.input-validate {
	background-color: #2c7 !important;
}

.bg-info,
.button[class*='-info']:hover,
.button[class*='-info'].active {
	background-color: #0ae !important;
}

.bg,
.button.active {
	background-color: #f5f5f5 !important;
}

.bg-inverse a:hover {
	opacity: .75 !important;
}

.bg-inverse,
.bg-inverse a {
	color: #fff !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.alert {
	background-color: #f5f5f5 !important;
}

.alert-danger {
	background-color: #fee !important;
}

.alert-warning {
	background-color: #ffd !important;
}

.alert-success {
	background-color: #efd !important;
}

.alert-info {
	background-color: #eff !important;
}

/*auto*/
@media (min-width:572px) {
	.container {
		width: 540px;
	}

	.mini-float-left {
		float: left !important;
	}

	.mini-float-right {
		float: right !important;
	}

	.mini-float-none {
		float: none !important;
	}

	.mini-align-left {
		text-align: left !important;
	}

	.mini-align-center {
		text-align: center !important;
	}

	.mini-align-right {
		text-align: right !important;
	}

	.mini-size-large {
		font-size: 1.75rem !important;
	}

	.mini-size-big {
		font-size: 1.25rem !important;
	}

	.mini-size-middle {
		font-size: 1rem !important;
	}

	.mini-size-small {
		font-size: 0.875rem !important;
	}

	.mini-size-mini {
		font-size: 0.75rem !important;
	}

	.mini-show {
		display: block !important;
	}

	.mini-hidden {
		display: none !important;
	}

	.mini-grid-mini>.grid {
		margin: -0.03125rem;
	}

	.mini-grid-mini,
	.mini-grid-mini>.grid>[class*='x'] {
		padding: 0.03125rem;
	}

	.mini-grid-small>.grid {
		margin: -0.25rem;
	}

	.mini-grid-small,
	.mini-grid-small>.grid>[class*='x'] {
		padding: 0.25rem;
	}

	.mini-grid-middle>.grid {
		margin: -0.5rem;
	}

	.mini-grid-middle,
	.mini-grid-middle>.grid>[class*='x'] {
		padding: 0.5rem;
	}

	.mini-grid-big>.grid {
		margin: -0.75rem;
	}

	.mini-grid-big,
	.mini-grid-big>.grid>[class*='x'] {
		padding: 0.75rem;
	}

	.mini-grid-large>.grid {
		margin: -1rem;
	}

	.mini-grid-large,
	.mini-grid-large>.grid>[class*='x'] {
		padding: 1rem;
	}

	.mini-x {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.mini-x0,
	.mini-w0 {
		width: auto;
	}

	.mini-x1,
	.mini-w1 {
		width: 8.33333333%;
	}

	.mini-x2,
	.mini-w2 {
		width: 16.66666667%;
	}

	.mini-x20,
	.mini-w20 {
		width: 20%;
	}

	.mini-x3,
	.mini-w3 {
		width: 25%;
	}

	.mini-x4,
	.mini-w4 {
		width: 33.33333333%;
	}

	.mini-x5,
	.mini-w5 {
		width: 41.66666667%;
	}

	.mini-x6,
	.mini-w6 {
		width: 50%;
	}

	.mini-x7,
	.mini-w7 {
		width: 58.33333333%;
	}

	.mini-x8,
	.mini-w8 {
		width: 66.66666667%;
	}

	.mini-x9,
	.mini-w9 {
		width: 75%;
	}

	.mini-x10,
	.mini-w10 {
		width: 83.33333333%;
	}

	.mini-x11,
	.mini-w11 {
		width: 91.66666667%;
	}

	.mini-x12,
	.mini-w12,
	.mini-x100,
	.mini-w100 {
		width: 100%;
	}

	.mini-order0 {
		order: 0;
	}

	.mini-order1 {
		order: 1;
	}

	.mini-order2 {
		order: 2;
	}

	.mini-order3 {
		order: 3;
	}

	.mini-order4 {
		order: 4;
	}

	.mini-order5 {
		order: 5;
	}

	.mini-order6 {
		order: 6;
	}

	.mini-order7 {
		order: 7;
	}

	.mini-order8 {
		order: 8;
	}

	.mini-order9 {
		order: 9;
	}

	.mini-order10 {
		order: 10;
	}

	.mini-order11 {
		order: 11;
	}

	.mini-order12 {
		order: 12;
	}

	.order13 {
		order: 13;
	}

	.mini-move0 {
		margin-left: 0;
	}

	.mini-move1 {
		margin-left: 8.33333333%;
	}

	.mini-move2 {
		margin-left: 16.66666667%;
	}

	.mini-move3 {
		margin-left: 25%;
	}

	.mini-move4 {
		margin-left: 33.33333333%;
	}

	.mini-move5 {
		margin-left: 41.66666667%;
	}

	.mini-move6 {
		margin-left: 50%;
	}

	.mini-move7 {
		margin-left: 58.33333333%;
	}

	.mini-move8 {
		margin-left: 66.66666667%;
	}

	.mini-move9 {
		margin-left: 75%;
	}

	.mini-move10 {
		margin-left: 83.33333333%;
	}

	.mini-move11 {
		margin-left: 91.66666667%;
	}
}

@media (min-width:762px) {
	.container {
		width: 730px;
	}

	.small-float-left {
		float: left !important;
	}

	.small-float-right {
		float: right !important;
	}

	.small-float-none {
		float: none !important;
	}

	.small-align-left {
		text-align: left !important;
	}

	.small-align-center {
		text-align: center !important;
	}

	.small-align-right {
		text-align: right !important;
	}

	.small-size-large {
		font-size: 1.75rem !important;
	}

	.small-size-big {
		font-size: 1.25rem !important;
	}

	.small-size-middle {
		font-size: 1rem !important;
	}

	.small-size-small {
		font-size: 0.875rem !important;
	}

	.small-size-mini {
		font-size: 0.75rem !important;
	}

	.small-show {
		display: block !important;
	}

	.small-hidden {
		display: none !important;
	}

	.small-grid-mini>.grid {
		margin: -0.03125rem;
	}

	.small-grid-mini,
	.small-grid-mini>.grid>[class*='x'] {
		padding: 0.03125rem;
	}

	.small-grid-small>.grid {
		margin: -0.25rem;
	}

	.small-grid-small,
	.small-grid-small>.grid>[class*='x'] {
		padding: 0.25rem;
	}

	.small-grid-middle>.grid {
		margin: -0.5rem;
	}

	.small-grid-middle,
	.small-grid-middle>.grid>[class*='x'] {
		padding: 0.5rem;
	}

	.small-grid-big>.grid {
		margin: -0.75rem;
	}

	.small-grid-big,
	.small-grid-big>.grid>[class*='x'] {
		padding: 0.75rem;
	}

	.small-grid-large>.grid {
		margin: -1rem;
	}

	.small-grid-large,
	.small-grid-large>.grid>[class*='x'] {
		padding: 1rem;
	}

	.small-x {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.small-x0,
	.small-w0 {
		width: auto;
	}

	.small-x1,
	.small-w1 {
		width: 8.33333333%;
	}

	.small-x2,
	.small-w2 {
		width: 16.66666667%;
	}

	.small-x20,
	.small-w20 {
		width: 20%;
	}

	.small-x3,
	.small-w3 {
		width: 25%;
	}

	.small-x4,
	.small-w4 {
		width: 33.33333333%;
	}

	.small-x5,
	.small-w5 {
		width: 41.66666667%;
	}

	.small-x6,
	.small-w6 {
		width: 50%;
	}

	.small-x7,
	.small-w7 {
		width: 58.33333333%;
	}

	.small-x8,
	.small-w8 {
		width: 66.66666667%;
	}

	.small-x9,
	.small-w9 {
		width: 75%;
	}

	.small-x10,
	.small-w10 {
		width: 83.33333333%;
	}

	.small-x11,
	.small-w11 {
		width: 91.66666667%;
	}

	.small-x12,
	.small-w12,
	.small-x100,
	.small-w100 {
		width: 100%;
	}

	.small-order0 {
		order: 0;
	}

	.small-order1 {
		order: 1;
	}

	.small-order2 {
		order: 2;
	}

	.small-order3 {
		order: 3;
	}

	.small-order4 {
		order: 4;
	}

	.small-order5 {
		order: 5;
	}

	.small-order6 {
		order: 6;
	}

	.small-order7 {
		order: 7;
	}

	.small-order8 {
		order: 8;
	}

	.small-order9 {
		order: 9;
	}

	.small-order10 {
		order: 10;
	}

	.small-order11 {
		order: 11;
	}

	.small-order12 {
		order: 12;
	}

	.order13 {
		order: 13;
	}

	.small-move0 {
		margin-left: 0;
	}

	.small-move1 {
		margin-left: 8.33333333%;
	}

	.small-move2 {
		margin-left: 16.66666667%;
	}

	.small-move3 {
		margin-left: 25%;
	}

	.small-move4 {
		margin-left: 33.33333333%;
	}

	.small-move5 {
		margin-left: 41.66666667%;
	}

	.small-move6 {
		margin-left: 50%;
	}

	.small-move7 {
		margin-left: 58.33333333%;
	}

	.small-move8 {
		margin-left: 66.66666667%;
	}

	.small-move9 {
		margin-left: 75%;
	}

	.small-move10 {
		margin-left: 83.33333333%;
	}

	.small-move11 {
		margin-left: 91.66666667%;
	}
}

@media(max-width:762px) {
	.table-auto {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

	.table-auto .table tr th,
	.table-auto .table tr td {
		white-space: nowrap;
	}
}

@media (min-width:992px) {
	.container {
		width: 960px;
	}

	.middle-float-left {
		float: left !important;
	}

	.middle-float-right {
		float: right !important;
	}

	.middle-float-none {
		float: none !important;
	}

	.middle-align-left {
		text-align: left !important;
	}

	.middle-align-center {
		text-align: center !important;
	}

	.middle-align-right {
		text-align: right !important;
	}

	.middle-size-large {
		font-size: 1.75rem !important;
	}

	.middle-size-big {
		font-size: 1.25rem !important;
	}

	.middle-size-middle {
		font-size: 1rem !important;
	}

	.middle-size-small {
		font-size: 0.875rem !important;
	}

	.middle-size-mini {
		font-size: 0.75rem !important;
	}

	.middle-show {
		display: block !important;
	}

	.middle-hidden {
		display: none !important;
	}

	.middle-grid-mini>.grid {
		margin: -0.03125rem;
	}

	.middle-grid-mini,
	.middle-grid-mini>.grid>[class*='x'] {
		padding: 0.03125rem;
	}

	.middle-grid-small>.grid {
		margin: -0.25rem;
	}

	.middle-grid-small,
	.middle-grid-small>.grid>[class*='x'] {
		padding: 0.25rem;
	}

	.middle-grid-middle>.grid {
		margin: -0.5rem;
	}

	.middle-grid-middle,
	.middle-grid-middle>.grid>[class*='x'] {
		padding: 0.5rem;
	}

	.middle-grid-big>.grid {
		margin: -0.75rem;
	}

	.middle-grid-big,
	.middle-grid-big>.grid>[class*='x'] {
		padding: 0.75rem;
	}

	.middle-grid-large>.grid {
		margin: -1rem;
	}

	.middle-grid-large,
	.middle-grid-large>.grid>[class*='x'] {
		padding: 1rem;
	}

	.middle-x {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.middle-x0,
	.middle-w0 {
		width: auto;
	}

	.middle-x1,
	.middle-w1 {
		width: 8.33333333%;
	}

	.middle-x2,
	.middle-w2 {
		width: 16.66666667%;
	}

	.middle-x20,
	.middle-w20 {
		width: 20%;
	}

	.middle-x3,
	.middle-w3 {
		width: 25%;
	}

	.middle-x4,
	.middle-w4 {
		width: 33.33333333%;
	}

	.middle-x5,
	.middle-w5 {
		width: 41.66666667%;
	}

	.middle-x6,
	.middle-w6 {
		width: 50%;
	}

	.middle-x7,
	.middle-w7 {
		width: 58.33333333%;
	}

	.middle-x8,
	.middle-w8 {
		width: 66.66666667%;
	}

	.middle-x9,
	.middle-w9 {
		width: 75%;
	}

	.middle-x10,
	.middle-w10 {
		width: 83.33333333%;
	}

	.middle-x11,
	.middle-w11 {
		width: 91.66666667%;
	}

	.middle-x12,
	.middle-w12,
	.middle-x100,
	.middle-w100 {
		width: 100%;
	}

	.middle-order0 {
		order: 0;
	}

	.middle-order1 {
		order: 1;
	}

	.middle-order2 {
		order: 2;
	}

	.middle-order3 {
		order: 3;
	}

	.middle-order4 {
		order: 4;
	}

	.middle-order5 {
		order: 5;
	}

	.middle-order6 {
		order: 6;
	}

	.middle-order7 {
		order: 7;
	}

	.middle-order8 {
		order: 8;
	}

	.middle-order9 {
		order: 9;
	}

	.middle-order10 {
		order: 10;
	}

	.middle-order11 {
		order: 11;
	}

	.middle-order12 {
		order: 12;
	}

	.order13 {
		order: 13;
	}

	.middle-move0 {
		margin-left: 0;
	}

	.middle-move1 {
		margin-left: 8.33333333%;
	}

	.middle-move2 {
		margin-left: 16.66666667%;
	}

	.middle-move3 {
		margin-left: 25%;
	}

	.middle-move4 {
		margin-left: 33.33333333%;
	}

	.middle-move5 {
		margin-left: 41.66666667%;
	}

	.middle-move6 {
		margin-left: 50%;
	}

	.middle-move7 {
		margin-left: 58.33333333%;
	}

	.middle-move8 {
		margin-left: 66.66666667%;
	}

	.middle-move9 {
		margin-left: 75%;
	}

	.middle-move10 {
		margin-left: 83.33333333%;
	}

	.middle-move11 {
		margin-left: 91.66666667%;
	}
}

@media (min-width:1232px) {
	.container {
		width: 1200px;
	}

	.big-float-left {
		float: left !important;
	}

	.big-float-right {
		float: right !important;
	}

	.big-float-none {
		float: none !important;
	}

	.big-align-left {
		text-align: left !important;
	}

	.big-align-center {
		text-align: center !important;
	}

	.big-align-right {
		text-align: right !important;
	}

	.big-size-large {
		font-size: 1.75rem !important;
	}

	.big-size-big {
		font-size: 1.25rem !important;
	}

	.big-size-middle {
		font-size: 1rem !important;
	}

	.big-size-small {
		font-size: 0.875rem !important;
	}

	.big-size-mini {
		font-size: 0.75rem !important;
	}

	.big-show {
		display: block !important;
	}

	.big-hidden {
		display: none !important;
	}

	.big-grid-mini>.grid {
		margin: -0.03125rem;
	}

	.big-grid-mini,
	.big-grid-mini>.grid>[class*='x'] {
		padding: 0.03125rem;
	}

	.big-grid-small>.grid {
		margin: -0.25rem;
	}

	.big-grid-small,
	.big-grid-small>.grid>[class*='x'] {
		padding: 0.25rem;
	}

	.big-grid-middle>.grid {
		margin: -0.5rem;
	}

	.big-grid-middle,
	.big-grid-middle>.grid>[class*='x'] {
		padding: 0.5rem;
	}

	.big-grid-big>.grid {
		margin: -0.75rem;
	}

	.big-grid-big,
	.big-grid-big>.grid>[class*='x'] {
		padding: 0.75rem;
	}

	.big-grid-large>.grid {
		margin: -1rem;
	}

	.big-grid-large,
	.big-grid-large>.grid>[class*='x'] {
		padding: 1rem;
	}

	.big-x {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.big-x0,
	.big-w0 {
		width: auto;
	}

	.big-x1,
	.big-w1 {
		width: 8.33333333%;
	}

	.big-x2,
	.big-w2 {
		width: 16.66666667%;
	}

	.big-x20,
	.big-w20 {
		width: 20%;
	}

	.big-x3,
	.big-w3 {
		width: 25%;
	}

	.big-x4,
	.big-w4 {
		width: 33.33333333%;
	}

	.big-x5,
	.big-w5 {
		width: 41.66666667%;
	}

	.big-x6,
	.big-w6 {
		width: 50%;
	}

	.big-x7,
	.big-w7 {
		width: 58.33333333%;
	}

	.big-x8,
	.big-w8 {
		width: 66.66666667%;
	}

	.big-x9,
	.big-w9 {
		width: 75%;
	}

	.big-x10,
	.big-w10 {
		width: 83.33333333%;
	}

	.big-x11,
	.big-w11 {
		width: 91.66666667%;
	}

	.big-x12,
	.big-w12,
	.big-x100,
	.big-w100 {
		width: 100%;
	}

	.big-order0 {
		order: 0;
	}

	.big-order1 {
		order: 1;
	}

	.big-order2 {
		order: 2;
	}

	.big-order3 {
		order: 3;
	}

	.big-order4 {
		order: 4;
	}

	.big-order5 {
		order: 5;
	}

	.big-order6 {
		order: 6;
	}

	.big-order7 {
		order: 7;
	}

	.big-order8 {
		order: 8;
	}

	.big-order9 {
		order: 9;
	}

	.big-order10 {
		order: 10;
	}

	.big-order11 {
		order: 11;
	}

	.big-order12 {
		order: 12;
	}

	.order13 {
		order: 13;
	}

	.big-move0 {
		margin-left: 0;
	}

	.big-move1 {
		margin-left: 8.33333333%;
	}

	.big-move2 {
		margin-left: 16.66666667%;
	}

	.big-move3 {
		margin-left: 25%;
	}

	.big-move4 {
		margin-left: 33.33333333%;
	}

	.big-move5 {
		margin-left: 41.66666667%;
	}

	.big-move6 {
		margin-left: 50%;
	}

	.big-move7 {
		margin-left: 58.33333333%;
	}

	.big-move8 {
		margin-left: 66.66666667%;
	}

	.big-move9 {
		margin-left: 75%;
	}

	.big-move10 {
		margin-left: 83.33333333%;
	}

	.big-move11 {
		margin-left: 91.66666667%;
	}
}

@media (min-width:1632px) {
	.container {
		width: 1600px;
	}

	.large-float-left {
		float: left !important;
	}

	.large-float-right {
		float: right !important;
	}

	.large-float-none {
		float: none !important;
	}

	.large-align-left {
		text-align: left !important;
	}

	.large-align-center {
		text-align: center !important;
	}

	.large-align-right {
		text-align: right !important;
	}

	.large-size-large {
		font-size: 1.75rem !important;
	}

	.large-size-big {
		font-size: 1.25rem !important;
	}

	.large-size-middle {
		font-size: 1rem !important;
	}

	.large-size-small {
		font-size: 0.875rem !important;
	}

	.large-size-mini {
		font-size: 0.75rem !important;
	}

	.large-show {
		display: block !important;
	}

	.large-hidden {
		display: none !important;
	}

	.large-grid-mini>.grid {
		margin: -0.03125rem;
	}

	.large-grid-mini,
	.large-grid-mini>.grid>[class*='x'] {
		padding: 0.03125rem;
	}

	.large-grid-small>.grid {
		margin: -0.25rem;
	}

	.large-grid-small,
	.large-grid-small>.grid>[class*='x'] {
		padding: 0.25rem;
	}

	.large-grid-middle>.grid {
		margin: -0.5rem;
	}

	.large-grid-middle,
	.large-grid-middle>.grid>[class*='x'] {
		padding: 0.5rem;
	}

	.large-grid-big>.grid {
		margin: -0.75rem;
	}

	.large-grid-big,
	.large-grid-big>.grid>[class*='x'] {
		padding: 0.75rem;
	}

	.large-grid-large>.grid {
		margin: -1rem;
	}

	.large-grid-large,
	.large-grid-large>.grid>[class*='x'] {
		padding: 1rem;
	}

	.large-x {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.large-x0,
	.large-w0 {
		width: auto;
	}

	.large-x1,
	.large-w1 {
		width: 8.33333333%;
	}

	.large-x2,
	.large-w2 {
		width: 16.66666667%;
	}

	.large-x20,
	.large-w20 {
		width: 20%;
	}

	.large-x3,
	.large-w3 {
		width: 25%;
	}

	.large-x4,
	.large-w4 {
		width: 33.33333333%;
	}

	.large-x5,
	.large-w5 {
		width: 41.66666667%;
	}

	.large-x6,
	.large-w6 {
		width: 50%;
	}

	.large-x7,
	.large-w7 {
		width: 58.33333333%;
	}

	.large-x8,
	.large-w8 {
		width: 66.66666667%;
	}

	.large-x9,
	.large-w9 {
		width: 75%;
	}

	.large-x10,
	.large-w10 {
		width: 83.33333333%;
	}

	.large-x11,
	.large-w11 {
		width: 91.66666667%;
	}

	.large-x12,
	.large-w12,
	.large-x100,
	.large-w100 {
		width: 100%;
	}

	.large-order0 {
		order: 0;
	}

	.large-order1 {
		order: 1;
	}

	.large-order2 {
		order: 2;
	}

	.large-order3 {
		order: 3;
	}

	.large-order4 {
		order: 4;
	}

	.large-order5 {
		order: 5;
	}

	.large-order6 {
		order: 6;
	}

	.large-order7 {
		order: 7;
	}

	.large-order8 {
		order: 8;
	}

	.large-order9 {
		order: 9;
	}

	.large-order10 {
		order: 10;
	}

	.large-order11 {
		order: 11;
	}

	.large-order12 {
		order: 12;
	}

	.order13 {
		order: 13;
	}

	.large-move0 {
		margin-left: 0;
	}

	.large-move1 {
		margin-left: 8.33333333%;
	}

	.large-move2 {
		margin-left: 16.66666667%;
	}

	.large-move3 {
		margin-left: 25%;
	}

	.large-move4 {
		margin-left: 33.33333333%;
	}

	.large-move5 {
		margin-left: 41.66666667%;
	}

	.large-move6 {
		margin-left: 50%;
	}

	.large-move7 {
		margin-left: 58.33333333%;
	}

	.large-move8 {
		margin-left: 66.66666667%;
	}

	.large-move9 {
		margin-left: 75%;
	}

	.large-move10 {
		margin-left: 83.33333333%;
	}

	.large-move11 {
		margin-left: 91.66666667%;
	}
}