html {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a,
abbr,
acronym,
address,
article,
aside,
blockquote,
body,
caption,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
legend,
li,
nav,
object,
ol,
p,
pre,
q,
section,
span,
tbody,
tfoot,
thead,
ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font: inherit;
	vertical-align: baseline
}

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

body {
	font-size: 14px;
	color: #333;
	background: #fff;
	font-family: microsoft yahei, simsun, helvetica neue, arial, helvetica, sans-serif
}

img {
	border: 0;
	vertical-align: bottom
}

::-webkit-input-placeholder {
	color: #999
}

:-moz-placeholder,
::-moz-placeholder {
	color: #999
}

:-ms-input-placeholder {
	color: #ccc
}

*,
:after,
:before {
	box-sizing: border-box
}

textarea {
	overflow: auto
}

button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 0
}

input::-ms-clear {
	display: none
}

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

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

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

[hidden],
template {
	display: none
}

a {
	background: transparent
}

a:active,
a:hover {
	outline: 0
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

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

small {
	font-size: 80%
}

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

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

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

figure {
	margin: 1em 40px
}

hr {
	height: 0;
	box-sizing: content-box
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit
}

button {
	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
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

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

input[type=search] {
	box-sizing: content-box;
	-webkit-appearance: textfield
}

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

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid silver
}

legend {
	padding: 0;
	border: 0
}

optgroup {
	font-weight: 700
}

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

td,
th {
	padding: 0
}

.button {
	border: 1px solid #ddd;
	background: transparent;
	border-radius: 4px;
	font-size: 14px;
	padding: 6px 15px;
	margin: 0;
	display: inline-block;
	line-height: 20px;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.button[disabled] {
	pointer-events: none;
	cursor: not-allowed;
	webkit-box-shadow: none;
	box-shadow: none;
	filter: alpha(opacity=50);
	opacity: .5
}

.button:active {
	background-image: none;
	outline: 0
}

.button:active,
.button:hover {
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

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

.button-large {
	padding: 15px 20px;
	font-size: 24px;
	line-height: 24px
}

.button-big {
	padding: 10px 15px;
	font-size: 18px;
	line-height: 22px
}

.button-small {
	padding: 5px 10px;
	line-height: 18px
}

.button-little,
.button-small {
	font-size: 9pt;
	font-weight: 400
}

.button-little {
	padding: 3px 5px;
	line-height: 1pc
}

.button.bg-black,
.button.bg-blue,
.button.bg-dot,
.button.bg-gray,
.button.bg-green,
.button.bg-main,
.button.bg-red,
.button.bg-sub,
.button.bg-yellow {
	color: #fff
}

.layout {
	width: 100%
}

.container,
.container-layout {
	margin: 0 auto
}

@media(min-width:640px) {
	.container {
		width: 100%
	}
}

.line {
	margin: 0;
	padding: 0
}

.x1,
.x2,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12,
.xb1,
.xb2,
.xb3,
.xb4,
.xb5,
.xb6,
.xb7,
.xb8,
.xb9,
.xb10,
.xb11,
.xb12,
.xl1,
.xl2,
.xl3,
.xl4,
.xl5,
.xl6,
.xl7,
.xl8,
.xl9,
.xl10,
.xl11,
.xl12,
.xm1,
.xm2,
.xm3,
.xm4,
.xm5,
.xm6,
.xm7,
.xm8,
.xm9,
.xm10,
.xm11,
.xm12,
.xs1,
.xs2,
.xs3,
.xs4,
.xs5,
.xs6,
.xs7,
.xs8,
.xs9,
.xs10,
.xs11,
.xs12 {
	position: relative;
	min-height: 1px
}

.line-big {
	margin-left: -10px;
	margin-right: -10px
}

.line-big .x1,
.line-big .x2,
.line-big .x3,
.line-big .x4,
.line-big .x5,
.line-big .x6,
.line-big .x7,
.line-big .x8,
.line-big .x9,
.line-big .x10,
.line-big .x11,
.line-big .x12,
.line-big .xb1,
.line-big .xb2,
.line-big .xb3,
.line-big .xb4,
.line-big .xb5,
.line-big .xb6,
.line-big .xb7,
.line-big .xb8,
.line-big .xb9,
.line-big .xb10,
.line-big .xb11,
.line-big .xb12,
.line-big .xl1,
.line-big .xl2,
.line-big .xl3,
.line-big .xl4,
.line-big .xl5,
.line-big .xl6,
.line-big .xl7,
.line-big .xl8,
.line-big .xl9,
.line-big .xl10,
.line-big .xl11,
.line-big .xl12,
.line-big .xm1,
.line-big .xm2,
.line-big .xm3,
.line-big .xm4,
.line-big .xm5,
.line-big .xm6,
.line-big .xm7,
.line-big .xm8,
.line-big .xm9,
.line-big .xm10,
.line-big .xm11,
.line-big .xm12,
.line-big .xs1,
.line-big .xs2,
.line-big .xs3,
.line-big .xs4,
.line-big .xs5,
.line-big .xs6,
.line-big .xs7,
.line-big .xs8,
.line-big .xs9,
.line-big .xs10,
.line-big .xs11,
.line-big .xs12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}

.line-middle {
	margin-left: -5px;
	margin-right: -5px
}

.line-middle .x1,
.line-middle .x2,
.line-middle .x3,
.line-middle .x4,
.line-middle .x5,
.line-middle .x6,
.line-middle .x7,
.line-middle .x8,
.line-middle .x9,
.line-middle .x10,
.line-middle .x11,
.line-middle .x12,
.line-middle .xb1,
.line-middle .xb2,
.line-middle .xb3,
.line-middle .xb4,
.line-middle .xb5,
.line-middle .xb6,
.line-middle .xb7,
.line-middle .xb8,
.line-middle .xb9,
.line-middle .xb10,
.line-middle .xb11,
.line-middle .xb12,
.line-middle .xl1,
.line-middle .xl2,
.line-middle .xl3,
.line-middle .xl4,
.line-middle .xl5,
.line-middle .xl6,
.line-middle .xl7,
.line-middle .xl8,
.line-middle .xl9,
.line-middle .xl10,
.line-middle .xl11,
.line-middle .xl12,
.line-middle .xm1,
.line-middle .xm2,
.line-middle .xm3,
.line-middle .xm4,
.line-middle .xm5,
.line-middle .xm6,
.line-middle .xm7,
.line-middle .xm8,
.line-middle .xm9,
.line-middle .xm10,
.line-middle .xm11,
.line-middle .xm12,
.line-middle .xs1,
.line-middle .xs2,
.line-middle .xs3,
.line-middle .xs4,
.line-middle .xs5,
.line-middle .xs6,
.line-middle .xs7,
.line-middle .xs8,
.line-middle .xs9,
.line-middle .xs10,
.line-middle .xs11,
.line-middle .xs12 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px
}

.line-small {
	margin-left: -2px;
	margin-right: -2px
}

.line-small .x1,
.line-small .x2,
.line-small .x3,
.line-small .x4,
.line-small .x5,
.line-small .x6,
.line-small .x7,
.line-small .x8,
.line-small .x9,
.line-small .x10,
.line-small .x11,
.line-small .x12,
.line-small .xb1,
.line-small .xb2,
.line-small .xb3,
.line-small .xb4,
.line-small .xb5,
.line-small .xb6,
.line-small .xb7,
.line-small .xb8,
.line-small .xb9,
.line-small .xb10,
.line-small .xb11,
.line-small .xb12,
.line-small .xl1,
.line-small .xl2,
.line-small .xl3,
.line-small .xl4,
.line-small .xl5,
.line-small .xl6,
.line-small .xl7,
.line-small .xl8,
.line-small .xl9,
.line-small .xl10,
.line-small .xl11,
.line-small .xl12,
.line-small .xm1,
.line-small .xm2,
.line-small .xm3,
.line-small .xm4,
.line-small .xm5,
.line-small .xm6,
.line-small .xm7,
.line-small .xm8,
.line-small .xm9,
.line-small .xm10,
.line-small .xm11,
.line-small .xm12,
.line-small .xs1,
.line-small .xs2,
.line-small .xs3,
.line-small .xs4,
.line-small .xs5,
.line-small .xs6,
.line-small .xs7,
.line-small .xs8,
.line-small .xs9,
.line-small .xs10,
.line-small .xs11,
.line-small .xs12 {
	position: relative;
	min-height: 1px;
	padding-right: 2px;
	padding-left: 2px
}

.x1,
.x2,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12 {
	float: left
}

.x1 {
	width: 8.33333333%
}

.x2 {
	width: 16.66666667%
}

.x3 {
	width: 25%
}

.x4 {
	width: 33.33333333%
}

.x5 {
	width: 41.66666667%
}

.x6 {
	width: 50%
}

.x7 {
	width: 58.33333333%
}

.x8 {
	width: 66.66666667%
}

.x9 {
	width: 75%
}

.x10 {
	width: 83.33333333%
}

.x11 {
	width: 91.66666667%
}

.x12 {
	width: 100%
}

.x0-left {
	left: 0
}

.x1-left {
	left: 8.33333333%
}

.x2-left {
	left: 16.66666667%
}

.x3-left {
	left: 25%
}

.x4-left {
	left: 33.33333333%
}

.x5-left {
	left: 41.66666667%
}

.x6-left {
	left: 50%
}

.x7-left {
	left: 58.33333333%
}

.x8-left {
	left: 66.66666667%
}

.x9-left {
	left: 75%
}

.x10-left {
	left: 83.33333333%
}

.x11-left {
	left: 91.66666667%
}

.x12-left {
	left: 100%
}

.x0-right {
	right: 0
}

.x1-right {
	right: 8.33333333%
}

.x2-right {
	right: 16.66666667%
}

.x3-right {
	right: 25%
}

.x4-right {
	right: 33.33333333%
}

.x5-right {
	right: 41.66666667%
}

.x6-right {
	right: 50%
}

.x7-right {
	right: 58.33333333%
}

.x8-right {
	right: 66.66666667%
}

.x9-right {
	right: 75%
}

.x10-right {
	right: 83.33333333%
}

.x11-right {
	right: 91.66666667%
}

.x12-right {
	right: 100%
}

.x0-move {
	margin-left: 0
}

.x1-move {
	margin-left: 8.33333333%
}

.x2-move {
	margin-left: 16.66666667%
}

.x3-move {
	margin-left: 25%
}

.x4-move {
	margin-left: 33.33333333%
}

.x5-move {
	margin-left: 41.66666667%
}

.x6-move {
	margin-left: 50%
}

.x7-move {
	margin-left: 58.33333333%
}

.x8-move {
	margin-left: 66.66666667%
}

.x9-move {
	margin-left: 75%
}

.x10-move {
	margin-left: 83.33333333%
}

.x11-move {
	margin-left: 91.66666667%
}

.x12-move {
	margin-left: 100%
}

@media(min-width:300px) {

	.xl1,
	.xl2,
	.xl3,
	.xl4,
	.xl5,
	.xl6,
	.xl7,
	.xl8,
	.xl9,
	.xl10,
	.xl11,
	.xl12 {
		float: left
	}

	.xl1 {
		width: 8.33333333%
	}

	.xl2 {
		width: 16.66666667%
	}

	.xl3 {
		width: 25%
	}

	.xl4 {
		width: 33.33333333%
	}

	.xl5 {
		width: 41.66666667%
	}

	.xl6 {
		width: 50%
	}

	.xl7 {
		width: 58.33333333%
	}

	.xl8 {
		width: 66.66666667%
	}

	.xl9 {
		width: 75%
	}

	.xl10 {
		width: 83.33333333%
	}

	.xl11 {
		width: 91.66666667%
	}

	.xl12 {
		width: 100%
	}

	.xl0-left {
		left: 0
	}

	.xl1-left {
		left: 8.33333333%
	}

	.xl2-left {
		left: 16.66666667%
	}

	.xl3-left {
		left: 25%
	}

	.xl4-left {
		left: 33.33333333%
	}

	.xl5-left {
		left: 41.66666667%
	}

	.xl6-left {
		left: 50%
	}

	.xl7-left {
		left: 58.33333333%
	}

	.xl8-left {
		left: 66.66666667%
	}

	.xl9-left {
		left: 75%
	}

	.xl10-left {
		left: 83.33333333%
	}

	.xl11-left {
		left: 91.66666667%
	}

	.xl12-left {
		left: 100%
	}

	.xl0-right {
		right: 0
	}

	.xl1-right {
		right: 8.33333333%
	}

	.xl2-right {
		right: 16.66666667%
	}

	.xl3-right {
		right: 25%
	}

	.xl4-right {
		right: 33.33333333%
	}

	.xl5-right {
		right: 41.66666667%
	}

	.xl6-right {
		right: 50%
	}

	.xl7-right {
		right: 58.33333333%
	}

	.xl8-right {
		right: 66.66666667%
	}

	.xl9-right {
		right: 75%
	}

	.xl10-right {
		right: 83.33333333%
	}

	.xl11-right {
		right: 91.66666667%
	}

	.xl12-right {
		right: 100%
	}

	.xl0-move {
		margin-left: 0
	}

	.xl1-move {
		margin-left: 8.33333333%
	}

	.xl2-move {
		margin-left: 16.66666667%
	}

	.xl3-move {
		margin-left: 25%
	}

	.xl4-move {
		margin-left: 33.33333333%
	}

	.xl5-move {
		margin-left: 41.66666667%
	}

	.xl6-move {
		margin-left: 50%
	}

	.xl7-move {
		margin-left: 58.33333333%
	}

	.xl8-move {
		margin-left: 66.66666667%
	}

	.xl9-move {
		margin-left: 75%
	}

	.xl10-move {
		margin-left: 83.33333333%
	}

	.xl11-move {
		margin-left: 91.66666667%
	}

	.xl12-move {
		margin-left: 100%
	}
}

@media(min-width:760px) {

	.xs1,
	.xs2,
	.xs3,
	.xs4,
	.xs5,
	.xs6,
	.xs7,
	.xs8,
	.xs9,
	.xs10,
	.xs11,
	.xs12 {
		float: left
	}

	.xs1 {
		width: 8.33333333%
	}

	.xs2 {
		width: 16.66666667%
	}

	.xs3 {
		width: 25%
	}

	.xs4 {
		width: 33.33333333%
	}

	.xs5 {
		width: 41.66666667%
	}

	.xs6 {
		width: 50%
	}

	.xs7 {
		width: 58.33333333%
	}

	.xs8 {
		width: 66.66666667%
	}

	.xs9 {
		width: 75%
	}

	.xs10 {
		width: 83.33333333%
	}

	.xs11 {
		width: 91.66666667%
	}

	.xs12 {
		width: 100%
	}

	.xs0-left {
		left: 0
	}

	.xs1-left {
		left: 8.33333333%
	}

	.xs2-left {
		left: 16.66666667%
	}

	.xs3-left {
		left: 25%
	}

	.xs4-left {
		left: 33.33333333%
	}

	.xs5-left {
		left: 41.66666667%
	}

	.xs6-left {
		left: 50%
	}

	.xs7-left {
		left: 58.33333333%
	}

	.xs8-left {
		left: 66.66666667%
	}

	.xs9-left {
		left: 75%
	}

	.xs10-left {
		left: 83.33333333%
	}

	.xs11-left {
		left: 91.66666667%
	}

	.xs12-left {
		left: 100%
	}

	.xs0-right {
		right: 0
	}

	.xs1-right {
		right: 8.33333333%
	}

	.xs2-right {
		right: 16.66666667%
	}

	.xs3-right {
		right: 25%
	}

	.xs4-right {
		right: 33.33333333%
	}

	.xs5-right {
		right: 41.66666667%
	}

	.xs6-right {
		right: 50%
	}

	.xs7-right {
		right: 58.33333333%
	}

	.xs8-right {
		right: 66.66666667%
	}

	.xs9-right {
		right: 75%
	}

	.xs10-right {
		right: 83.33333333%
	}

	.xs11-right {
		right: 91.66666667%
	}

	.xs12-right {
		right: 100%
	}

	.xs0-move {
		margin-left: 0
	}

	.xs1-move {
		margin-left: 8.33333333%
	}

	.xs2-move {
		margin-left: 16.66666667%
	}

	.xs3-move {
		margin-left: 25%
	}

	.xs4-move {
		margin-left: 33.33333333%
	}

	.xs5-move {
		margin-left: 41.66666667%
	}

	.xs6-move {
		margin-left: 50%
	}

	.xs7-move {
		margin-left: 58.33333333%
	}

	.xs8-move {
		margin-left: 66.66666667%
	}

	.xs9-move {
		margin-left: 75%
	}

	.xs10-move {
		margin-left: 83.33333333%
	}

	.xs11-move {
		margin-left: 91.66666667%
	}

	.xs12-move {
		margin-left: 100%
	}
}

@media(min-width:1000px) {

	.xm1,
	.xm2,
	.xm3,
	.xm4,
	.xm5,
	.xm6,
	.xm7,
	.xm8,
	.xm9,
	.xm10,
	.xm11,
	.xm12 {
		float: left
	}

	.xm1 {
		width: 8.33333333%
	}

	.xm2 {
		width: 16.66666667%
	}

	.xm3 {
		width: 25%
	}

	.xm4 {
		width: 33.33333333%
	}

	.xm5 {
		width: 41.66666667%
	}

	.xm6 {
		width: 50%
	}

	.xm7 {
		width: 58.33333333%
	}

	.xm8 {
		width: 66.66666667%
	}

	.xm9 {
		width: 75%
	}

	.xm10 {
		width: 83.33333333%
	}

	.xm11 {
		width: 91.66666667%
	}

	.xm12 {
		width: 100%
	}

	.xm0-left {
		left: 0
	}

	.xm1-left {
		left: 8.33333333%
	}

	.xm2-left {
		left: 16.66666667%
	}

	.xm3-left {
		left: 25%
	}

	.xm4-left {
		left: 33.33333333%
	}

	.xm5-left {
		left: 41.66666667%
	}

	.xm6-left {
		left: 50%
	}

	.xm7-left {
		left: 58.33333333%
	}

	.xm8-left {
		left: 66.66666667%
	}

	.xm9-left {
		left: 75%
	}

	.xm10-left {
		left: 83.33333333%
	}

	.xm11-left {
		left: 91.66666667%
	}

	.xm12-left {
		left: 100%
	}

	.xm0-right {
		right: 0
	}

	.xm1-right {
		right: 8.33333333%
	}

	.xm2-right {
		right: 16.66666667%
	}

	.xm3-right {
		right: 25%
	}

	.xm4-right {
		right: 33.33333333%
	}

	.xm5-right {
		right: 41.66666667%
	}

	.xm6-right {
		right: 50%
	}

	.xm7-right {
		right: 58.33333333%
	}

	.xm8-right {
		right: 66.66666667%
	}

	.xm9-right {
		right: 75%
	}

	.xm10-right {
		right: 83.33333333%
	}

	.xm11-right {
		right: 91.66666667%
	}

	.xm12-right {
		right: 100%
	}

	.xm0-move {
		margin-left: 0
	}

	.xm1-move {
		margin-left: 8.33333333%
	}

	.xm2-move {
		margin-left: 16.66666667%
	}

	.xm3-move {
		margin-left: 25%
	}

	.xm4-move {
		margin-left: 33.33333333%
	}

	.xm5-move {
		margin-left: 41.66666667%
	}

	.xm6-move {
		margin-left: 50%
	}

	.xm7-move {
		margin-left: 58.33333333%
	}

	.xm8-move {
		margin-left: 66.66666667%
	}

	.xm9-move {
		margin-left: 75%
	}

	.xm10-move {
		margin-left: 83.33333333%
	}

	.xm11-move {
		margin-left: 91.66666667%
	}

	.xm12-move {
		margin-left: 100%
	}
}

@media(min-width:1200px) {

	.xb1,
	.xb2,
	.xb3,
	.xb4,
	.xb5,
	.xb6,
	.xb7,
	.xb8,
	.xb9,
	.xb10,
	.xb11,
	.xb12 {
		float: left
	}

	.xb1 {
		width: 8.33333333%
	}

	.xb2 {
		width: 16.66666667%
	}

	.xb3 {
		width: 25%
	}

	.xb4 {
		width: 33.33333333%
	}

	.xb5 {
		width: 41.66666667%
	}

	.xb6 {
		width: 50%
	}

	.xb7 {
		width: 58.33333333%
	}

	.xb8 {
		width: 66.66666667%
	}

	.xb9 {
		width: 75%
	}

	.xb10 {
		width: 83.33333333%
	}

	.xb11 {
		width: 91.66666667%
	}

	.xb12 {
		width: 100%
	}

	.xb0-left {
		left: 0
	}

	.xb1-left {
		left: 8.33333333%
	}

	.xb2-left {
		left: 16.66666667%
	}

	.xb3-left {
		left: 25%
	}

	.xb4-left {
		left: 33.33333333%
	}

	.xb5-left {
		left: 41.66666667%
	}

	.xb6-left {
		left: 50%
	}

	.xb7-left {
		left: 58.33333333%
	}

	.xb8-left {
		left: 66.66666667%
	}

	.xb9-left {
		left: 75%
	}

	.xb10-left {
		left: 83.33333333%
	}

	.xb11-left {
		left: 91.66666667%
	}

	.xb12-left {
		left: 100%
	}

	.xb0-right {
		right: 0
	}

	.xb1-right {
		right: 8.33333333%
	}

	.xb2-right {
		right: 16.66666667%
	}

	.xb3-right {
		right: 25%
	}

	.xb4-right {
		right: 33.33333333%
	}

	.xb5-right {
		right: 41.66666667%
	}

	.xb6-right {
		right: 50%
	}

	.xb7-right {
		right: 58.33333333%
	}

	.xb8-right {
		right: 66.66666667%
	}

	.xb9-right {
		right: 75%
	}

	.xb10-right {
		right: 83.33333333%
	}

	.xb11-right {
		right: 91.66666667%
	}

	.xb12-right {
		right: 100%
	}

	.xb0-move {
		margin-left: 0
	}

	.xb1-move {
		margin-left: 8.33333333%
	}

	.xb2-move {
		margin-left: 16.66666667%
	}

	.xb3-move {
		margin-left: 25%
	}

	.xb4-move {
		margin-left: 33.33333333%
	}

	.xb5-move {
		margin-left: 41.66666667%
	}

	.xb6-move {
		margin-left: 50%
	}

	.xb7-move {
		margin-left: 58.33333333%
	}

	.xb8-move {
		margin-left: 66.66666667%
	}

	.xb9-move {
		margin-left: 75%
	}

	.xb10-move {
		margin-left: 83.33333333%
	}

	.xb11-move {
		margin-left: 91.66666667%
	}

	.xb12-move {
		margin-left: 100%
	}
}

@media(max-width:760px) {
	.show-l {
		display: block !important
	}

	.hidden-l {
		display: none !important
	}
}

@media(min-width:761px) and (max-width:1000px) {
	.show-s {
		display: block !important
	}

	.hidden-s {
		display: none !important
	}
}

@media(min-width:1001px) and (max-width:1200px) {
	.show-m {
		display: block !important
	}

	.hidden-m {
		display: none !important
	}
}

@media(min-width:1201px) {
	.show-b {
		display: block !important
	}

	.hidden-b {
		display: none !important
	}
}

.show {
	display: block !important
}

.hidden {
	display: none !important;
	visibility: hidden !important
}

.opacity {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}

.opacity-small {
	filter: alpha(opacity=20);
	-moz-opacity: .2;
	-khtml-opacity: .2;
	opacity: .2
}

.opacity-middle {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5
}

.opacity-big {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8
}

.opacity-none {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}

.padding-large {
	padding: 30px
}

.padding-large-top {
	padding-top: 30px
}

.padding-large-right {
	padding-right: 30px
}

.padding-large-bottom {
	padding-bottom: 30px
}

.padding-large-left {
	padding-left: 30px
}

.padding-big {
	padding: 20px
}

.padding-big-top {
	padding-top: 20px
}

.padding-big-right {
	padding-right: 20px
}

.padding-big-bottom {
	padding-bottom: 20px
}

.padding-big-left {
	padding-left: 20px
}

.padding {
	padding: 10px
}

.padding-top {
	padding-top: 10px
}

.padding-right {
	padding-right: 10px
}

.padding-bottom {
	padding-bottom: 10px
}

.padding-left {
	padding-left: 10px
}

.padding-small {
	padding: 5px
}

.padding-small-top {
	padding-top: 5px
}

.padding-small-right {
	padding-right: 5px
}

.padding-small-bottom {
	padding-bottom: 5px
}

.padding-small-left {
	padding-left: 5px
}

.padding-little {
	padding: 2px
}

.padding-little-top {
	padding-top: 2px
}

.padding-little-right {
	padding-right: 2px
}

.padding-little-bottom {
	padding-bottom: 2px
}

.padding-little-left {
	padding-left: 2px
}

.margin-large {
	margin: 30px
}

.margin-large-top {
	margin-top: 30px
}

.margin-large-right {
	margin-right: 30px
}

.margin-large-bottom {
	margin-bottom: 30px
}

.margin-large-left {
	margin-left: 30px
}

.margin-big {
	margin: 20px
}

.margin-big-top {
	margin-top: 20px
}

.margin-big-right {
	margin-right: 20px
}

.margin-big-bottom {
	margin-bottom: 20px
}

.margin-big-left {
	margin-left: 20px
}

.margin {
	margin: 10px !important;
	clear: both
}

.margin-top {
	margin-top: 10px
}

.margin-right {
	margin-right: 10px
}

.margin-bottom {
	margin-bottom: 10px
}

.margin-left {
	margin-left: 10px
}

.margin-small {
	margin: 5px
}

.margin-small-top {
	margin-top: 5px
}

.margin-small-right {
	margin-right: 5px
}

.margin-small-bottom {
	margin-bottom: 5px
}

.margin-small-left {
	margin-left: 5px
}

.margin-little {
	margin: 2px
}

.margin-little-top {
	margin-top: 2px
}

.margin-little-right {
	margin-right: 2px
}

.margin-little-bottom {
	margin-bottom: 2px
}

.margin-little-left {
	margin-left: 2px
}

.radius-none {
	border-radius: 0
}

.radius-small {
	border-radius: 2px
}

.radius {
	border-radius: 4px
}

.radius-big {
	border-radius: 6px
}

.radius-rounded {
	border-radius: 2em;
	padding-left: 1em;
	padding-right: 1em
}

.radius-circle {
	border-radius: 50%
}

.bounce,
.bounce-hover,
.flash,
.flash-hover,
.ring,
.ring-hover,
.shake,
.shake-hover,
.swing,
.swing-hover,
.wobble,
.wobble-hover {
	animation: 1s ease
}

.bouncein,
.fadein,
.fadein-bottom,
.fadein-left,
.fadein-right,
.fadein-top,
.rotatein {
	animation: 1s ease-out backwards
}

.bounceout,
.fadeout,
.fadeout-bottom,
.fadeout-left,
.fadeout-right,
.fadeout-top,
.rotateout {
	animation: 1s ease-in forwards
}

.rotate,
.rotate-hover {
	animation: 2s infinite linear;
	display: inline-block
}

.fadein {
	animation-name: a-fadein
}

@keyframes a-fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadein-top {
	animation-name: fadeint
}

@keyframes fadeint {
	0% {
		opacity: 0;
		transform: translatey(-50px)
	}

	to {
		opacity: 1;
		transform: translatey(0)
	}
}

.fadein-right {
	animation-name: fadeinr
}

@keyframes fadeinr {
	0% {
		opacity: 0;
		transform: translatex(50px)
	}

	to {
		opacity: 1;
		transform: translatex(0)
	}
}

.fadein-bottom {
	animation-name: fadeinb
}

@keyframes fadeinb {
	0% {
		opacity: 0;
		transform: translatey(50px)
	}

	to {
		opacity: 1;
		transform: translatey(0)
	}
}

.fadein-left {
	animation-name: fadeinl
}

@keyframes fadeinl {
	0% {
		opacity: 0;
		transform: translatex(-50px)
	}

	to {
		opacity: 1;
		transform: translatex(0)
	}
}

.fadeout {
	animation-name: a-fadeout
}

@keyframes a-fadeout {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.fadeout-top {
	animation-name: fadeoutt
}

@keyframes fadeoutt {
	0% {
		opacity: 1;
		transform: translatey(0)
	}

	to {
		opacity: 0;
		transform: translatey(-100px)
	}
}

.fadeout-right {
	animation-name: fadeoutr
}

@keyframes fadeoutr {
	0% {
		opacity: 1;
		transform: translatex(0)
	}

	to {
		opacity: 0;
		transform: translatex(100px)
	}
}

.fadeout-bottom {
	animation-name: fadeoutb
}

@keyframes fadeoutb {
	0% {
		opacity: 1;
		transform: translatey(0)
	}

	to {
		opacity: 0;
		transform: translatey(100px)
	}
}

.fadeout-left {
	animation-name: fadeoutl
}

@keyframes fadeoutl {
	0% {
		opacity: 1;
		transform: translatex(0)
	}

	to {
		opacity: 0;
		transform: translatex(-100px)
	}
}

.bounce,
.bounce-hover:hover {
	animation-name: a-bounce
}

@keyframes a-bounce {

	0%,
	20%,
	50%,
	80%,
	to {
		transform: translatey(0)
	}

	40% {
		transform: translatey(-30px)
	}

	60% {
		transform: translatey(-15px)
	}
}

.bouncein {
	animation-name: a-bouncein
}

@keyframes a-bouncein {
	0% {
		opacity: 0;
		transform: scale(0.3)
	}

	50% {
		opacity: 1;
		transform: scale(1.05)
	}

	70% {
		transform: scale(0.9)
	}

	to {
		transform: scale(1)
	}
}

.bounceout {
	animation-name: a-bounceout
}

@keyframes a-bounceout {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(0.95)
	}

	50% {
		opacity: 1;
		transform: scale(1.1)
	}

	to {
		opacity: 0;
		transform: scale(0.3)
	}
}

.rotatein {
	animation-name: a-rotatein
}

@keyframes a-rotatein {
	0% {
		opacity: 0;
		transform: rotate(-200deg)
	}

	to {
		opacity: 1;
		transform: rotate(0)
	}
}

.rotateout {
	animation-name: a-rotateout
}

@keyframes a-rotateout {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1
	}

	to {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0
	}
}

.flash,
.flash-hover:hover {
	animation-name: a-flash
}

@keyframes a-flash {

	0%,
	50%,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.shake,
.shake-hover:hover {
	animation-name: a-shake
}

@keyframes a-shake {

	0%,
	to {
		transform: translatex(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translatex(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		transform: translatex(10px)
	}
}

.swing,
.swing-hover:hover {
	animation-name: a-swing
}

@keyframes a-swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	to {
		transform: rotate(0)
	}
}

.wobble,
.wobble-hover:hover {
	animation-name: a-wobble
}

@keyframes a-wobble {
	0% {
		transform: translatex(0)
	}

	15% {
		transform: translatex(-50px) rotate(-5deg)
	}

	30% {
		transform: translatex(40px) rotate(3deg)
	}

	45% {
		transform: translatex(-33px) rotate(-3deg)
	}

	60% {
		transform: translatex(10px) rotate(2deg)
	}

	75% {
		transform: translatex(-10px) rotate(-1deg)
	}

	to {
		transform: translatex(0)
	}
}

.ring,
.ring-hover:hover {
	animation-name: a-ring
}

@keyframes a-ring {
	0% {
		transform: scale(1)
	}

	10%,
	20% {
		transform: scale(0.9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-3deg)
	}

	to {
		transform: scale(1) rotate(0)
	}
}

.rotate,
.rotate-hover:hover {
	animation-name: a-rotate
}

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

	to {
		transform: rotate(359deg)
	}
}

.box-shadow-none {
	box-shadow: 0 0 0 rgba(0, 0, 0, .5)
}

.box-shadow-small {
	box-shadow: 0 3px 5px rgba(0, 0, 0, .5)
}

.box-shadow {
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.box-shadow-big {
	box-shadow: 0 6px 9px rgba(0, 0, 0, .5)
}

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

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

.list-inline li {
	display: inline-block;
	padding: 0 10px;
	width: auto
}