::-webkit-input-placeholder {
color:#999
}
:-moz-placeholder {
color:#999
}
::-moz-placeholder {
color:#999
}
:-ms-input-placeholder {
color:#ccc
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
textarea {
	overflow: auto
}
input:focus, textarea:focus, button:focus, select:focus {
	outline: 0
}
input::-ms-clear {
display:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}


.combox,.w1200,.container, .container-layout {
	margin: 0 auto;
	padding: 0 10px
}
@media(min-width:760px) {
.container {
	width: 750px
}
.combox { width: 750px; }
.w1200 { width: 750px; }
}
@media(min-width:1000px) {
.container {
	width: 1000px
}
.combox { width: 1000px; }
.w1200 { width: 1000px; }
}
@media(min-width:1200px) {
.container {
	width: 1200px
}
.combox { width: 1200px; }
.w1200 { width: 1200px; }
}
@media(min-width:1440px) {
.container {
	width: 1440px
}
.combox { width: 1440px; }
.w1200 { width: 1200px; }
}
@media(min-width:1600px) {
.container {
	width: 1600px;
}
.combox { width: 1440px; }
.w1200 { width: 1200px; }
}


.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12, .xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12, .xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12, .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12 {
	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 .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 .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, .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 .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 {
	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 .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 .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, .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 .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 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px
}
.line-small {
	margin-left: -2px;
	margin-right: -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
}
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot')/*tpa=http://demoall.zancms.com/8399/skin/fonts/fontawesome-webfont.eot*/;
	src: url('../fonts/fontawesome-webfont.eot')/*tpa=http://demoall.zancms.com/8399/skin/fonts/fontawesome-webfont.eot*/ format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff')/*tpa=http://demoall.zancms.com/8399/skin/fonts/fontawesome-webfont.woff*/ format('woff'), url('../fonts/fontawesome-webfont.ttf')/*tpa=http://demoall.zancms.com/8399/skin/fonts/fontawesome-webfont.ttf*/ format('truetype'), url('../fonts/fontawesome-webfont.svg')/*tpa=http://demoall.zancms.com/8399/skin/fonts/fontawesome-webfont.svg*/ format('svg');
	font-weight: normal;
	font-style: normal
}


.leftward {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-right: 4px solid;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}
.rightward {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-left: 4px solid;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}
.upward {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-bottom: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}
.downward, .arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}
.tag {
	font-size: 75%;
	border-radius: .25em;
	background: #999;
	padding: .1em .5em .2em;
	color: #fff
}
.tag.bg-back, .tag.bg-mix, .tag.bg-white, .tag.bg-red-light, .tag.bg-yellow-light, .tag.bg-blue-light, .tag.bg-green-light {
	color: inherit
}
.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999;
	border-radius: 2em
}
.badge:empty {
	display: none
}
.badge.bg-back, .badge.bg-mix {
	color: inherit
}
.badge.bg-white, .badge.bg-red-light, .badge.bg-yellow-light, .badge.bg-blue-light, .badge.bg-green-light {
	color: #333
}
.badge-corner {
	position: relative
}
.badge-corner .badge {
	position: absolute;
	right: -10px;
	top: -9px;
	font-weight: normal;
	cursor: pointer
}
.progress {
	height: 14px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 7px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar {
	color: #fff;
	float: left;
	background-color: #0a0;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	text-align: center
}
.progress-bar:after {
	content: "\3000"
}
.progress .progress-bar:last-child {
	border-radius: 0 7px 7px 0
}
.progress-big {
	height: 26px;
	border-radius: 13px
}
.progress-big .progress-bar {
	font-size: 14px;
	line-height: 26px
}
.progress-big .progress-bar:last-child {
	border-radius: 0 13px 13px 0
}
.progress-small {
	height: 6px;
	border-radius: 3px
}
.progress-small .progress-bar {
	font-size: 6px;
	line-height: 6px
}
.progress-small .progress-bar:last-child {
	border-radius: 0 3px 3px 0
}
.progress-bar.bg-back, .progress-bar.bg-mix, .progress-bar.bg-white {
	color: inherit
}
@-webkit-keyframes progress-bar-active {
from {
background-position:30px 0
}
to {
	background-position: 0 0
}
}
@keyframes progress-bar-active {
from {
background-position:30px 0
}
to {
	background-position: 0 0
}
}
.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: 30px 30px
}
.progress.active .progress-bar {
	-webkit-animation: progress-bar-active 2s linear infinite normal;
	animation: progress-bar-active 2s linear infinite normal
}
.range {
	position: relative;
	height: 10px;
	background-color: #f5f5f5;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.range-scroll {
	position: aabsolute;
	width: 16px;
	height: 16px;
	margin-top: -3px;
	border-radius: 8px;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.175);
	box-shadow: 1px 1px 1px rgba(0,0,0,.175)
}
.range-bar {
	position: absaolute;
	height: 10px;
	float: left;
	display: inline-block;
	border-radius: 5px
}
.range-bar span {
	position: relative
}
.range-scroll-left {
	float: left;
	margin-left: -8px
}
.range-scroll-right {
	float: right;
	margin-right: -8px
}
.range-group {
	display: table
}
.range-group .range-area, .range-group input {
	display: table-cell
}
.range-group .range-area {
	width: 100%
}
.range-group input {
	width: 1%
}
.drop {
	position: relative
}
.drop-menu {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 1;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 1px 0 0;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.drop-menu.pull-right {
	right: 0;
	left: auto
}
.drop-menu a {
	color: #333;
	padding: 5px 20px;
	display: block;
	clear: both;
	white-space: nowrap;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.fixed-top {
	position: fixed;
	top: 0
}
.fixed-bottom {
	position: fixed;
	bottom: 0
}
.fixed-left {
	position: fixed;
	left: 0
}
.fixed-right {
	position: fixed;
	right: 0
}
.fixed-top-left {
	position: fixed;
	top: 0;
	left: 0
}
.fixed-top-right {
	position: fixed;
	top: 0;
	right: 0
}
.fixed-bottom-left {
	position: fixed;
	bottom: 0;
	left: 0
}
.fixed-bottom-right {
	position: fixed;
	bottom: 0;
	right: 0
}
.bread {
	border-radius: 4px;
	padding: 8px 15px;
	font-size: 12px;
	margin-bottom: 15px;
	color: #999
}
.bread li {
	display: inline-block
}
.bread li:after {
	content: "\002f";
	padding: 0 8px;
	color: #ddd
}
.bread li:last-child:after {
	content: ""
}
.step {
	position: relative;
	height: 10px;
	border-radius: 5px;
	background-color: #f5f5f5;
	margin-bottom: 30px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.step-bar {
	position: relative;
	height: 10px;
	float: left;
	display: inline-block;
	text-align: center;
	color: #aaa
}
.step-bar:first-child {
	border-radius: 5px 0 0 5px
}
.step-bar:last-child {
	border-radius: 0 5px 5px 0
}
.step-point {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	top: -5px;
	border-radius: 50%;
	color: #fff;
	background-color: #bbb;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.175);
	box-shadow: 1px 1px 1px rgba(0,0,0,.175)
}
.step-text {
	display: block
}
.step .complete, .step .complete .step-point {
	background: #cf9
}
.step .active, .step .active .step-point {
	background: #0a0
}
.list-text {
	list-style: inside;
	padding: 0
}
.list-text li {
	line-height: 24px
}
.list-text .date {
	font-size: 12px;
	float: right
}
.list-text .divider {
	list-style-type: none;
	background-color: #ddd;
	height: 1px;
	overflow: hidden;
	margin: 15px 0
}
.list-text.list-underline {
	list-style: outside;
	padding-left: 15px
}
.list-text.list-underline li {
	border-bottom: solid 1px #ddd;
	line-height: 36px
}
.list-underline.list-striped li {
	padding: 0 10px
}
.list-text.list-striped {
	list-style: none;
	padding: 0
}
.list-box a {
	background-color: #f5f5f5;
	display: block;
	padding: 15px;
	height: 150px;
	text-align: justify;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden
}
.list-box .date {
	display: block;
	font-size: 12px
}
.list-media {
	list-style: none;
	padding: 0
}
.list-media li {
	margin-bottom: 10px
}
.list-media.list-underline li {
	padding-bottom: 15px;
	border-bottom: solid 1px #ddd;
	line-height: inherit
}
.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom
}
.pagination li {
	display: inline-block;
	border: solid 1px #ddd;
	border-radius: 4px
}
.pagination .thisclass , .pagination li:first-child{
	/*padding: 8px 12px;*/
}
.pagination a ,.pagination li span {
	color: #333;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.pagination .disabled a:link, .pagination .disabled a:visited, .pagination .disabled a:hover {
	cursor: not-allowed;
	pointer-events: none;
	color: #ddd
}
.pagination .active {
	pointer-events: none
}
.pagination .active, .pagination a:hover {
	background: #f5f5f5;
	border-radius: 4px;
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.pagination-group {
	border-right: solid 1px #ddd;
	border-radius: 4px
}
.pagination-group li {
	float: left;
	border-right: 0;
	border-radius: 0
}
.pagination-group li:not(:first-child):not(:last-child) {
	border-radius: 0
}
.pagination-group li:first-child {
	border-radius: 4px 0 0 4px
}
.pagination-group li:last-child {
	border-radius: 0 4px 4px 0
}
.pagination-group .active, .pagination-group a:hover {
	background: #f5f5f5;
	border-radius: 0
}
.pagination-big a {
	padding: 10px 16px;
	font-size: 16px
}
.pagination-small a {
	padding: 5px 10px;
	font-size: 12px
}
.pagination.border-main .active a, .pagination.border-sub .active a, .pagination.border-dot .active a, .pagination.border-black .active a, .pagination.border-gray .active a, .pagination.border-red .active a, .pagination.border-yellow .active a, .pagination.border-blue .active a, .pagination.border-green .active a {
	color: #fff
}
.pager {
	list-style: none;
	padding: 0;
	text-align: center;
	clear: both
}
.pager li {
	display: inline-block
}
.pager li a {
	color: #333;
	border: solid 1px #ddd;
	border-radius: 15px;
	padding: 5px 15px;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.pager li a:hover {
	background-color: #f5f5f5;
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.pager-prev, .pager .pager-prev, .pager-next, .pager .pager-next {
	font-size: 36px;
	padding: 0;
	color: #ddd;
	border: solid 1px #ddd;
	background-color: rgba(255,255,255,.2);
	width: 50px;
	height: 50px;
	line-height: 45px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	cursor: pointer
}
.pager-prev:hover, .pager-next:hover {
	background-color: rgba(0,0,0,.2)
}
.pager-group li {
	float: left;
	display: inline-block
}
.pager-group li:not(:first-child):not(:last-child) {
	border-radius: 0
}
.pager-group li a:first-child {
	border-radius: 4px 0 0 4px
}
.pager-group li a:last-child {
	border-radius: 0 4px 4px 0
}
.pointer {
	padding: 0
}
.pointer li {
	border: solid 1px #ddd;
	width: 10px;
	height: 10px;
	margin: 1px;
	display: inline-block;
	border-radius: 10px;
	cursor: pointer
}
.pointer .active {
	border: 0;
	background: #ddd;
	width: 12px;
	height: 12px;
	margin: 0
}
.keypoint {
	padding: 50px
}
.keypoint h1 {
	font-size: 48px;
	margin-bottom: 15px
}
.keypoint p {
	font-size: 18px
}
.detail h1 {
	text-align: center
}
.detail p {
	text-indent: 2em
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small {
	font-size: 60%;
	filter: alpha(opacity=60);
	opacity: .6
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
	font-size: 12px;
	filter: alpha(opacity=60);
	opacity: .6
}

.text-indent, .text-indent p, .text-indent div {
	text-indent: 2em
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.text-right {
	text-align: right
}
.text-justify {
	text-align: justify
}
.text-large {
	font-size: 24px
}
.text-big {
	font-size: 16px
}
.text-default {
	font-size: 14px
}
.text-small {
	font-size: 12px
}
.text-little {
	font-size: 10px
}
.height-large {
	line-height: 40px
}
.height-big {
	line-height: 30px
}
.height {
	line-height: 24px
}
.height-small {
	line-height: 20px
}
.height-little {
	line-height: 16px
}
.text-break {
	word-wrap: break-word;
	word-break: normal
}
.text-breakall {
	word-break: break-all
}
.text-unbreak {
	white-space: nowrap
}
.text-more {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.border {
	border: solid 1px #ddd
}
.border-none {
	border: 0
}
.border-top {
	border-top: solid 1px #ddd
}
.border-right {
	border-right: solid 1px #ddd
}
.border-bottom {
	border-bottom: solid 1px #ddd
}
.border-left {
	border-left: solid 1px #ddd
}
.border-left-right {
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd
}
.border-top-bottom {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd
}
.border-large {
	border-width: 10px
}
.border-big {
	border-width: 5px
}
.border-middle {
	border-width: 3px
}
.border-small {
	border-width: 2px
}
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 10px 0;
	border: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden
}
.img-border {
	border: solid 1px #ddd;
	padding: 4px
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;

}
/*ul {
	padding-left: 20px
}*/
ol {
	padding-left: 24px
}
.list-cn {
	list-style-type: cjk-ideographic
}
.list-alpha {
	list-style-type: upper-alpha
}
.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
}
dt {
	font-weight: bold
}
dd {
	padding: 8px 0 15px 0
}
@media(min-width:760px) {
.dl-inline dt {
	width: 15%;
	display: inline-block;
	float: left;
	text-align: right;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.dl-inline dd {
	width: 85%;
	display: inline-block;
	float: left;
	padding: 0 0 15px 15px
}
}
.table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}
.table th {
	border-bottom: 2px solid #ddd;
	vertical-align: bottom;
	padding: 8px;
	text-align: left
}
.table td {
	border-top: 1px solid #ddd;
	padding: 8px;
	vertical-align: top
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}
.table-bordered th, .table-bordered td {
	border: solid 1px #ddd
}
.table-bordered th {
	border-bottom: 2px solid #ddd
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	background-color: #f5f5f5
}
.table-condensed th, .table-condensed td {
	padding: 5px
}
@media(max-width:760px) {
.table-responsive {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive .table tr th, .table-responsive .table tr td {
	white-space: nowrap
}
}
@media only screen and (max-width:760px) {
.table-responsive-y table, .table-responsive-y thead, .table-responsive-y tbody, .table-responsive-y th, .table-responsive-y td, .table-responsive-y tr {
	display: block
}
.table-responsive-y thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px
}
.table-responsive-y tr {
	border: 1px solid #ccc
}
.table-responsive-y td {
	border: 0;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 30%;
	white-space: normal;
	text-align: left
}
.table-responsive-y td:before {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
	font-weight: bold
}
.table-responsive-y td:before {
	content: attr(data-title)
}
}
blockquote {
	border: solid 1px #ddd;
	border-left-width: 6px;
	padding: 20px;
	border-radius: 4px
}
blockquote strong {
	display: block;
	font-size: 16px;
	margin-bottom: 10px
}
blockquote p:last-child {
	margin: 0
}
.quote-floatright {
	border-left-width: 1px;
	border-right-width: 6px;
	text-align: right
}
.float-left {
	float: left!important
}
.float-right {
	float: right!important
}
.clearfix:after, .layout:after,.combox:after,.w1200:after, .container:after, .container-layout:after, .line:after, .line-small:after, .line-middle:after, .line-big:after, .nav-main:after, .nav-sub:after, .navbar:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden
}
.clearfix, .layout,.combox,.w1200, .container, .container-layout, .line, .line-small, .line-middle, .line-big, .nav-main, .nav-sub, .navbar {
	display: block
}
.clear {
	clear: both
}
.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
}
}
/*.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.0;
	-khtml-opacity: 1.0;
	opacity: 1.0
}
.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, .shake, .shake-hover, .swing, .swing-hover, .wobble, .wobble-hover, .ring, .ring-hover {
	-webkit-animation: 1s ease;
	-moz-animation: 1s ease;
	-ms-animation: 1s ease;
	animation: 1s ease
}
.fadein, .fadein-top, .fadein-right, .fadein-bottom, .fadein-left, .bouncein, .rotatein {
	-webkit-animation: 1s ease-out backwards;
	-moz-animation: 1s ease-out backwards;
	-ms-animation: 1s ease-out backwards;
	animation: 1s ease-out backwards
}
.fadeout, .fadeout-top, .fadeout-right, .fadeout-bottom, .fadeout-left, .bounceout, .rotateout {
	-webkit-animation: 1s ease-in forwards;
	-moz-animation: 1s ease-in forwards;
	-ms-animation: 1s ease-in forwards;
	animation: 1s ease-in forwards
}
.rotate, .rotate-hover {
	-webkit-animation: 2s infinite linear;
	-moz-animation: 2s infinite linear;
	-ms-animation: 2s infinite linear;
	animation: 2s infinite linear;
	display: inline-block
}
.fadein {
	-webkit-animation-name: a-fadein;
	-moz-animation-name: a-fadein;
	-ms-animation-name: a-fadein;
	animation-name: a-fadein
}
@-webkit-keyframes a-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes a-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes a-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes a-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadein-top {
	-webkit-animation-name: fadeinT;
	-moz-animation-name: fadeinT;
	-ms-animation-name: fadeinT;
	animation-name: fadeinT
}
@-webkit-keyframes fadeinT {
0% {
opacity:0;
-webkit-transform:translateY(-50px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeinT {
0% {
opacity:0;
-moz-transform:translateY(-50px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-ms-keyframes fadeinT {
0% {
opacity:0;
-ms-transform:translateY(-50px)
}
100% {
opacity:1;
-ms-transform:translateY(0)
}
}
@keyframes fadeinT {
0% {
opacity:0;
transform:translateY(-50px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
.fadein-right {
	-webkit-animation-name: fadeinR;
	-moz-animation-name: fadeinR;
	-ms-animation-name: fadeinR;
	animation-name: fadeinR
}
@-webkit-keyframes fadeinR {
0% {
opacity:0;
-webkit-transform:translateX(50px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeinR {
0% {
opacity:0;
-moz-transform:translateX(50px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-ms-keyframes fadeinR {
0% {
opacity:0;
-ms-transform:translateX(50px)
}
100% {
opacity:1;
-ms-transform:translateX(0)
}
}
@keyframes fadeinR {
0% {
opacity:0;
transform:translateX(50px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadein-bottom {
	-webkit-animation-name: fadeinB;
	-moz-animation-name: fadeinB;
	-ms-animation-name: fadeinB;
	animation-name: fadeinB
}
@-webkit-keyframes fadeinB {
0% {
opacity:0;
-webkit-transform:translateY(50px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeinB {
0% {
opacity:0;
-moz-transform:translateY(50px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-ms-keyframes fadeinB {
0% {
opacity:0;
-ms-transform:translateY(50px)
}
100% {
opacity:1;
-ms-transform:translateY(0)
}
}
@keyframes fadeinB {
0% {
opacity:0;
transform:translateY(50px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
.fadein-left {
	-webkit-animation-name: fadeinL;
	-moz-animation-name: fadeinL;
	-ms-animation-name: fadeinL;
	animation-name: fadeinL
}
@-webkit-keyframes fadeinL {
0% {
opacity:0;
-webkit-transform:translateX(-50px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeinL {
0% {
opacity:0;
-moz-transform:translateX(-50px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-ms-keyframes fadeinL {
0% {
opacity:0;
-ms-transform:translateX(-50px)
}
100% {
opacity:1;
-ms-transform:translateX(0)
}
}
@keyframes fadeinL {
0% {
opacity:0;
transform:translateX(-50px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeout {
	-webkit-animation-name: a-fadeout;
	-moz-animation-name: a-fadeout;
	-ms-animation-name: a-fadeout;
	animation-name: a-fadeout
}
@-webkit-keyframes a-fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes a-fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-ms-keyframes a-fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes a-fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeout-top {
	-webkit-animation-name: fadeoutT;
	-moz-animation-name: fadeoutT;
	-ms-animation-name: fadeoutT;
	animation-name: fadeoutT
}
@-webkit-keyframes fadeoutT {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-100px)
}
}
@-moz-keyframes fadeoutT {
0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(-100px)
}
}
@-ms-keyframes fadeoutT {
0% {
opacity:1;
-ms-transform:translateY(0)
}
100% {
opacity:0;
-ms-transform:translateY(-100px)
}
}
@keyframes fadeoutT {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(-100px)
}
}
.fadeout-right {
	-webkit-animation-name: fadeoutR;
	-moz-animation-name: fadeoutR;
	-ms-animation-name: fadeoutR;
	animation-name: fadeoutR
}
@-webkit-keyframes fadeoutR {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100px)
}
}
@-moz-keyframes fadeoutR {
0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(100px)
}
}