.bg-gradient-ghost-left {
	background-color: transparent;
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.bg-gradient-ghost-right {
	background-color: transparent;
	background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0))
}

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

.flex-horiz {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.flex-vert {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

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

.flex-space {
	min-height: 1px;
	min-width: 1px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flex-static {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

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

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

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

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

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

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

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

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

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

.hack-webkit-render {
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden
}

.shadow-z1 {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.shadow-z1h {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.shadow-z2 {
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.shadow-z3 {
	-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19)
}

.shadow-z4 {
	-webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21);
	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21)
}

.shadow-z5 {
	-webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22)
}

.shadow-tb {
	-webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, .1);
	box-shadow: 0 7px 21px rgba(0, 0, 0, .1)
}

body, html {
	width: 100%;
	height: 100%
}

html {
	font-size: 36px
}

@media (max-width:480px) {
	html {
		font-size: 24px
	}

}

body {
	padding-top: 64px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern"
}

@media (max-width:768px) {
	body {
		padding-top: 55px
	}

}

body>a>img {
	display: none
}

.site-main {
	min-height: 50%
}

.btn {
	position: relative;
	padding: 8px 24px;
	-webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
	transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.btn.btn-link:focus, .btn.btn-link:hover, .btn:focus {
	text-decoration: none;
	outline: 0 !important
}

.btn.btn-raised {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn.btn-raised:hover {
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.btn.btn-default {
	color: #4d4d4d;
	border-color: #c2c2c2
}

.btn.btn-default:hover {
	background-color: #ededed
}

.btn.btn-sm {
	line-height: 20px;
	padding: 4px 12px;
	font-size: 14px
}

.btn.btn-lg {
	padding: 14px 26px;
	font-size: 18px
}

.btn.btn-gradient-blue {
	font-size: 16px;
	padding: 13px 33px;
	border: none;
	color: #fff;
	border-radius: 26px;
	background: linear-gradient(-45deg, #faa80a, #fa810a);
	-webkit-box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15)
}

.btn.btn-gradient-blue:hover {
	-webkit-box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15)
}

.watch-videos {
	margin: 0 0 0 40px;
}

.btn.btn-gradient-blue-line {
	font-size: 16px;
	padding: 12px 32px;
	border: none;
	color: #4195FF;
	border-radius: 26px;
	background: #fff;
	border: 1px solid #4195FF;
	-webkit-box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15)
}

.btn.btn-gradient-blue-line:hover {
	-webkit-box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15)
}

.btn.btn-gradient-ghost {
	font-size: 16px;
	padding: 12px 32px;
	border: 1px solid #4195FF;
	color: #4195FF;
	border-radius: 26px;
	-webkit-box-shadow: 0 2px 8px 0 rgba(36, 10, 147, .15);
	box-shadow: 0 2px 8px 0 rgba(36, 10, 147, .15)
}

.btn.btn-gradient-ghost:hover {
	-webkit-box-shadow: 0 6px 18px 0 rgba(36, 10, 147, .15);
	box-shadow: 0 6px 18px 0 rgba(36, 10, 147, .15)
}

.btn.without-shadow, .dropdown-menu .btn:hover {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.handler-wrap .btn, .modal-footer .btn {
	min-width: 100px
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
	margin-left: 0
}

.btn-group.open>.btn-primary:first-child:not(.dropdown-toggle) {
	border-right-color: transparent
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .125)
}

.btn-group>.btn-primary:first-child:not(.dropdown-toggle) {
	border-right: 1px solid #039fe5
}

.form-group {
	line-height: 30px;
	margin-bottom: 30px
}

.form-group.pair-form {
	padding: 0
}

.validate-error {
	border-color: #e51c23 !important
}

.form-control, .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-label {
	padding: 10px 0;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: grey
}

.form-label.second-label {
	padding-left: 70px
}

.form-input {
	color: #999
}

.full-input {
	width: 100%;
	height: 48px;
	padding: 8px;
	border: 1px solid #eee;
	border-radius: 3px;
	-webkit-transition: border 218ms;
	transition: border 218ms
}

.full-input:focus {
	border: 1px solid #a6a6a6
}

.form-input textarea {
	resize: none;
	height: 180px
}

.form-input input, .form-input textarea {
	padding: 8px;
	border: 1px solid #eee;
	border-radius: 4px;
	outline: 0 none
}

select {
	width: 100%;
	height: 48px;
	padding: 10px;
	outline: 0;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 4px
}

[contenteditable]:focus {
	outline: 0 solid transparent
}

@media (min-width:768px) {
	.jumbotron h1 {
		font-size: 48px
	}

}

.label {
	font-weight: 400
}

ul {
	padding-left: 0;
	list-style: none
}

.list-group-item {
	padding: 16px 4px;
	border-width: 1px 0
}

@media (min-width:768px) {
	.modal-dialog:not(.default-margin) {
		margin: 100px auto
	}

	.modal-content {
		-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
		box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
	}

}

.modal-backdrop {
	position: fixed;
	bottom: 0
}

.modal-close {
	font-size: 18px
}

.modal-content {
	border: none;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.modal-content>[class*=modal-] {
	padding: 24px
}

.modal-content .modal-header {
	padding-bottom: 0;
	border-bottom: none
}

.modal-content .modal-header .modal-title .icon {
	margin-right: 12px;
	color: #03a9f4
}

.modal-content .modal-body {
	padding-bottom: 20px
}

.modal-content .modal-footer {
	padding-top: 0;
	border-top: none
}

.panel {
	-webkit-box-shadow: none;
	box-shadow: none
}

.panel, .panel.panel-default>.panel-heading {
	border-width: 0
}

.panel.panel-default>.panel-heading {
	margin-bottom: 8px
}

.panel .panel-body .list-group {
	margin-bottom: 0
}

.tooltip-inner {
	min-width: 40px
}

[id*=xunlei_com_thunder] {
	display: none
}

.light-blue {
	color: #03a9f4
}

.black {
	color: #000
}

.darker-grey, .grey22 {
	color: #383838
}

.dark-grey, .grey50 {
	color: grey
}

.grey, .grey65, .muted {
	color: #a6a6a6
}

.grey85, .light-grey {
	color: #d9d9d9
}

.grey93, .lighter-grey {
	color: #ededed
}

.white {
	color: #fff
}

a.icon {
	color: #a6a6a6;
	-webkit-transition: color 218ms ease;
	transition: color 218ms ease
}

a.icon:hover {
	color: #03a9f4
}

a.icon.white {
	-webkit-transition: text-shadow 218ms ease;
	transition: text-shadow 218ms ease
}

a.icon.white:hover {
	color: #fff;
	text-shadow: 0 0 3px rgba(255, 255, 255, .7)
}

.icon.float {
	float: left
}

.icon-wrap {
	line-height: 20px
}

.icon-wrap .icon {
	float: left;
	font-size: 14px
}

@media (min-width:1310px) {
	.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
		float: left
	}

	.col-xl-12 {
		width: 100%
	}

	.col-xl-11 {
		width: 91.66666667%
	}

	.col-xl-10 {
		width: 83.33333333%
	}

	.col-xl-9 {
		width: 75%
	}

	.col-xl-8 {
		width: 66.66666667%
	}

	.col-xl-7 {
		width: 58.33333333%
	}

	.col-xl-6 {
		width: 50%
	}

	.col-xl-5 {
		width: 41.66666667%
	}

	.col-xl-4 {
		width: 33.33333333%
	}

	.col-xl-3 {
		width: 25%
	}

	.col-xl-2 {
		width: 16.66666667%
	}

	.col-xl-1 {
		width: 8.33333333%
	}

	.col-xl-pull-12 {
		right: 100%
	}

	.col-xl-pull-11 {
		right: 91.66666667%
	}

	.col-xl-pull-10 {
		right: 83.33333333%
	}

	.col-xl-pull-9 {
		right: 75%
	}

	.col-xl-pull-8 {
		right: 66.66666667%
	}

	.col-xl-pull-7 {
		right: 58.33333333%
	}

	.col-xl-pull-6 {
		right: 50%
	}

	.col-xl-pull-5 {
		right: 41.66666667%
	}

	.col-xl-pull-4 {
		right: 33.33333333%
	}

	.col-xl-pull-3 {
		right: 25%
	}

	.col-xl-pull-2 {
		right: 16.66666667%
	}

	.col-xl-pull-1 {
		right: 8.33333333%
	}

	.col-xl-pull-0 {
		right: auto
	}

	.col-xl-push-12 {
		left: 100%
	}

	.col-xl-push-11 {
		left: 91.66666667%
	}

	.col-xl-push-10 {
		left: 83.33333333%
	}

	.col-xl-push-9 {
		left: 75%
	}

	.col-xl-push-8 {
		left: 66.66666667%
	}

	.col-xl-push-7 {
		left: 58.33333333%
	}

	.col-xl-push-6 {
		left: 50%
	}

	.col-xl-push-5 {
		left: 41.66666667%
	}

	.col-xl-push-4 {
		left: 33.33333333%
	}

	.col-xl-push-3 {
		left: 25%
	}

	.col-xl-push-2 {
		left: 16.66666667%
	}

	.col-xl-push-1 {
		left: 8.33333333%
	}

	.col-xl-push-0 {
		left: auto
	}

	.col-xl-offset-12 {
		margin-left: 100%
	}

	.col-xl-offset-11 {
		margin-left: 91.66666667%
	}

	.col-xl-offset-10 {
		margin-left: 83.33333333%
	}

	.col-xl-offset-9 {
		margin-left: 75%
	}

	.col-xl-offset-8 {
		margin-left: 66.66666667%
	}

	.col-xl-offset-7 {
		margin-left: 58.33333333%
	}

	.col-xl-offset-6 {
		margin-left: 50%
	}

	.col-xl-offset-5 {
		margin-left: 41.66666667%
	}

	.col-xl-offset-4 {
		margin-left: 33.33333333%
	}

	.col-xl-offset-3 {
		margin-left: 25%
	}

	.col-xl-offset-2 {
		margin-left: 16.66666667%
	}

	.col-xl-offset-1 {
		margin-left: 8.33333333%
	}

	.col-xl-offset-0 {
		margin-left: 0
	}

}

.max1040 {
	max-width: 1040px
}

.max1010 {
	max-width: 1010px
}

@media (min-width:768px) and (max-width:991px) {
	.container {
		width: 100%
	}

}

a {
	color: #03a9f4;
	cursor: pointer;
	-webkit-transition: color 218ms cubic-bezier(.42, 0, .58, 1);
	transition: color 218ms cubic-bezier(.42, 0, .58, 1)
}

a:focus, a:hover {
	text-decoration: none;
	color: #1eb7fc
}

a.block {
	display: block
}

a.white {
	color: #fff;
	-webkit-transition: text-shadow 218ms;
	transition: text-shadow 218ms
}

a.white:hover {
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 3px rgba(255, 255, 255, .7);
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 3px rgba(255, 255, 255, .7)
}

a.underline {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	padding: 0 7px
}

a.underline:before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(52, 73, 94, .4);
	-webkit-transform: translateY(95%);
	transform: translateY(95%);
	-webkit-transition: all .2s;
	transition: all .2s
}

a.underline.hover:before, a.underline:hover:before {
	border-radius: 2px;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

a.blue-reverse {
	color: #47c4fd
}

a.blue-reverse:hover {
	color: #03a9f4
}

a.red {
	color: #e51c23;
	-webkit-transition: none;
	transition: none
}

a.red:hover {
	color: #d0181e
}

a.gray {
	color: #a6a6a6
}

a.gray-dark {
	color: grey
}

a.gray-dark:hover, a.gray:hover {
	color: #0286c2 !important
}

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

[class*=hover-] {
	-webkit-transition: all 218ms cubic-bezier(.42, 0, .58, 1) !important;
	transition: all 218ms cubic-bezier(.42, 0, .58, 1) !important
}

.hover-blue:hover {
	color: #03a9f4 !important
}

.hover-opacity:hover {
	opacity: .85
}

.hover-opacity:hover .ripple {
	background: #fff !important
}

.hover-shadow:hover {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

@media (min-width:768px) {
	.hover-brackets {
		position: relative;
		display: inline-block
	}

	.hover-brackets:after, .hover-brackets:before {
		position: absolute;
		top: -.1em;
		opacity: 0;
		-webkit-transition: opacity 218ms, -webkit-transform .3s;
		transition: opacity 218ms, -webkit-transform .3s;
		transition: opacity 218ms, transform .3s;
		transition: opacity 218ms, transform .3s, -webkit-transform .3s
	}

	.hover-brackets:before {
		content: '[';
		left: -.8em;
		-webkit-transform: translate(1em, 0);
		transform: translate(1em, 0)
	}

	.hover-brackets:after {
		content: ']';
		right: -.8em;
		-webkit-transform: translate(-1em, 0);
		transform: translate(-1em, 0)
	}

	.hover-brackets:hover:after, .hover-brackets:hover:before {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

}

.readable, .readable-font {
	font: 18px/1.5 "Helvetica Neue", Helvetica, "Lucida Grande", "Luxi Sans", Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed;
	font-weight: 200;
	color: rgba(0, 0, 0, .8);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.readable blockquote, .readable li, .readable ol, .readable p, .readable pre, .readable table, .readable ul {
	margin-bottom: 1em
}

.readable p {
	line-height: 2
}

.readable em, .readable i {
	font-style: normal;
	margin: 0 .23em
}

.readable h1, .readable h2, .readable h3, .readable h4, .readable h5, .readable h6 {
	margin-bottom: .23em;
	margin-top: 1.23em;
	line-height: 2;
	font-family: "Lucida Grande", "Luxi Sans", Arial, "Helvetica Neue", Helvetica, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed;
	font-weight: 500
}

.readable h1, .readable h2 {
	margin-top: 1em;
	font-size: 30px
}

.readable h3, .readable h4, .readable h5, .readable h6 {
	font-size: 24px
}

.readable ul {
	list-style: circle
}

.readable ol {
	list-style: decimal
}

.readable ol, .readable ul {
	list-style-position: outside;
	margin-left: 2em
}

.readable img {
	max-width: 700px;
	display: block;
	margin: 0 auto
}

.readable img+span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	text-align: center
}

.readable .table th {
	white-space: nowrap
}

.readable a.reg {
	display: block;
	margin: 0 auto;
	width: 290px
}

@media (max-width:480px) {
	.readable a.reg {
		width: 270px
	}

}

.readable blockquote {
	padding: 0 0 0 .75em;
	margin: 0 0 1em;
	border-left: 3px solid #d9d9d9
}

.readable pre {
	padding: .8em 1.2em !important;
	border: none;
	background: #f5f5f5;
	font-size: 16px;
	color: rgba(0, 0, 0, .7)
}

.readable pre+h1, .readable pre+h2, .readable pre+h3, .readable pre+h4, .readable pre+h5, .readable pre+h6 {
	margin-top: 0
}

.readable code {
	margin: 0 .23em;
	font-family: Consolas, "Liberation Mono", "BitStream Vera Sans Mono", Courier, monospace
}

.readable hr {
	height: 1px;
	margin: 30px auto;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0))
}

@media (max-width:768px) {
	.readable img, .readable p>img {
		width: 100%
	}

}

.no-gutter {
	padding-left: 0;
	padding-right: 0
}

.no-gutter-left {
	padding-left: 0
}

.no-gutter-right {
	padding-right: 0
}

.group:not(:last-child) {
	margin-bottom: 16px
}

.is-bfc {
	overflow: hidden
}

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

.is-show {
	display: block !important;
	visibility: visible !important
}

.is-opacity {
	opacity: 0
}

h1, h2, h3, h4, h5, h6, p {
	font-weight: 400
}

h1, h2, h3, p {
	margin: 0
}

h1 {
	font-size: 40px;
	line-height: 1.5;
	font-weight: 300
}

h2 {
	font-size: 32px;
	font-weight: 300
}

h3 {
	font-size: 18px;
	line-height: 1.57
}

p {
	font-size: 16px;
	line-height: 1.57
}

small {
	font-size: 14px;
	line-height: 1.57
}

@media (max-width:767px) {
	h1 {
		font-size: 28px
	}

	h2 {
		font-size: 24px
	}

	h3 {
		font-size: 14px
	}

	p {
		font-size: 14px
	}

	small {
		font-size: 14px
	}

}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0)
	}

}

@keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	animation-name: slideDown
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-100%)
	}

}

@keyframes slideUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}

@-webkit-keyframes bouncedelay {
	0%, 100%, 80% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}

}

@keyframes bouncedelay {
	0%, 100%, 80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

}

@-webkit-keyframes fades {
	0%, 100% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

}

@keyframes fades {
	0%, 100% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

}

@-webkit-keyframes tinyScale {
	to {
		-webkit-transform: scale(1.07, 1.07) translate3d(-28px, -28px, 0)
	}

}

@keyframes tinyScale {
	to {
		-webkit-transform: scale(1.07, 1.07) translate3d(-28px, -28px, 0);
		transform: scale(1.07, 1.07) translate3d(-28px, -28px, 0)
	}

}

.site-header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 64px;
	background-color: #ffffff;
	z-index: 233;
	-webkit-transition: all .3s;
	transition: all .3s
}

.site-header.with-bottom-border {
	-webkit-box-shadow: 0 1px 0 #e5e5e5;
	box-shadow: 0 1px 0 #e5e5e5;
}

.site-header.with-bottom-border .btn-gradient-blue-link {
	color: #fff !important
}

.site-header.with-bottom-border .btn-gradient-blue-link:after {
	background: linear-gradient(-45deg, #faa80a, #fa810a) !important
}

.site-header.with-bottom-border .btn-gradient-blue-link:hover:after {
	-webkit-box-shadow: 0 6px 18px rgba(36, 100, 147, .15);
	box-shadow: 0 6px 18px rgba(36, 100, 147, .15)
}

.site-header .nav-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1440px;
	height: 100%;
	margin: 0 auto;
	padding: 10px 20px;
}

@media (max-width:1440px) {
	.site-header .nav-main {
		max-width: 1280px
	}

}

.site-header .nav-main .nav-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.site-header .nav-main .nav-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.site-header .nav-main .nav-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.site-header .nav-brand {
	width: 80px;
	height: 26px;
	background-image: url(../images/webpack/logo-2.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	text-indent: -9999px
}

.site-header .nav-header {
	width: 212px
}

.site-header .nav-header a img {
	max-height: 30px;
}

@media (max-width:768px) {
	.site-header .nav-header a img {
		max-height: 26px;
	}

}

.site-header .nav-footer, .site-header .nav-section {
	width: 212px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0
}

.site-header .nav-footer>li, .site-header .nav-section>li {
	margin-right: 12px
}

.site-header .nav-footer>li:nth-last-child(2) {
	margin-right: 0px;
}

.site-header .nav-footer>li:last-child {
	margin-left: 12px;
	display: none;
}

.site-header .nav-footer>li>a, .site-header .nav-footer>li>a:focus, .site-header .nav-section>li>a, .site-header .nav-section>li>a:focus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #333;
	font-size: 16px;
	line-height: 1;
	padding: 12px 16px;
	-webkit-transition: all 218ms;
	transition: all 218ms;
	-webkit-box-shadow: none;
	box-shadow: none
}

.site-header .nav-footer>li:last-child, .site-header .nav-section>li:last-child {
	margin-right: 0
}

.site-header .nav-footer>li:hover>a, .site-header .nav-section>li:hover>a {
	color: #fa810a;
}

.site-header .nav-footer {
	position: relative
}

.site-header .nav-footer .event-discount-badge {
	position: absolute;
	left: -138px;
	top: -18px;
	display: block;
	width: 108px;
	height: 108px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/images/global/header-event-badge-bg.png);
	cursor: pointer
}

.site-header .nav-footer .event-discount-badge span {
	display: block;
	margin-top: 25px;
	color: #fff;
	text-align: center;
	line-height: 22px;
	font-weight: 500
}

@media (max-width:1024px) {
	.site-header .nav-footer .event-discount-badge {
		display: none
	}

}

.site-header .nav-footer>li>a.btn-gradient-blue-link {
	position: relative;
	padding: 10px 24px;
	margin: 2px 0;
	line-height: 1;
	color: #fa810a;
}

.site-header .nav-footer a.login {
	content: ' ';
	position: relative;
	padding: 10px 14px;
	margin: 3px 0;
	opacity: 1;
	border-radius: 26px;	/*background: #fff;*/

	/*-webkit-box-shadow: 0 2px 8px rgba(36, 100, 147, .15);*/

	/*box-shadow: 0 2px 8px rgba(36, 100, 147, .15);*/

	/*border: 1px solid #C6C6C6;*/
	-webkit-transition: all 218ms;
	transition: all 218ms;
}

.site-header .nav-footer a.login:hover {

	/*border: 1px solid #4195FF;*/

	/*-webkit-box-shadow: 0 6px 18px rgba(36, 100, 147, .15);*/

	/*box-shadow: 0 6px 18px rgba(36, 100, 147, .15);*/
}

.site-header .nav-footer a.login:focus {
	padding: 10px 14px;
}

.site-header .nav-footer>li>a.btn-gradient-blue-link:after {
	content: ' ';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	border-radius: 26px;
	background: #fff;
	-webkit-box-shadow: 0 2px 8px rgba(250, 129, 10, .15);
	box-shadow: 0 2px 8px rgba(250, 129, 10, .15);
	border: 1px solid #fa810a;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.site-header .nav-footer>li>a.btn-gradient-blue-link:hover:after {
	-webkit-box-shadow: 0 6px 18px rgba(250, 129, 10, .15);
	box-shadow: 0 6px 18px rgba(250, 129, 10, .15)
}

.site-header .nav-footer>li>a.user-info {
	padding: 6px 0
}

.site-header li.solution {
	position: relative
}

.site-header li.solution .solution-menu-wrap {
	position: absolute;
	left: 0;
	display: none;
	padding-top: 11px
}

.site-header li.solution .solution-menu {
	width: 200px;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	border: none;
	overflow-y: auto;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
	box-shadow: 0 4px 16px rgba(0, 0, 0, .1)
}

.site-header li.solution .solution-menu a {
	display: block;
	padding: 10px 16px;
	color: #383838
}

.site-header li.solution .solution-menu a:hover {
	color: #4195FF;
	background-color: #f5f5f5
}

.site-header li.solution:hover .solution-menu-wrap {
	display: block
}

.site-header .user-info {
	max-width: 124px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.site-header .user-info .avatar {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin-right: 16px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.site-header .user-info .user-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.site-header .user-info .user-name>span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.site-header .navbar-toggle-wrap {
	display: none !important
}

.site-header .navbar-collapse .collapse-list {
	display: none
}

.site-header .nav-product {
	position: relative
}

.site-header .nav-product .product-hover-wrap {
	display: none;
	padding-top: 14px
}

.site-header .nav-product .product-hover {
	position: absolute;
	left: -128px;
	top: 52px;
	width: 320px;
	padding: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .1);
	border-radius: 4px
}

.site-header .nav-product .product-hover .ph-i {
	width: 100%;
	height: 76px;
	padding: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative
}

.site-header .nav-product .product-hover .ph-i .ph-icon {
	width: 44px;
	height: 44px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-right: 20px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .12);
	border-radius: 5.5px
}

.site-header .nav-product .product-hover .ph-i .ph-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.site-header .nav-product .product-hover .ph-i .ph-title .pht-name {
	font-size: 16px;
	color: #383838;
	line-height: 24px;
	margin-bottom: 2px
}

.site-header .nav-product .product-hover .ph-i .ph-title .pht-desc {
	font-size: 14px;
	color: #a6a6a6;
	line-height: 20px
}

.site-header .nav-product .product-hover .ph-i:after {
	opacity: 0;
	-webkit-transition: all .2s;
	transition: all .2s
}

.site-header .nav-product .product-hover .ph-i:hover {
	background-color: #f5f5f5;
	border-radius: 4px
}

.site-header .nav-product .product-hover .ph-i:hover:after {
	opacity: 1
}

.site-header .nav-product .product-hover .ph-i .icon-tb {
	background-image: url(/images/header/teambition.png)
}

.site-header .nav-product .product-hover .ph-i .icon-thoughs {
	background-image: url(/images/header/thoughs.png)
}

.site-header .nav-product .product-hover .ph-i .icon-crm {
	background-image: url(/images/header/crm.png)
}

.site-header .nav-product .product-hover .ph-i .icon-apply {
	background-image: url(/images/header/apply.png)
}

.site-header .nav-product .product-hover .ph-apply, .site-header .nav-product .product-hover .ph-tb, .site-header .nav-product .product-hover .ph-thoughs {
	position: relative
}

.site-header .nav-product .product-hover .ph-apply .ph-arrow, .site-header .nav-product .product-hover .ph-tb .ph-arrow, .site-header .nav-product .product-hover .ph-thoughs .ph-arrow {
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	top: 28px;
	right: 16px;
	font-size: 20px;
	line-height: 1;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.site-header .nav-product .product-hover .ph-apply:hover .ph-arrow, .site-header .nav-product .product-hover .ph-tb:hover .ph-arrow, .site-header .nav-product .product-hover .ph-thoughs:hover .ph-arrow {
	opacity: 1
}

.site-header .nav-product .product-hover .ph-apply .ph-arrow, .site-header .nav-product .product-hover .ph-tb .ph-arrow {
	color: #47AEFF
}

.site-header .nav-product .product-hover .ph-thoughs .ph-arrow {
	color: #797ec9
}

.site-header .nav-product .product-hover .ph-apply .ph-title {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.site-header .nav-product .product-hover .ph-crm {
	position: relative
}

.site-header .nav-product .product-hover .ph-crm:after {
	content: attr(data-content);
	position: absolute;
	top: 14px;
	right: 69px;
	width: 120px;
	height: 28px;
	line-height: 28px;
	text-align: right;
	padding-right: 12px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 216, 105, 0)), to(rgba(255, 176, 56, .3)));
	background: linear-gradient(to right, rgba(255, 216, 105, 0), rgba(255, 176, 56, .3));
	font-size: 14px;
	color: #996921;
	border-radius: 4px
}

.site-header .nav-product .product-hover .ph-line {
	padding: 0 16px;
	width: 100%;
	height: 1px;
	margin: 8px 0;
	background-clip: content-box;
	background-color: #e5e5e5
}

.site-header .nav-product:hover .product-hover-wrap {
	display: block
}

@media (max-width:1023px) {
	#viplogin {
		display: none;
	}

}

@media screen and (max-width:840px) and (min-width:768px) {
	.site-header .nav-header {
		width: auto
	}

}

@media (min-width:768px) {
	.site-header {
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
		background-color: rgba(255, 255, 255, 0.8);
	}

}

@media (max-width:767px) {
	.site-header {
		height: 56px;
		background-color: #fff;
	}

	.site-header .nav-main {
		padding: 0 16px
	}

	.site-header .nav-main .nav-footer, .site-header .nav-main .nav-section {
		display: none
	}

	.site-header .navbar-toggle-wrap {
		display: block !important;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		text-align: right
	}

	.site-header .navbar-toggle-wrap .navbar-toggle {
		width: 24px;
		height: 24px;
		padding: 0;
		margin: 16px 0;
		color: #1C1C1C;
		text-align: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		cursor: pointer
	}

	.site-header .navbar-collapse.collapsing, .site-header .navbar-collapse.in {
		overflow: auto
	}

	.site-header .navbar-collapse.collapsing {
		overflow-y: hidden
	}

	.site-header .navbar-collapse {
		position: fixed;
		top: 56px;
		left: 0;
		width: 100%;
		height: calc(100% - 56px);
		max-height: calc(100% - 56px);
		overflow-x: hidden;
		overflow-y: auto;
		background-color: #fff;
		-webkit-box-shadow: 0 4px 8px 0 rgba(82, 94, 102, .15);
		box-shadow: 0 4px 8px 0 rgba(82, 94, 102, .15)
	}

	.site-header .navbar-collapse .collapse-list {
		display: block;
		margin: 0 -16px;
		padding: 8px 0 400px;
		overflow-y: scroll
	}

	.site-header .navbar-collapse .collapse-list hr {
		margin: 8px 32px
	}

	.site-header .navbar-collapse .collapse-list .collapse-li-wrap {
		-webkit-box-shadow: 0 1px 0 #f5f5f5;
		box-shadow: 0 1px 0 #f5f5f5
	}

	.site-header .navbar-collapse .collapse-list>li {
		padding: 0 16px
	}

	.site-header .navbar-collapse .collapse-list>li .sub-title {
		font-size: 16px;
		color: #383838;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 54px;
		line-height: 54px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.site-header .navbar-collapse .collapse-list>li .sub-title .sub-name {
		padding-left: 8px
	}

	.site-header .navbar-collapse .collapse-list>li .sub-title .sub-icon {
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		color: #a6a6a6;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.site-header .navbar-collapse .collapse-list>li .sub-title.active .sub-icon {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.site-header .navbar-collapse .collapse-list>li .user-info {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		max-width: none;
		margin-top: 20px;
		margin-bottom: 10px
	}

	.site-header .navbar-collapse .collapse-list>li .user-info .user-name {
		max-width: 100px
	}

	.site-header .navbar-collapse .collapse-list>li .sub-wrap {
		display: none;
		padding-top: 8px;
		padding-bottom: 20px
	}

	.site-header .navbar-collapse .collapse-list>li .sub-wrap .sw-item {
		width: 100%;
		height: 68px;
		padding: 12px 4px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.site-header .navbar-collapse .collapse-list>li .sub-wrap .sw-item .sw-logo {
		width: 44px;
		height: 44px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		margin-right: 20px
	}

	.site-header .navbar-collapse .collapse-list>li .sub-wrap .sw-item .sw-title .sw-name {
		display: block;
		font-size: 16px;
		line-height: 24px;
		color: #383838;
		margin-bottom: 2px
	}

	.site-header .navbar-collapse .collapse-list>li .sub-wrap .sw-item .sw-title .sw-desc {
		display: block;
		font-size: 14px;
		color: #a6a6a6;
		line-height: 20px
	}

	.site-header .navbar-collapse .collapse-list>li .sub-wrap .sub-agile-list {
		width: 100%;
		font-size: 14px;
		color: grey;
		height: 44px;
		padding: 0 8px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.site-header .navbar-collapse .collapse-list>li .sw-tb .sw-logo {
		background-image: url(/images/header/teambition.png)
	}

	.site-header .navbar-collapse .collapse-list>li .sw-thoughs .sw-logo {
		background-image: url(/images/header/thoughs.png)
	}

	.site-header .navbar-collapse .collapse-list>li .sw-crm {
		position: relative
	}

	.site-header .navbar-collapse .collapse-list>li .sw-crm:after {
		content: attr(data-content);
		position: absolute;
		top: 10px;
		left: 100px;
		width: 120px;
		height: 28px;
		line-height: 28px;
		text-align: right;
		padding-right: 12px;
		background: -webkit-gradient(linear, left top, right top, from(rgba(255, 216, 105, 0)), to(rgba(255, 176, 56, .3)));
		background: linear-gradient(to right, rgba(255, 216, 105, 0), rgba(255, 176, 56, .3));
		font-size: 14px;
		color: #996921;
		border-radius: 4px
	}

	.site-header .navbar-collapse .collapse-list>li .sw-crm .sw-logo {
		background-image: url(/images/header/crm.png)
	}

	.site-header .navbar-collapse .collapse-list>li .nav-mobile-login {
		font-size: 16px;
		color: #fff;
		height: 48px;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 24px 16px 0;
		border-radius: 26px;
		background: -webkit-gradient(linear, left top, right top, from(#fa810a), to(#faa80a));
		background: linear-gradient(to right, #fa810a, #faa80a);
		-webkit-box-shadow: 0 2px 8px rgba(250, 129, 10, .15);
		box-shadow: 0 2px 8px rgba(250, 129, 10, .15);
	}

	.site-header .navbar-collapse .collapse-list>li .nav-mobile-download {
		font-size: 16px;
		color: #fa810a;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
		margin: 24px 16px 0;
		border-radius: 26px;
		border: 1px solid #fa810a;
		-webkit-box-shadow: 0 2px 8px rgba(250, 129, 10, .15);
		box-shadow: 0 2px 8px rgba(250, 129, 10, .15);
	}

	.site-header .navbar-collapse .collapse-list>li:hover>a.nav-mobile-download {
		color: #fa810a;
	}

	.site-header .navbar-collapse .collapse-list>li:hover>a {
		color: #fff;
	}

}

.transparent .site-header {
	background-color: transparent
}

.transparent .site-header .nav-brand {
	background-image: url(../images/webpack/logo.svg)
}

.transparent .site-header .nav-footer>li>a, .transparent .site-header .nav-section>li>a {
	color: #fff
}

.transparent .site-header .nav-footer>li>a:hover, .transparent .site-header .nav-section>li>a:hover {
	color: rgba(255, 255, 255, .6)
}

.transparent .site-header .nav-footer .btn-gradient-blue-link {
	color: #47AEFF
}

.transparent .site-header .nav-footer .btn-gradient-blue-link:hover {
	color: #47AEFF
}

#side-fixed {
	position: fixed;
	width: 60px;
	height: 60px;
	right: 64px;
	bottom: 36px;
	z-index: 9999999;
	-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 13px rgba(0, 0, 0, .1);
	border-radius: 100%
}

#side-fixed img {
	width: 60px;
	height: 60px
}

#side-fixed:hover {
	-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, .15);
	box-shadow: 0 5px 13px rgba(0, 0, 0, .15)
}

#side-fixed:active {
	-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, .15);
	box-shadow: 0 5px 13px rgba(0, 0, 0, .15)
}

@media (max-width:767px) {
	#side-fixed {
		right: 28px;
		bottom: 28px
	}

}

.site-footer {
	padding: 0px 0 0
}

.site-footer .footer-main {
	max-width: 1440px;
	padding: 0 80px;
	margin: 0 auto
}

@media (max-width:1440px) {
	.site-footer .footer-main {
		max-width: 1280px
	}

}

@media (max-width:768px) {
	.site-footer .footer-main {
		padding: 0
	}

}

.site-footer .footer-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.site-footer .footer-nav>ul.nav-group {
	margin-bottom: 40px
}

.site-footer .footer-nav>ul.nav-group h4 {
	margin-bottom: 28px;
	font-size: 16px;
	font-weight: 400
}

.site-footer .footer-nav>ul.nav-group>li {
	margin-bottom: 16px
}

.site-footer .footer-nav>ul.nav-group>li:last-child {
	margin-bottom: 0
}

.site-footer .footer-nav>ul.nav-group>li .small {
	display: block;
	color: #a6a6a6
}

.site-footer .footer-nav>ul.nav-group>li .small>a, .site-footer .footer-nav>ul.nav-group>li>a {
	color: grey;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.site-footer .footer-nav>ul.nav-group>li .small>a:hover, .site-footer .footer-nav>ul.nav-group>li>a:hover {
	color: #4195FF;
}

.site-footer .nav-group .sns-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.site-footer .nav-group .sns-info>a.icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 24px;
	height: 24px;
	color: #a6a6a6;
	margin: 2px;
	font-size: 22px;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden
}

.site-footer .nav-group .sns-info>a.icon .pop {
	display: none;
	position: absolute;
	-webkit-box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15);
	background-color: #fff
}

.site-footer .nav-group .sns-info>a.icon .pop h4 {
	margin: 0;
	color: #383838;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px
}

.site-footer .nav-group .sns-info>a.icon .pop label {
	color: #a6a6a6;
	font-size: 14px;
	margin-bottom: 12px
}

.site-footer .nav-group .sns-info>a.icon .pop>ul>li {
	color: grey;
	text-align: left;
	padding: 10px 16px
}

.site-footer .nav-group .sns-info>a.icon:hover .pop {
	display: block !important
}

.site-footer .nav-group .sns-info>a.icon:last-child {
	margin-right: 0
}

.site-footer .nav-group .sns-info>a.icon.icon-wechat {
	position: relative
}

.site-footer .nav-group .sns-info>a.icon.icon-wechat .pop {
	top: -230px;
	left: -60px;
	width: 144px;
	height: 219px;
	padding: 16px 12px 12px 12px;
	text-align: center
}

.site-footer .nav-group .sns-info>a.icon.icon-wechat .pop p {
	color: #a6a6a6;
	margin-bottom: 10px
}

.site-footer .nav-group .sns-info>a.icon.icon-wechat .pop .qr-wrapper {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background-image: url(../images/webpack/weixin-qr.png);
	background-size: 120px 120px
}

.site-footer .nav-group .sns-info>a.icon.icon-wechat-work:before {
	content: '';
	width: 22px;
	height: 22px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+d2VjaGF0LXdvcms8L3RpdGxlPgogICAgPGcgaWQ9IumhtemdojEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ3ZWNoYXQtd29yayIgZmlsbD0iI0E2QTZBNiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTI4Ljc0MDk1MDksMzEuMDI2MzgwNiBDMjkuODk1OTUyMiwzMi4xODM1ODE5IDMxLjI5Mjk1MzgsMzIuODc4NzgyNyAzMi44NDE3NTU2LDMzLjMxNDM4MzIgTDMzLjM2MzE1NjIsMzMuNDQ4NTgzNCBDMzQuNDQ5OTU3NSwzMy42NDY1ODM2IDM1LjAxOTc1ODIsMzQuNjM2NTg0OCAzNS4wNjgxNTgyLDM1LjY0ODU4NiBDMzUuMDY4MTU4MiwzNi44MzY1ODczIDM0LjIwMzU1NzIsMzcuODQ4NTg4NSAzMy4wMTU1NTU4LDM4LjAyMjM4ODcgQzMxLjg4MDM1NDUsMzguMTY5Nzg4OSAzMC42OTIzNTMxLDM3LjQ1MjU4ODEgMzAuNDQ1OTUyOCwzNi4zMTUxODY3IEMzMC4xMDA1NTI0LDM0LjU2MTc4NDcgMjkuMzU2OTUxNiwzMy4wMjgzODI5IDI4LjA3MjE1MDEsMzEuNzQzNTY0MiBDMjcuOTI0NzQ5OSwzMS41OTM5NjQgMjguMDIzNzUsMzEuMjcyNzYzNyAyNy45NzMxNSwzMS4wMjYzNjM0IEwyOC41NTE3NTA2LDMwLjk4MjM2MzMgQzI4LjYzOTc1MDcsMzAuOTgyMzYzMyAyOC43MDU3NTA4LDMwLjk5MzM2MzMgMjguNzQwOTUwOSwzMS4wMjYzNjM0IEwyOC43NDA5NTA5LDMxLjAyNjM4MDYgWiBNMzAuODQxOTUzMyw4LjYzMDM1NDUxIEMzMy4yNjE5NTYxLDExLjE5OTk1NzUgMzQuNTk5NTU3NywxNC4yNDAzNjEgMzQuNjQ3OTU3OCwxNy43NzU3NDggTDM0LjY0Nzk1NzgsMTcuNzc1NzQ4IEMzNC4wMzQzMTE4LDE3LjQ5NzgwMjYgMzMuMzY4MDExOCwxNy4zNTUyMzg2IDMyLjY5NDM1NTYsMTcuMzU3NzQ3NSBMMzIuNTk1MzU1NCwxNy4zNTc3NDc1IEwzMi41OTUzNTUyLDE3LjM1Nzc0NzUgQzMwLjI4NTQyOTgsMTcuNDUwOTIxNSAyOC4zODc0OTM2LDE5LjIxMjU1NTkgMjguMTIyNzMyOCwyMS41MDkxNTI0IEwyOC4xMjI3MzI2LDIxLjUwOTE1MzYgQzI4LjA3MzI1MzYsMjEuOTE5ODAyNSAyOC4wNzMyNTM2LDIyLjMzNDkwNjUgMjguMTIyNzMyOSwyMi43NDU1NTUgQzI3LjI1NTkzMTksMjMuNjEwMTU2IDI2LjE5MzMzMDcsMjQuMTUzNTU2NyAyNC44ODQzMjkxLDI0LjM3NTc1NjkgTDI0Ljg1NzkyOTEsMjQuMzc1NzU2OSBMMjQuODU3OTI5MSwyNC4zNzU3NTY5IEMyMi40MTY1MDY0LDI0Ljg5MzI1MTcgMjAuODU2ODUwNiwyNy4yOTE5MjkxIDIxLjM3NDM0NTQsMjkuNzMzMzY0NyBDMjEuNTg5NTQ4NiwzMC43NDg2NDg3IDIyLjE0NzY3NjQsMzEuNjU4OTA4NCAyMi45NTQ5MjY5LDMyLjMxMTE3OSBMMjIuOTU0OTI2OSwzMi4zMTExNzkxIEMyMS40NzAwOTcsMzIuNzY0NDc4NCAxOS45MzI1Nzg4LDMzLjAyMjU4MzQgMTguMzgxMTEzLDMzLjA3ODk4IEwxOC4zODExMTE4LDMzLjA3ODk4IEMxNi4zOTQ5NTY0LDMzLjE3Mzk1ODIgMTQuNDA1NDg4MSwzMi45ODIwNTAxIDEyLjQ3NDEwNDksMzIuNTA5MTc5MyBMMTIuNDc0MTA1MiwzMi41MDkxNzk0IEMxMi4xNDk1NTYyLDMyLjQ2ODQyODggMTEuODE5OTg2OCwzMi41MDIyODg1IDExLjUxMDUwNCwzMi42MDgxNzkxIEw3LjAzNTY5MDI0LDM0LjgwODE4MTYgQzYuNDY1ODg5NTgsMzUuMTA1MTgyIDUuOTQ2Njg4OTcsMzUuMTUzNTgyIDUuNDUxNjg4NCwzNC43NTk3ODE2IEM0Ljk4MzA4Nzg1LDM0LjQxMjE4MTIgNC45MzQ2ODc3OSwzMy44OTI5ODA1IDQuOTgzMDg3ODUsMzMuMjc0Nzc5OCBDNS4xODEwODgwOCwzMi4wNDA1Nzg0IDUuMzMwNjg4MjYsMzAuODA0MTc3IDUuNDUzODg4NCwyOS41Njc3NzU1IEw1LjQ1Mzg4ODQyLDI5LjU2Nzc3NTggQzUuNDMzNzUzMTEsMjkuMjY0ODU3OCA1LjMxMTE3MTg0LDI4Ljk3NzgwMTMgNS4xMDYyODgwMSwyOC43NTM3NzQ4IEMzLjE1NDg4NTc0LDI2Ljc5Nzk3MjUgMS40NzQwODM3OCwyNC42NDg1NyAwLjYzMzY2NTYxOSwyMS45MjkzODQxIEMtMC45NTAzMzYyMjQsMTYuNTM5Mzc3OCAwLjQ4NDA2NTQ0NSwxMS45MTkzNzI0IDQuMzkxMjY5OTksOC4wNjA1NTkzNCBDMTEuNTM0NjYxMSwxLjA2NDU1MTIgMjQuMDE1MjkyOCwxLjM4NTc0Mjk4IDMwLjg0MTg3NSw4LjYzMDM1NTcgTDMwLjg0MTk1MzMsOC42MzAzNTQ1MSBaIE0zOS43NDA5NjM3LDI2LjQ1MjU2NjcgQzQwLjk3NzM2NTEsMjYuNjAyMTY2OCA0MS44OTAzNjYyLDI3LjU4OTk2OCA0MS44OTAzNjYyLDI4LjgyNjM2OTQgQzQxLjg5MDM2NjIsMzAuMDE0MzcwOCA0MS4xNzMxNjUzLDMwLjk3NTc3MTkgMzkuOTg3MzYzOSwzMS4yMDAxNzIyIEMzOC41MzUzNjIzLDMxLjQ2NDE3MjUgMzcuMjI0MTYwNywzMi4wODAxNzMyIDM2LjEzMjk1OTUsMzMuMDI2MTc0MyBMMzUuNzM2OTU5LDMzLjQwMDE3NDcgQzM1LjQ4ODM1ODcsMzMuNjQ2NTc1IDM1LjExODc1ODMsMzMuODY4Nzc1MyAzNC44NzAxNTgsMzMuNDk5MTc0OSBDMzQuNzcxMTU3OSwzMy4zMDExNzQ2IDM0LjgyMTc1NzksMzIuODMwMzc0MSAzNC45NjkxNTgxLDMyLjY4Mjk3MzkgTDM0Ljk2OTE1OCwzMi42ODI5NzQxIEMzNi4xMzM0MTA1LDMxLjUwMzQ4NDggMzYuOTAyMjE2OCwyOS45OTEyNDA5IDM3LjE2OTE2MDUsMjguMzU1NTg2MiBMMzcuMTY5MTYwNSwyOC4zNTU1ODY1IEMzNy4zOTc0MjAyLDI3LjE0NjY1NSAzOC41MTgxMjMsMjYuMzE3MzkxNSAzOS43NDA5NjM1LDI2LjQ1MjU4NDMgTDM5Ljc0MDk2MzcsMjYuNDUyNTY2NyBaIE0zMC40OTQzMzU3LDI0LjIyODM2NDEgQzMwLjQ0NTkzNTcsMjQuNDc0NzY0NCAzMC41NDQ5MzU4LDI0Ljg0NDM2NDggMzAuMzk1MzM1NiwyNC45OTM5NjUgQzI5LjE2MTEzNDIsMjYuMjMwMzY2NCAyOC40OTIzMzM0LDI3LjcxMzE2ODEgMjguMTQ2OTMzLDI5LjQyMDM1MjkgQzI3Ljg5ODMzMjcsMzAuNjU0NTU0NCAyNi43NjA5MzE0LDMxLjM3MTc1NTIgMjUuNTc1MTMsMzEuMTczNzU1IEMyNC4zODcxMjg2LDMwLjk3NTc1NDcgMjMuNDk4MzI3NiwyOS45MzczNTM1IDIzLjQ5ODMyNzYsMjguNzc1NzUyMiBDMjMuNDk4MzI3NiwyNy43MzczNTEgMjQuMjY2MTI4NSwyNi43NzM3NDk4IDI1LjMwMjMyOTcsMjYuNTc1NzQ5NiBMMjUuMzAyMzMsMjYuNTc1NzQ5NiBDMjYuOTc1MDYyNCwyNi4zMDI4MzMyIDI4LjUyMTc1ODgsMjUuNTE3MTg3NCAyOS43Mjg3MTgsMjQuMzI3MzQ2OSBDMjkuODc2MTE4MiwyNC4xNzc3NDY4IDMwLjI0NzkxODYsMjQuMjI4MzQ2OCAzMC40OTQzMzU3LDI0LjIyODM0NjggTDMwLjQ5NDMzNTcsMjQuMjI4MzY0MSBaIE0zMi42OTQzMzgzLDE5LjU3OTczMjggQzMzLjc4MzMzOTUsMTkuNTc5NzMyOCAzNC43OTUzNDA3LDIwLjI5Njk0MjMgMzUuMDE5NzQxLDIxLjQzNDM0MzYgQzM1LjMxNDU0MTMsMjMuMTM5MzQ1NiAzNi4wNTgxNDIyLDI0LjYyNDM0NzMgMzcuMjY4MTQzNiwyNS44NTg1NDAyIEMzNy40MTc3NDM4LDI2LjAwODE0MDQgMzcuMzE4NzQzNywyNi40MjgzNDA4IDM3LjM2NzE0MzcsMjYuNjc0NzQxMSBDMzcuMDcwMTQzNCwyNi42NzQ3NDExIDM2LjcwMDU0MjksMjYuNzczNzQxMyAzNi41NTMxNDI4LDI2LjYyNjM0MTEgQzM1LjMxNDU0MTMsMjUuMzM5MzM5NiAzMy43ODExMzk1LDI0LjY3MjczODggMzIuMDc2MTM3NiwyNC4zMDMxMzg0IEwzMi4wNzYxMzc0LDI0LjMwMzEzODMgQzMwLjkzNDY1NDEsMjQuMDMwODA3NyAzMC4xNzk4NDI2LDIyLjk0NDUyNSAzMC4zMjI3MzU0LDIxLjc3OTczNTQgQzMwLjQ5NDMzNTYsMjAuNTQ1NTM0IDMxLjQ2MDEzNjcsMTkuNjMwMzMyOSAzMi42OTQzMzgxLDE5LjU3OTczMjggTDMyLjY5NDMzODMsMTkuNTc5NzMyOCBaIiBpZD0i5b2i54q2Ij48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
	background-repeat: no-repeat;
	background-size: cover;
}

.site-footer .nav-group .sns-info>a.icon.icon-wechat-work:hover:before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+d2VjaGF0LXdvcms8L3RpdGxlPgogICAgPGcgaWQ9IumhtemdojEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ3ZWNoYXQtd29yayIgZmlsbD0iIzQxOTVGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTI4Ljc0MDk1MDksMzEuMDI2MzgwNiBDMjkuODk1OTUyMiwzMi4xODM1ODE5IDMxLjI5Mjk1MzgsMzIuODc4NzgyNyAzMi44NDE3NTU2LDMzLjMxNDM4MzIgTDMzLjM2MzE1NjIsMzMuNDQ4NTgzNCBDMzQuNDQ5OTU3NSwzMy42NDY1ODM2IDM1LjAxOTc1ODIsMzQuNjM2NTg0OCAzNS4wNjgxNTgyLDM1LjY0ODU4NiBDMzUuMDY4MTU4MiwzNi44MzY1ODczIDM0LjIwMzU1NzIsMzcuODQ4NTg4NSAzMy4wMTU1NTU4LDM4LjAyMjM4ODcgQzMxLjg4MDM1NDUsMzguMTY5Nzg4OSAzMC42OTIzNTMxLDM3LjQ1MjU4ODEgMzAuNDQ1OTUyOCwzNi4zMTUxODY3IEMzMC4xMDA1NTI0LDM0LjU2MTc4NDcgMjkuMzU2OTUxNiwzMy4wMjgzODI5IDI4LjA3MjE1MDEsMzEuNzQzNTY0MiBDMjcuOTI0NzQ5OSwzMS41OTM5NjQgMjguMDIzNzUsMzEuMjcyNzYzNyAyNy45NzMxNSwzMS4wMjYzNjM0IEwyOC41NTE3NTA2LDMwLjk4MjM2MzMgQzI4LjYzOTc1MDcsMzAuOTgyMzYzMyAyOC43MDU3NTA4LDMwLjk5MzM2MzMgMjguNzQwOTUwOSwzMS4wMjYzNjM0IEwyOC43NDA5NTA5LDMxLjAyNjM4MDYgWiBNMzAuODQxOTUzMyw4LjYzMDM1NDUxIEMzMy4yNjE5NTYxLDExLjE5OTk1NzUgMzQuNTk5NTU3NywxNC4yNDAzNjEgMzQuNjQ3OTU3OCwxNy43NzU3NDggTDM0LjY0Nzk1NzgsMTcuNzc1NzQ4IEMzNC4wMzQzMTE4LDE3LjQ5NzgwMjYgMzMuMzY4MDExOCwxNy4zNTUyMzg2IDMyLjY5NDM1NTYsMTcuMzU3NzQ3NSBMMzIuNTk1MzU1NCwxNy4zNTc3NDc1IEwzMi41OTUzNTUyLDE3LjM1Nzc0NzUgQzMwLjI4NTQyOTgsMTcuNDUwOTIxNSAyOC4zODc0OTM2LDE5LjIxMjU1NTkgMjguMTIyNzMyOCwyMS41MDkxNTI0IEwyOC4xMjI3MzI2LDIxLjUwOTE1MzYgQzI4LjA3MzI1MzYsMjEuOTE5ODAyNSAyOC4wNzMyNTM2LDIyLjMzNDkwNjUgMjguMTIyNzMyOSwyMi43NDU1NTUgQzI3LjI1NTkzMTksMjMuNjEwMTU2IDI2LjE5MzMzMDcsMjQuMTUzNTU2NyAyNC44ODQzMjkxLDI0LjM3NTc1NjkgTDI0Ljg1NzkyOTEsMjQuMzc1NzU2OSBMMjQuODU3OTI5MSwyNC4zNzU3NTY5IEMyMi40MTY1MDY0LDI0Ljg5MzI1MTcgMjAuODU2ODUwNiwyNy4yOTE5MjkxIDIxLjM3NDM0NTQsMjkuNzMzMzY0NyBDMjEuNTg5NTQ4NiwzMC43NDg2NDg3IDIyLjE0NzY3NjQsMzEuNjU4OTA4NCAyMi45NTQ5MjY5LDMyLjMxMTE3OSBMMjIuOTU0OTI2OSwzMi4zMTExNzkxIEMyMS40NzAwOTcsMzIuNzY0NDc4NCAxOS45MzI1Nzg4LDMzLjAyMjU4MzQgMTguMzgxMTEzLDMzLjA3ODk4IEwxOC4zODExMTE4LDMzLjA3ODk4IEMxNi4zOTQ5NTY0LDMzLjE3Mzk1ODIgMTQuNDA1NDg4MSwzMi45ODIwNTAxIDEyLjQ3NDEwNDksMzIuNTA5MTc5MyBMMTIuNDc0MTA1MiwzMi41MDkxNzk0IEMxMi4xNDk1NTYyLDMyLjQ2ODQyODggMTEuODE5OTg2OCwzMi41MDIyODg1IDExLjUxMDUwNCwzMi42MDgxNzkxIEw3LjAzNTY5MDI0LDM0LjgwODE4MTYgQzYuNDY1ODg5NTgsMzUuMTA1MTgyIDUuOTQ2Njg4OTcsMzUuMTUzNTgyIDUuNDUxNjg4NCwzNC43NTk3ODE2IEM0Ljk4MzA4Nzg1LDM0LjQxMjE4MTIgNC45MzQ2ODc3OSwzMy44OTI5ODA1IDQuOTgzMDg3ODUsMzMuMjc0Nzc5OCBDNS4xODEwODgwOCwzMi4wNDA1Nzg0IDUuMzMwNjg4MjYsMzAuODA0MTc3IDUuNDUzODg4NCwyOS41Njc3NzU1IEw1LjQ1Mzg4ODQyLDI5LjU2Nzc3NTggQzUuNDMzNzUzMTEsMjkuMjY0ODU3OCA1LjMxMTE3MTg0LDI4Ljk3NzgwMTMgNS4xMDYyODgwMSwyOC43NTM3NzQ4IEMzLjE1NDg4NTc0LDI2Ljc5Nzk3MjUgMS40NzQwODM3OCwyNC42NDg1NyAwLjYzMzY2NTYxOSwyMS45MjkzODQxIEMtMC45NTAzMzYyMjQsMTYuNTM5Mzc3OCAwLjQ4NDA2NTQ0NSwxMS45MTkzNzI0IDQuMzkxMjY5OTksOC4wNjA1NTkzNCBDMTEuNTM0NjYxMSwxLjA2NDU1MTIgMjQuMDE1MjkyOCwxLjM4NTc0Mjk4IDMwLjg0MTg3NSw4LjYzMDM1NTcgTDMwLjg0MTk1MzMsOC42MzAzNTQ1MSBaIE0zOS43NDA5NjM3LDI2LjQ1MjU2NjcgQzQwLjk3NzM2NTEsMjYuNjAyMTY2OCA0MS44OTAzNjYyLDI3LjU4OTk2OCA0MS44OTAzNjYyLDI4LjgyNjM2OTQgQzQxLjg5MDM2NjIsMzAuMDE0MzcwOCA0MS4xNzMxNjUzLDMwLjk3NTc3MTkgMzkuOTg3MzYzOSwzMS4yMDAxNzIyIEMzOC41MzUzNjIzLDMxLjQ2NDE3MjUgMzcuMjI0MTYwNywzMi4wODAxNzMyIDM2LjEzMjk1OTUsMzMuMDI2MTc0MyBMMzUuNzM2OTU5LDMzLjQwMDE3NDcgQzM1LjQ4ODM1ODcsMzMuNjQ2NTc1IDM1LjExODc1ODMsMzMuODY4Nzc1MyAzNC44NzAxNTgsMzMuNDk5MTc0OSBDMzQuNzcxMTU3OSwzMy4zMDExNzQ2IDM0LjgyMTc1NzksMzIuODMwMzc0MSAzNC45NjkxNTgxLDMyLjY4Mjk3MzkgTDM0Ljk2OTE1OCwzMi42ODI5NzQxIEMzNi4xMzM0MTA1LDMxLjUwMzQ4NDggMzYuOTAyMjE2OCwyOS45OTEyNDA5IDM3LjE2OTE2MDUsMjguMzU1NTg2MiBMMzcuMTY5MTYwNSwyOC4zNTU1ODY1IEMzNy4zOTc0MjAyLDI3LjE0NjY1NSAzOC41MTgxMjMsMjYuMzE3MzkxNSAzOS43NDA5NjM1LDI2LjQ1MjU4NDMgTDM5Ljc0MDk2MzcsMjYuNDUyNTY2NyBaIE0zMC40OTQzMzU3LDI0LjIyODM2NDEgQzMwLjQ0NTkzNTcsMjQuNDc0NzY0NCAzMC41NDQ5MzU4LDI0Ljg0NDM2NDggMzAuMzk1MzM1NiwyNC45OTM5NjUgQzI5LjE2MTEzNDIsMjYuMjMwMzY2NCAyOC40OTIzMzM0LDI3LjcxMzE2ODEgMjguMTQ2OTMzLDI5LjQyMDM1MjkgQzI3Ljg5ODMzMjcsMzAuNjU0NTU0NCAyNi43NjA5MzE0LDMxLjM3MTc1NTIgMjUuNTc1MTMsMzEuMTczNzU1IEMyNC4zODcxMjg2LDMwLjk3NTc1NDcgMjMuNDk4MzI3NiwyOS45MzczNTM1IDIzLjQ5ODMyNzYsMjguNzc1NzUyMiBDMjMuNDk4MzI3NiwyNy43MzczNTEgMjQuMjY2MTI4NSwyNi43NzM3NDk4IDI1LjMwMjMyOTcsMjYuNTc1NzQ5NiBMMjUuMzAyMzMsMjYuNTc1NzQ5NiBDMjYuOTc1MDYyNCwyNi4zMDI4MzMyIDI4LjUyMTc1ODgsMjUuNTE3MTg3NCAyOS43Mjg3MTgsMjQuMzI3MzQ2OSBDMjkuODc2MTE4MiwyNC4xNzc3NDY4IDMwLjI0NzkxODYsMjQuMjI4MzQ2OCAzMC40OTQzMzU3LDI0LjIyODM0NjggTDMwLjQ5NDMzNTcsMjQuMjI4MzY0MSBaIE0zMi42OTQzMzgzLDE5LjU3OTczMjggQzMzLjc4MzMzOTUsMTkuNTc5NzMyOCAzNC43OTUzNDA3LDIwLjI5Njk0MjMgMzUuMDE5NzQxLDIxLjQzNDM0MzYgQzM1LjMxNDU0MTMsMjMuMTM5MzQ1NiAzNi4wNTgxNDIyLDI0LjYyNDM0NzMgMzcuMjY4MTQzNiwyNS44NTg1NDAyIEMzNy40MTc3NDM4LDI2LjAwODE0MDQgMzcuMzE4NzQzNywyNi40MjgzNDA4IDM3LjM2NzE0MzcsMjYuNjc0NzQxMSBDMzcuMDcwMTQzNCwyNi42NzQ3NDExIDM2LjcwMDU0MjksMjYuNzczNzQxMyAzNi41NTMxNDI4LDI2LjYyNjM0MTEgQzM1LjMxNDU0MTMsMjUuMzM5MzM5NiAzMy43ODExMzk1LDI0LjY3MjczODggMzIuMDc2MTM3NiwyNC4zMDMxMzg0IEwzMi4wNzYxMzc0LDI0LjMwMzEzODMgQzMwLjkzNDY1NDEsMjQuMDMwODA3NyAzMC4xNzk4NDI2LDIyLjk0NDUyNSAzMC4zMjI3MzU0LDIxLjc3OTczNTQgQzMwLjQ5NDMzNTYsMjAuNTQ1NTM0IDMxLjQ2MDEzNjcsMTkuNjMwMzMyOSAzMi42OTQzMzgxLDE5LjU3OTczMjggTDMyLjY5NDMzODMsMTkuNTc5NzMyOCBaIiBpZD0i5b2i54q2Ij48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
}

.site-footer .nav-group .sns-info>a.icon.icon-wechat-work .pop {
	top: -150px;
	left: -180px;
	width: 252px;
	height: 137px;
	padding: 16px 0 8px;
	font-size: 14px;
	text-align: center
}

.site-footer .nav-group .sns-info>a.icon.icon-qq {
	position: relative
}

.site-footer .nav-group .sns-info>a.icon.icon-qq:hover {
	color: #4195FF;
}

.site-footer .nav-group .sns-info>a.icon.icon-qq .pop {
	top: -150px;
	left: -180px;
	width: 252px;
	height: 137px;
	padding: 16px 0 8px;
	font-size: 14px;
	text-align: center
}

.site-footer .copyright {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 93px;
	padding: 24px 0;
	border-top: 1px solid #e5e5e5
}

.site-footer .copyright .copyandlang {
	display: block;
	float: left;
	font-size: 12px;
	padding: 14px 0
}

.site-footer .copyright .copyandlang, .site-footer .copyright .copyandlang a {
	color: #a6a6a6
}

.site-footer .copyright .copyandlang .small {
	margin-left: 8px
}

.site-footer .copyright .privacy-link-group {
	display: inline-block;
	margin-left: 8px
}

.site-footer .copyright .privacy-link-group a {
	padding: 0 5px
}

.site-footer .copyright .records {
	margin-left: 8px
}

.site-footer .copyright .switch-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	/*width: 354px;*/
	padding: 14px 0 18px;
	overflow: hidden;
}

.site-footer .copyright .switch-wrap {
	margin-right: 32px
}

.site-footer .copyright .switch-items a {
	font-size: 12px;
	color: #a6a6a6;
	margin-left: 10px;
	white-space: nowrap;
}

.site-footer .copyright .switch-items a:first-child {
	margin-left: 0;
}

@media (max-width:768px) {
	.site-footer .copyright .switch-wrap {
		margin-right: 16px
	}

}

.site-footer .copyright .switch-wrap:last-child {
	margin-right: 0
}

.site-footer .copyright .switch-wrap .dropdown-toggle {
	height: 24px;
	font-size: 14px;
	padding: 12px 0;
	color: grey
}

.site-footer .copyright .switch-wrap .dropdown-toggle .icon {
	margin-left: 8px;
	-webkit-transform: scale(.7);
	transform: scale(.7)
}

.site-footer .copyright .switch-wrap .dropdown-menu {
	position: absolute;
	display: none;
	width: 252px;
	margin: 0;
	border: none;
	overflow-y: auto;
	text-align: center;
	border-radius: 4px;
	background-color: #fff;
	text-align: left
}

.site-footer .copyright .switch-wrap .dropdown-menu a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 16px;
	color: grey
}

.site-footer .copyright .switch-wrap .dropdown-menu a label {
	margin-bottom: 0;
	font-weight: 400
}

.site-footer .copyright .switch-wrap .dropdown-menu a .icon {
	display: none;
	color: #a6a6a6
}

.site-footer .copyright .switch-wrap .dropdown-menu li.checked a {
	background-color: #fff
}

.site-footer .copyright .switch-wrap .dropdown-menu li.checked a .icon {
	display: block
}

.site-footer .copyright .switch-wrap.switch-locale .dropdown-menu {
	top: -150px;
	left: -140px
}

.site-footer .copyright .switch-wrap.switch-international .dropdown-menu {
	top: -106px;
	left: -146px
}

.site-footer .copyright .switch-wrap:hover .dropdown-menu {
	display: block
}

.site-footer.for-mobile {
	display: none
}

@media (max-width:1080px) {
	.site-footer .copyright .privacy-link-group {
		display: block;
		margin-top: 4px;
		margin-left: 0;
		text-align: center
	}

	.site-footer .copyright .records {
		display: block;
		margin-top: 4px;
		margin-left: 0;
		text-align: center
	}

}

@media (max-width:768px) {
	.site-footer.for-pc {
		display: none
	}

	.site-footer.for-mobile {
		display: block
	}

	.site-footer {
		padding: 0;
	}

	.site-footer .panel-group .panel {
		margin: 0 16px
	}

	.site-footer .panel-group .panel.panel-default {
		border-bottom: 1px solid #f5f5f5
	}

	.site-footer .panel-group .panel.panel-default>.panel-heading {
		margin: 0;
		padding: 0;
		background-color: #fff
	}

	.site-footer .panel-group .panel.panel-default>.panel-heading .panel-title>a {
		display: block;
		padding: 16px 0;
		color: #383838
	}

	.site-footer .panel-group .panel.panel-default>.panel-heading .panel-title>a:focus {
		color: #383838
	}

	.site-footer .panel-group .panel.panel-default>.panel-heading .panel-title>a:hover {
		color: #47AEFF
	}

	.site-footer .panel-group .panel.panel-default>.panel-heading .panel-title .icon {
		float: right;
		color: #a6a6a6;
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	.site-footer .panel-group .panel.panel-default .panel-body {
		padding: 0
	}

	.site-footer .panel-group .panel.panel-default .panel-collapse.collapse.in~.panel-heading {
		background-color: red
	}

	.site-footer .panel-group .panel.panel-default .panel-collapse.collapse.in~.panel-heading .icon {
		-webkit-transform: translateY(-180deg);
		transform: translateY(-180deg)
	}

	.site-footer .panel-group .panel.panel-default .panel-heading+.panel-collapse>.panel-body {
		border: none
	}

	.site-footer .panel-group .panel.panel-default .panel-heading+.panel-collapse>.panel-body>ul>li>a {
		display: block;
		padding: 12px 16px;
		color: grey
	}

	.site-footer .panel-group .panel.panel-default .panel-heading+.panel-collapse>.panel-body>ul>li>a:hover {
		color: #47AEFF
	}

	.site-footer .panel-group .panel+.panel {
		margin-top: 0
	}

	.site-footer .copyright {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		border-top: none;
		padding: 0 16px 40px;
		text-align: center
	}

	.site-footer .copyright .privacy-link-group {
		margin-top: 16px
	}

	.site-footer .copyright .switch-items {
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin-bottom: 32px;
		display: none;
	}

	.site-footer .copyright .switch-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.site-footer .copyright .switch-wrap .dropdown-toggle {
		height: 44px;
		border-radius: 4px;
		padding: 10px 18px;
		border: 1px solid #e5e5e5
	}

	.site-footer .copyright .switch-wrap.switch-locale .dropdown-menu {
		top: -142px;
		left: 0
	}

	.site-footer .copyright .switch-wrap.switch-international .dropdown-menu {
		top: -98px;
		left: auto;
		right: 0
	}

	.site-footer .copyright .copyandlang {
		line-height: 20px;
		padding: 0
	}

	.site-footer .copyright .copyandlang span.small {
		display: block
	}

}

.modal.modal-sns-qq, .modal.modal-sns-wechat {
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.modal.in.modal-sns-qq, .modal.in.modal-sns-wechat {
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.modal.modal-sns-qq .pop h4, .modal.modal-sns-wechat .pop h4 {
	margin: 0;
	color: #383838;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px
}

.modal.modal-sns-qq .pop label, .modal.modal-sns-wechat .pop label {
	color: #a6a6a6;
	font-size: 14px;
	margin-bottom: 12px
}

.modal.modal-sns-qq .pop>ul>li, .modal.modal-sns-wechat .pop>ul>li {
	color: grey;
	text-align: left;
	padding: 10px 16px
}

.modal.modal-sns-wechat .pop {
	text-align: center
}

.modal.modal-sns-wechat .pop p {
	color: #a6a6a6;
	margin-bottom: 10px
}

.modal.modal-sns-wechat .pop .qr-wrapper {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background-image: url(../images/webpack/weixin-qr.png);
	background-size: 120px 120px
}

.modal.modal-sns-qq .pop>ul>li {
	padding-left: 0
}

.dropdown-menu {
	min-width: 170px;
	border: 0 none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, .1);
	box-shadow: 0 7px 21px rgba(0, 0, 0, .1)
}

.dropdown-menu li>a {
	display: block;
	padding: 5px 35px 5px 15px;
	clear: both;
	line-height: 24px;
	color: grey;
	outline: 0 none;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-menu li>a .avatar, .dropdown-menu li>a .icon {
	width: 24px;
	height: 24px;
	float: left;
	margin-left: -2px;
	margin-right: 10px;
	text-align: center;
	background-size: 24px 24px;
	font-size: 18px;
	line-height: 24px
}

.dropdown-menu li>a i {
	margin-left: 2px;
	margin-right: 8px
}

.dropdown-menu li.selected {
	position: relative
}

.dropdown-menu li.selected:after {
	position: absolute;
	top: 8px;
	right: 15px;
	content: '\a037';
	display: block;
	width: 14px;
	height: 14px;
	font-family: Teambition-UI-Icons;
	color: #a6a6a6
}

.dropdown-menu li.divider {
	margin: 5px 15px;
	background-color: rgba(0, 0, 0, .07)
}

.dropdown-menu a.ui-state-focus {
	background-color: #f1f1f1
}

.open>.dropdown-menu {
	display: block;
	overflow: auto;
	opacity: .99
}

.list-underscore .underscore {
	position: relative
}

.list-underscore .underscore:before {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	margin: 0 15px;
	border-top: 1px solid rgba(0, 0, 0, .07);
	content: ''
}

.list-underscore .underscore:hover:before, .list-underscore>li:hover+li:before {
	border-color: transparent
}

.essage {
	position: fixed;
	z-index: 10010;
	top: -200px;
	left: 50%;
	max-width: 600px;
	line-height: 22px;
	padding: 20px;
	padding-top: 23px;
	padding-left: 53px;
	margin-left: -150px;
	background: #fff;
	border: 1px solid #f7f7f7;
	border-radius: 2px;
	font-size: 15px;
	-webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, .1);
	box-shadow: 0 7px 21px rgba(0, 0, 0, .1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: top .6s cubic-bezier(.25, .1, .25, 1);
	transition: top .6s cubic-bezier(.25, .1, .25, 1)
}

.essage.is-active {
	top: 52px;
	-webkit-transition: top .7s cubic-bezier(.42, 0, .58, 1);
	transition: top .7s cubic-bezier(.42, 0, .58, 1)
}

.essage .essage-tips {
	color: #000
}

.essage .essage-url {
	color: #03a9f4;
	-webkit-transition: color 218ms ease;
	transition: color 218ms ease
}

.essage .essage-url:hover {
	color: #0286c2
}

.essage .icon {
	position: absolute;
	top: 22px;
	left: 20px;
	font-size: 24px
}

.essage.essage-success .icon {
	color: #8bc34a
}

.essage.essage-error .icon {
	color: #dc584b
}

.essage.essage-info .icon {
	color: #03a9f4
}

.essage.essage-warning .icon {
	color: #c09853
}

.essage .close {
	line-height: 18px;
	margin-left: 10px
}

body.open-modal {
	overflow: hidden
}

body.open-modal .modal-window {
	display: block
}

.modal-window {
	display: none;
	position: fixed;
	z-index: 10;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto
}

.modal-window .modal-back {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7)
}

.modal-window .modal-card {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	height: auto;
	margin-top: -200px;
	margin-left: -250px;
	padding: 0 20px;
	background-color: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.modal-window .modal-card h3 {
	font-size: 18px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd
}

.modal-window .modal-card .close-handler {
	position: absolute;
	top: 8px;
	right: 20px;
	font-size: 28px;
	color: grey;
	cursor: pointer
}

.modal-window .modal-card .close-handler:hover {
	color: grey
}

.modal-window .modal-card .modal-desc {
	margin-top: 15px;
	font-size: 16px
}

.modal-window .modal-card .modal-footer-hint {
	text-align: center;
	font-size: 14px;
	color: grey;
	margin-bottom: 20px
}

.modal-window .modal-card .modal-form {
	padding: 10px 0 20px
}

.modal-window .modal-card .modal-form .form-group {
	margin-bottom: 20px
}

.modal-window .modal-card .modal-form .form-input {
	padding-right: 0
}

.modal-window .modal-card .modal-form .form-label {
	padding: 0;
	margin-top: 3px;
	margin-bottom: 0;
	font-size: 16px;
	color: grey
}

.modal-window .modal-card .modal-form .full-input {
	height: 40px;
	border: 1px solid #ddd
}

.modal-window .modal-card .modal-form .button-wrapper .btn {
	height: 40px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 16px;
	line-height: 25px
}

.modal-window .modal-card .modal-form .button-wrapper .btn.btn-link {
	text-decoration: none;
	color: grey
}

@media (max-width:480px) {
	.modal-window .modal-back {
		min-height: 450px
	}

	.modal-window .modal-card {
		top: 0;
		width: 300px;
		margin: 50px 0;
		margin-left: -150px
	}

}

.loading-indicator {
	width: 100px;
	margin: 10px auto;
	text-align: center
}

.loader-dot {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 15px 3px;
	background: #a6a6a6;
	border-radius: 10px;
	-webkit-animation: bouncedelay 1.4s infinite cubic-bezier(.42, 0, .58, 1) both;
	animation: bouncedelay 1.4s infinite cubic-bezier(.42, 0, .58, 1) both
}

.loader-dot:nth-child(1) {
	-webkit-animation-delay: -320ms;
	animation-delay: -320ms
}

.loader-dot:nth-child(2) {
	-webkit-animation-delay: -160ms;
	animation-delay: -160ms
}

@media (max-width:768px) {
	.modal-video {
		padding: 50px 0
	}

}

.modal-video.fade:not(.in) .modal-dialog {
	-webkit-transition: -webkit-transform 280ms cubic-bezier(0, 0, .58, 1);
	transition: -webkit-transform 280ms cubic-bezier(0, 0, .58, 1);
	transition: transform 280ms cubic-bezier(0, 0, .58, 1);
	transition: transform 280ms cubic-bezier(0, 0, .58, 1), -webkit-transform 280ms cubic-bezier(0, 0, .58, 1)
}

.modal-video.in .modal-dialog {
	-webkit-transition: -webkit-transform 0s !important;
	transition: -webkit-transform 0s !important;
	transition: transform 0s !important;
	transition: transform 0s, -webkit-transform 0s !important
}

.modal-video .embed-responsive {
	-webkit-transition: all 218ms cubic-bezier(.25, .1, .25, 1);
	transition: all 218ms cubic-bezier(.25, .1, .25, 1)
}

@media (min-width:1200px) {
	.modal-video .modal-lg {
		width: 1000px
	}

}

.modal-video .modal-content {
	position: relative;
	background-color: #000;
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.modal-video .modal-body, .modal-video .modal-header {
	padding: 0
}

.modal-video .modal-body {
	overflow: hidden
}

.modal-video .modal-header {
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	min-height: 60px
}

.modal-video .modal-close {
	position: absolute;
	z-index: 0;
	top: 0;
	right: -54px;
	min-width: 54px;
	padding: 12px 14px 12px 16px;
	background: #03a9f4;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	border-radius: 0;
	opacity: .85;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
	-webkit-transition: all .3s cubic-bezier(.25, .1, .25, 1);
	transition: all .3s cubic-bezier(.25, .1, .25, 1)
}

@media (max-width:840px) {
	.modal-video .modal-close {
		right: 0;
		top: -48px
	}

}

.modal-video .modal-close:hover {
	opacity: 1;
	color: #fff
}

.modal-video .video-album {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 3;
	right: 0;
	top: 0;
	-webkit-transition: all 280ms cubic-bezier(.25, .1, .25, 1);
	transition: all 280ms cubic-bezier(.25, .1, .25, 1)
}

.modal-video .video-album .toggle-play {
	position: absolute;
	top: 50%;
	left: -40px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	line-height: 20px;
	padding: 10px;
	background: rgba(26, 26, 26, .87);
	color: rgba(255, 255, 255, .8);
	cursor: pointer;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.modal-video .video-album .toggle-play .icon {
	font-size: 20px
}

.modal-video .video-album .toggle-play:hover {
	color: #fff
}

.modal-video .video-album .album-list {
	height: 100%;
	padding: 5px 0 0 5px;
	margin-bottom: 0;
	background: #000;
	font-size: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	-webkit-transition: background 218ms;
	transition: background 218ms
}

@media (max-width:1200px) {
	.modal-video .video-album .album-list {
		text-align: center
	}

}

.modal-video .video-album .album-list.thin-scroll::-webkit-scrollbar {
	width: 5px
}

.modal-video .video-album .album-list.thin-scroll::-webkit-scrollbar-thumb {
	background-color: #6e6e6e
}

.modal-video .video-album .album-list.thin-scroll::-webkit-scrollbar-track {
	background-color: rgba(31, 31, 31, .87)
}

.modal-video .video-album .album-item {
	position: relative;
	display: inline-block;
	max-width: 199px;
	min-height: 60px;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: width 218ms cubic-bezier(.25, .1, .25, 1);
	transition: width 218ms cubic-bezier(.25, .1, .25, 1)
}

.modal-video .video-album .album-item.has-watched, .modal-video .video-album .album-item.is-current:before, .modal-video .video-album .album-item:hover:before {
	opacity: .3
}

.modal-video .video-album .album-item:before {
	content: ' ';
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4)
}

.modal-video .video-album .album-item:after {
	content: '';
	display: none;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-width: 10px 0 10px 16px;
	border-style: solid;
	border-color: rgba(255, 255, 255, .87);
	border-top-color: transparent;
	border-bottom-color: transparent;
	-webkit-transform: scale(1.4);
	transform: scale(1.4)
}

.modal-video .video-album .album-item.is-current:after {
	display: block
}

.modal-video .video-album .album-item .img-wrap {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.modal-video .video-album .album-item .video-name {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 3;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.modal-video .video-album .album-item img {
	width: 194px;
	height: 107px;
	max-height: 107px;
	border-radius: 3px
}

.modal-video .video-loading {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s cubic-bezier(.25, .1, .25, 1);
	transition: all .5s cubic-bezier(.25, .1, .25, 1)
}

.modal-video .video-loading img {
	height: 100%
}

.modal-video video {
	opacity: 0;
	-webkit-transition: all 1s cubic-bezier(.25, .25, .75, .75);
	transition: all 1s cubic-bezier(.25, .25, .75, .75)
}

.modal-video.is-list-init .video-album {
	width: 200px
}

.modal-video.is-list-init .album-list {
	background: rgba(26, 26, 26, .87)
}

.modal-video.is-list-init .album-item {
	width: 100%
}

.modal-video.is-init .video-loading {
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
	opacity: 0
}

.modal-video.is-init video {
	opacity: 1
}

.modal-video.is-playing .embed-responsive {
	margin-right: 0
}

.modal-video.is-playing .video-album {
	right: -200px;
	-webkit-transition: all 280ms cubic-bezier(.25, .1, .25, 1) 218ms;
	transition: all 280ms cubic-bezier(.25, .1, .25, 1) 218ms
}

.modal-video.is-playing .video-album .album-list, .modal-video.is-playing .video-album .toggle-play {
	background: rgba(255, 255, 255, .1)
}

.modal-video.is-playing .video-album .toggle-play {
	color: rgba(255, 255, 255, .3)
}

.modal-video.is-playing .video-album .toggle-play .icon:before {
	content: "\b00b"
}

.modal-video.is-playing .modal-close {
	right: 10px;
	opacity: .2
}

@media (max-width:840px) {
	.modal-video.is-playing .modal-close {
		right: 0;
		top: 10px
	}

}

.modal-video.is-playing .modal-header:hover .modal-close {
	right: -54px;
	opacity: 1
}

.modal-backdrop {
	z-index: 1039
}

.modal-backdrop.in {
	opacity: .7
}

.no-content {
	padding: 100px 30px;
	background: #f5f5f5;
	border: 1px dashed #d1d1d1;
	text-align: center;
	font-size: 22px;
	letter-spacing: 1px;
	color: #9c9c9c
}

@media (max-width:480px) {
	.no-content {
		padding: 70px 10px;
		font-size: 16px
	}

}

.no-content .emoji, .no-content .tip-text {
	margin-bottom: .6em
}

.no-content .emoji {
	font-size: 1.4em
}

.no-content .btn-default.ghost {
	color: #949494
}

.no-content .btn-default.ghost:hover {
	color: #fff;
	border-color: #949494;
	background: #9c9c9c
}

@media (max-width:480px) {
	.no-content .btn-default.ghost {
		padding: 8px 12px;
		font-size: 14px
	}

}

.vertical-scroll::-webkit-scrollbar {
	width: 12px
}

.vertical-scroll::-webkit-scrollbar-track {
	border-left: 1px solid #a6a6a6;
	background: #d9d9d9
}

.vertical-scroll::-webkit-scrollbar-thumb {
	background: #a6a6a6
}

.horizontal-scroll::-webkit-scrollbar {
	height: 12px
}

.horizontal-scroll::-webkit-scrollbar-track {
	background: #d9d9d9
}

.horizontal-scroll::-webkit-scrollbar-thumb {
	background: #a6a6a6
}

.thin-scroll::-webkit-scrollbar {
	width: 7px
}

.thin-scroll::-webkit-scrollbar-track {
	background-color: #d9d9d9;
	border-left: 2px solid transparent
}

.thin-scroll::-webkit-scrollbar-thumb {
	background-color: #a6a6a6;
	border-left: 2px solid transparent
}

.thin-scroll::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, .12)
}

.thin-horizontal-scroll::-webkit-scrollbar {
	height: 12px
}

.thin-horizontal-scroll::-webkit-scrollbar-track {
	background: #d9d9d9
}

.thin-horizontal-scroll::-webkit-scrollbar-thumb {
	background: #a6a6a6
}

.thin-horizontal-scroll::-webkit-scrollbar {
	height: 12px
}

.thin-horizontal-scroll::-webkit-scrollbar-track {
	background: #d9d9d9
}

.thin-horizontal-scroll::-webkit-scrollbar-thumb {
	background: #a6a6a6
}

.thin-horizontal-scroll::-webkit-scrollbar {
	height: 7px
}

.transparent-scroll::-webkit-scrollbar {
	width: 8px
}

.transparent-scroll::-webkit-scrollbar-track {
	background: 0 0
}

.transparent-scroll::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .26)
}

.enjoy-tb {
	color: #fff;
	padding-top: 54px !important;
	padding-bottom: 69px !important;
	background-image: url(/images/teambition-plus@2x.png);
	background-size: cover;
	background-position: center
}

.enjoy-tb .title {
	margin-bottom: 0 !important
}

.enjoy-tb .desc {
	margin: 0 auto;
	max-width: 600px;
	font-size: 24px !important;
	padding-bottom: 11px;
	color: #fff !important
}

.enjoy-tb .ghost {
	color: #03a9f4;
	background-color: #fff;
	border: 2px solid rgba(255, 255, 255, .6)
}

.enjoy-tb .ghost:hover {
	color: #fff;
	background: rgba(255, 255, 255, .2);
	-webkit-box-shadow: none;
	box-shadow: none
}

.support-contact {
	min-height: 320px;
	padding-top: 102px !important
}

.support-contact .support-icon {
	width: 50px;
	height: 50px;
	border: 2px grey solid;
	border-radius: 50%;
	margin: 0 auto 15px;
	background-image: url(/images/support-icon@2x.png);
	background-size: 184px 46px
}

.support-contact .community .support-icon {
	background-position: 0 0
}

.support-contact .email .support-icon {
	background-position: -46px 0
}

.support-contact .phone .support-icon {
	background-position: -92px 0
}

.support-contact .session .support-icon {
	background-position: -138px 0
}

.support-contact .muted, .support-contact .name {
	color: grey
}

.support-contact .name {
	margin-bottom: 5px
}

@media (max-width:991px) {
	.support-contact {
		padding-top: 50px !important
	}

	.support-contact .col-md-3:nth-child(n+3) {
		margin-top: 70px
	}

}

@media (max-width:480px) {
	.support-contact .support-item a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.support-contact .email a {
		line-height: 21px;
		font-size: 12px
	}

}

.tbsite-article {
	padding-top: 50px
}

.tbsite-article .max730 {
	max-width: 730px
}

.tbsite-article .article-content .container {
	height: inherit;
	position: relative
}

.tbsite-article .article-content .topbanner {
	width: 100%;
	height: 500px;
	background-size: cover;
	background-position: center;
	margin: 0 auto 20px;
	position: relative
}

.tbsite-article .article-content .topbanner .bg-mask {
	position: relative;
	width: 100%;
	height: 500px
}

.tbsite-article .article-content .topbanner.not-image, .tbsite-article .article-content .topbanner.not-image .bg-mask {
	height: 400px
}

.tbsite-article .article-content .topbanner .loadingbar {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: #383838
}

.tbsite-article .article-content .topbanner .loading-indicator {
	text-align: center;
	margin-top: 280px
}

.tbsite-article .article-content .topbanner .return {
	position: absolute;
	top: 120px
}

.tbsite-article .article-content .topbanner .return a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-radius: 15px;
	font-size: 16px;
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	color: #fff;
	-webkit-transition: all .35s;
	transition: all .35s
}

.tbsite-article .article-content .topbanner .return a:hover {
	margin-left: -5px;
	border: 1px solid #fff;
	color: #fff !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 0 5px rgba(255, 255, 255, .5)
}

.tbsite-article .article-content .topbanner .title {
	position: absolute;
	bottom: 40px;
	font-family: "Lucida Grande", "Luxi Sans", Arial, "Helvetica Neue", Helvetica, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed;
	font-size: 42px;
	line-height: 1.3;
	color: #fff;
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.tbsite-article .article-content .topbanner .topbanner-info {
	font-family: "Lucida Grande", "Luxi Sans", Arial, "Helvetica Neue", Helvetica, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed;
	text-align: center;
	margin-top: 200px;
	color: #fff
}

.tbsite-article .article-content .topbanner .topbanner-info .title {
	font-size: 32px
}

.tbsite-article .article-content .topbanner .topbanner-info .title.small {
	top: 160px;
	font-size: 20px;
	margin: 0 0 20px 0
}

.tbsite-article .article-content .topbanner .topbanner-info .case-title {
	font-size: 32px
}

.tbsite-article .article-content .topbanner .topbanner-info .case-title.small {
	top: 160px;
	font-size: 20px;
	margin: 0 0 20px 0
}

.tbsite-article .article-content .topbanner .topbanner-info .case-desc {
	top: 160px;
	font-size: 20px;
	text-align: center;
	margin: 0 0 20px 0
}

.tbsite-article .article-content .topbanner .topbanner-info .author {
	margin-top: 100px
}

.tbsite-article .article-content .topbanner .topbanner-info .author .username {
	font-size: 16px;
	margin: 0 0 15px 0
}

.tbsite-article .article-content .topbanner .topbanner-info .author .time {
	font-size: 14px;
	margin: 0
}

.tbsite-article .article-content .article-toolbar {
	padding-top: 20px
}

@media (max-width:480px) {
	.tbsite-article .article-content .article-toolbar {
		padding-bottom: 20px
	}

}

.tbsite-article .article-content .article-toolbar .share-button-group .btn {
	font-size: 22px;
	width: 50px;
	height: 50px;
	padding: 8px 12px;
	margin: 0 10px;
	line-height: 1.7;
	color: #a6a6a6;
	border: 1px solid #a6a6a6;
	border-radius: 50%;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.tbsite-article .article-content .article-toolbar .share-button-group .btn.weibo:hover {
	color: #c5282f;
	border-color: #c5282f
}

.tbsite-article .article-content .article-toolbar .share-button-group .btn.wechat:hover {
	color: #44b549;
	border-color: #44b549
}

.tbsite-article .article-content .article-toolbar .share-button-group .btn.twitter:hover {
	color: #7fdbff;
	border-color: #7fdbff
}

.tbsite-article .article-content .article-toolbar .share-button-group .btn.facebook:hover {
	color: #3b5998;
	border-color: #3b5998
}

.tbsite-article .article-content .infobar {
	margin-top: 40px;
	padding-bottom: 20px;
	border-bottom: solid 1px #ededed;
	margin-bottom: 20px
}

.tbsite-article .article-content .switch-nav {
	margin-bottom: 70px;
	font-size: 16px
}

.tbsite-article .article-content .switch-nav .prev {
	float: left
}

.tbsite-article .article-content .switch-nav .next {
	float: right
}

.tbsite-article .article-content .icon-chevron-left {
	margin-right: 5px;
	font-size: 14px
}

.tbsite-article .article-content .icon-chevron-right {
	margin-left: 5px
}

.tbsite-article .modal-wechat {
	display: none
}

.tbsite-article .modal-wechat .modal-dialog {
	margin: 100px auto;
	width: 280px
}

.tbsite-article .modal-wechat .modal-header {
	padding: 15px;
	min-height: 16.43px;
	text-align: center
}

.tbsite-article .modal-wechat .modal-body {
	padding: 0 15px 15px
}

.tbsite-article .modal-wechat .modal-body .qrcode {
	width: 250px;
	height: 250px
}

@media (max-width:768px) {
	.tbsite-article .article-content .infobar {
		margin-bottom: 0
	}

	.tbsite-article .article-content .switch-nav {
		padding: 0;
		margin-bottom: 0
	}

	.tbsite-article .article-content .switch-nav .next, .tbsite-article .article-content .switch-nav .prev {
		width: 50%;
		padding: 30px 0;
		text-align: center
	}

	.tbsite-article .article-content .switch-nav .next:hover, .tbsite-article .article-content .switch-nav .prev:hover {
		background: #ededed
	}

	.tbsite-article .article-content .switch-nav .next:first-child, .tbsite-article .article-content .switch-nav .prev:first-child {
		border-right: solid 1px #ededed
	}

}

@media (max-width:480px) {
	.tbsite-article .loading-indicator {
		display: none
	}

	.tbsite-article .article-content .topbanner {
		margin-bottom: 20px
	}

	.tbsite-article .article-content .topbanner, .tbsite-article .article-content .topbanner .bg-mask, .tbsite-article .article-content .topbanner.not-image, .tbsite-article .article-content .topbanner.not-image .bg-mask {
		height: 350px
	}

	.tbsite-article .article-content .topbanner .title {
		font-size: 24px
	}

	.tbsite-article .article-content .topbanner .loadingbar .loading-indicator {
		margin-top: 180px
	}

	.tbsite-article .article-content .infobar {
		margin-top: 10px;
		padding-bottom: 30px
	}

	.tbsite-article .article-content .switch-nav {
		font-size: 14px
	}

}

.tbsite-jumbotron {
	height: 520px;
	padding: 0;
	padding-top: 120px;
	margin-bottom: 60px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #666;
	font-size: 58px;
	color: #fff;
	position: relative
}

.tbsite-jumbotron .container {
	max-width: 920px
}

.tbsite-jumbotron .case-desc, .tbsite-jumbotron .case-title {
	color: #fff;
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.tbsite-jumbotron .case-title {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.3
}

.tbsite-jumbotron .case-desc {
	font-size: 20px;
	line-height: 1.58
}

.tbsite-jumbotron .topbanner-info {
	font-family: "Lucida Grande", "Luxi Sans", Arial, "Helvetica Neue", Helvetica, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed;
	text-align: center;
	color: #fff;
	margin-top: 150px
}

.tbsite-jumbotron .topbanner-info .case-title {
	font-size: 32px
}

.tbsite-jumbotron .topbanner-info .case-desc {
	top: 160px;
	font-size: 20px;
	text-align: center;
	margin: 0 0 20px 0
}

.tbsite-jumbotron .topbanner-info .btn-read {
	z-index: 2;
	font-size: 18px;
	margin-top: 53px;
	padding: 0 32px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(255, 255, 255, 0);
	border-color: #fff;
	color: #fff;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.tbsite-jumbotron .topbanner-info .btn-read:hover {
	background-color: rgba(255, 255, 255, .2)
}

.tbsite-jumbotron .case-banner {
	height: 100%
}

.tbsite-jumbotron .case-banner li {
	width: 100%;
	height: 100%;
	max-width: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	opacity: 0;
	-webkit-transition: all 660ms;
	transition: all 660ms
}

.tbsite-jumbotron .case-banner li.active {
	opacity: 1
}

.tbsite-jumbotron .case-banner-btn {
	height: 10px;
	position: absolute;
	left: 50%;
	bottom: 30px;
	padding-left: 0;
	overflow: hidden;
	margin-left: -60px;
	-webkit-transform: translate3d(0, 0, 0)
}

.tbsite-jumbotron .case-banner-btn li {
	display: inline-block;
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 10px;
	cursor: pointer;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .2)
}

.tbsite-jumbotron .case-banner-btn li.active, .tbsite-jumbotron .case-banner-btn li:hover {
	background-color: #fff
}

.tbsite-jumbotron .subcol-nav {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	width: 100%;
	height: 70px;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0)
}

.tbsite-jumbotron .subcol-nav ul {
	margin: 0 auto;
	max-width: 980px;
	min-width: 320px
}

.tbsite-jumbotron .subcol-nav li {
	width: 33.33%;
	margin-left: 0
}

.tbsite-jumbotron .subcol-nav li a {
	text-align: center;
	border-radius: 0;
	color: #fff;
	font-size: 20px;
	height: 70px;
	line-height: 55px
}

.tbsite-jumbotron .subcol-nav li.active a, .tbsite-jumbotron .subcol-nav li.active a:hover {
	background-color: rgba(0, 0, 0, .5)
}

.tbsite-jumbotron .subcol-nav li a:focus, .tbsite-jumbotron .subcol-nav li a:hover {
	background-color: rgba(0, 0, 0, .2);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .4)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 100%)
}

.tbsite-jumbotron .subcol-nav .subcol-nav-bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center bottom;
	-webkit-filter: blur(10px);
	background: rgba(0, 0, 0, .1)
}

.tbsite-jumbotron .subcol-nav .subcol-nav-bg:after {
	content: '';
	background: rgba(0, 0, 0, .1);
	display: block;
	height: 100%;
	width: 100%
}

.tbsite-case {
	height: 500px;
	margin-bottom: 0;
	padding-top: 0
}

@media (min-width:1440px) {
	.subcol-nav-bg, .tbsite-jumbotron {
		background-size: cover
	}

}

@media (max-width:992px) {
	.tbsite-jumbotron {
		margin-bottom: 32px
	}

}

@media (max-width:768px) {
	.tbsite-jumbotron {
		margin-bottom: 16px;
		font-size: 32px
	}

	.tbsite-jumbotron .desc {
		font-size: .6em
	}

	.tbsite-jumbotron .topbanner-info {
		margin-top: 130px
	}

	.tbsite-jumbotron .topbanner-info .title {
		font-size: 24px
	}

	.tbsite-jumbotron .topbanner-info .case-title {
		font-size: 24px
	}

	.tbsite-jumbotron .case-banner-btn {
		bottom: 10px
	}

	.tbsite-jumbotron .subcol-nav {
		height: 50px
	}

	.tbsite-jumbotron .subcol-nav ul li a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 50px;
		line-height: 35px;
		font-size: 14px
	}

	.box-title h2 {
		font-size: 20px
	}

}

@media (max-width:480px) {
	.tbsite-jumbotron {
		height: 400px;
		padding-top: 60px;
		font-size: 24px
	}

	.tbsite-jumbotron .desc {
		text-align: left;
		font-size: 16px
	}

	.tbsite-jumbotron .topbanner-info {
		margin-top: 80px
	}

}

@media (max-width:320px) {
	.tbsite-jumbotron {
		font-size: 26px
	}

	.tbsite-jumbotron .title span {
		display: block;
		margin-top: 10px
	}

	.tbsite-jumbotron .desc {
		text-align: left;
		font-size: 14px
	}

}

.en .tbsite-jumbotron {
	font-size: 40px
}

@media (max-width:992px) {
	.en .tbsite-jumbotron {
		font-size: 30px
	}

}

@media (max-width:480px) {
	.en .tbsite-jumbotron {
		height: 460px;
		font-size: 20px
	}

	.en .tbsite-jumbotron .desc {
		text-align: center
	}

}

.box-list .box-title {
	height: 80px
}

.box-list .box-title h2 {
	margin: 0;
	float: left;
	font-size: 24px;
	line-height: 80px;
	color: #383838
}

.box-list .box-title a {
	float: right;
	color: #383838;
	margin: 28px 0;
	font-size: 16px;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.box-list .box-title a span {
	font-size: 14px;
	margin-left: 10px
}

.box-list.more-research {
	position: relative;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 36px;
	border-top: 1px solid #eee
}

.box-list.more-research .title-more-case {
	position: absolute;
	top: -37px;
	left: 50%;
	font-size: 16px;
	padding: 0 15px;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.box-list.more-research .title-more-case:hover {
	color: #383838
}

.box-list.more-research:hover {
	color: #03a9f4
}

.box-list.more-research:hover .title-more-case {
	color: #383838
}

.box-item {
	height: 200px;
	position: relative;
	margin-bottom: 30px
}

.left-item {
	margin-right: 16px
}

.right-item {
	margin-left: 16px
}

.box-content {
	display: block;
	height: 200px;
	color: #fff;
	position: relative;
	text-align: center;
	border-radius: 5px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out
}

.box-content .content {
	width: 100%;
	height: 55px;
	z-index: 2;
	text-align: left;
	padding: 10px 10px 0 10px;
	border-radius: 0 0 5px 5px;
	background-color: rgba(0, 0, 0, .5);
	position: absolute !important;
	bottom: 0
}

.box-content .content .category {
	font-size: 16px;
	margin: 0;
	font-weight: 700;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.box-content .content .desc {
	font-size: 14px;
	margin: 3px 0 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.box-content:hover {
	color: #fff;
	text-decoration: none;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.cases-practices {
	font-size: 20px;
	line-height: 200px
}

.cases-practices .box-content span {
	position: relative;
	z-index: 2
}

.cases-practices .row-practices .box-item {
	height: 100px
}

.cases-practices .row-practices .box-item .box-content {
	height: 100px;
	line-height: 100px
}

.cases-practices .row-practices .box-item .box-content:after {
	height: 100px
}

.tbsite-post-info {
	font-size: 16px;
	color: #a6a6a6
}

.tbsite-post-info .author, .tbsite-post-info .avatar, .tbsite-post-info .time {
	display: inline-block;
	height: 20px;
	line-height: 20px
}

.tbsite-post-info .author {
	padding-left: 34px;
	position: relative
}

.tbsite-post-info .author .avatar {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: -2px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.tbsite-post-info .time {
	border-left: 1px solid #d9d9d9;
	margin-left: 10px;
	padding-left: 10px
}

.tbsite-list .category {
	position: relative
}

.tbsite-list .category:after {
	background: #e0e0e0 !important
}

.tbsite-list .category .nav {
	padding-left: 16px
}

.tbsite-list .category .nav>li {
	width: 11.5%
}

.tbsite-list .category .nav>li:nth-child(n+8) {
	display: none
}

@media (max-width:991px) {
	.tbsite-list .category .nav>li {
		width: 13%
	}

	.tbsite-list .category .nav>li:nth-child(n+7) {
		display: none
	}

}

@media (max-width:767px) {
	.tbsite-list .category .nav>li:nth-child(n+6) {
		display: none
	}

}

.tbsite-list .category .more-actions a, .tbsite-list .category .nav-tabs>li>a {
	padding: 12px;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px
}

.tbsite-list .category .nav-tabs {
	border-bottom: none
}

.tbsite-list .category .nav-tabs>li>a {
	margin-left: -1px;
	margin-right: 0;
	border-radius: 0;
	color: #9c9c9c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all .1s cubic-bezier(.42, 0, .58, 1);
	transition: all .1s cubic-bezier(.42, 0, .58, 1)
}

.tbsite-list .category .nav-tabs>li>a:hover {
	background: #f2f2f2
}

.tbsite-list .category .nav-tabs>li:first-child, .tbsite-list .category .nav-tabs>li:first-child a {
	border-radius: 3px 0 0 3px
}

.tbsite-list .category .nav-tabs>li:last-child a {
	border-radius: 0 3px 0 0
}

.tbsite-list .category .nav-tabs>li.active a {
	background: #03a9f4;
	color: #fff;
	border-color: #03a9f4;
	margin-left: 0
}

.tbsite-list .category .more-actions {
	position: absolute;
	top: 0;
	right: 16px;
	z-index: 99
}

.tbsite-list .category .more-actions>a {
	display: inline-block;
	height: 47px;
	line-height: 23px;
	border-radius: 3px 3px 0 0;
	background: #fcfcfc;
	color: #6e6e6e;
	-webkit-transition: all 218ms cubic-bezier(.42, 0, .58, 1);
	transition: all 218ms cubic-bezier(.42, 0, .58, 1)
}

.tbsite-list .category .more-actions>a span:first-child {
	margin-left: 6px
}

.tbsite-list .category .more-actions>a:hover {
	background: #f2f2f2
}

.tbsite-list .category .more-actions .icon {
	float: right;
	margin-left: 4px
}

@media (max-width:991px) {
	.tbsite-list .category .more-actions a, .tbsite-list .category .nav-tabs>li>a {
		padding: 9px 16px 8px 16px;
		font-size: 14px
	}

	.tbsite-list .category .more-actions a {
		height: 38px
	}

}

@media (max-width:767px) {
	.tbsite-list .category .nav.col-1>li {
		width: 100%
	}

	.tbsite-list .category .nav.col-2>li {
		width: 50%
	}

	.tbsite-list .category .nav.col-3>li {
		width: 33.33333333%
	}

	.tbsite-list .category .nav.col-4>li {
		width: 25%
	}

	.tbsite-list .category .nav.col-5>li {
		width: 20%
	}

}

@media (max-width:500px) {
	.tbsite-list .category .nav-tabs>li>a {
		padding: 5px;
		font-size: 12px
	}

}

@media (max-width:350px) {
	.tbsite-list .category .nav-tabs>li>a {
		font-size: 10px
	}

}

.tbsite-list .no-content {
	background: #fcfcfc;
	font-size: 24px;
	color: #6e6e6e
}

.tbsite-list .no-content .emoji-sad {
	line-height: 68px;
	padding-bottom: 20px;
	font-size: 48px
}

.tbsite-list .list-item, .tbsite-list .list-item .main-content, .tbsite-list .list-item .thumb {
	margin-bottom: 40px
}

.tbsite-list .list-item:after {
	content: '';
	width: calc(100% - 32px);
	height: 1px;
	margin: 0 16px;
	background: #e8e8e8
}

.tbsite-list .list-item:last-child:after {
	height: 0
}

.tbsite-list .list-item .main-content {
	float: left
}

.tbsite-list .list-item .thumb {
	float: right
}

.tbsite-list .list-item .thumb a {
	display: block;
	position: relative
}

.tbsite-list .list-item .thumb a>* {
	width: 100%
}

.tbsite-list .list-item .thumb a .activebg {
	position: absolute;
	-webkit-transition: background .5s ease 150ms;
	transition: background .5s ease 150ms
}

.tbsite-list .list-item .thumb a .activebg .readmore {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -65px;
	margin-top: -15px;
	width: 130px;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	background: rgba(255, 255, 255, .2);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25);
	border-radius: 3px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	opacity: 0;
	-webkit-transition: all .1s ease-in-out 80ms;
	transition: all .1s ease-in-out 80ms
}

.tbsite-list .list-item .thumb a .activebg .readmore:hover {
	background: rgba(255, 255, 255, .3);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35)
}

.tbsite-list .list-item .thumb a .activebg .text {
	-webkit-transition: padding-right 150ms;
	transition: padding-right 150ms
}

.tbsite-list .list-item .thumb a .activebg .icon {
	position: absolute;
	margin-left: 5px;
	font-size: 20px;
	opacity: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: opacity 150ms;
	transition: opacity 150ms
}

.tbsite-list .list-item .thumb a:hover .activebg {
	background: rgba(0, 0, 0, .4);
	-webkit-transition: background .5s;
	transition: background .5s
}

.tbsite-list .list-item .thumb a:hover .activebg .readmore {
	opacity: 1;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}

.tbsite-list .list-item .thumb a:hover .activebg .text {
	padding-right: 24px;
	-webkit-transition: all 150ms ease 80ms;
	transition: all 150ms ease 80ms
}

.tbsite-list .list-item .thumb a:hover .activebg .icon {
	opacity: 1;
	-webkit-transition: all 150ms ease 80ms;
	transition: all 150ms ease 80ms
}

.tbsite-list .list-item .title {
	color: grey
}

.tbsite-list .list-item .title:hover {
	color: #03a9f4 !important
}

.tbsite-list .list-item .title h2 {
	line-height: 1.1;
	margin: 0 0 13px;
	font-size: 24px
}

.tbsite-list .list-item .summary {
	position: relative;
	width: 100%;
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 18px;
	color: #a6a6a6
}

.tbsite-list .ias-trigger {
	padding: 10px;
	width: 100%;
	border: 1px solid;
	border-color: #d9d9d9;
	border-radius: 3px;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

@media (max-width:767px) {
	.tbsite-list .ias-trigger {
		padding: 7px
	}

}

.tbsite-list .ias-trigger>a {
	color: #ababab
}

.tbsite-list .ias-trigger:hover {
	border-color: #03a9f4
}

.tbsite-list .ias-trigger:hover>a {
	color: #03a9f4
}

.tbsite-list .ias-trigger, .tbsite-list .loading-indicator {
	margin-bottom: 48px
}

.tbsite-list .pagination {
	display: none;
	width: 100%;
	margin: 0 0 48px
}

.tbsite-list .pagination .next, .tbsite-list .pagination .prev {
	width: 80px;
	-webkit-transition: all 350ms;
	transition: all 350ms
}

.tbsite-list .pagination .prev {
	float: left
}

.tbsite-list .pagination .next {
	float: right
}

@media (max-width:992px) {
	.box-list .left-item, .box-list .right-item {
		margin: 0;
		margin-bottom: 16px
	}

	.box-list .left-item .box-content, .box-list .right-item .box-content {
		background-size: cover
	}

	.box-list .left-item .box-content:hover, .box-list .right-item .box-content:hover {
		background-size: cover
	}

	.tbsite-list .list-item {
		margin-bottom: 32px
	}

	.tbsite-list .list-item:last-child {
		margin-bottom: 0
	}

	.tbsite-list .list-item .thumb a>* {
		height: 134px !important
	}

	.tbsite-list .list-item .main-content, .tbsite-list .list-item .thumb {
		margin-bottom: 32px
	}

	.tbsite-list .ias-trigger, .tbsite-list .loading-indicator {
		margin-bottom: 32px
	}

}

@media (min-width:767px) {
	.tbsite-list .list-item .thumb a>* {
		height: 154px
	}

	.tbsite-list .list-item .summary {
		max-height: 81px;
		overflow: hidden
	}

}

@media (min-width:767px) and (max-width:992px) {
	.tbsite-list .list-item .thumb {
		padding-left: 0
	}

}

@media (max-width:767px) {
	.box-list .box-item .box-content:hover {
		-webkit-transform: none;
		transform: none
	}

	.box-list .box-title h2 {
		font-size: 20px
	}

	.row-practices {
		width: 50% !important
	}

	.row-practices .box-item {
		height: 140px !important
	}

	.row-practices .box-item .box-content {
		height: 140px !important;
		line-height: 140px !important
	}

	.row-practices .box-item .box-content:after {
		height: 140px !important
	}

	.tbsite-list .list-item {
		margin-bottom: 16px
	}

	.tbsite-list .list-item .thumb {
		margin-bottom: 0
	}

	.tbsite-list .list-item .thumb .activebg {
		display: none
	}

	.tbsite-list .list-item .thumb a>* {
		min-height: 174px;
		max-height: 400px
	}

	.tbsite-list .list-item .main-content {
		padding-left: 16px;
		margin-bottom: 16px
	}

	.tbsite-list .list-item .main-content .summary {
		font-size: 16px
	}

	.tbsite-list .list-item .main-content h2 {
		margin: 12px 0 8px;
		font-size: 20px
	}

	.tbsite-list .ias-trigger, .tbsite-list .loading-indicator {
		margin-bottom: 16px
	}

}

.page-not-found .not-found-jumbotron {
	padding-top: 150px;
	background-image: url(/images/404-jumbotron-bg.jpg);
	background-size: cover;
	margin-bottom: 0
}

.page-not-found .sitemap {
	margin-bottom: 70px
}

.page-not-found .sitemap .nav-group {
	float: left;
	width: 25%;
	margin-right: 5%;
	text-align: center;
	color: #a6a6a6
}

.page-not-found .sitemap .nav-group:first-child, .page-not-found .sitemap .nav-group:last-child {
	width: 17%
}

.page-not-found .sitemap .nav-group:first-child {
	text-align: left
}

.page-not-found .sitemap .nav-group:last-child {
	margin-right: 0;
	text-align: right
}

.page-not-found .sitemap .nav-group h3 {
	padding-bottom: 30px;
	border-bottom: solid 1px #ededed;
	margin-bottom: 30px;
	font-size: 22px;
	color: grey
}

.page-not-found .sitemap .nav-group li {
	margin-bottom: 30px
}

.page-not-found .sitemap .nav-group li>a {
	text-decoration: none;
	font-size: 16px;
	color: #a6a6a6
}

.page-not-found .sitemap .nav-group li>a:hover {
	color: #03a9f4
}

@media (max-width:480px) {
	.page-not-found .not-found-jumbotron {
		padding-top: 90px
	}

	.page-not-found .sitemap .nav-group {
		height: 320px;
		margin: 0
	}

	.page-not-found .sitemap .nav-group, .page-not-found .sitemap .nav-group:first-child, .page-not-found .sitemap .nav-group:last-child {
		width: 50%;
		text-align: center
	}

	.page-not-found .sitemap .nav-group:nth-child(3), .page-not-found .sitemap .nav-group:nth-child(4) {
		height: 180px
	}

	.page-not-found .sitemap .nav-group li {
		margin-bottom: 20px
	}

}

@media (max-width:320px) {
	.page-not-found .not-found-jumbotron .title {
		font-size: 18px
	}

}

.page-agile.is-loading .site-footer, .page-agile.is-loading .site-header {
	display: none
}

.page-apps .mobile-android, .page-apps .mobile-ios, .page-apps .pc-web {
	display: none;
	height: 100%
}

.page-apps .mobile-android .mobile-wrap, .page-apps .mobile-ios .mobile-wrap, .page-apps .pc-web .mobile-wrap {
	height: 100%
}

.page-apps .download-wrap {
	height: 100%;
	position: relative;
	margin: 0 50px;
	background-size: 100%;
	background-repeat: no-repeat
}

.page-apps .download-tips {
	width: 100%;
	display: block;
	text-align: center;
	position: absolute;
	bottom: 0;
	padding-top: 80px;
	padding-bottom: 22px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(42%, #fff), to(white));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 42%, #fff)
}

.page-apps .download-tips h3 {
	font-size: 16px;
	color: #383838;
	margin-bottom: 14px
}

.page-apps .download-tips .download-btn {
	font-size: 14px !important;
	padding: 12px 17px !important
}

.page-apps .download-tips .download-btn.last-btn {
	margin-left: 14px
}

.page-apps .download-tips small {
	display: inline-block;
	position: absolute;
	font-size: 12px;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	top: 7px;
	left: 27px
}

.page-apps .download-tips .download-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 200%;
	position: relative;
	background-image: url(https://dn-st.teambition.net/site/images/apps/apps-download-icons.png)
}

.page-apps .download-tips .download-icon.ios {
	background-position: 16px 0;
	top: 2px;
	left: -3px
}

.page-apps .download-tips .download-icon.android {
	background-position: 0 0;
	top: 2px;
	left: -3px
}

.page-apps .download-tips .download-icon.ios-en {
	width: 18px;
	height: 18px;
	background-position: 18px 0;
	top: -2px;
	left: -5px
}

.page-apps .site-main {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}

.page-apps .site-main.android, .page-apps .site-main.ios {
	height: 100%;
	overflow: hidden
}

.page-apps .site-main.pc .pc-web {
	display: block
}

.page-apps .site-main.ios .mobile-ios {
	display: block
}

.page-apps .site-main.android .mobile-android {
	display: block
}

.page-apps .download-words {
	height: 67px;
	padding: 0 30px;
	margin: 70px auto 30px;
	text-align: center
}

.page-apps .download-words img {
	width: 100%;
	max-width: 556px
}

.page-apps .download-slogan {
	margin-bottom: .7rem;
	font-size: 48px;
	margin-top: 70px
}

.page-apps .download-slogan.en {
	font-size: 42px
}

.page-apps .download-desc {
	padding: 0 30px;
	text-align: center;
	font-size: 16px;
	color: #a6a6a6
}

.page-apps .download-list {
	margin: 80px 0 40px
}

.page-apps .download-list>li {
	float: left;
	width: 33.3%;
	height: 360px;
	text-align: center;
	margin-bottom: 60px
}

@media (min-width:480px) and (max-width:992px) {
	.page-apps .download-list>li {
		width: 50%
	}

}

.page-apps .download-list>li label {
	font-size: 18px
}

.page-apps .download-list .download-type-image {
	height: 150px;
	width: 100%;
	margin: 60px 0 80px;
	background-repeat: no-repeat;
	background-position: center
}

.page-apps .download-list .download-type-image.pc {
	background-image: url(/images/download-web@2x.png);
	background-size: 158px 91px
}

.page-apps .download-list .download-type-image.ios {
	background-image: url(/images/download-ios@2x.png);
	background-size: 67px 77px
}

.page-apps .download-list .download-type-image.android {
	background-image: url(/images/download-android@2x.png);
	background-size: 71px 83px
}

.page-apps .download-list .download-type-image.qr {
	position: relative;
	background-image: url(/images/download-qr.png);
	background-size: 150px 150px
}

.page-apps .download-list .download-type-image.wechat {
	position: relative;
	background-image: url(/images/apps/download-wechat.jpg);
	background-size: 170px 170px
}

.page-apps .download-list .download-type-image.qywx {
	position: relative;
	background-image: url(/images/apps/qr-qywx.svg);
	background-size: 86px 74px
}

.page-apps .download-list .download-type-image.dingtalk {
	position: relative;
	background-image: url(/images/apps/download-dingtalk.png);
	background-size: 150px 150px
}

.page-apps .download-list .download-for-qywx .qr-instructure {
	padding-top: 0
}

.page-apps .download-list .download-for-qywx .qr-qywx-link {
	position: relative;
	display: inline-block;
	height: 30px;
	padding: 0 10px 0 16px;
	line-height: 30px;
	border-radius: 4px;
	color: #0079de;
	border: 1px solid #0079de;
	background-color: #fff
}

.page-apps .download-list .download-for-qywx .qr-qywx-link .qywx-logo {
	display: inline-block;
	position: relative;
	top: 3px;
	left: -1px;
	width: 20px;
	height: 16px;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(/images/apps/qr-qywx.svg)
}

.page-apps .download-list .download-for-qywx .qr-qywx-tips {
	color: #383838;
	text-decoration: underline
}

.page-apps .download-list .handler-wrapper .btn {
	width: 210px;
	height: 60px;
	line-height: 45px;
	border-radius: 4px
}

.page-apps .download-list .handler-wrapper.pair .btn {
	width: 100px;
	padding: 8px;
	margin: 0 10px
}

.page-apps .download-list .handler-wrapper .btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	background-color: #ededed;
	border-color: #c2c2c2
}

.page-apps .download-list .qr-instructure {
	padding-top: 6px
}

.page-apps .download-list .circle-indicator {
	position: absolute;
	top: 40px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #d9d9d9;
	border-radius: 16px;
	color: #a6a6a6
}

@media (max-width:480px) {
	.page-apps .download-slogan {
		font-size: 24px;
		margin-top: 20px
	}

	.page-apps .download-desc {
		display: none
	}

	.page-apps .download-words {
		margin: 40px auto 10px
	}

	.page-apps .download-desc {
		text-align: left
	}

	.page-apps .download-list {
		margin: 40px 0 50px
	}

	.page-apps .download-list>li {
		width: 100%;
		margin-top: 20px;
		padding-top: 50px;
		border-top: 1px dashed #ccc
	}

	.page-apps .download-list>li:first-child {
		margin-top: 0
	}

	.page-apps .download-list>li:last-child {
		border-top: none
	}

	.page-apps .download-list>li .circle-indicator {
		top: -100px;
		left: 50%;
		margin-left: -16px
	}

	.page-apps .download-list>li label {
		font-size: 18px
	}

	.page-apps .download-list .download-type-image {
		margin: 30px 0 40px
	}

}

.page-apps:not(.zh) .download-words img {
	max-width: 840px
}

.page-education.is-loading .site-footer, .page-education.is-loading .site-header {
	display: none
}

.page-management.is-loading .site-footer, .page-management.is-loading .site-header {
	display: none
}

.page-manufacture.is-loading .site-footer, .page-manufacture.is-loading .site-header {
	display: none
}

.page-pricing .page-container {
	max-width: 1120px;
	margin: 0 auto
}

.page-pricing h1, .page-pricing h2, .page-pricing h3, .page-pricing p {
	margin: 0
}

.page-pricing h1 {
	font-size: 40px;
	line-height: 1.5
}

.page-pricing h2 {
	font-size: 32px
}

.page-pricing h3 {
	font-size: 18px;
	line-height: 1.57
}

.page-pricing p {
	font-size: 16px;
	line-height: 1.57
}

.page-pricing small {
	font-size: 14px;
	line-height: 1.57
}

@media (max-width:767px) {
	.page-pricing h1 {
		font-size: 28px
	}

	.page-pricing h2 {
		font-size: 24px
	}

	.page-pricing h3 {
		font-size: 14px
	}

	.page-pricing p {
		font-size: 14px
	}

	.page-pricing small {
		font-size: 14px
	}

}

.page-pricing .invisible-xss {
	display: block
}

@media (max-width:480px) {
	.page-pricing .invisible-xss {
		display: none
	}

}

.page-pricing .visible-xxs {
	display: none
}

@media (max-width:480px) {
	.page-pricing .visible-xxs {
		display: block
	}

}

.page-pricing .sign-up-now {
	padding: 100px;
	text-align: center
}

.page-pricing .sign-up-now .title {
	line-height: 48px;
	margin-bottom: 28px
}

@media (max-width:768px) {
	.page-pricing .sign-up-now .title {
		line-height: 38px;
		margin: 0 10px;
		margin-bottom: 12px;
	}

}

.page-pricing .sign-up-now .des {
	margin-bottom: 48px;
	color: grey
}

.page-pricing .sign-up-now .form-group {
	position: relative;
	max-width: 604px;
	margin: 0 auto
}

.page-pricing .sign-up-now .username {
	max-width: 440px;
	border-radius: 26px;
	padding: 14px 30px;
	margin-right: 16px
}

.page-pricing .sign-up-now .username:active, .page-pricing .sign-up-now .username:focus {
	border-color: #47AEFF
}

.page-pricing .sign-up-now .free-signup {
	position: relative;
	margin-right: 21px
}

.page-pricing .sign-up-now .consult-help {
	position: relative
}

.page-pricing .sign-up-now .free-download, .page-pricing .sign-up-now .signup-now {
	display: none;
	width: 156px;
	margin: 0 auto
}

.page-pricing .sign-up-now .signup-now {
	margin-bottom: 16px;
	margin-top: 20px
}

@media (max-width:480px) {
	.page-pricing .sign-up-now {
		margin: 0 auto;
		padding: 60px 16px
	}

	.page-pricing .sign-up-now .form-group {
		display: none
	}

	.page-pricing .sign-up-now .free-download, .page-pricing .sign-up-now .signup-now {
		display: block
	}

}

.page-pricing .question-list {
	padding: 80px 0;
	background-color: #fafbfc
}

.page-pricing .question-list .title {
	margin-bottom: 60px;
	text-align: center
}

.page-pricing .question-list>ul {
	max-width: 800px;
	margin: 0 auto
}

.page-pricing .question-list .question-item {
	-webkit-box-shadow: 0 1px 0 #e5e5e5;
	box-shadow: 0 1px 0 #e5e5e5;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-pricing .question-list .question-item .item-trigger {
	position: relative;
	padding: 24px 32px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-pricing .question-list .question-item .trigger-icon {
	position: absolute;
	right: 32px;
	color: #a6a6a6
}

.page-pricing .question-list .question-item .item-panel {
	display: none;
	padding: 0 32px;
	color: grey;
	line-height: 22px
}

.page-pricing .question-list .question-item .item-panel .pay-text {
	margin: 5px 12px 20px 28px;
}

.page-pricing .question-list .question-item .item-panel .pay-text:last-of-type {
	margin: 5px 12px 0px 28px;
}

.page-pricing .question-list .question-item .item-panel .qr-pay img {
	margin: 0 16px;
}

.page-pricing .question-list .question-item .item-panel .qr-pay {
	margin-bottom: 10px;
}

@media (max-width:767px) {
	.page-pricing .question-list .question-item .item-panel .qr-pay {
		text-align: center;
	}

	.page-pricing .question-list .question-item .item-panel .qr-pay img {
		margin: 0;
	}

}

.page-pricing .question-list .question-item.active .item-trigger, .page-pricing .question-list .question-item.active .trigger-icon, .page-pricing .question-list .question-item:hover .item-trigger, .page-pricing .question-list .question-item:hover .trigger-icon {
	color: #47AEFF
}

.page-pricing .question-list .question-item.active {
	background-color: #fff;
	padding: 8px 0 32px;
	-webkit-box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 2px 8px 0 rgba(82, 94, 102, .15)
}

.page-pricing .question-list .question-item.active .trigger-icon {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.page-pricing .question-list .question-item.active .item-panel {
	display: block
}

@media (max-width:480px) {
	.page-pricing .question-list {
		padding: 80px 16px
	}

	.page-pricing .question-list .question-item .item-trigger {
		padding: 24px 16px
	}

	.page-pricing .question-list .question-item .trigger-icon {
		display: none
	}

	.page-pricing .question-list .question-item .item-panel {
		padding: 0 16px
	}

}

.page-pricing .partners-wrap {
	padding: 80px 0 100px;
	text-align: center
}

.page-pricing .partners-wrap .title {
	text-align: center;
	margin-bottom: 80px
}

.page-pricing .partners-wrap>a {
	display: inline-block;
	text-align: center;
	color: #47AEFF
}

.page-pricing .partners-wrap .items-container {
	position: relative;
	margin-bottom: 60px
}

.page-pricing .partners-wrap .items {
	padding: 20px 0;
	overflow: hidden;
	white-space: nowrap
}

.page-pricing .partners-wrap li.item-partner {
	position: relative;
	display: inline-block;
	padding-left: 110px;
	height: 150px
}

.page-pricing .partners-wrap li.item-partner .item-logo {
	width: 160px;
	height: 100px;
	-webkit-box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 6px 18px 0 rgba(82, 94, 102, .15);
	background-color: #fff;
	position: relative;
	z-index: 2
}

.page-pricing .partners-wrap li.item-partner .item-customer {
	position: absolute;
	left: 140px;
	top: 60px;
	width: 160px;
	height: 90px;
	background-color: #e5e5e5
}

@media (max-width:480px) {
	.page-pricing .partners-wrap li.item-partner {
		height: 120px;
		padding-left: 56px
	}

	.page-pricing .partners-wrap li.item-partner .item-logo {
		width: 128px;
		height: 80px
	}

	.page-pricing .partners-wrap li.item-partner .item-customer {
		width: 128px;
		height: 72px
	}

	.page-pricing .partners-wrap li.item-partner .item-customer {
		left: 80px;
		top: 48px
	}

}

.arrow-link .arrow-link-title {
	font-size: 16px;
	color: #47AEFF
}

.arrow-link .arrow-link-arrow {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 8px
}

.arrow-link .arrow-link-arrow .arrow-link-arrow-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	color: #47AEFF;
	font-size: 12px;
	pointer-events: none;
	-webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1)
}

.arrow-link .arrow-link-arrow .arrow-link-arrow-line-wrap {
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 1px;
	-webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: translate3d(-3px, 0, 0);
	transform: translate3d(-3px, 0, 0);
	overflow: hidden
}

.arrow-link .arrow-link-arrow .arrow-link-arrow-line {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #47AEFF;
	-webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: transform .6s cubic-bezier(.165, .84, .44, 1);
	transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.arrow-link:hover .arrow-link-arrow-icon {
	-webkit-transform: translate3d(3px, 0, 0);
	transform: translate3d(3px, 0, 0)
}

.arrow-link:hover .arrow-link-arrow-line-wrap {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.arrow-link:hover .arrow-link-arrow-line {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.prices-jumbotron {
	position: relative;
	padding: 90px 0 0;
	background-position: center bottom;
	background-size: cover;
	background-color: #fff;
	margin-bottom: 0
}

@media (max-width:480px) {
	.prices-jumbotron {
		padding: 40px 0 50px
	}

}

.prices-jumbotron .personal {
	display: none;
}

.prices-jumbotron .select-version {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 60px;
}

.prices-jumbotron .select-version>div {
	border-bottom: 1px solid #c4c5c7;
	height: 48px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.prices-jumbotron .select-version .serif-title {
	font-size: 26px;
	font-weight: 400;
	padding-bottom: 10px;
	cursor: pointer;
	color: #c4c5c7;
}

.enterprise .select-version div>.serif-title:first-child {
	border-bottom: 2px solid #41464b;
	color: #41464b;
	position: relative;
	margin-right: 25px;
}

.personal .select-version div>.serif-title:first-child {
	font-weight: 400;
	padding-bottom: 10px;
	cursor: pointer;
	color: #c4c5c7;
	margin-right: 25px;
}

.personal .select-version div>.serif-title:last-child {
	border-bottom: 2px solid #41464b;
	color: #41464b;
	position: relative;
}

@media (max-width:768px) {
	.prices-jumbotron .select-version {
		margin-bottom: 50px;
	}

	.prices-jumbotron .select-version .serif-title {
		font-size: 22px;
	}

	.prices-jumbotron .select-version>div {
		height: 42px;
	}

}

.prices-jumbotron .prices-jumbotron-container {
	max-width: 1120px;
	margin: 0 auto
}

.prices-jumbotron .jumbotron-header {
	margin-bottom: 60px
}

.prices-jumbotron .jumbotron-header .title {
	margin-bottom: 40px
}

@media (max-width:768px) {
	.prices-jumbotron .jumbotron-header .title {
		margin: 0 auto 0;
		width: calc(100vw - 60px);
		max-width: calc(100vw - 20px * 2);
		min-width: 268px;
		line-height: 38px;
		text-align: center;
		margin-bottom: 20px;
	}

}

.prices-jumbotron .jumbotron-header .des {
	color: grey;
	max-width: 600px;
	margin: 0 auto
}

@media (max-width:480px) {
	.prices-jumbotron .jumbotron-header {
		margin-bottom: 40px
	}

	.prices-jumbotron .jumbotron-header .des {
		padding-left: 16px;
		padding-right: 16px
	}

}

.prices-jumbotron .jumbotron-container {
	width: 100%
}

.prices-jumbotron .jumbotron-container .plan-wrapper {
	margin: 0 auto
}

.prices-jumbotron .enterprise .plan-version {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 406px;
	padding: 0;
	height: 2480px;
	margin-bottom: 40px;
	border-radius: 3px;
	-webkit-box-shadow: 0 8px 24px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 8px 24px 0 rgba(82, 94, 102, .15)
}

.prices-jumbotron .personal .plan-version {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 406px;
	padding: 0;
	height: 2110px;
	margin-bottom: 40px;
	border-radius: 3px;
	-webkit-box-shadow: 0 8px 24px 0 rgba(82, 94, 102, .15);
	box-shadow: 0 8px 24px 0 rgba(82, 94, 102, .15)
}

@media (max-width:1024px) {
	.prices-jumbotron .plan-version {
		height: 1080px
	}

}

@media (max-width:926px) {
	.prices-jumbotron .plan-version {
		height: 1200px
	}

}

@media (max-width:767px) {
	.prices-jumbotron .enterprise .plan-version.plan-enterprise {
		height: 2380px;
		margin: 0 auto 40px
	}

	.prices-jumbotron .enterprise .plan-version.plan-enterprise-pro {
		height: 2425px;
		margin: 0 auto 40px
	}

	.prices-jumbotron .enterprise .plan-version.plan-deployment {
		height: 755px;
		margin: 0 auto 40px
	}

	.prices-jumbotron .personal .plan-version {
		height: 2060px;
		margin: 0 auto 40px
	}

}

@media (max-width:320px) {
	.prices-jumbotron .enterprise .plan-version.plan-enterprise {
		height: 2305px;
		margin: 0 auto 40px
	}

	.prices-jumbotron .enterprise .plan-version.plan-enterprise-pro {
		height: 2345px;
		margin: 0 auto 40px
	}

	.prices-jumbotron .enterprise .plan-version.plan-deployment {
		height: 740px;
		margin: 0 auto 40px
	}

	.prices-jumbotron .personal .plan-version {
		height: 1985px;
		margin: 0 auto 40px
	}

}

.prices-jumbotron .plan-version .plan-header {
	position: relative;
	padding: 16px 0;
	height: 84px;	/*border-bottom: 1px solid #e5e5e5;*/
	border-radius: 3px 3px 0 0;
}

.prices-jumbotron .plan-version .plan-header h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0
}

.prices-jumbotron .plan-version .plan-header .tips {
	font-size: 16px;
	color: grey;
	margin: 8px 16px 0
}

@media (max-width:1024px) {
	.prices-jumbotron .plan-version .plan-header .tips {
		font-size: 14px
	}

}

@media (min-width:480px) and (max-width:768px) {
	.prices-jumbotron .plan-version .plan-header {
		height: 110px
	}

	.prices-jumbotron .plan-version .plan-header .tips {
		font-size: 16px
	}

}

@media (max-width:480px) {
	.prices-jumbotron .plan-version .plan-header {
		height: 84px;
		padding: 16px 0
	}

	.prices-jumbotron .plan-version .plan-header h4 {
		font-size: 18px
	}

	.prices-jumbotron .plan-version .plan-header .tips {
		font-size: 14px
	}

}

.prices-jumbotron .plan-version .plan-price {
	padding-top: 20px;	/*margin-left: 28px;
												margin-right: 28px;*/
	height: 242px;
	border-bottom: 1px solid #eee;
	background: #FBFBFB;
}

.prices-jumbotron .plan-version .plan-price .price .currency-discount {
	color: #ffc107
}

.prices-jumbotron .plan-version .plan-price .price .currency {
	position: relative;
	top: 8px;
	left: -4px;
	font-size: 20px;
	vertical-align: top
}

.prices-jumbotron .plan-version .plan-price .price .money-original {
	display: inline-block;
	color: #aaa;
	font-size: 24px
}

.prices-jumbotron .plan-version .plan-price .price .money-original small {
	font-size: 16px;
	margin: 0 4px;
	position: relative;
	top: -2px
}

.prices-jumbotron .plan-version .plan-price .price .money-original span {
	text-decoration: line-through
}

.prices-jumbotron .plan-version .plan-price .price .money-discount {
	color: #ffc107
}

.prices-jumbotron .plan-version .plan-price .price .money {
	font-size: 32px;
	font-weight: 200;
	line-height: 55px;
	margin-right: 8px
}

.prices-jumbotron .plan-version .plan-price .price small {
	font-size: 16px;
	color: #a6a6a6
}

.prices-jumbotron .plan-version .plan-price .price-small-tip {
	display: block;
	font-size: 16px;
	color: grey;
	margin-top: 8px
}

.prices-jumbotron .plan-version .plan-price a {
	margin-top: 20px
}

.prices-jumbotron .plan-version .plan-price a.btn-default {
	border-color: #03a9f4;
	color: #03a9f4
}

.prices-jumbotron .plan-version .plan-price a.btn-default:hover {
	background-color: #fff
}

.prices-jumbotron .plan-version .plan-price p {
	margin: 20px auto 0;
	font-size: 14px;
}

.prices-jumbotron .plan-version .plan-price p object:nth-of-type(1) {
	text-align: right;
	display: inline-block;
	padding: 0 15px 0 0;
	margin: 0;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.prices-jumbotron .plan-version .plan-price p object:nth-of-type(2) {
	text-align: left;
	border-left: 1px solid #c6c6c6;
	display: inline-block;
	padding: 0 0 0 15px;
	margin: 0;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media (max-width:480px) {
	.prices-jumbotron .plan-version .plan-price {
		padding-top: 20px;
		height: 212px
	}

	.prices-jumbotron .plan-version .plan-price .price .currency {
		font-size: 18px
	}

	.prices-jumbotron .plan-version .plan-price .price .money {
		font-size: 40px
	}

	.prices-jumbotron .plan-version .plan-price .price small {
		font-size: 14px
	}

	.prices-jumbotron .plan-version .plan-price a {
		margin-top: 10px;
		padding: 8px 22px
	}

}

.prices-jumbotron .plan-version .plan-list {
	padding-bottom: 40px
}

.prices-jumbotron .plan-version .plan-list ul.plan-service-list {
	padding: 4px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 30px;
}

.prices-jumbotron .plan-version .plan-list ul.plan-service-list strong {
	float: right;
	margin-right: 20px;
}

.prices-jumbotron .plan-version .plan-list ul.plan-service-list span.more-text {
	font-size: 13px;
	margin-top: 3px;
	display: block;
}

.prices-jumbotron .plan-version .plan-list ul.plan-feature-list .font-not {
	color: #eaeaea;
}

.prices-jumbotron .plan-version .plan-list ul.plan-service-list .font-not {
	color: #eaeaea;
}

.prices-jumbotron .plan-version .plan-list>ul {
	padding: 0 4px;
	margin: 0 auto
}

@media (max-width:768px) {
	.prices-jumbotron .plan-version .plan-list>ul {
		margin-bottom: 0px
	}

}

.prices-jumbotron .plan-version .plan-list>ul h4 {
	font-size: 14px;
	margin: 0;
	margin-left: 16px;
	padding: 28px 0 20px;
	color: #a6a6a6
}

@media (max-width:1024px) {
	.prices-jumbotron .plan-version .plan-list>ul h4 {
		font-size: 12px
	}

}

.prices-jumbotron .plan-version .plan-list>ul li {
	position: relative;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.5;
	padding-left: 60px
}

@media (max-width:1080px) {
	.prices-jumbotron .plan-version .plan-list>ul li {
		position: relative;
		font-size: 16px;
		margin-bottom: 20px;
		line-height: 1.5;
		padding-left: 50px
	}

}

@media (max-width:1024px) {
	.prices-jumbotron .plan-version .plan-list>ul li {
		position: relative;
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 1.5;
		padding-left: 45px
	}

}

@media (max-width:767px) {
	.prices-jumbotron .plan-version .plan-list>ul li {
		position: relative;
		font-size: 16px;
		margin-bottom: 20px;
		line-height: 1.5;
		padding-left: 60px
	}

}

@media (max-width:320px) {
	.prices-jumbotron .plan-version .plan-list>ul li {
		position: relative;
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 1.5;
		padding-left: 50px
	}

}

.prices-jumbotron .plan-version .plan-list>ul li:last-child {
	margin-bottom: 0
}

.prices-jumbotron .plan-version .plan-list>ul li .icon-tick-thin {
	position: absolute;
	display: inline-block;
	left: 16px;
	width: 20px;
	height: 20px;
	color: #47AEFF;
	text-align: center
}

.prices-jumbotron .plan-version .plan-list>ul li+h4 {
	padding-top: 8px
}

.prices-jumbotron .enterprise .plan-version .plan-feature-list {
	height: 380px
}

.prices-jumbotron .personal .plan-version .plan-feature-list {
	height: 160px
}

@media (max-width:924px) {
	.prices-jumbotron .plan-version .plan-feature-list {
		height: 430px
	}

}

@media (max-width:828px) {
	.prices-jumbotron .plan-version .plan-feature-list {
		height: 480px
	}

}

@media (max-width:767px) {
	.prices-jumbotron .plan-version .plan-feature-list {
		height: 458px;
		margin-bottom: 40px
	}

	.prices-jumbotron .enterprise .plan-version.plan-deployment .plan-feature-list {
		height: 200px
	}

}

.prices-jumbotron .plan-version.plan-enterprise .plan-header {

	/*background: linear-gradient(15deg, #565656, #a9a9a9);*/
	background: linear-gradient(15deg, #1059E8, #4EC1FF);
}

.prices-jumbotron .plan-version.plan-enterprise .plan-header h4, .prices-jumbotron .plan-version.plan-enterprise .plan-header p {
	color: #fff
}

.prices-jumbotron .plan-version.plan-enterprise-pro .plan-header {

	/*background: linear-gradient(15deg, #363636, #787878);*/
	background: linear-gradient(15deg, #1045E8, #14A3FF);
}

.prices-jumbotron .plan-version.plan-enterprise-pro .plan-header h4, .prices-jumbotron .plan-version.plan-enterprise-pro .plan-header p {
	color: #fff
}

.prices-jumbotron .plan-version.plan-deployment .plan-header {
	background: linear-gradient(15deg, #121212, #787878);
}

.prices-jumbotron .plan-version.plan-deployment .plan-header h4, .prices-jumbotron .plan-version.plan-deployment .plan-header p {
	color: #fff
}

.prices-jumbotron .plan-version.plan-personal .plan-header {
	background: linear-gradient(15deg, #F3F3F3, #FFFFFF);
}

.prices-jumbotron .plan-version.plan-personal .plan-header h4, .prices-jumbotron .plan-version.plan-personal .plan-header p {
	color: #121212;
}

.prices-jumbotron .plan-version.plan-personal-high .plan-header {
	background: linear-gradient(15deg, #363636, #787878);
}

.prices-jumbotron .plan-version.plan-personal-high .plan-header h4, .prices-jumbotron .plan-version.plan-personal-high .plan-header p {
	color: #fff
}

.prices-jumbotron .plan-version.plan-personal-pro .plan-header {
	background: linear-gradient(15deg, #121212, #787878);
}

.prices-jumbotron .plan-version.plan-personal-pro .plan-header h4, .prices-jumbotron .plan-version.plan-personal-pro .plan-header p {
	color: #fff
}

.prices-jumbotron .plan-wrapper.en .plan-version {
	height: 1200px
}

.prices-jumbotron .plan-wrapper.en .plan-version .plan-feature-list {
	height: 460px
}

@media (max-width:1106px) {
	.prices-jumbotron .plan-wrapper.en .plan-version {
		height: 1260px
	}

}

@media (max-width:900px) {
	.prices-jumbotron .plan-wrapper.en .plan-version {
		height: 1260px
	}

	.prices-jumbotron .plan-wrapper.en .plan-version .plan-feature-list {
		height: 480px
	}

}

@media (max-width:880px) {
	.prices-jumbotron .plan-wrapper.en .plan-version {
		height: 1380px
	}

	.prices-jumbotron .plan-wrapper.en .plan-version .plan-feature-list {
		height: 580px
	}

}

@media (max-width:767px) {
	.prices-jumbotron .plan-wrapper.en .plan-version {
		height: 1450px
	}

	.prices-jumbotron .plan-wrapper.en .plan-version .plan-feature-list {
		height: 565px
	}

}

.prices-jumbotron .plan-version {
	top: 100px;
	opacity: 0;
	-webkit-transform: scale(.98);
	transform: scale(.98)
}

.prices-jumbotron .plan-version.plan-enterprise {
	-webkit-transition: all .8s cubic-bezier(.1, .8, .4, 1);
	transition: all .8s cubic-bezier(.1, .8, .4, 1)
}

.prices-jumbotron .plan-version.plan-enterprise-pro {
	-webkit-transition: all .8s cubic-bezier(.1, .8, .4, 1) 33ms;
	transition: all .8s cubic-bezier(.1, .8, .4, 1) 33ms
}

.prices-jumbotron .plan-version.plan-deployment {
	-webkit-transition: all .8s cubic-bezier(.1, .8, .4, 1) 66ms;
	transition: all .8s cubic-bezier(.1, .8, .4, 1) 66ms
}

.prices-jumbotron .plan-version.plan-personal {
	-webkit-transition: all .8s cubic-bezier(.1, .8, .4, 1);
	transition: all .8s cubic-bezier(.1, .8, .4, 1)
}

.prices-jumbotron .plan-version.plan-personal-high {
	-webkit-transition: all .8s cubic-bezier(.1, .8, .4, 1) 33ms;
	transition: all .8s cubic-bezier(.1, .8, .4, 1) 33ms
}

.prices-jumbotron .plan-version.plan-personal-pro {
	-webkit-transition: all .8s cubic-bezier(.1, .8, .4, 1) 66ms;
	transition: all .8s cubic-bezier(.1, .8, .4, 1) 66ms
}

.prices-jumbotron .plan-version.is-show {
	top: 0;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.developer-jumbotron, .developer-jumbotron .subcol-nav-bg {
	background-image: url(/images/developer-jumbotron-bg.jpg)
}

.developer-jumbotron.zh .container {
	max-width: 780px
}

.page-developer-open-source .open-source-list {
	margin-bottom: 20px
}

.page-developer-open-source .open-source-list ul li {
	position: relative;
	padding-bottom: 20px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 40px
}

.page-developer-open-source .open-source-list ul li:last-child {
	border-bottom: none
}

.page-developer-open-source .open-source-list ul li .title {
	display: inline-block
}

.page-developer-open-source .open-source-list ul li .title .icon {
	display: none
}

.page-developer-open-source .open-source-list ul li .title h2 {
	display: inline-block;
	margin: 0 0 15px
}

.page-developer-open-source .open-source-list ul li .title:hover .icon {
	display: inline-block;
	padding-left: 5px;
	font-size: 20px;
	color: #aaa
}

.page-developer-open-source .open-source-list ul li .desc {
	margin-bottom: 15px;
	font-size: 16px
}

.page-developer-open-source .open-source-list ul li .language {
	position: absolute;
	top: 7px;
	right: 0;
	color: #888;
	font-size: 12px;
	font-weight: 700
}

.page-developer-open-source .open-source-list ul li .author {
	float: left;
	display: block;
	margin-right: 15px
}

.page-developer-open-source .open-source-list ul li .author img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-transition: all .35s;
	transition: all .35s
}

.page-developer-open-source .open-source-list ul li .author img:hover {
	opacity: .8
}

.page-developer-open-platform .platform-jumbotron {
	background-color: #fff;
	padding: 100px 0
}

@media (max-width:991px) {
	.page-developer-open-platform .platform-jumbotron {
		padding: 50px 0
	}

}

@media (min-width:992px) {
	.page-developer-open-platform .platform-intro {
		max-width: 540px
	}

}

@media (max-width:991px) {
	.page-developer-open-platform .platform-intro {
		margin: 0 auto;
		margin-bottom: 40px
	}

	.page-developer-open-platform .platform-intro h1 {
		text-align: center
	}

	.page-developer-open-platform .platform-intro p {
		max-width: 620px;
		margin: 0 auto !important;
		margin-bottom: 25px !important
	}

}

.en.page-developer-open-platform .platform-intro {
	max-width: 560px
}

.page-developer-open-platform .platform-intro h1 {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 1.2rem
}

.en.page-developer-open-platform .platform-intro h1 {
	font-size: 1rem
}

.page-developer-open-platform .platform-intro p {
	line-height: 28px;
	margin-bottom: 25px;
	margin-right: 32px;
	font-size: 18px;
	color: #a6a6a6
}

.page-developer-open-platform .platform-intro .buttons-wrap .btn {
	min-width: 195px
}

.page-developer-open-platform .platform-intro .buttons-wrap .btn+.btn {
	margin-left: 20px
}

@media (max-width:991px) {
	.page-developer-open-platform .platform-intro .buttons-wrap {
		text-align: center
	}

}

@media (max-width:480px) {
	.page-developer-open-platform .platform-intro .buttons-wrap .btn {
		display: block
	}

	.page-developer-open-platform .platform-intro .buttons-wrap .btn+.btn {
		margin-top: 20px;
		margin-left: 0
	}

}

.page-developer-open-platform .platform-hreo {
	max-width: 352px
}

@media (min-width:992px) {
	.page-developer-open-platform .platform-hreo {
		float: right
	}

}

@media (max-width:991px) {
	.page-developer-open-platform .platform-hreo {
		margin: 0 auto
	}

}

.page-developer-open-platform .platform-cases {
	padding-bottom: 100px
}

.page-developer-open-platform .platform-cases h2 {
	margin-top: 0;
	text-align: center
}

@media (min-width:992px) {
	.page-developer-open-platform .platform-cases h2 {
		margin-bottom: 45px
	}

}

@media (min-width:768px) {
	.page-developer-open-platform .platform-cases [class*=col-] {
		padding-left: 10px;
		padding-right: 10px
	}

}

.page-developer-open-platform .platform-cases .card {
	display: block;
	padding: 15px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	text-align: center;
	color: grey;
	-webkit-transition: border-color 218ms;
	transition: border-color 218ms
}

.page-developer-open-platform .platform-cases .card:hover {
	border-color: #03a9f4
}

.page-developer-open-platform .platform-cases .card.contact {
	padding: 24px 10px
}

.page-developer-open-platform .platform-cases .card .nav-icon {
	display: inline-block;
	background-repeat: no-repeat;
	margin-right: 10px
}

@media (max-width:930px) {
	.page-developer-open-platform .platform-cases .card .nav-icon {
		margin-right: 16px
	}

}

.en.page-developer-open-platform .platform-cases .card.with-icon {
	height: 135px !important
}

.en.page-developer-open-platform .platform-cases .card .nav-name {
	margin-top: 10px;
	display: block;
	line-height: 20px
}

.page-developer-open-platform .platform-cases .card .desc {
	margin-bottom: 0;
	font-size: 18px
}

.page-developer-open-platform .platform-cases .card.with-icon {
	height: 105px;
	background-repeat: no-repeat
}

.page-developer-open-platform .platform-cases .card.with-icon.o2o .nav-icon {
	width: 58px;
	height: 58px;
	background-image: url(/images/developer/case-o2o@2x.png);
	background-size: 58px 58px
}

.page-developer-open-platform .platform-cases .card.with-icon.analytics .nav-icon {
	width: 61px;
	height: 57px;
	background-image: url(/images/developer/case-analytics@2x.png);
	background-size: 61px 57px
}

.page-developer-open-platform .platform-cases .card.with-icon.project .nav-icon {
	width: 49px;
	height: 60px;
	background-image: url(/images/developer/case-project@2x.png);
	background-size: 49px 60px
}

.page-developer-open-platform .platform-cases .card.with-icon.smm .nav-icon {
	width: 59px;
	height: 50px;
	background-image: url(/images/developer/case-smm@2x.png);
	background-size: 59px 50px
}

.page-developer-open-platform .platform-cases .card.with-icon .desc {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.page-developer-open-platform .platform-cases .card.with-icon .desc>* {
	vertical-align: middle
}

@media (max-width:991px) {
	.page-developer-open-platform .platform-cases {
		padding-top: 0;
		padding-bottom: 16px
	}

	.page-developer-open-platform .platform-cases .card {
		margin-top: 16px
	}

}

.page-developer-open-platform .more-links {
	margin-top: 16px;
	font-size: 18px
}

@media (min-width:768px) {
	.page-developer-open-platform .more-links {
		margin-top: 20px
	}

}

@media (min-width:768px) {
	.page-developer-open-platform .more-links {
		margin-left: -6px;
		margin-right: -6px
	}

}

.page-developer-open-platform .more-links a:not(:last-child) {
	margin-bottom: 16px
}

@media (min-width:768px) {
	.page-developer-open-platform .more-links a:not(:last-child) {
		margin-bottom: 20px
	}

}

.page-developer-blog .tbsite-list .list-wrap .list-item .main-content {
	padding-left: 15px
}

@media (max-width:768px) {
	.page-developer-open-source .open-source-list {
		padding-top: 5px;
		margin-bottom: 0
	}

	.page-developer-open-source .open-source-list ul li {
		padding-bottom: 15px;
		margin-bottom: 15px
	}

	.page-developer-open-source .open-source-list ul li:last-child {
		padding-bottom: 5px;
		margin-bottom: none
	}

}

@media (min-width:767px) {
	.en .developer-jumbotron {
		font-size: 38px
	}

}

.page-email-unsubscribe .site-main {
	min-height: 0
}

.page-email-unsubscribe .email-unsubscribe-jumbotron {
	background: 0 0;
	padding-bottom: 0
}

.page-email-unsubscribe .email-unsubscribe-jumbotron p {
	font-size: 14px
}

.page-email-unsubscribe .img-icon {
	width: 100px;
	height: 100px;
	background-image: url(/images/email-unsubscribe-success@2x.png);
	background-size: 100px 100px;
	margin: 0 auto
}

.page-email-unsubscribe .title {
	font-family: pingfang sc, Hiragino Sans GB;
	font-size: 18px;
	font-weight: 500;
	margin-top: 24px;
	margin-bottom: 16px;
	color: #383838;
	line-height: 18px
}

.page-email-unsubscribe .desc {
	color: grey
}

.page-email-unsubscribe .goto-account {
	color: #a6a6a6;
	margin-top: 48px;
	margin-bottom: 72px
}

.page-index.is-loading .site-footer, .page-index.is-loading .site-header {
	display: none
}

.info-jumbotron .subcol-nav li {
	width: 25% !important
}

@media (min-width:768px) {
	.en .info-jumbotron .subcol-nav li:first-child a {
		font-size: 17px
	}

}

.info-jumbotron .invisible-xs {
	display: block
}

@media (max-width:480px) {
	.info-jumbotron .invisible-xs {
		display: none
	}

}

.info-about-jumbotron, .info-about-jumbotron .subcol-nav-bg {
	background-image: url(/images/info-about-jumbotron-bg.jpg)
}

.info-news-jumbotron, .info-news-jumbotron .subcol-nav-bg {
	background-image: url(/images/info-news-jumbotron-bg.jpg)
}

.info-member-jumbotron, .info-member-jumbotron .subcol-nav-bg, .info-team-jumbotron, .info-team-jumbotron .subcol-nav-bg {
	background-image: url(/images/info-team-jumbotron-bg.jpg)
}

.info-jobs-jumbotron, .info-jobs-jumbotron .subcol-nav-bg {
	background-image: url(/images/info-jobs-jumbotron-bg.jpg)
}

.info-contactus-jumbotron, .info-contactus-jumbotron .subcol-nav-bg {
	background-image: url(/images/info-contactus-jumbotron-bg.jpg)
}

.info-press-jumbotron, .info-press-jumbotron .subcol-nav-bg {
	background-image: url(/images/info-press-jumbotron-bg.jpg)
}

.info-partners-jumbotron, .info-partners-jumbotron .subcol-nav-bg {
	background-image: url(/images/info-partners-jumbotron-bg.jpg)
}

.fontsz {
	font-size: 1.1em;
	letter-spacing: 1px
}

.page-info-about h2 {
	margin-top: 0;
	margin-bottom: 60px;
	color: #383838;
	font-size: 48px
}

.page-info-about p {
	font-size: 16px;
	line-height: 26px
}

.page-info-about .section-wrap {
	padding: 100px 0;
	text-align: center
}

.page-info-about .section-wrap .about-wrap {
	max-width: 750px;
	margin: 0 auto
}

.page-info-about .section-wrap.about-video .video-wrap {
	overflow: hidden;
	position: relative
}

.page-info-about .section-wrap.about-video .video-wrap video {
	width: 100%
}

.page-info-about .section-wrap.about-video .video-wrap .img-icon-video {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -35px;
	width: 70px;
	height: 70px;
	background-image: url(/images/index/img-icon-video@2x.png);
	background-size: 70px 70px;
	opacity: .7;
	cursor: pointer;
	z-index: 2333
}

@media (max-width:768px) {
	.page-info-about .section-wrap.about-video {
		padding: 20px
	}

	.page-info-about .section-wrap.about-video .container {
		padding: 0
	}

}

.page-info-about .section-wrap.about-us {
	padding-top: 40px
}

.page-info-about .section-wrap.about-vision {
	padding: 60px 0 70px;
	background: url(/images/info-about-mission-bg.jpg) center center no-repeat;
	background-size: cover;
	color: #fff
}

.page-info-about .section-wrap.about-vision h2 {
	margin-bottom: 40px;
	color: #fff
}

.page-info-about .section-wrap.about-value {
	padding-bottom: 0
}

.page-info-about .section-wrap.about-value .value-image {
	widows: 340px;
	height: 340px;
	margin: 0 auto 30px
}

.page-info-about .section-wrap.about-value .value-image.value1 {
	background: url(/images/info-about-value1.jpg) center center no-repeat
}

.page-info-about .section-wrap.about-value .value-image.value2 {
	background: url(/images/info-about-value2.jpg) center center no-repeat
}

.page-info-about .section-wrap.about-value .value-image.value3 {
	background: url(/images/info-about-value3.jpg) center center no-repeat
}

.page-info-about .section-wrap.about-value h4 {
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 33px;
	color: #38383c
}

.page-info-about .section-wrap.about-value p {
	min-height: 70px;
	font-size: 16px;
	color: grey;
	line-height: 23px
}

.page-info-about .section-wrap.about-mission {
	padding-bottom: 0
}

.page-info-about .section-wrap.about-mission h2 {
	margin-bottom: 40px
}

.page-info-about .section-wrap.about-mission .mission-image {
	height: 350px;
	margin: 80px auto 0;
	background: url(/images/info-about-mission.png) center center no-repeat;
	background-size: cover
}

.page-info-about .section-wrap.about-joinus h2 {
	margin-bottom: 40px
}

.page-info-about .section-wrap.about-joinus p {
	margin-bottom: 50px
}

.page-info-about .section-wrap.about-joinus .btn {
	height: 50px;
	line-height: 36px;
	font-size: 14px
}

@media (max-width:480px) {
	.page-info-about h2 {
		margin-bottom: 40px;
		font-size: 24px
	}

	.page-info-about .section-wrap {
		padding: 50px 0
	}

	.page-info-about .section-wrap.about-value h4 {
		margin-bottom: 15px;
		font-size: 18px
	}

	.page-info-about .section-wrap.about-mission .mission-image {
		height: 205px;
		margin-top: 30px
	}

}

.page-info-team .site-main {
	overflow: hidden
}

.page-info-team .members-list {
	font: 400 17px/1.7em "Open Sans", open-sans, sans-serif;
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.page-info-team .members-list .member {
	float: left;
	width: 190px;
	height: 190px;
	cursor: pointer;
	background-position: -1px -2281px
}

.page-info-team .members-list .member.back {
	position: relative;
	height: 190px;
	color: #fff
}

.page-info-team .members-list .member.back .simple-info {
	display: block
}

.page-info-team .members-list .member.back:after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(34, 42, 51, .9) !important
}

.page-info-team .members-list .member .simple-info {
	display: none;
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	padding: 20px
}

.page-info-team .members-list .member .simple-info .name {
	letter-spacing: 1px
}

.page-info-team .members-list .member .simple-info .post {
	font-style: italic;
	-webkit-font-smoothing: antialiased
}

.page-info-team .members-list .member .simple-info .more {
	padding-top: 7px;
	margin-top: 8px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	-webkit-font-smoothing: antialiased
}

.page-info-team .members-list .member .simple-info .more:after, .page-info-team .members-list .member .simple-info .more:before {
	content: " ";
	display: table
}

.page-info-team .members-list .member .simple-info .more:after {
	clear: both
}

.page-info-team .members-list .member .simple-info p {
	margin-bottom: 0
}

.page-info-team .members-list .member .simple-info a {
	float: left;
	width: 100%;
	color: #fff;
	opacity: .7;
	cursor: pointer
}

.page-info-team .members-list .member .simple-info a:hover {
	opacity: 1
}

.page-info-team .members-list .member .simple-info a .icon {
	font-size: 14px;
	float: right;
	margin-right: -3px
}

.page-info-team .members-list .join-us {
	float: left;
	width: 190px;
	height: 190px;
	background-color: #47AEFF;
	background: linear-gradient(-45deg, #32b6ff, #4276ff)
}

.page-info-team .members-list .join-us .join-us-desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%
}

.page-info-team .members-list .join-us .join-us-desc>p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	font-size: 18px;
	color: #fff;
	-ms-flex-item-align: center;
	align-self: center
}

.page-info-team .members-list .join-us .join-us-desc>p .icon {
	margin-right: 8px
}

@media (min-width:992px) {
	.page-info-team .site-main {
		margin-bottom: 50px
	}

}

@media (max-width:991px) {
	.page-info-team .site-main {
		margin-bottom: 10px
	}

}

@media (min-width:1100px) {
	.page-info-team .site-main .container {
		width: 1100px
	}

	.page-info-team .member:nth-child(5n) {
		margin-right: 0
	}

}

@media (max-width:1099px) and (min-width:816px) {
	.page-info-team .site-main .container {
		width: 811px
	}

	.page-info-team .member:nth-child(4n) {
		margin-right: 0
	}

}

@media (max-width:815px) {
	.page-info-team .site-main .container {
		width: 614px
	}

	.page-info-team .member:nth-child(3n) {
		margin-right: 0
	}

}

@media (max-width:607px) {
	.page-info-team .site-main {
		height: 2280.8778px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.991686);
		transform: scale(.991686)
	}

}

@media (max-width:602px) {
	.page-info-team .site-main {
		height: 2261.7556px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.983372);
		transform: scale(.983372)
	}

}

@media (max-width:597px) {
	.page-info-team .site-main {
		height: 2242.6334px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.975058);
		transform: scale(.975058)
	}

}

@media (max-width:592px) {
	.page-info-team .site-main {
		height: 2223.5112px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.966744);
		transform: scale(.966744)
	}

}

@media (max-width:587px) {
	.page-info-team .site-main {
		height: 2204.389px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.95843);
		transform: scale(.95843)
	}

}

@media (max-width:582px) {
	.page-info-team .site-main {
		height: 2185.2668px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.950116);
		transform: scale(.950116)
	}

}

@media (max-width:577px) {
	.page-info-team .site-main {
		height: 2166.1446px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.941802);
		transform: scale(.941802)
	}

}

@media (max-width:572px) {
	.page-info-team .site-main {
		height: 2147.0224px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.933488);
		transform: scale(.933488)
	}

}

@media (max-width:567px) {
	.page-info-team .site-main {
		height: 2127.9002px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.925174);
		transform: scale(.925174)
	}

}

@media (max-width:562px) {
	.page-info-team .site-main {
		height: 2108.778px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.91686);
		transform: scale(.91686)
	}

}

@media (max-width:557px) {
	.page-info-team .site-main {
		height: 2089.6558px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.908546);
		transform: scale(.908546)
	}

}

@media (max-width:552px) {
	.page-info-team .site-main {
		height: 2070.5336px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.900232);
		transform: scale(.900232)
	}

}

@media (max-width:547px) {
	.page-info-team .site-main {
		height: 2051.4114px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.891918);
		transform: scale(.891918)
	}

}

@media (max-width:542px) {
	.page-info-team .site-main {
		height: 2032.2892px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.883604);
		transform: scale(.883604)
	}

}

@media (max-width:537px) {
	.page-info-team .site-main {
		height: 2013.167px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.87529);
		transform: scale(.87529)
	}

}

@media (max-width:532px) {
	.page-info-team .site-main {
		height: 1994.0448px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.866976);
		transform: scale(.866976)
	}

}

@media (max-width:527px) {
	.page-info-team .site-main {
		height: 1974.9226px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.858662);
		transform: scale(.858662)
	}

}

@media (max-width:522px) {
	.page-info-team .site-main {
		height: 1955.8004px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.850348);
		transform: scale(.850348)
	}

}

@media (max-width:517px) {
	.page-info-team .site-main {
		height: 1936.6782px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.842034);
		transform: scale(.842034)
	}

}

@media (max-width:512px) {
	.page-info-team .site-main {
		height: 1917.556px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.83372);
		transform: scale(.83372)
	}

}

@media (max-width:507px) {
	.page-info-team .site-main {
		height: 1898.4338px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.825406);
		transform: scale(.825406)
	}

}

@media (max-width:502px) {
	.page-info-team .site-main {
		height: 1879.3116px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.817092);
		transform: scale(.817092)
	}

}

@media (max-width:497px) {
	.page-info-team .site-main {
		height: 1860.1894px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.808778);
		transform: scale(.808778)
	}

}

@media (max-width:492px) {
	.page-info-team .site-main {
		height: 1841.0672px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.800464);
		transform: scale(.800464)
	}

}

@media (max-width:487px) {
	.page-info-team .site-main {
		height: 1821.945px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.79215);
		transform: scale(.79215)
	}

}

@media (max-width:482px) {
	.page-info-team .site-main {
		height: 1802.8228px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.783836);
		transform: scale(.783836)
	}

}

@media (max-width:477px) {
	.page-info-team .site-main {
		height: 1783.7006px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.775522);
		transform: scale(.775522)
	}

}

@media (max-width:472px) {
	.page-info-team .site-main {
		height: 1764.5784px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.767208);
		transform: scale(.767208)
	}

}

@media (max-width:467px) {
	.page-info-team .site-main {
		height: 1745.4562px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.758894);
		transform: scale(.758894)
	}

}

@media (max-width:462px) {
	.page-info-team .site-main {
		height: 1726.334px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.75058);
		transform: scale(.75058)
	}

}

@media (max-width:457px) {
	.page-info-team .site-main {
		height: 1707.2118px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.742266);
		transform: scale(.742266)
	}

}

@media (max-width:452px) {
	.page-info-team .site-main {
		height: 1688.0896px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.733952);
		transform: scale(.733952)
	}

}

@media (max-width:447px) {
	.page-info-team .site-main {
		height: 1668.9674px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.725638);
		transform: scale(.725638)
	}

}

@media (max-width:442px) {
	.page-info-team .site-main {
		height: 1649.8452px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.717324);
		transform: scale(.717324)
	}

}

@media (max-width:480px) {
	.page-info-team .site-main {
		height: 1782.5px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.775);
		transform: scale(.775)
	}

}

@media (max-width:475px) {
	.page-info-team .site-main {
		height: 1762.72px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.7664);
		transform: scale(.7664)
	}

}

@media (max-width:470px) {
	.page-info-team .site-main {
		height: 1742.94px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.7578);
		transform: scale(.7578)
	}

}

@media (max-width:465px) {
	.page-info-team .site-main {
		height: 1723.16px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.7492);
		transform: scale(.7492)
	}

}

@media (max-width:460px) {
	.page-info-team .site-main {
		height: 1703.38px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.7406);
		transform: scale(.7406)
	}

}

@media (max-width:455px) {
	.page-info-team .site-main {
		height: 1683.6px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.732);
		transform: scale(.732)
	}

}

@media (max-width:450px) {
	.page-info-team .site-main {
		height: 1663.82px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.7234);
		transform: scale(.7234)
	}

}

@media (max-width:445px) {
	.page-info-team .site-main {
		height: 1644.04px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.7148);
		transform: scale(.7148)
	}

}

@media (max-width:440px) {
	.page-info-team .site-main {
		height: 1624.26px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.7062);
		transform: scale(.7062)
	}

}

@media (max-width:435px) {
	.page-info-team .site-main {
		height: 1604.48px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6976);
		transform: scale(.6976)
	}

}

@media (max-width:430px) {
	.page-info-team .site-main {
		height: 1584.7px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.689);
		transform: scale(.689)
	}

}

@media (max-width:425px) {
	.page-info-team .site-main {
		height: 1564.92px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6804);
		transform: scale(.6804)
	}

}

@media (max-width:420px) {
	.page-info-team .site-main {
		height: 1545.14px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6718);
		transform: scale(.6718)
	}

}

@media (max-width:415px) {
	.page-info-team .site-main {
		height: 1525.36px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6632);
		transform: scale(.6632)
	}

}

@media (max-width:410px) {
	.page-info-team .site-main {
		height: 1505.58px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6546);
		transform: scale(.6546)
	}

}

@media (max-width:405px) {
	.page-info-team .site-main {
		height: 1485.8px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.646);
		transform: scale(.646)
	}

}

@media (max-width:400px) {
	.page-info-team .site-main {
		height: 1466.02px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6374);
		transform: scale(.6374)
	}

}

@media (max-width:395px) {
	.page-info-team .site-main {
		height: 1446.24px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6288);
		transform: scale(.6288)
	}

}

@media (max-width:390px) {
	.page-info-team .site-main {
		height: 1426.46px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6202);
		transform: scale(.6202)
	}

}

@media (max-width:385px) {
	.page-info-team .site-main {
		height: 1406.68px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.6116);
		transform: scale(.6116)
	}

}

@media (max-width:380px) {
	.page-info-team .site-main {
		height: 1386.9px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.603);
		transform: scale(.603)
	}

}

@media (max-width:375px) {
	.page-info-team .site-main {
		height: 1367.12px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5944);
		transform: scale(.5944)
	}

}

@media (max-width:370px) {
	.page-info-team .site-main {
		height: 1347.34px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5858);
		transform: scale(.5858)
	}

}

@media (max-width:365px) {
	.page-info-team .site-main {
		height: 1327.56px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5772);
		transform: scale(.5772)
	}

}

@media (max-width:360px) {
	.page-info-team .site-main {
		height: 1307.78px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5686);
		transform: scale(.5686)
	}

}

@media (max-width:355px) {
	.page-info-team .site-main {
		height: 1288px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.56);
		transform: scale(.56)
	}

}

@media (max-width:350px) {
	.page-info-team .site-main {
		height: 1268.22px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5514);
		transform: scale(.5514)
	}

}

@media (max-width:345px) {
	.page-info-team .site-main {
		height: 1248.44px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5428);
		transform: scale(.5428)
	}

}

@media (max-width:340px) {
	.page-info-team .site-main {
		height: 1228.66px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5342);
		transform: scale(.5342)
	}

}

@media (max-width:335px) {
	.page-info-team .site-main {
		height: 1208.88px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5256);
		transform: scale(.5256)
	}

}

@media (max-width:330px) {
	.page-info-team .site-main {
		height: 1189.1px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.517);
		transform: scale(.517)
	}

}

@media (max-width:325px) {
	.page-info-team .site-main {
		height: 1169.32px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.5084);
		transform: scale(.5084)
	}

}

@media (max-width:320px) {
	.page-info-team .site-main {
		height: 1149.54px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.4998);
		transform: scale(.4998)
	}

}

@media (max-width:315px) {
	.page-info-team .site-main {
		height: 1129.76px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.4912);
		transform: scale(.4912)
	}

}

@media (max-width:310px) {
	.page-info-team .site-main {
		height: 1109.98px
	}

	.page-info-team .members-list {
		-webkit-transform: scale(.4826);
		transform: scale(.4826)
	}

}

.page-info-member .info-member-jumbotron {
	margin-bottom: 0
}

.page-info-member .site-main {
	position: relative
}

.page-info-member .workerlist {
	overflow: hidden;
	width: 100%;
	min-height: 400px;
	margin-bottom: 0;
	border-top: 1px solid #eee;
	background: #fff
}

.page-info-member .workerlist li {
	display: none;
	width: 100%
}

.page-info-member .workerlist li img {
	width: 50%;
	float: left;
	display: inline
}

@media (max-width:880px) {
	.page-info-member .workerlist li img {
		float: none;
		display: block;
		width: 100%
	}

}

.page-info-member .workerlist li .info-text {
	width: 50%;
	height: 100%;
	overflow: hidden;
	padding-left: 80px;
	padding-top: 8%;
	float: right;
	display: inline;
	color: #3e3a39
}

@media (min-width:880px) and (max-width:1200px) {
	.page-info-member .workerlist li .info-text {
		padding-top: 4%;
		padding-left: 40px
	}

}

@media (max-width:880px) {
	.page-info-member .workerlist li .info-text {
		float: none;
		width: 100%;
		display: block;
		padding: 4em 15px
	}

}

.page-info-member .workerlist li .info-text .name {
	font-weight: 400;
	font-size: 2.5em;
	color: inherit
}

@media (min-width:480px) and (max-width:1200px) {
	.page-info-member .workerlist li .info-text .name {
		font-size: 1.6em
	}

}

@media (max-width:480px) {
	.page-info-member .workerlist li .info-text .name {
		font-size: 1.8em
	}

}

.page-info-member .workerlist li .info-text .job-title {
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: 2px;
	color: inherit
}

@media (max-width:1200px) {
	.page-info-member .workerlist li .info-text .job-title {
		font-size: 1em
	}

}

.page-info-member .workerlist li .info-text .motto {
	margin-right: 80px;
	padding-top: .6em;
	font-size: 2em;
	font-weight: 600;
	line-height: 1.3em
}

@media (max-width:1200px) {
	.page-info-member .workerlist li .info-text .motto {
		font-size: 1.5em
	}

}

.page-info-member .workerlist li .info-text .article {
	margin-top: 20px;
	margin-right: 80px;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 22px
}

@media (min-width:980px) and (max-width:1200px) {
	.page-info-member .workerlist li .info-text .article {
		font-size: 1em
	}

}

@media (min-width:880px) and (max-width:980px) {
	.page-info-member .workerlist li .info-text .article {
		font-size: .8em;
		line-height: 18px
	}

}

@media (max-width:880px) {
	.page-info-member .workerlist li .info-text .article {
		font-size: .8em;
		line-height: 18px;
		margin-right: 0
	}

}

.page-info-member .workerlist .act {
	display: block
}

.page-info-member .buttons {
	width: 100%;
	position: absolute;
	top: 45%
}

.page-info-member .buttons span {
	display: inline-block;
	background-color: #2079b1;
	color: #fff;
	padding: 10px;
	width: 30px;
	text-align: center;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-transition: all .2s ease-out .3s;
	transition: all .2s ease-out .3s
}

.page-info-member .buttons span:hover {
	text-indent: 0;
	width: 80px
}

.page-info-member .buttons .next {
	float: right
}

.page-info-jobs .box-list .box-item {
	margin-bottom: 35px
}

.page-info-jobs .box-list .create {
	background-image: url(/images/info-jobs-create.jpg)
}

.page-info-jobs .box-list .enjoywork {
	background-image: url(/images/info-jobs-enjoywork.jpg)
}

.page-info-jobs .careers-nav {
	display: block;
	max-width: 1010px;
	margin: 63px auto
}

@media (max-width:767px) {
	.page-info-jobs .careers-nav {
		font-size: 30px
	}

}

.page-info-jobs .careers-nav ul li {
	display: inline-block;
	text-align: center
}

.page-info-jobs .careers-nav ul li a {
	display: block;
	height: 200px;
	margin: 0 auto
}

.page-info-jobs .careers-nav ul li a img {
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.page-info-jobs .careers-nav ul li a .item-title {
	font-size: 36px;
	color: #383838;
	line-height: 53px
}

.page-info-jobs .careers-nav ul li a .item-explain {
	font-size: 16px;
	color: #6e6e6e;
	line-height: 32px
}

.page-info-jobs .careers-nav ul li a:hover img {
	opacity: .75
}

.page-info-jobs .job-list {
	margin-bottom: 30px
}

.page-info-jobs .table {
	color: #a6a6a6;
	font-size: 16px
}

.page-info-jobs .table>tbody>tr:last-child td {
	border-bottom: none
}

.page-info-jobs .table>tbody>tr>td {
	width: 230px;
	padding: 25px 0;
	border-top: none;
	border-bottom: 1px solid #ddd;
	text-align: center
}

.page-info-jobs .table>tbody>tr>td:first-child {
	text-align: left
}

.page-info-jobs .table>tbody>tr>td:last-child {
	text-align: right
}

.page-info-jobs .table>tbody>tr>td a {
	color: grey
}

.page-info-jobs .table>tbody>tr>td a:hover {
	color: #03a9f4
}

.page-info-jobs .table>tbody>tr>td a .icon-chevron-right {
	position: relative;
	top: 1px;
	margin-left: 5px
}

.page-info-contactus .contact-info {
	margin-bottom: 60px;
	text-align: center
}

.page-info-contactus .contact-info h2 {
	margin-top: 0;
	margin-bottom: 40px;
	color: #383838;
	font-size: 40px;
	text-align: center
}

.page-info-contactus .cat-nav {
	margin-bottom: 50px;
	text-align: center
}

.page-info-contactus .cat-nav li {
	display: inline-block
}

.page-info-contactus .cat-nav li a {
	margin: 0 20px;
	font-size: 15px;
	color: #383838
}

.page-info-contactus .cat-nav li.active a {
	color: #03a9f4
}

.page-info-contactus .contact-map {
	position: relative;
	max-width: 1010px;
	height: 426px;
	margin: 0 auto;
	background: url(/images/info-contact-map.jpg) center no-repeat
}

.page-info-contactus .contact-map .contact-box {
	position: absolute;
	top: 50%;
	right: 12%;
	width: 371px;
	min-height: 216px;
	margin-top: -106px;
	padding: 40px 30px 45px;
	background: #fff;
	text-align: center;
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
	box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-info-contactus .contact-map .address-content {
	color: #23262b;
	text-align: left
}

.page-info-contactus .contact-map .address-content h3 {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 24px
}

.page-info-contactus .contact-map .address-content p {
	margin-bottom: 10px;
	line-height: 20px
}

@media (max-width:768px) {
	.page-info-contactus .contact-map {
		height: auto
	}

	.page-info-contactus .contact-map .contact-box {
		position: relative;
		width: 100%;
		right: 0;
		top: 0;
		margin-top: 0
	}

}

.page-info-press .press-box {
	margin-bottom: 20px
}

.page-info-press .press-list {
	margin-bottom: 30px
}

.page-info-press .news-report-item hr {
	float: left;
	margin: 20px;
	width: 100%;
	border-top: 0
}

@media (max-width:992px) {
	.page-info-press .news-report-item hr {
		margin: 0;
		margin-bottom: 16px
	}

}

.page-info-press .news-report-item:first-child {
	margin-top: 0
}

.page-info-press .news-report-item:last-child {
	margin-bottom: 30px
}

.page-info-press .news-report-item:last-child hr {
	display: none
}

.page-info-press .news-report-item blockquote {
	margin-bottom: 0;
	border-left: 0 none
}

.page-info-press .news-report-item footer {
	font-size: 16px
}

.page-info-press .news-source-logo {
	display: block;
	width: 100%;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center
}

.page-info-press .news-source-logo.limit-height {
	background-size: auto 50%
}

.page-info-press .news-source-logo.limit-width {
	background-size: 100% auto
}

.page-info-press .contact-box, .page-info-press .material-box {
	background-size: cover;
	font-size: 16px
}

.page-info-press .box-content.contact-box {
	padding-top: 10px;
	background-image: url(/images/info-press-contact-bg.jpg)
}

.page-info-press .box-content.material-box {
	position: relative;
	overflow: hidden;
	padding-top: 0;
	background-image: url(/images/info-press-material-bg.jpg)
}

.page-info-press .box-content.material-box .content {
	color: #fff;
	padding-top: 40px;
	-webkit-transition: all 250ms ease-in-out 150ms;
	transition: all 250ms ease-in-out 150ms
}

.page-info-press .box-content.material-box .content.presskit-box {
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 0;
	padding-top: 24px;
	text-align: center;
	position: relative;
	border-radius: 0 0 5px 5px;
	background-color: rgba(0, 0, 0, 0)
}

.page-info-press .box-content.material-box .content-active {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center
}

.page-info-press .box-content.material-box .content-active .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -80px 0 0 -25px;
	font-size: 50px;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 350ms;
	transition: all 350ms
}

.page-info-press .box-content.material-box:hover .content-active .icon {
	margin-top: -30px;
	opacity: 1;
	-webkit-transition: all 250ms ease-in-out 250ms;
	transition: all 250ms ease-in-out 250ms
}

.page-info-press .box-content.material-box:hover .content {
	padding-top: 200px;
	opacity: 0
}

.page-info-partners .container {
	position: relative
}

.page-info-partners .partner-tab {
	margin-bottom: 32px;
	text-align: center
}

.page-info-partners .partner-tab li {
	display: inline-block;
	padding-right: 32px;
	text-align: center
}

.page-info-partners .partner-tab li:last-child {
	padding-right: 0
}

.page-info-partners .partner-tab li a {
	display: block;
	width: 100px;
	height: 42px;
	line-height: 38px;
	padding: 0 10px;
	border: 2px solid #ededed;
	color: #a6a6a6
}

@media (min-width:768px) {
	.page-info-partners .partner-tab li a {
		-webkit-transition: all .3s;
		transition: all .3s
	}

}

.page-info-partners .partner-tab li a:hover, .page-info-partners .partner-tab li.active a {
	border-color: #03a9f4;
	color: #03a9f4
}

@media (max-width:767px) {
	.page-info-partners .partner-tab:after, .page-info-partners .partner-tab:before {
		content: " ";
		display: table
	}

	.page-info-partners .partner-tab:after {
		clear: both
	}

	.page-info-partners .partner-tab li {
		float: left;
		width: 50%;
		padding-right: 0
	}

	.page-info-partners .partner-tab li:first-child.active+li a {
		border-left: none
	}

	.page-info-partners .partner-tab li:not(:first-child).active {
		margin-left: -1px
	}

	.page-info-partners .partner-tab li a {
		width: 100%;
		border-width: 1px
	}

}

.page-info-partners .partners-list {
	margin-bottom: 30px
}

.page-info-partners .partners-list .list-item {
	margin-bottom: 30px;
	text-align: center
}

.page-info-partners .partners-list a {
	display: block;
	min-height: 114px;
	padding: 10px 0;
	border: 1px solid #ededed;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-info-partners .partners-list a:hover {
	border: 1px solid #bababa
}

.page-info-partners .partners-list a img {
	width: 100%;
	max-width: 260px;
	max-height: 92px
}

@media (max-width:992px) {
	.page-info-press .news-report-item .col-md-2 {
		display: none
	}

}

@media (max-width:768px) {
	.page-info-team .site-main {
		margin-bottom: 15px
	}

	.page-info-jobs .box-list .box-item {
		margin-bottom: 15px
	}

	.page-info-jobs .job-list {
		margin-bottom: 0
	}

	.page-info-jobs .job-list .table>tbody>tr td {
		width: auto;
		text-align: left
	}

	.page-info-jobs .job-list .table>tbody>tr:first-child td {
		padding-top: 15px
	}

	.page-info-press .press-list {
		margin-bottom: 0
	}

	.page-info-press .press-list .box-item {
		margin-bottom: 15px
	}

	.page-info-press .press-list .news-report-item {
		overflow: hidden;
		margin-top: 0
	}

	.page-info-press .press-list .news-report-item blockquote {
		font-size: 16px;
		margin: 0;
		padding: 0
	}

	.page-info-partners .partner-tab {
		margin-bottom: 15px
	}

	.page-info-partners .partners-list {
		margin-bottom: 0
	}

	.page-info-partners .partners-list .list-item {
		margin-bottom: 15px
	}

}

@media (max-width:768px) and (max-width:480px) {
	.page-info-jobs .job-list .table>tbody>tr:first-child td {
		padding-top: 0
	}

}

@media (max-width:480px) {
	.info-jumbotron {
		padding-top: 80px;
		font-size: 28px
	}

	.info-jumbotron .subcol-nav ul li a {
		padding: 10px;
		font-size: 12px
	}

	.page-info-jobs .table {
		margin-bottom: 0;
		font-size: 14px
	}

	.page-info-jobs .table>tbody>tr>td {
		padding: 15px 0
	}

	.page-info-jobs .table>tbody>tr>td:last-child {
		text-align: right
	}

}

@media (max-width:320px) {
	.info-jumbotron .title span {
		display: inline
	}

}

.page-privacy .site-main .container, .page-terms .site-main .container {
	max-width: 960px;
	padding: 20px 50px;
	margin: 50px auto;
	border: 1px solid #ddd;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1)
}

.page-privacy .privacy-header-title, .page-terms .privacy-header-title {
	margin: 30px 0;
	font-size: 26px
}

.page-privacy section, .page-terms section {
	margin-bottom: 20px
}

.page-privacy .privacy-list, .page-terms .privacy-list {
	list-style: disc;
	padding-left: 30px
}

.page-privacy .privacy-list.lower-roman, .page-terms .privacy-list.lower-roman {
	list-style: lower-roman
}

.page-privacy .privacy-list li, .page-terms .privacy-list li {
	line-height: 1.5
}

.page-privacy .privacy-content, .page-terms .privacy-content {
	font-size: 14px
}

.page-privacy .privacy-title, .page-terms .privacy-title {
	display: block;
	font-size: 16px;
	font-weight: 700
}

@media (max-width:480px) {
	.page-privacy, .page-terms {
		padding: 0
	}

	.page-privacy .site-header, .page-terms .site-header {
		display: none
	}

	.page-privacy .site-main .container, .page-terms .site-main .container {
		margin: 0 auto;
		padding: 30px;
		padding-top: 0;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none
	}

}

.page-retail.is-loading .site-footer, .page-retail.is-loading .site-header {
	display: none
}

.page-research-cases .education {
	background-image: url(/images/research-case-education.jpg)
}

.page-research-cases .internet {
	background-image: url(/images/research-case-internet.jpg)
}

.page-research-cases .advertisement {
	background-image: url(/images/research-case-advertisement.jpg)
}

.page-research-cases .join {
	background-image: url(/images/research-case-join.jpg)
}

.page-research-cases .box-content .content {
	position: relative;
	z-index: 2
}

.page-research-cases .box-content:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	height: 200px;
	width: 100%;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0)
}

.page-research-join {
	background-image: url(/images/research-top-bg.jpg);
	background-position: center -70px;
	background-repeat: no-repeat
}

.page-research-join .site-main {
	background-image: url(/images/research-bottom-bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat
}

.page-research-join .site-main .container {
	margin-top: 50px;
	padding-bottom: 150px
}

.page-research-join .research-join-jumbotron {
	background-color: transparent;
	padding-bottom: 0;
	margin-bottom: 0
}

.page-research-join .research-join-jumbotron h2 {
	text-indent: -9999px;
	margin: 0
}

.page-research-join .research-join-jumbotron img {
	width: 100%;
	max-width: 513px;
	margin-bottom: 40px
}

.page-research-join .research-join-jumbotron .research-description {
	margin-left: 150px;
	margin-right: 150px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 16px;
	color: #a6a6a6;
	line-height: 32px;
	letter-spacing: 1px
}

.page-research-join .research-join-jumbotron .research-learn-more {
	margin-top: 42px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #a6a6a6
}

.page-research-join .research-join-jumbotron .arrow-down {
	height: 40px;
	background-image: url(/images/research-arrow-down.jpg);
	background-repeat: no-repeat;
	background-position: center
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.page-research-join .research-join-jumbotron .arrow-down {
		background-image: url(/images/research-arrow-down@2x.jpg);
		background-size: 118px 30px
	}

}

.page-research-join .research-process {
	padding: 50px 0 70px
}

.page-research-join .research-process .col-md-7 {
	padding-top: 40px
}

.page-research-join .research-process .col-md-5 {
	text-align: center
}

.page-research-join .research-process-title {
	margin: 4px 4px 4px 60px;
	text-align: left;
	font-size: 30px
}

.page-research-join .research-process-desc {
	margin-top: 20px;
	padding: 0 60px;
	font-size: 15px;
	color: #a6a6a6;
	line-height: 34px;
	letter-spacing: 1px;
	text-align: left
}

.page-research-join .research-process-figure {
	width: 100%
}

.page-research-join .research-process-figure.figure-one {
	margin-top: 30px;
	max-width: 341px
}

.page-research-join .research-process-figure.figure-two {
	max-width: 451px
}

.page-research-join .research-process-figure.figure-three {
	max-width: 400px
}

.page-research-join .research-process-figure.figure-four {
	max-width: 330px
}

.page-research-join .research-process-figure.figure-five {
	max-width: 325px
}

.page-research-join .research-process-icon {
	float: left;
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 56px;
	text-indent: 10px;
	border-radius: 48px;
	font-size: 36px;
	font-weight: lighter;
	background-color: #03a9f4;
	color: #fff;
	-webkit-font-smoothing: subpixel-antialiased
}

.page-research-join .research-footer {
	margin: 70px 0;
	text-align: center
}

.page-research-join .research-footer>img {
	width: 100%;
	max-width: 778px;
	margin-bottom: 50px
}

.page-research-join .research-footer-title {
	text-indent: -9999px
}

.page-research-join .modal-window .modal-back {
	min-height: 1000px
}

@media (max-width:768px) {
	.page-research-join .modal-window .modal-back {
		min-height: 1350px
	}

}

@media (max-width:480px) {
	.page-research-join .modal-window .modal-back {
		min-height: 1220px
	}

}

.page-research-join .modal-window .modal-card {
	top: 0;
	width: 600px;
	padding: 0;
	margin-left: -300px;
	margin-top: 70px
}

@media (max-width:480px) {
	.page-research-join .modal-window .modal-card {
		left: 50%;
		width: 300px;
		margin: 50px auto;
		margin-left: -150px
	}

}

.page-research-join .modal-window .modal-card .modal-header {
	position: relative;
	height: 200px;
	padding: 15px 25px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	background: #56b7e3;
	background-image: url(/images/research-join-header.jpg);
	background-size: cover;
	line-height: 30px;
	font-size: 20px;
	color: #fff
}

@media (max-width:480px) {
	.page-research-join .modal-window .modal-card .modal-header {
		height: 60px
	}

}

.page-research-join .modal-window .modal-card .modal-header .title {
	float: left
}

.page-research-join .modal-window .modal-card .modal-header .avatar {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 140px;
	height: 140px;
	margin-left: -70px;
	margin-top: -70px;
	border: 4px solid #fff;
	border-radius: 140px;
	background-image: url(/images/research-join-avatar.jpg)
}

@media (max-width:480px) {
	.page-research-join .modal-window .modal-card .modal-header .avatar {
		display: none
	}

}

.page-research-join .modal-window .modal-card .modal-header .close-handler {
	position: static;
	float: right;
	font-size: 18px;
	color: #fff;
	-webkit-transition: text-shadow 218ms;
	transition: text-shadow 218ms
}

.page-research-join .modal-window .modal-card .modal-header .close-handler:hover {
	text-shadow: 0 0 3px rgba(255, 255, 255, .7)
}

.page-research-join .modal-window .modal-card .form-group {
	margin-bottom: 20px
}

.page-research-join .modal-window .modal-card .form-label {
	font-size: 18px;
	color: #888
}

.page-research-join .modal-card .research-form {
	padding: 20px
}

.page-research-join .modal-card .research-form::-webkit-input-placeholder {
	color: #bababa;
	letter-spacing: 1px
}

.page-research-join .modal-card .research-form::-moz-placeholder {
	color: #bababa;
	letter-spacing: 1px
}

.page-research-join .modal-card .research-form .row {
	margin-left: -10px;
	margin-right: -10px
}

.page-research-join .modal-card .research-form [class*=col-] {
	padding-left: 10px;
	padding-right: 10px
}

.page-research-join .modal-card .research-form .subtype {
	width: 100%;
	height: 100px;
	margin-bottom: 20px;
	line-height: 90px;
	border: 2px solid #bababa;
	border-radius: 4px;
	text-align: center;
	font-size: 22px;
	color: #bababa;
	cursor: pointer;
	-webkit-transition: all 350ms;
	transition: all 350ms
}

.page-research-join .modal-card .research-form .subtype:hover {
	border-color: #a6a6a6;
	color: #a6a6a6
}

.page-research-join .modal-card .research-form .subtype.active {
	border-color: #56b7e3;
	color: #56b7e3
}

.page-research-join .modal-card .research-form .subtype .icon {
	position: relative;
	top: 3px;
	font-size: 30px
}

.page-research-join .modal-card .research-form .form-group.has-value .form-control, .page-research-join .modal-card .research-form .form-group.has-value .input-group-addon, .page-research-join .modal-card .research-form .input-group.has-value .form-control, .page-research-join .modal-card .research-form .input-group.has-value .input-group-addon {
	border-color: #a6a6a6
}

.page-research-join .modal-card .research-form .input-group-addon {
	background-color: #fff;
	color: #666
}

.page-research-join .modal-card .research-form .confirm-handler {
	width: 100%;
	padding: 10px
}

@media (max-width:1200px) {
	.page-research-join .research-description, .page-research-join .research-process-desc {
		margin-left: 0;
		margin-right: 0
	}

	.page-research-join .research-join-jumbotron .research-description {
		margin-left: 0;
		margin-right: 0
	}

}

@media (max-width:992px) {
	.page-research-join .col-md-5.pull-left, .page-research-join .col-md-7.pull-right {
		float: none !important
	}

}

.article-toolbar {
	padding-bottom: 50px
}

.article-toolbar .btn {
	height: 50px;
	line-height: 20px
}

.article-toolbar .article-share-group {
	margin-top: 40px
}

.article-toolbar .article-share-group a {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 10px;
	border: 1px solid #a6a6a6;
	color: #a6a6a6;
	border-radius: 50%;
	padding: 0;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.article-toolbar .article-share-group a .icon {
	font-size: 28px;
	line-height: 50px
}

.article-toolbar .article-share-group a.weibo:hover {
	border-color: #c5282f;
	color: #c5282f
}

.article-toolbar .article-share-group a.wechat:hover {
	border-color: #44b549;
	color: #44b549
}

.article-toolbar .article-share-group a.twitter:hover {
	border-color: #7fdbff;
	color: #7fdbff
}

.article-toolbar .article-share-group a.facebook:hover {
	border-color: #3b5998;
	color: #3b5998
}

.article-toolbar .enter-join-box {
	width: 100%;
	border-radius: 3px;
	margin: 50px auto 0;
	background-size: cover;
	background-image: url(https://dn-site.oss.aliyuncs.com/2015-08/f226ea69b4dd899a67629d2bb75955a9417506dd?response-content-type=image/png);
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out
}

.article-toolbar .enter-join-box .enter-join {
	width: 100%;
	height: 100%;
	padding: 15px;
	display: block;
	border-radius: 3px;
	letter-spacing: 3px;
	background-color: rgba(0, 0, 0, .28)
}

.article-toolbar .enter-join-box .enter-join span {
	width: 100%;
	height: 100%;
	color: #fff;
	display: block;
	font-size: 28px;
	border-radius: 2px;
	line-height: 150px;
	border: 1px solid #fff
}

.article-toolbar .enter-join-box:hover {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

@media (min-width:480px) {
	.en .research-jumbotron {
		padding-top: 100px
	}

}

.page-securities.is-loading .site-footer, .page-securities.is-loading .site-header {
	display: none
}

body[class*=page-best-practices], body[class*=page-support] {
	color: grey
}

body[class*=page-best-practices].tbsite-article, body[class*=page-support].tbsite-article {
	padding-top: 50px
}

body[class*=page-best-practices] .site-header, body[class*=page-support] .site-header {
	border-color: #e6e6e6
}

body[class*=page-best-practices] [class*=col-], body[class*=page-support] [class*=col-] {
	padding-left: 10px;
	padding-right: 10px
}

@media (max-width:991px) {
	body[class*=page-best-practices] .row, body[class*=page-support] .row {
		margin-left: -11px;
		margin-right: -11px
	}

	body[class*=page-best-practices] [class*=col-], body[class*=page-support] [class*=col-] {
		padding-left: 5px;
		padding-right: 5px
	}

}

body[class*=page-best-practices] .search-wrapper, body[class*=page-support] .search-wrapper {
	height: 170px;
	padding: 60px 0;
	border-bottom: 1px solid #e6e6e6;
	background-color: #ededed
}

body[class*=page-best-practices] .search-wrapper .search-form, body[class*=page-support] .search-wrapper .search-form {
	position: relative;
	max-width: 900px;
	height: 50px;
	margin: 0 auto;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .12);
	box-shadow: 0 2px 1px rgba(0, 0, 0, .12)
}

body[class*=page-best-practices] .search-wrapper .search-input, body[class*=page-support] .search-wrapper .search-input {
	float: left;
	height: 50px;
	width: 100%;
	max-width: 800px;
	padding-left: 47px;
	border-radius: 3px;
	background-color: #fff;
	border: none;
	color: #383838;
	font-size: 15px
}

body[class*=page-best-practices] .search-wrapper .search-input:focus, body[class*=page-support] .search-wrapper .search-input:focus {
	outline: 0
}

body[class*=page-best-practices] .search-wrapper .search-icon, body[class*=page-support] .search-wrapper .search-icon {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	background-image: url(/images/support/search-icon.png);
	background-size: 20px 20px;
	opacity: .5;
	-webkit-transition: opacity 218ms;
	transition: opacity 218ms
}

body[class*=page-best-practices] .search-wrapper .search-icon.active, body[class*=page-support] .search-wrapper .search-icon.active {
	opacity: .75
}

body[class*=page-best-practices] .search-wrapper .btn, body[class*=page-support] .search-wrapper .btn {
	position: absolute;
	right: 0;
	display: inline-block;
	height: 50px;
	line-height: 38px;
	width: 100px;
	background-color: #6e6e6e;
	font-size: 18px;
	color: rgba(255, 255, 255, .6);
	border: none;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .13999999999999999) !important;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .13999999999999999) !important;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

body[class*=page-best-practices] .search-wrapper .btn.active, body[class*=page-support] .search-wrapper .btn.active {
	background-color: #03a9f4;
	color: #fff
}

body[class*=page-best-practices] .search-wrapper .btn.active:hover, body[class*=page-support] .search-wrapper .btn.active:hover {
	background-color: #0ab1fc
}

@media (max-width:991px) {
	body[class*=page-best-practices] .support-list, body[class*=page-support] .support-list {
		margin-bottom: 0
	}

}

body[class*=page-best-practices] .support-list .list-group-item, body[class*=page-support] .support-list .list-group-item {
	border-color: #ededed
}

body[class*=page-best-practices] .support-list .item-icon, body[class*=page-support] .support-list .item-icon {
	float: left;
	display: inline-block;
	width: 20px;
	height: 21px;
	margin-right: 16px;
	background-size: 20px 21px
}

body[class*=page-best-practices] .support-list .item-icon.icon-q, body[class*=page-support] .support-list .item-icon.icon-q {
	background-image: url(/images/support/list-icon-q@2x.png)
}

body[class*=page-best-practices] .support-list .item-icon.icon-a, body[class*=page-support] .support-list .item-icon.icon-a {
	margin-top: 2px;
	background-image: url(/images/support/list-icon-a@2x.png)
}

body[class*=page-best-practices] .support-list .item-title, body[class*=page-support] .support-list .item-title {
	line-height: 21px;
	font-size: 20px
}

body[class*=page-best-practices] .support-list .item-content, body[class*=page-support] .support-list .item-content {
	padding-top: 14px;
	display: none
}

body[class*=page-best-practices] .support-list .item-content.is-open, body[class*=page-support] .support-list .item-content.is-open {
	display: block
}

body[class*=page-best-practices] .support-list .item-content .content-body, body[class*=page-support] .support-list .item-content .content-body {
	overflow: hidden
}

body[class*=page-best-practices] .support-list .item-content .content-body.readable, body[class*=page-support] .support-list .item-content .content-body.readable {
	font-size: 14px;
	color: grey
}

body[class*=page-best-practices] .support-list .item-content .content-body.readable>:last-child, body[class*=page-support] .support-list .item-content .content-body.readable>:last-child {
	margin-bottom: 0
}

body[class*=page-best-practices] .support-list a, body[class*=page-support] .support-list a {
	color: #6e6e6e;
	text-decoration: none
}

body[class*=page-best-practices] .support-list a:hover, body[class*=page-support] .support-list a:hover {
	color: #03a9f4
}

body[class*=page-best-practices] .quick-nav, body[class*=page-support] .quick-nav {
	padding: 4px 0 50px
}

body[class*=page-best-practices] .quick-nav .card, body[class*=page-support] .quick-nav .card {
	display: block;
	min-height: 105px;
	margin-top: 16px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	text-align: center;
	color: grey;
	-webkit-transition: border-color 218ms;
	transition: border-color 218ms
}

body[class*=page-best-practices] .quick-nav .card:hover, body[class*=page-support] .quick-nav .card:hover {
	border-color: #03a9f4
}

body[class*=page-best-practices] .quick-nav .card.contact, body[class*=page-support] .quick-nav .card.contact {
	padding: 24px 10px
}

body[class*=page-best-practices] .quick-nav .card .nav-icon, body[class*=page-support] .quick-nav .card .nav-icon {
	display: inline-block;
	background-repeat: no-repeat;
	margin-right: 20px
}

@media (max-width:930px) {
	body[class*=page-best-practices] .quick-nav .card .nav-icon, body[class*=page-support] .quick-nav .card .nav-icon {
		margin-right: 10px
	}

}

body[class*=page-best-practices] .quick-nav .card .desc, body[class*=page-support] .quick-nav .card .desc {
	font-size: 18px
}

body[class*=page-best-practices] .quick-nav .card.with-icon, body[class*=page-support] .quick-nav .card.with-icon {
	height: 105px;
	background-repeat: no-repeat
}

body[class*=page-best-practices] .quick-nav .card.with-icon.case .nav-icon, body[class*=page-support] .quick-nav .card.with-icon.case .nav-icon {
	width: 61px;
	height: 60px;
	background-image: url(/images/support/quick-nav-case@2x.png);
	background-size: 61px 60px
}

body[class*=page-best-practices] .quick-nav .card.with-icon.community .nav-icon, body[class*=page-support] .quick-nav .card.with-icon.community .nav-icon {
	width: 63px;
	height: 47px;
	background-image: url(/images/support/quick-nav-community@2x.png);
	background-size: 63px 47px
}

body[class*=page-best-practices] .quick-nav .card.with-icon .desc, body[class*=page-support] .quick-nav .card.with-icon .desc {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

body[class*=page-best-practices] .quick-nav .card.with-icon .desc>*, body[class*=page-support] .quick-nav .card.with-icon .desc>* {
	vertical-align: middle
}

@media (max-width:991px) {
	body[class*=page-best-practices] .quick-nav, body[class*=page-support] .quick-nav {
		padding-top: 0;
		padding-bottom: 10px
	}

	body[class*=page-best-practices] .quick-nav .card, body[class*=page-support] .quick-nav .card {
		margin-top: 10px
	}

}

body[class*=page-best-practices] .typography section:after, body[class*=page-support] .typography section:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ededed;
	margin: 40px 0
}

@media (max-width:767px) {
	body[class*=page-best-practices] .typography section:after, body[class*=page-support] .typography section:after {
		margin: 25px 0
	}

}

body[class*=page-best-practices] .typography section.no-divline:after, body[class*=page-best-practices] .typography section:last-child:after, body[class*=page-support] .typography section.no-divline:after, body[class*=page-support] .typography section:last-child:after {
	display: none
}

body[class*=page-best-practices] .typography section:last-child>:last-child, body[class*=page-support] .typography section:last-child>:last-child {
	margin-bottom: 0
}

body[class*=page-best-practices] .typography h3, body[class*=page-best-practices] .typography h4, body[class*=page-best-practices] .typography h5, body[class*=page-support] .typography h3, body[class*=page-support] .typography h4, body[class*=page-support] .typography h5 {
	color: #383838
}

body[class*=page-best-practices] .typography h3, body[class*=page-support] .typography h3 {
	font-size: 20px;
	margin-bottom: 26px
}

body[class*=page-best-practices] .typography h4, body[class*=page-support] .typography h4 {
	margin-bottom: 16px
}

body[class*=page-best-practices] .typography h5, body[class*=page-support] .typography h5 {
	margin-top: 30px
}

body[class*=page-best-practices] .typography a, body[class*=page-support] .typography a {
	color: #9c9c9c
}

body[class*=page-best-practices] .typography a:hover, body[class*=page-support] .typography a:hover {
	color: #03a9f4
}

body[class*=page-best-practices] .typography a .icon-chevron-right, body[class*=page-support] .typography a .icon-chevron-right {
	font-size: .8em;
	margin-left: 5px
}

body[class*=page-best-practices] .typography .number, body[class*=page-support] .typography .number {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin-right: 8px;
	margin-top: 1px;
	border-radius: 50%;
	color: #fff;
	background-color: grey;
	text-align: center;
	font-size: 11px
}

body[class*=page-best-practices] .typography figure, body[class*=page-support] .typography figure {
	background: #ededed;
	margin-bottom: 20px
}

body[class*=page-best-practices] .typography figure img, body[class*=page-support] .typography figure img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 100%;
	height: auto
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar {
	height: 12px
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar-track, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar-track {
	background: #d9d9d9
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar-thumb, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar-thumb {
	background: #a6a6a6
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar {
	height: 12px
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar-track, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar-track {
	background: #d9d9d9
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar-thumb, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar-thumb {
	background: #a6a6a6
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar {
	height: 7px
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar {
	height: 12px
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar-track, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar-track {
	background: #d9d9d9
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar-thumb, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar-thumb {
	background: #a6a6a6
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar {
	height: 12px
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar-track, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar-track {
	background: #d9d9d9
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar-thumb, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar-thumb {
	background: #a6a6a6
}

body[class*=page-best-practices] .typography .table-responsive::-webkit-scrollbar, body[class*=page-support] .typography .table-responsive::-webkit-scrollbar {
	height: 7px
}

body[class*=page-best-practices] .typography .table, body[class*=page-support] .typography .table {
	margin-bottom: 10px
}

@media (min-width:768px) {
	body[class*=page-best-practices] .typography .table, body[class*=page-support] .typography .table {
		margin-top: 30px
	}

}

body[class*=page-best-practices] .typography .table.c-1 td, body[class*=page-best-practices] .typography .table.c-1 th, body[class*=page-support] .typography .table.c-1 td, body[class*=page-support] .typography .table.c-1 th {
	width: 100%
}

body[class*=page-best-practices] .typography .table.c-2 td, body[class*=page-best-practices] .typography .table.c-2 th, body[class*=page-support] .typography .table.c-2 td, body[class*=page-support] .typography .table.c-2 th {
	width: 50%
}

body[class*=page-best-practices] .typography .table.c-3 td, body[class*=page-best-practices] .typography .table.c-3 th, body[class*=page-support] .typography .table.c-3 td, body[class*=page-support] .typography .table.c-3 th {
	width: 33.33333333%
}

body[class*=page-best-practices] .typography .table.c-4 td, body[class*=page-best-practices] .typography .table.c-4 th, body[class*=page-support] .typography .table.c-4 td, body[class*=page-support] .typography .table.c-4 th {
	width: 25%
}

body[class*=page-best-practices] .typography .table.c-5 td, body[class*=page-best-practices] .typography .table.c-5 th, body[class*=page-support] .typography .table.c-5 td, body[class*=page-support] .typography .table.c-5 th {
	width: 20%
}

body[class*=page-best-practices] .typography .table tbody td, body[class*=page-best-practices] .typography .table thead th, body[class*=page-support] .typography .table tbody td, body[class*=page-support] .typography .table thead th {
	padding: 10px 15px;
	position: relative
}

body[class*=page-best-practices] .typography .table thead tr, body[class*=page-support] .typography .table thead tr {
	background: #ededed
}

body[class*=page-best-practices] .typography .table thead th, body[class*=page-support] .typography .table thead th {
	border-bottom-width: 1px !important
}

@media (min-width:768px) {
	body[class*=page-best-practices] .typography .table thead:after, body[class*=page-support] .typography .table thead:after {
		content: '_';
		display: block;
		position: relative;
		left: -1px;
		line-height: 10px;
		background: #fff;
		text-indent: -10000%
	}

}

body[class*=page-best-practices] .typography .table tbody, body[class*=page-support] .typography .table tbody {
	color: #9c9c9c
}

body[class*=page-best-practices] .typography .table tbody tr>td:first-child, body[class*=page-support] .typography .table tbody tr>td:first-child {
	color: #6e6e6e
}

body[class*=page-best-practices] .typography .table tbody .text-mini, body[class*=page-support] .typography .table tbody .text-mini {
	font-size: 12px
}

body[class*=page-best-practices] .typography .table tbody .icon-help, body[class*=page-support] .typography .table tbody .icon-help {
	margin-left: 5px;
	cursor: help;
	color: #03a9f4
}

body[class*=page-best-practices] .typography .table tbody .tooltip-arrow, body[class*=page-support] .typography .table tbody .tooltip-arrow {
	top: auto !important
}

body[class*=page-best-practices] .typography .table tbody .icon-tick, body[class*=page-support] .typography .table tbody .icon-tick {
	color: #8bc34a
}

body[class*=page-support] .typography figure {
	background-color: transparent
}

.page-support .support-category .category-grid {
	height: 280px;
	margin-top: 20px
}

@media (max-width:991px) {
	.page-support .support-category .category-grid {
		margin-top: 10px
	}

}

.page-support .support-category .category-grid a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ededed;
	border: solid 1px #ededed;
	border-radius: 3px;
	-webkit-transition: border-color 218ms;
	transition: border-color 218ms
}

.page-support .support-category .category-grid a:hover {
	border-color: #03a9f4
}

.page-support .support-category .category-grid .category-icon {
	width: 100%;
	height: 220px;
	border-bottom: 1px solid #e0e0e0;
	background-position: center center;
	background-repeat: no-repeat
}

.page-support .support-category .category-grid .category-icon.beginner, .page-support .support-category .category-grid .category-icon.icon-1 {
	background-size: 169px 92px;
	background-image: url(/images/support/category-beginner@2x.png)
}

.page-support .support-category .category-grid .category-icon.basic, .page-support .support-category .category-grid .category-icon.icon-2 {
	background-size: 187px 104px;
	background-image: url(/images/support/category-basic@2x.png)
}

.page-support .support-category .category-grid .category-icon.advanced, .page-support .support-category .category-grid .category-icon.icon-3 {
	background-size: 149px 135px;
	background-image: url(/images/support/category-advanced@2x.png)
}

.page-support .support-category .category-grid .category-icon.video {
	background-size: 174px 93px;
	background-image: url(/images/support/category-video@2x.png)
}

.page-support .support-category .category-grid .category-title {
	font-size: 16px;
	font-weight: 400;
	color: grey
}

.page-support .frequent-question {
	padding-top: 10px
}

.page-support .frequent-question .title {
	font-size: 18px
}

.page-support .frequent-question .question-wrapper {
	margin-top: 16px
}

@media (max-width:991px) {
	.page-support .frequent-question .title {
		margin-top: 0
	}

}

.page-support-search .search-result {
	padding-top: 16px
}

.page-support-search .search-result .title {
	font-size: 18px
}

.page-support-search .search-result .title .label {
	border: 1px solid #d9d9d9;
	background: #d9d9d9;
	color: grey;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-support-search .search-result .title .label+.icon {
	margin: 0 4px 0 5px
}

.page-support-search .search-result .title .icon {
	position: relative;
	top: 2px;
	font-size: 16px
}

.page-support-search .search-result .title a:hover {
	border: 1px solid #03a9f4;
	color: #03a9f4
}

.page-support-search .search-result .question-wrapper {
	margin-top: 16px
}

.page-support-search .search-result .question-wrapper .highlight {
	-webkit-transition: color .5s;
	transition: color .5s
}

.page-support-search .search-result .question-wrapper .highlight.on {
	color: #e51c23
}

.page-support-search .search-result .no-content {
	background: #ededed
}

.page-support-search .search-result .typography section:first-child h4 {
	margin-top: 2px
}

@media (max-width:991px) {
	.page-support-search .search-result .title {
		margin-top: 0
	}

}

body[class*=page-best-practices] .detail-wrapper, body[class*=page-support] .detail-wrapper {
	margin-top: 20px
}

@media (max-width:767px) {
	body[class*=page-best-practices] .detail-wrapper, body[class*=page-support] .detail-wrapper {
		margin-top: 0
	}

}

body[class*=page-best-practices] .detail-wrapper .question-detail, body[class*=page-support] .detail-wrapper .question-detail {
	position: relative;
	width: 100%;
	margin-bottom: 80px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav, body[class*=page-support] .detail-wrapper .question-detail .question-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	padding: 20px;
	padding-bottom: 0;
	background: rgba(255, 255, 255, .97);
	border: 1px solid #e8e8e8;
	border-radius: 3px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav.practices-articles, body[class*=page-support] .detail-wrapper .question-detail .question-nav.practices-articles {
	position: fixed;
	top: 110px;
	z-index: 100
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .toggle-switch, body[class*=page-support] .detail-wrapper .question-detail .question-nav .toggle-switch {
	display: none;
	position: absolute;
	right: -40px;
	top: -1px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #f5f5f5;
	text-align: center;
	border: 1px solid #e8e8e8;
	border-left-color: #f5f5f5;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .list-wrap, body[class*=page-support] .detail-wrapper .question-detail .question-nav .list-wrap {
	height: 100%;
	overflow-y: auto;
	-ms-overflow-style: none
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .list-wrap::-webkit-scrollbar, body[class*=page-support] .detail-wrapper .question-detail .question-nav .list-wrap::-webkit-scrollbar {
	display: none !important
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .nav-title, body[class*=page-support] .detail-wrapper .question-detail .question-nav .nav-title {
	display: block;
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 14px;
	color: #383838
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .nav-title:hover, body[class*=page-support] .detail-wrapper .question-detail .question-nav .nav-title:hover {
	color: #03a9f4
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .title-nav, body[class*=page-support] .detail-wrapper .question-detail .question-nav .title-nav {
	margin-bottom: 5px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .title-nav a, body[class*=page-support] .detail-wrapper .question-detail .question-nav .title-nav a {
	color: #6e6e6e;
	padding-left: 16px !important
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .title-nav a:before, body[class*=page-support] .detail-wrapper .question-detail .question-nav .title-nav a:before {
	content: '・ ';
	font-weight: 700
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list {
	margin-bottom: 30px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list.practices-articles, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list.practices-articles {
	margin-bottom: 0
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list:last-child, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list:last-child {
	margin-bottom: 20px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list li, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list li {
	border-radius: 3px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list li a, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list li a {
	display: block;
	line-height: 21px;
	padding: 5px 0 5px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list li a.practices-articles, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list li a.practices-articles {
	padding-left: 10px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list li a:hover, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list li a:hover {
	background: #f5f5f5
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list li .question-title, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list li .question-title {
	color: #6e6e6e
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list li .question-title.practices-articles, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list li .question-title.practices-articles {
	padding-left: 10px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list li.is-current .question-title, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list li.is-current .question-title {
	color: #03a9f4;
	background: #f5f5f5;
	border-left: 3px solid #03a9f4
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content, body[class*=page-support] .detail-wrapper .question-detail .question-content {
	margin-left: 260px
}

@media (min-width:768px) {
	body[class*=page-best-practices] .detail-wrapper .question-detail .question-content, body[class*=page-support] .detail-wrapper .question-detail .question-content {
		min-height: 780px
	}

}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary:after, body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary:before, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary:after, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary:before {
	content: " ";
	display: table
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary:after, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary:after {
	clear: both
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .desc p:last-child, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .desc p:last-child {
	margin-bottom: 0 !important
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .desc.no-video, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .desc.no-video {
	margin-bottom: 0
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .desc:not(.no-video), body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .desc:not(.no-video) {
	float: left;
	max-width: 600px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .desc:not(.no-video) p, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .desc:not(.no-video) p {
	margin-bottom: 30px
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .side, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .side {
	float: right
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .side .video, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .side .video {
	position: relative;
	width: 250px;
	height: 140px;
	margin-bottom: 10px;
	overflow: hidden
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .side .video img, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .side .video img {
	display: block;
	max-width: 100%;
	height: auto
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .side .video .video-layer, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .side .video .video-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .side .video .video-layer:hover, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .side .video .video-layer:hover {
	background: rgba(0, 0, 0, .55)
}

body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .side .video .video-play, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .side .video .video-play {
	width: 0;
	height: 0;
	border-width: 8px 0 8px 14px;
	border-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	margin-left: 12px
}

@media (max-width:1200px) {
	body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .desc, body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .side, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .desc, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .side {
		float: none;
		width: 100%
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .desc, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .desc {
		margin-bottom: 10px
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .desc br:not(.visible-always), body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .desc br:not(.visible-always) {
		display: none
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-content .summary .desc p, body[class*=page-support] .detail-wrapper .question-detail .question-content .summary .desc p {
		margin-bottom: 10px !important
	}

}

@media (max-width:991px) {
	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav, body[class*=page-support] .detail-wrapper .question-detail .question-nav {
		width: 180px
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-content, body[class*=page-support] .detail-wrapper .question-detail .question-content {
		margin-left: 220px
	}

}

@media (max-width:767px) {
	body[class*=page-best-practices] .detail-wrapper .question-detail, body[class*=page-support] .detail-wrapper .question-detail {
		margin-bottom: 30px
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav, body[class*=page-support] .detail-wrapper .question-detail .question-nav {
		position: fixed;
		z-index: 1041 !important;
		left: -60%;
		top: 70px;
		width: 60%;
		padding-left: 0;
		padding-right: 0;
		height: 100%;
		-webkit-transition: all 218ms;
		transition: all 218ms
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .toggle-switch, body[class*=page-support] .detail-wrapper .question-detail .question-nav .toggle-switch {
		display: block
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .nav-title, body[class*=page-support] .detail-wrapper .question-detail .question-nav .nav-title {
		margin: 0 20px 6px 20px
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav.is-open, body[class*=page-support] .detail-wrapper .question-detail .question-nav.is-open {
		left: -1px;
		top: 0
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav.is-open .toggle-switch, body[class*=page-support] .detail-wrapper .question-detail .question-nav.is-open .toggle-switch {
		right: -1px;
		line-height: 39px;
		padding-left: 2px;
		border-left-color: #e8e8e8;
		background: rgba(255, 255, 255, .97);
		opacity: 1
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav.is-open .toggle-switch .icon:before, body[class*=page-support] .detail-wrapper .question-detail .question-nav.is-open .toggle-switch .icon:before {
		content: "\b008" !important
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list:not(:last-child), body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list:not(:last-child) {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #e8e8e8
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list .is-current+li, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list .is-current+li {
		border-top: 1px dashed #e8e8e8
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-nav .question-list a, body[class*=page-support] .detail-wrapper .question-detail .question-nav .question-list a {
		padding: 10px 20px 10px 40px !important
	}

	body[class*=page-best-practices] .detail-wrapper .question-detail .question-content, body[class*=page-support] .detail-wrapper .question-detail .question-content {
		margin-left: 0
	}

}

@media (min-width:768px) {
	body[class*=page-best-practices] .nav-backdrop, body[class*=page-support] .nav-backdrop {
		display: none
	}

}

body[class*=page-best-practices] .article-toolbar, body[class*=page-support] .article-toolbar {
	padding-bottom: 0
}

body[class*=page-best-practices] .article-toolbar .btn, body[class*=page-support] .article-toolbar .btn {
	color: #fff
}

body[class*=page-best-practices] .article-toolbar .btn:hover, body[class*=page-support] .article-toolbar .btn:hover {
	color: #fff
}

body[class*=page-best-practices] .article-toolbar .article-share-group, body[class*=page-support] .article-toolbar .article-share-group {
	margin-top: 40px
}

body[class*=page-best-practices] .article-toolbar .article-share-group a, body[class*=page-support] .article-toolbar .article-share-group a {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 10px;
	border: 1px solid #a6a6a6;
	color: #a6a6a6;
	border-radius: 50%;
	padding: 0;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

body[class*=page-best-practices] .article-toolbar .article-share-group a .icon, body[class*=page-support] .article-toolbar .article-share-group a .icon {
	font-size: 28px;
	line-height: 50px
}

body[class*=page-best-practices] .article-toolbar .article-share-group a.weibo:hover, body[class*=page-support] .article-toolbar .article-share-group a.weibo:hover {
	border-color: #c5282f;
	color: #c5282f
}

body[class*=page-best-practices] .article-toolbar .article-share-group a.wechat:hover, body[class*=page-support] .article-toolbar .article-share-group a.wechat:hover {
	border-color: #44b549;
	color: #44b549
}

body[class*=page-best-practices] .article-toolbar .article-share-group a.twitter:hover, body[class*=page-support] .article-toolbar .article-share-group a.twitter:hover {
	border-color: #7fdbff;
	color: #7fdbff
}

body[class*=page-best-practices] .article-toolbar .article-share-group a.facebook:hover, body[class*=page-support] .article-toolbar .article-share-group a.facebook:hover {
	border-color: #3b5998;
	color: #3b5998
}

body[class*=page-best-practices] .typography h4 {
	font-size: 18px
}

body[class*=page-best-practices] .typography h5, body[class*=page-best-practices] .typography p, body[class*=page-best-practices] .typography ul {
	font-size: 16px
}

body[class*=page-best-practices] .typography ul {
	margin-left: 30px;
	list-style: inherit
}

body[class*=page-best-practices] .typography ul li ul li {
	list-style: circle
}

body[class*=page-best-practices] .typography section:first-child:after {
	height: 0;
	margin-top: 0
}

body[class*=page-best-practices] .typography figure {
	background-color: #fff
}

.page-tour.is-loading .site-footer, .page-tour.is-loading .site-header {
	display: none
}

.page-careers, .page-careers-article {
	overflow-x: hidden
}

.page-careers .careers-header .nav-main .nav-header, .page-careers-article .careers-header .nav-main .nav-header {
	width: auto
}

.page-careers .careers-header .nav-main .nav-footer, .page-careers-article .careers-header .nav-main .nav-footer {
	width: auto
}

.page-careers-article.en .careers-header .nav-footer>li, .page-careers.en .careers-header .nav-footer>li {
	margin-right: 8px
}

.page-careers-article.en .careers-header .nav-footer>li>a, .page-careers.en .careers-header .nav-footer>li>a {
	padding: 12px 6px;
	font-size: 14px
}

.page-careers .switch-locale-wrap, .page-careers-article .switch-locale-wrap {
	border: none !important
}

.page-careers .switch-locale-wrap .dropdown-toggle, .page-careers-article .switch-locale-wrap .dropdown-toggle {
	padding: 4px 0
}

.page-careers .jump-anchor, .page-careers-article .jump-anchor {
	display: block;
	visibility: none;
	width: 10px;
	height: 10px;
	position: absolute;
	top: -60px;
	pointer-events: none
}

@media (max-width:768px) {
	.page-careers .sidebar, .page-careers-article .sidebar {
		padding: 10px 0 10px 20px !important
	}

}

.page-careers .sidebar .icon.icon-chevron-right, .page-careers-article .sidebar .icon.icon-chevron-right {
	display: inline-block;
	margin: 0 2px
}

.page-careers .site-main, .page-careers-article .site-main {
	width: 100%;
	overflow-x: hidden;
	min-height: calc(100% - 160px)
}

@media (max-width:768px) {
	.page-careers .site-main, .page-careers-article .site-main {
		min-height: calc(100% - 150px)
	}

}

.page-careers .site-main .container, .page-careers-article .site-main .container {
	max-width: 960px
}

@media (max-width:768px) {
	.page-careers .site-main .container, .page-careers-article .site-main .container {
		padding-left: 0;
		padding-right: 0
	}

	.page-careers .site-main .container h4, .page-careers .site-main .container p, .page-careers-article .site-main .container h4, .page-careers-article .site-main .container p {
		padding-left: 16px;
		padding-right: 16px
	}

}

.page-careers .no-padding, .page-careers-article .no-padding {
	padding: 0
}

.page-careers .join-us, .page-careers-article .join-us {
	margin: 0 auto 90px
}

@media (max-width:768px) {
	.page-careers .join-us, .page-careers-article .join-us {
		margin-bottom: 30px
	}

}

.page-careers .category-fixed, .page-careers-article .category-fixed {
	display: block;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 64px;
	z-index: 102;
	background-color: #f7f7f7;
	text-align: center;
	width: 100%;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-careers .category-fixed ul.category-nav, .page-careers-article .category-fixed ul.category-nav {
	display: inline-block;
	margin: auto;
	overflow: hidden;
	text-align: center
}

.page-careers .category-fixed ul.category-nav li, .page-careers-article .category-fixed ul.category-nav li {
	display: inline-block;
	margin: 10px 0;
	float: left;
	margin-right: 10px;
	border: 1px solid #d9d9d9;
	border-radius: 40px;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-careers .category-fixed ul.category-nav li a, .page-careers-article .category-fixed ul.category-nav li a {
	display: inline-block;
	padding: 0 24px;
	height: 34px;
	line-height: 34px;
	color: #a6a6a6
}

.page-careers .category-fixed ul.category-nav li.active, .page-careers .category-fixed ul.category-nav li:hover, .page-careers-article .category-fixed ul.category-nav li.active, .page-careers-article .category-fixed ul.category-nav li:hover {
	background-color: #03a9f4;
	border: 1px solid #03a9f4
}

.page-careers .category-fixed ul.category-nav li.active a, .page-careers .category-fixed ul.category-nav li:hover a, .page-careers-article .category-fixed ul.category-nav li.active a, .page-careers-article .category-fixed ul.category-nav li:hover a {
	color: #fff
}

.page-careers .category-fixed ul.category-nav li:last-child, .page-careers-article .category-fixed ul.category-nav li:last-child {
	margin-right: 0
}

@media (max-width:813px) {
	.page-careers .category-fixed ul.category-nav li, .page-careers-article .category-fixed ul.category-nav li {
		margin: 0;
		border: none !important;
		background-color: transparent !important
	}

	.page-careers .category-fixed ul.category-nav li a, .page-careers-article .category-fixed ul.category-nav li a {
		height: 54px;
		line-height: 54px;
		padding: 0 16px 0 0;
		color: #a6a6a6;
		background-color: transparent
	}

	.page-careers .category-fixed ul.category-nav li:focus a, .page-careers .category-fixed ul.category-nav li:hover a, .page-careers-article .category-fixed ul.category-nav li:focus a, .page-careers-article .category-fixed ul.category-nav li:hover a {
		color: #a6a6a6
	}

	.page-careers .category-fixed ul.category-nav li.active a, .page-careers-article .category-fixed ul.category-nav li.active a {
		color: #03a9f4
	}

}

.page-careers .category-fixed.show, .page-careers-article .category-fixed.show {
	opacity: 1;
	pointer-events: auto
}

@media (max-width:768px) {
	.page-careers .category-fixed, .page-careers-article .category-fixed {
		top: 50px;
		padding: 0;
		padding-left: 14px;
		text-align: left
	}

}

.page-careers .navbar-brand-careers, .page-careers-article .navbar-brand-careers {
	width: 220px;
	text-indent: -9999px;
	background-image: url(https://dn-st.teambition.net/site/images/careers/logo-careers.png);
	background-size: auto 26px;
	background-repeat: no-repeat;
	background-position: left center
}

@media (max-width:768px) {
	.page-careers .navbar-brand-careers, .page-careers-article .navbar-brand-careers {
		margin: 0
	}

}

@media (max-width:768px) {
	.page-careers .navbar-brand-careers, .page-careers-article .navbar-brand-careers {
		width: 195px;
		background-size: auto 23px
	}

}

.page-careers .careers-jumbotron, .page-careers-article .careers-jumbotron {
	position: relative;
	width: 100%;
	height: 600px;
	text-align: center;
	background: url(https://dn-site.oss.aliyuncs.com/2015-11/5041a6c5b489855d3656584fabae05eb6617938b?response-content-type=image/png);
	background-size: cover;
	background-position: 0 0
}

@media (max-width:768px) {
	.page-careers .careers-jumbotron, .page-careers-article .careers-jumbotron {
		background-position: -250px 0
	}

}

@media (max-width:375px) {
	.page-careers .careers-jumbotron, .page-careers-article .careers-jumbotron {
		height: 578px
	}

}

@media (max-width:320px) {
	.page-careers .careers-jumbotron, .page-careers-article .careers-jumbotron {
		height: 518px;
		padding: 0 10px
	}

}

.page-careers .careers-jumbotron .careers-slogan-wrap, .page-careers-article .careers-jumbotron .careers-slogan-wrap {
	position: absolute;
	right: 80px;
	bottom: 80px;
	background: rgba(3, 169, 244, .8);
	font-weight: 700;
	border-radius: 4px
}

@media (max-width:768px) {
	.page-careers .careers-jumbotron .careers-slogan-wrap, .page-careers-article .careers-jumbotron .careers-slogan-wrap {
		display: block;
		position: relative;
		margin: auto;
		top: 280px;
		right: 0;
		padding: 2px 0;
		border-radius: 2px
	}

}

@media (max-width:320px) {
	.page-careers .careers-jumbotron .careers-slogan-wrap, .page-careers-article .careers-jumbotron .careers-slogan-wrap {
		top: 240px
	}

}

.page-careers .careers-jumbotron .careers-slogan-wrap .careers-slogan, .page-careers-article .careers-jumbotron .careers-slogan-wrap .careers-slogan {
	display: block;
	font-size: 36px;
	color: #fff;
	line-height: 50px;
	border: 2px solid rgba(255, 255, 255, .8);
	margin: 10px;
	padding: 35px 30px
}

@media (max-width:768px) {
	.page-careers .careers-jumbotron .careers-slogan-wrap .careers-slogan, .page-careers-article .careers-jumbotron .careers-slogan-wrap .careers-slogan {
		font-size: 24px;
		padding: 20px 15px
	}

}

.page-careers .careers-nav, .page-careers-article .careers-nav {
	display: block;
	max-width: 1010px;
	margin: 63px auto
}

@media (max-width:768px) {
	.page-careers .careers-nav, .page-careers-article .careers-nav {
		font-size: 30px
	}

}

.page-careers .careers-nav ul li, .page-careers-article .careers-nav ul li {
	display: inline-block;
	text-align: center
}

.page-careers .careers-nav ul li a, .page-careers-article .careers-nav ul li a {
	display: block;
	height: 240px;
	margin: 0 auto
}

.page-careers .careers-nav ul li a img, .page-careers-article .careers-nav ul li a img {
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.page-careers .careers-nav ul li a .item-title, .page-careers-article .careers-nav ul li a .item-title {
	font-size: 36px;
	color: #383838;
	line-height: 53px
}

.page-careers .careers-nav ul li a .item-explain, .page-careers-article .careers-nav ul li a .item-explain {
	font-size: 16px;
	color: #6e6e6e;
	line-height: 32px
}

.page-careers .careers-nav ul li a:hover img, .page-careers-article .careers-nav ul li a:hover img {
	opacity: .75
}

.page-careers .title-bar, .page-careers-article .title-bar {
	margin: 0;
	padding: 54px 0;
	color: #03a9f4
}

@media (max-width:768px) {
	.page-careers .title-bar, .page-careers-article .title-bar {
		font-size: 28px;
		line-height: 40px;
		padding: 30px 20px
	}

}

.page-careers .bg-grey, .page-careers-article .bg-grey {
	background-color: #f7f7f7
}

.page-careers .careers-item, .page-careers-article .careers-item {
	border-radius: 5px
}

.page-careers .careers-item a, .page-careers-article .careers-item a {
	display: block;
	margin: 20px auto 20px
}

.page-careers .careers-item a .avatar, .page-careers .careers-item a .category-img, .page-careers-article .careers-item a .avatar, .page-careers-article .careers-item a .category-img {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background-size: 105%;
	background-position: center;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-careers .careers-item a p, .page-careers-article .careers-item a p {
	font-size: 20px;
	margin-top: 16px;
	color: #6e6e6e;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

@media (max-width:768px) {
	.page-careers .careers-item a p, .page-careers-article .careers-item a p {
		font-size: 16px
	}

}

@media (max-width:400px) {
	.page-careers .careers-item a .category-img, .page-careers-article .careers-item a .category-img {
		width: 90px;
		height: 90px
	}

	.page-careers .careers-item a p, .page-careers-article .careers-item a p {
		font-size: 14px;
		line-height: 28px
	}

}

.page-careers .careers-item.active .category-img, .page-careers .careers-item:hover .category-img, .page-careers-article .careers-item.active .category-img, .page-careers-article .careers-item:hover .category-img {
	border-color: #03a9f4
}

.page-careers .careers-item.active p, .page-careers .careers-item:hover p, .page-careers-article .careers-item.active p, .page-careers-article .careers-item:hover p {
	color: #03a9f4
}

.page-careers .subnav, .page-careers-article .subnav {
	margin-top: 90px
}

.page-careers .subnav .category, .page-careers-article .subnav .category {
	padding: 0 0 90px;
	border-bottom: 1px dashed #d9d9d9
}

@media (max-width:768px) {
	.page-careers .subnav, .page-careers-article .subnav {
		margin-top: 30px
	}

	.page-careers .subnav .category, .page-careers-article .subnav .category {
		padding: 0 0 20px;
		border-bottom: none
	}

}

.page-careers .category-item, .page-careers-article .category-item {
	position: relative;
	padding-top: 90px
}

@media (max-width:768px) {
	.page-careers .category-item, .page-careers-article .category-item {
		padding-top: 30px
	}

}

.page-careers .category-item .city-intro .title, .page-careers .category-item .team-intro .title, .page-careers-article .category-item .city-intro .title, .page-careers-article .category-item .team-intro .title {
	margin: 0 auto 30px;
	text-align: center;
	color: #03a9f4
}

.page-careers .category-item .city-intro p, .page-careers .category-item .team-intro p, .page-careers-article .category-item .city-intro p, .page-careers-article .category-item .team-intro p {
	color: #6e6e6e;
	font-size: 16px;
	line-height: 32px
}

@media (max-width:768px) {
	.page-careers .category-item .city-intro .title, .page-careers .category-item .team-intro .title, .page-careers-article .category-item .city-intro .title, .page-careers-article .category-item .team-intro .title {
		font-size: 26px
	}

	.page-careers .category-item .city-intro p, .page-careers .category-item .team-intro p, .page-careers-article .category-item .city-intro p, .page-careers-article .category-item .team-intro p {
		margin-bottom: 40px
	}

}

.page-careers .category-item .city-intro .intro-img, .page-careers .category-item .team-intro .intro-img, .page-careers-article .category-item .city-intro .intro-img, .page-careers-article .category-item .team-intro .intro-img {
	height: 240px;
	margin-top: 60px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat
}

.page-careers .category-item .job-card, .page-careers-article .category-item .job-card {
	margin-top: 90px;
	padding: 90px 0
}

.page-careers .category-item .job-card .title, .page-careers-article .category-item .job-card .title {
	font-size: 30px;
	margin: 0 auto 58px
}

.page-careers .category-item .job-card .careers-item, .page-careers-article .category-item .job-card .careers-item {
	padding: 0
}

.page-careers .category-item .job-card .careers-item a, .page-careers-article .category-item .job-card .careers-item a {
	padding: 30px 16px;
	margin: 0
}

.page-careers .category-item .job-card .careers-item a h2, .page-careers-article .category-item .job-card .careers-item a h2 {
	font-size: 18px;
	margin: 0
}

.page-careers .category-item .job-card .careers-item a small, .page-careers-article .category-item .job-card .careers-item a small {
	display: block;
	font-size: 14px;
	margin-top: 4px;
	color: #a6a6a6
}

.page-careers .category-item .job-card .careers-item a small ul, .page-careers-article .category-item .job-card .careers-item a small ul {
	margin: 0
}

.page-careers .category-item .job-card .careers-item a small ul li, .page-careers-article .category-item .job-card .careers-item a small ul li {
	display: inline-block
}

.page-careers .category-item .job-card .careers-item a small ul li span, .page-careers-article .category-item .job-card .careers-item a small ul li span {
	margin-right: 4px
}

.page-careers .category-item .job-card .careers-item a small ul li:last-child span, .page-careers-article .category-item .job-card .careers-item a small ul li:last-child span {
	display: none
}

.page-careers .category-item .job-card .careers-item.active, .page-careers .category-item .job-card .careers-item:hover, .page-careers-article .category-item .job-card .careers-item.active, .page-careers-article .category-item .job-card .careers-item:hover {
	background-color: #eee
}

@media (max-width:768px) {
	.page-careers .category-item .job-card, .page-careers-article .category-item .job-card {
		margin-top: 0;
		padding: 40px 0 20px
	}

	.page-careers .category-item .job-card .title, .page-careers-article .category-item .job-card .title {
		font-size: 26px;
		margin-bottom: 20px
	}

}

.page-careers .careers-job .sidebar, .page-careers-article .careers-job .sidebar {
	font-size: 16px;
	line-height: 32px;
	padding: 26px 0
}

.page-careers .careers-job .sidebar .team, .page-careers-article .careers-job .sidebar .team {
	color: #03a9f4
}

.page-careers .careers-job .sidebar .icon, .page-careers-article .careers-job .sidebar .icon {
	font-size: 12px;
	color: #a6a6a6
}

.page-careers .careers-job .sidebar .job, .page-careers-article .careers-job .sidebar .job {
	color: #a6a6a6
}

.page-careers .careers-job .job-main, .page-careers-article .careers-job .job-main {
	padding: 70px 0
}

.page-careers .careers-job .job-main .city, .page-careers-article .careers-job .job-main .city {
	margin-bottom: 40px
}

.page-careers .careers-job .job-main .city a, .page-careers-article .careers-job .job-main .city a {
	display: inline-block;
	font-size: 16px;
	line-height: 32px;
	color: #a6a6a6;
	margin-right: 4px
}

.page-careers .careers-job .job-main .city a:hover, .page-careers-article .careers-job .job-main .city a:hover {
	color: #03a9f4
}

.page-careers .careers-job .job-main article, .page-careers-article .careers-job .job-main article {
	font-size: 16px;
	line-height: 32px
}

.page-careers .careers-job .job-main article h3, .page-careers-article .careers-job .job-main article h3 {
	color: #03a9f4;
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 25px
}

.page-careers .careers-job .job-main article img, .page-careers-article .careers-job .job-main article img {
	width: 100%
}

.page-careers .careers-job .job-main ul, .page-careers-article .careers-job .job-main ul {
	list-style: inside
}

.page-careers .careers-job .job-main ul li, .page-careers-article .careers-job .job-main ul li {
	margin-left: 10px
}

@media (max-width:768px) {
	.page-careers .careers-job .job-main, .page-careers-article .careers-job .job-main {
		padding: 20px
	}

	.page-careers .careers-job .job-main .title, .page-careers-article .careers-job .job-main .title {
		font-size: 24px;
		margin-top: 0
	}

	.page-careers .careers-job .job-main .city, .page-careers-article .careers-job .job-main .city {
		margin-bottom: 10px
	}

	.page-careers .careers-job .job-main article, .page-careers-article .careers-job .job-main article {
		font-size: 14px;
		line-height: 26px
	}

	.page-careers .careers-job .job-main article h3, .page-careers-article .careers-job .job-main article h3 {
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 8px
	}

	.page-careers .careers-job .job-main article p, .page-careers-article .careers-job .job-main article p {
		padding: 0
	}

}

.page-careers .careers-job .members-intro, .page-careers-article .careers-job .members-intro {
	padding: 70px 0;
	margin-bottom: 90px
}

.page-careers .careers-job .members-intro .members-tab, .page-careers-article .careers-job .members-intro .members-tab {
	margin: 90px auto 40px
}

.page-careers .careers-job .members-intro .careers-item.active .avatar, .page-careers .careers-job .members-intro .careers-item:hover .avatar, .page-careers-article .careers-job .members-intro .careers-item.active .avatar, .page-careers-article .careers-job .members-intro .careers-item:hover .avatar {
	border: 2px solid #03a9f4
}

.page-careers .careers-job .members-intro .tab-content h3, .page-careers-article .careers-job .members-intro .tab-content h3 {
	font-size: 20px;
	color: #03a9f4;
	margin: 10px auto
}

.page-careers .careers-job .members-intro .tab-content p, .page-careers-article .careers-job .members-intro .tab-content p {
	padding-top: 20px;
	font-size: 16px;
	line-height: 32px
}

@media (max-width:768px) {
	.page-careers .careers-job .members-intro, .page-careers-article .careers-job .members-intro {
		padding: 10px 0;
		margin-bottom: 30px
	}

	.page-careers .careers-job .members-intro .title, .page-careers-article .careers-job .members-intro .title {
		font-size: 20px
	}

	.page-careers .careers-job .members-intro .careers-item, .page-careers-article .careers-job .members-intro .careers-item {
		width: 33%;
		margin: 0;
		padding: 0
	}

	.page-careers .careers-job .members-intro .careers-item a, .page-careers-article .careers-job .members-intro .careers-item a {
		margin: 0;
		padding: 0
	}

	.page-careers .careers-job .members-intro .careers-item a .avatar, .page-careers-article .careers-job .members-intro .careers-item a .avatar {
		width: 80px;
		height: 80px
	}

	.page-careers .careers-job .members-intro .careers-item a p, .page-careers-article .careers-job .members-intro .careers-item a p {
		margin-top: 4px
	}

	.page-careers .careers-job .members-intro .members-tab, .page-careers-article .careers-job .members-intro .members-tab {
		margin-top: 20px;
		margin-bottom: 10px
	}

	.page-careers .careers-job .members-intro .tab-content h3, .page-careers-article .careers-job .members-intro .tab-content h3 {
		font-size: 18px;
		margin: 4px auto
	}

	.page-careers .careers-job .members-intro .tab-content p, .page-careers-article .careers-job .members-intro .tab-content p {
		font-size: 14px !important;
		padding-top: 0
	}

}

.page-careers .careers-us .our-atmosphere, .page-careers .careers-us .our-leader, .page-careers .careers-us .our-staff, .page-careers .careers-us .our-value, .page-careers-article .careers-us .our-atmosphere, .page-careers-article .careers-us .our-leader, .page-careers-article .careers-us .our-staff, .page-careers-article .careers-us .our-value {
	padding: 0 0 60px
}

.page-careers .careers-us .our-atmosphere .title, .page-careers .careers-us .our-leader .title, .page-careers .careers-us .our-staff .title, .page-careers .careers-us .our-value .title, .page-careers-article .careers-us .our-atmosphere .title, .page-careers-article .careers-us .our-leader .title, .page-careers-article .careers-us .our-staff .title, .page-careers-article .careers-us .our-value .title {
	margin: 90px auto 60px
}

.page-careers .careers-us .our-atmosphere img, .page-careers .careers-us .our-leader img, .page-careers .careers-us .our-staff img, .page-careers .careers-us .our-value img, .page-careers-article .careers-us .our-atmosphere img, .page-careers-article .careers-us .our-leader img, .page-careers-article .careers-us .our-staff img, .page-careers-article .careers-us .our-value img {
	width: 100%
}

.page-careers .careers-us .our-atmosphere a, .page-careers .careers-us .our-leader a, .page-careers .careers-us .our-staff a, .page-careers .careers-us .our-value a, .page-careers-article .careers-us .our-atmosphere a, .page-careers-article .careers-us .our-leader a, .page-careers-article .careers-us .our-staff a, .page-careers-article .careers-us .our-value a {
	cursor: default !important
}

@media (max-width:768px) {
	.page-careers .careers-us .our-atmosphere, .page-careers .careers-us .our-leader, .page-careers .careers-us .our-staff, .page-careers .careers-us .our-value, .page-careers-article .careers-us .our-atmosphere, .page-careers-article .careers-us .our-leader, .page-careers-article .careers-us .our-staff, .page-careers-article .careers-us .our-value {
		padding-bottom: 20px
	}

	.page-careers .careers-us .our-atmosphere .title, .page-careers .careers-us .our-leader .title, .page-careers .careers-us .our-staff .title, .page-careers .careers-us .our-value .title, .page-careers-article .careers-us .our-atmosphere .title, .page-careers-article .careers-us .our-leader .title, .page-careers-article .careers-us .our-staff .title, .page-careers-article .careers-us .our-value .title {
		font-size: 26px;
		margin-top: 30px;
		margin-bottom: 20px
	}

}

.page-careers .careers-us .our-staff p, .page-careers-article .careers-us .our-staff p {
	color: #a6a6a6;
	margin-top: 30px
}

.page-careers .careers-us .our-atmosphere .row, .page-careers-article .careers-us .our-atmosphere .row {
	padding: 30px
}

.page-careers .careers-us .our-atmosphere .row.atmos-first, .page-careers-article .careers-us .our-atmosphere .row.atmos-first {
	border-bottom: 1px dashed #d9d9d9
}

.page-careers .careers-us .our-atmosphere .careers-item:hover p, .page-careers-article .careers-us .our-atmosphere .careers-item:hover p {
	color: #6e6e6e
}

.page-careers .careers-us .our-atmosphere .atmo-intro h4, .page-careers-article .careers-us .our-atmosphere .atmo-intro h4 {
	font-size: 20px;
	color: #03a9f4;
	margin: 20px auto
}

.page-careers .careers-us .our-atmosphere .atmo-intro p, .page-careers-article .careers-us .our-atmosphere .atmo-intro p {
	font-size: 16px;
	line-height: 32px;
	color: #6e6e6e
}

@media (max-width:768px) {
	.page-careers .careers-us .our-atmosphere .careers-item a, .page-careers-article .careers-us .our-atmosphere .careers-item a {
		margin: 0
	}

	.page-careers .careers-us .our-atmosphere .atmo-intro, .page-careers-article .careers-us .our-atmosphere .atmo-intro {
		padding: 0
	}

}

.page-careers .careers-us .our-value, .page-careers-article .careers-us .our-value {
	padding-bottom: 0
}

.page-careers .careers-us .our-value .title, .page-careers-article .careers-us .our-value .title {
	margin-bottom: 90px
}

.page-careers .careers-us .our-value .joy-value, .page-careers-article .careers-us .our-value .joy-value {
	clear: both
}

.page-careers .careers-us .our-value .joy-value .joy-img, .page-careers-article .careers-us .our-value .joy-value .joy-img {
	width: 50%;
	float: left
}

.page-careers .careers-us .our-value .joy-value .joy-img.img-right, .page-careers-article .careers-us .our-value .joy-value .joy-img.img-right {
	float: right
}

.page-careers .careers-us .our-value .joy-value .value-intro, .page-careers-article .careers-us .our-value .joy-value .value-intro {
	width: 50%;
	float: right;
	padding: 110px 130px 0 60px
}

.page-careers .careers-us .our-value .joy-value .value-intro h3, .page-careers-article .careers-us .our-value .joy-value .value-intro h3 {
	color: #03a9f4;
	margin: 20px 0 27px;
	font-size: 24px;
	line-height: 1.1
}

.page-careers .careers-us .our-value .joy-value .value-intro p, .page-careers-article .careers-us .our-value .joy-value .value-intro p {
	font-size: 16px;
	line-height: 32px;
	color: #6e6e6e
}

@media (max-width:1390px) {
	.page-careers .careers-us .our-value .joy-value .value-intro, .page-careers-article .careers-us .our-value .joy-value .value-intro {
		padding: 60px 40px 0 40px
	}

}

@media (max-width:1390px) {
	.page-careers .careers-us .our-value .joy-value .value-intro, .page-careers-article .careers-us .our-value .joy-value .value-intro {
		padding-top: 20px
	}

}

@media (max-width:960px) {
	.page-careers .careers-us .our-value .joy-value .joy-img, .page-careers-article .careers-us .our-value .joy-value .joy-img {
		width: 100%;
		float: left
	}

	.page-careers .careers-us .our-value .joy-value .value-intro, .page-careers-article .careers-us .our-value .joy-value .value-intro {
		width: 100%;
		float: right;
		text-align: center;
		padding: 30px 20px;
		background-color: #f7f7f7
	}

	.page-careers .careers-us .our-value .joy-value .value-intro h3, .page-careers-article .careers-us .our-value .joy-value .value-intro h3 {
		font-size: 24px;
		margin-bottom: 10px
	}

}

@media (max-width:768px) {
	.page-careers .careers-us .our-value .title, .page-careers-article .careers-us .our-value .title {
		margin-bottom: 30px
	}

}

.page-careers .careers-us .our-leader, .page-careers-article .careers-us .our-leader {
	clear: both;
	margin-bottom: 90px;
	padding-bottom: 0
}

.page-careers .careers-us .our-leader .title, .page-careers-article .careers-us .our-leader .title {
	margin: 90px auto
}

.page-careers .careers-us .our-leader .leader-intro, .page-careers-article .careers-us .our-leader .leader-intro {
	height: 600px;
	background-image: url(https://dn-site.oss.aliyuncs.com/2015-11/37c74c42498cb621cb4c577882386d469b8ca92f?response-content-type=image/png);
	background-repeat: no-repeat;
	background-position: right top
}

.page-careers .careers-us .our-leader .leader-intro .leader-intro-text, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text {
	padding: 100px 640px 0 120px
}

.page-careers .careers-us .our-leader .leader-intro .leader-intro-text .paragraph, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text .paragraph {
	font-size: 16px;
	line-height: 32px;
	padding-right: 37px
}

.page-careers .careers-us .our-leader .leader-intro .leader-intro-text .paragraph hr, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text .paragraph hr {
	border: none;
	margin: 10px 0
}

.page-careers .careers-us .our-leader .leader-intro .leader-intro-text .quotes, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text .quotes {
	display: block;
	width: 37px;
	height: 37px;
	background-image: url(/images/global/quotes@2x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.page-careers .careers-us .our-leader .leader-intro .leader-intro-text .quotes.quotes-next, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text .quotes.quotes-next {
	float: right;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (max-width:1280px) {
	.page-careers .careers-us .our-leader .leader-intro .leader-intro-text, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text {
		padding: 60px 600px 0 40px
	}

}

@media (max-width:1160px) {
	.page-careers .careers-us .our-leader .leader-intro, .page-careers-article .careers-us .our-leader .leader-intro {
		height: auto;
		background-image: none;
		background-position: bottom
	}

	.page-careers .careers-us .our-leader .leader-intro .leader-intro-text, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text {
		padding: 30px
	}

	.page-careers .careers-us .our-leader .leader-intro .leader-intro-text .paragraph, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text .paragraph {
		padding: 0
	}

	.page-careers .careers-us .our-leader .leader-intro .leader-intro-text .quotes, .page-careers-article .careers-us .our-leader .leader-intro .leader-intro-text .quotes {
		display: none
	}

	.page-careers .careers-us .our-leader .leader-img-sm, .page-careers-article .careers-us .our-leader .leader-img-sm {
		display: block !important
	}

}

@media (max-width:768px) {
	.page-careers .careers-us .our-leader, .page-careers-article .careers-us .our-leader {
		margin-bottom: 30px
	}

	.page-careers .careers-us .our-leader .title, .page-careers-article .careers-us .our-leader .title {
		margin: 30px auto
	}

}

.page-careers .careers-us .our-staff .row, .page-careers-article .careers-us .our-staff .row {
	margin: 30px 0
}

.page-careers .careers-us .our-staff .careers-item, .page-careers-article .careers-us .our-staff .careers-item {
	height: 310px
}

@media (max-width:768px) {
	.page-careers .careers-us .our-atmosphere, .page-careers-article .careers-us .our-atmosphere {
		text-align: center
	}

}

.page-careers .careers-us .our-leader .big-photo, .page-careers-article .careers-us .our-leader .big-photo {
	display: block
}

.page-careers .careers-us .our-leader .small-photo, .page-careers-article .careers-us .our-leader .small-photo {
	display: none
}

@media (max-width:768px) {
	.page-careers .careers-us .our-leader .big-photo, .page-careers-article .careers-us .our-leader .big-photo {
		display: none
	}

	.page-careers .careers-us .our-leader .small-photo, .page-careers-article .careers-us .our-leader .small-photo {
		display: block
	}

}

.page-careers-article.en .navbar-brand-careers, .page-careers.en .navbar-brand-careers {
	background-image: url(https://dn-st.teambition.net/site/images/careers/logo-careers-en.png) !important
}

.page-careers-article.en .introduction, .page-careers.en .introduction {
	line-height: 24px !important
}

.page-careers-article.en .say-card p, .page-careers.en .say-card p {
	line-height: 24px !important
}

.page-careers-article.en .leader-intro-text, .page-careers.en .leader-intro-text {
	padding-top: 50px !important
}

.page-careers-article.en .leader-intro-text .paragraph, .page-careers.en .leader-intro-text .paragraph {
	line-height: 24px !important
}

.page-careers-article.en .our-value .value-intro, .page-careers.en .our-value .value-intro {
	padding-top: 80px
}

.page-careers-article.en .our-value .value-intro p, .page-careers.en .our-value .value-intro p {
	line-height: 24px !important
}

.page-careers-article.en .atmo-intro p, .page-careers.en .atmo-intro p {
	line-height: 24px !important
}

.page-careers-article.en .members-intro .tab-content p, .page-careers.en .members-intro .tab-content p {
	line-height: 24px !important
}

.page-unsupported {
	padding-top: 0
}

.page-unsupported .explain {
	margin: 130px 0
}

.page-unsupported .explain .title {
	margin-bottom: 20px
}

.page-unsupported .explain .title img {
	width: 90%;
	max-width: 480px
}

.page-unsupported .explain .why {
	font-size: 20px;
	color: #a6a6a6
}

.page-unsupported .browser:nth-child(2) {
	text-align: center
}

.page-unsupported .browser:last-child {
	text-align: right
}

.page-unsupported .browser .ie11 img {
	width: 125px;
	height: 178px
}

.page-unsupported .browser .chrome img {
	width: 170px;
	height: 181px
}

.page-unsupported .browser .firefox img {
	width: 148px;
	height: 185px
}

.page-unsupported .browser a:hover {
	opacity: .8
}

.page-unsupported .return {
	margin: 130px 0;
	text-align: right;
	margin-right: -10px
}

.page-unsupported .return a {
	font-size: 20px
}

.page-unsupported .return a .icon {
	position: relative;
	top: 2px;
	right: 2px
}

@media (min-width:768px) and (max-width:992px) {
	.page-unsupported .browser {
		float: left;
		width: 33.33%
	}

}

@media (max-width:768px) {
	.page-unsupported .explain {
		margin: 60px 0
	}

	.page-unsupported .browser {
		margin-bottom: 60px
	}

	.page-unsupported .return {
		margin: 0 0 60px
	}

	.page-unsupported .browser, .page-unsupported .browser:last-child, .page-unsupported .return {
		text-align: center
	}

}

.page-csr .csr-jumbotron {
	background-color: transparent;
	background-image: url(/images/walfare-top-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 20px 0 25px
}

@media (max-width:767px) {
	.page-csr .csr-jumbotron {
		margin-bottom: 0
	}

}

.page-csr .csr-jumbotron h1 {
	font-size: 36px;
	color: #8ec448
}

@media (min-width:768px) {
	.page-csr .csr-jumbotron h1 {
		margin: 50px 0 30px
	}

}

@media (max-width:767px) {
	.page-csr .csr-jumbotron h1 {
		font-size: 22px
	}

}

@media (max-width:480px) {
	.page-csr .csr-jumbotron h1 {
		font-size: 18px
	}

	.page-csr .csr-jumbotron h1 .header-icon {
		display: block;
		margin: 0 auto
	}

}

.page-csr .csr-jumbotron h4.sub-title {
	font-size: 22px;
	color: #8ec448;
	margin-bottom: 30px
}

@media (max-width:767px) {
	.page-csr .csr-jumbotron h4.sub-title {
		font-size: 20px
	}

}

@media (max-width:480px) {
	.page-csr .csr-jumbotron h4.sub-title {
		font-size: 16px
	}

}

.page-csr .csr-jumbotron .header-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-top: -5px;
	vertical-align: middle;
	background-image: url(/images/welfare-icons.png);
	background-position: 0 -60px;
	background-size: 180px 120px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.page-csr .csr-jumbotron .header-icon {
		background-image: url(/images/welfare-icons@2x.png)
	}

}

.page-csr .csr-description {
	text-align: left;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 32px;
	color: #a6a6a6
}

@media (min-width:768px) {
	.page-csr .csr-description {
		margin: 0 150px 50px
	}

}

.page-csr .csr-highlight {
	margin: auto 150px;
	padding: 10px;
	color: #fff;
	text-align: center;
	background-color: #8ec448
}

.page-csr .csr-highlight h4 {
	font-size: 16px;
	line-height: 20px
}

@media (min-width:480px) {
	.page-csr .csr-highlight {
		padding: 26px
	}

	.page-csr .csr-highlight h4 {
		font-size: 18px;
		line-height: 32px
	}

}

.page-csr .csr-highlight p {
	font-size: 14px
}

.page-csr .site-main {
	background-image: url(/images/walfare-bottom-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom
}

.page-csr .site-main .container {
	position: relative;
	padding-bottom: 260px
}

.page-csr .site-main .container .tree {
	position: absolute;
	left: -200px;
	bottom: 0;
	width: 264px;
	height: 395px;
	background-image: url(/images/welfare-tree.png)
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.page-csr .site-main .container .tree {
		background-image: url(/images/welfare-tree@2x.png);
		background-size: 264px 395px
	}

}

.page-csr .csr-form {
	margin-left: 150px;
	margin-right: 150px
}

.page-csr .form-input .form-button-icon {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	background-image: url(/images/welfare-icons.png);
	background-size: 180px 120px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.page-csr .form-input .form-button-icon {
		background-image: url(/images/welfare-icons@2x.png)
	}

}

.page-csr .form-input .welgroup .form-button-icon {
	background-position: 0 0
}

.page-csr .form-input .welgroup.active .form-button-icon {
	background-position: 0 -60px
}

.page-csr .form-input .student .form-button-icon {
	background-position: -60px 0
}

.page-csr .form-input .student.active .form-button-icon {
	background-position: -60px -60px
}

.page-csr .form-input .opensorce .form-button-icon {
	background-position: -120px 0
}

.page-csr .form-input .opensorce.active .form-button-icon {
	background-position: -120px -60px
}

.page-csr .lbl_contant {
	font-size: 18px;
	color: grey;
	font-weight: 400;
	padding: 10px 0;
	margin: 0 11px
}

.page-csr .type {
	float: left;
	border: 1px solid #eee;
	height: 100px;
	border-radius: 4px;
	width: 182px;
	margin-right: 25px;
	position: relative;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	cursor: pointer
}

.page-csr .type:last-child {
	width: 183px;
	margin-right: 0
}

.page-csr .type img {
	width: 26px;
	height: 26px;
	position: absolute;
	right: -9px;
	top: -9px;
	display: none
}

.page-csr .type.active {
	border: 2px solid #8ec448;
	color: #8ec448
}

.page-csr .type.active img {
	display: inline
}

.page-csr #submit {
	display: block;
	color: #fff;
	background: #8ec448;
	width: 100%;
	text-align: center;
	height: 70px;
	font-size: 23px;
	line-height: 72px;
	border-radius: 2px;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 218ms;
	transition: all 218ms
}

.page-csr #submit:hover {
	background: #9aca5b
}

.page-csr #submit img {
	position: relative;
	top: -2px;
	left: 20px;
	width: 36px;
	height: 31px
}

.page-csr #submit.disabled, .page-csr #submit.disabled:hover {
	background: #8ec448;
	opacity: .7
}

@media (max-width:1199px) {
	.page-csr .csr-description, .page-csr .csr-highlight {
		margin-left: 50px;
		margin-right: 50px
	}

	.page-csr .csr-form {
		margin-left: 50px;
		margin-right: 50px
	}

}

@media (max-width:991px) {
	.page-csr .csr-description, .page-csr .csr-highlight {
		margin-left: 0;
		margin-right: 0
	}

	.page-csr .csr-form {
		margin-left: 0;
		margin-right: 0
	}

}

.page-csr .jinshuju-form {
	max-width: 700px;
	margin: 0 auto
}

.page-solution .industry-intro {
	padding: 70px 0 50px
}

.page-solution .industry-intro h1 {
	margin-top: 45px;
	margin-bottom: 100px
}

.page-solution .industry-intro h1 img {
	height: 55px;
	width: auto;
	margin-right: 32px
}

.page-solution .industry-intro h1>span {
	display: inline-block;
	line-height: 55px;
	vertical-align: middle;
	color: #2a2a2a;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 1.2px
}

.page-solution .industry-intro h2 {
	margin-bottom: 50px;
	font-family: 'PingFang SC', sans-serif;
	font-weight: 200;
	font-size: 40px;
	line-height: 63px;
	color: #383838
}

.page-solution .industry-intro p {
	max-width: 500px;
	margin: 0 auto;
	font-size: 14px;
	color: grey;
	letter-spacing: 0;
	line-height: 28px
}

.page-solution .industry-intro .partner-container {
	position: relative;
	max-width: 500px;
	margin: 64px auto 0
}

.page-solution .industry-intro .partner-container ul.partner-logo li {
	float: left;
	margin: 20px 0
}

.page-solution .industry-intro .partner-container ul.partner-logo li img {
	max-width: 125px;
	height: auto;
	margin: 0 auto
}

.page-solution .industry-intro .partner-container ul.partner-logo li:nth-child(4n+1) {
	margin-left: 0
}

.page-solution .industry-features {
	height: 770px;
	padding: 90px 0;
	background-color: #f8f8f8;
	text-align: center
}

.page-solution .industry-features h2 {
	margin-bottom: 50px;
	font-family: 'PingFang SC', sans-serif;
	font-weight: 200;
	font-size: 42px;
	color: #383838;
	line-height: 60px
}

.page-solution .industry-features .customer-quote {
	max-width: 627px;
	margin: 50px auto;
	padding: 60px 60px 20px 70px;
	background-color: #fff;
	background-image: url(/images/solution/global/quote-marks@2x.png);
	background-size: 627px auto;
	background-position: top left;
	background-repeat: no-repeat
}

.page-solution .industry-features .customer-quote .quote-content {
	margin-bottom: 45px;
	line-height: 36px
}

.page-solution .industry-features .customer-quote .author {
	margin-bottom: 6px;
	text-align: right;
	font-size: 18px
}

.page-solution .industry-features .customer-quote address {
	font-size: 12px;
	text-align: right;
	color: grey
}

.page-solution .slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 770px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	line-height: 1.66;
	color: #383838
}

.page-solution .slide.white {
	color: #fff
}

.page-solution .slide-row {
	position: relative;
	width: 100%;
	height: 770px
}

.page-solution .slide-row .slide-text {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	max-width: 400px
}

.page-solution .slide-row .slide-text.slide-right {
	left: auto;
	right: 0
}

.page-solution .slide-text h1 {
	margin-bottom: 30px;
	font-family: 'PingFang SC', sans-serif;
	font-weight: 200;
	font-size: 40px;
	letter-spacing: 0;
	line-height: 63px;
	text-shadow: 0 0 21px #fff
}

.page-solution .slide-text p {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 30px;
	text-shadow: 0 0 13px rgba(255, 255, 255, .5)
}

.page-solution .slide-text .more {
	margin-top: 25px
}

.page-solution .slide-text .more a {
	font-size: 13px;
	color: #47AEFF
}

.page-solution .partners-wrap {
	padding: 50px 0 86px
}

.page-solution .partners-wrap .title {
	margin-bottom: 40px;
	font-family: 'PingFang SC', sans-serif;
	font-weight: 200;
	font-size: 40px;
	color: #383838;
	letter-spacing: 0;
	line-height: 63px
}

.page-solution .partners-wrap .items-container {
	position: relative;
	max-width: 790px;
	margin: 0 auto
}

.page-solution .partners-wrap .items-container ul.partner-logo li {
	display: inline-block;
	margin: 20px 0 20px 10px
}

.page-solution .partners-wrap .items-container ul.partner-logo li img {
	max-width: 120px;
	margin: 0 auto
}

.page-solution .partners-wrap .items-container ul.partner-logo li:nth-child(6n+1) {
	margin-left: 0
}

.page-solution .contact-wrap {
	text-align: left;
	padding: 74px 0 70px;
	background-color: #f8f8f8
}

.page-solution .contact-wrap .title {
	margin-bottom: 60px;
	font-family: 'PingFang SC', sans-serif;
	font-weight: 200;
	font-size: 40px;
	color: #383838;
	letter-spacing: 0;
	line-height: 63px;
	text-align: center
}

.page-solution .contact-wrap .contact-cont {
	max-width: 440px;
	margin: 0 auto
}

.page-solution .contact-wrap .contact-cont .cont-btns {
	text-align: center;
	padding-bottom: 15px
}

.page-solution .contact-wrap .contact-cont .cont-btns a+a {
	margin-left: 30px
}

.page-solution .contact-wrap .contact-form {
	color: grey
}

.page-solution .contact-wrap .contact-form .form-group {
	margin-bottom: 25px
}

.page-solution .contact-wrap .contact-form .control-label {
	padding-top: 5px
}

.page-solution .contact-wrap .contact-form .form-control {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 5px
}

.page-solution .contact-wrap .contact-form .form-submit {
	text-align: center
}

.page-solution .contact-wrap hr {
	border-top-color: #e5e5e5
}

.page-solution .contact-wrap .form-submit .btn {
	width: 100%
}

.page-solution .contact-wrap .contact-phone {
	margin-bottom: 34px;
	text-align: center
}

.page-solution .contact-wrap .contact-phone p {
	margin: 0;
	font-size: 18px;
	color: #383838
}

.page-solution .contact-wrap .contact-phone h3 {
	margin: 0;
	font-size: 36px;
	font-weight: 400;
	color: #383838;
	line-height: 48px
}

.page-solution .contact-wrap .form-tips p {
	font-size: 18px;
	text-align: center
}

.page-solution .contact-wrap .form-tips p.error {
	color: #ff4f3e
}

.page-solution .contact-wrap .form-tips p.success {
	color: #47AEFF
}

.page-solution .all-in-one {
	padding-top: 0;
	padding-bottom: 0
}

.page-solution .all-in-one .jumbotron {
	height: 460px;
	text-align: center;
	background-color: #bbb;
	background-image: url(/images/solution/all-in-one/jumbotron.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.page-solution .all-in-one .jumbotron h1 {
	margin-top: 90px;
	margin-bottom: 50px
}

.page-solution .all-in-one .jumbotron p {
	margin: 0 auto;
	max-width: 600px;
	font-size: 16px
}

.page-solution .all-in-one .cases {
	margin-top: 120px;
	border-top: 1px solid #eee;
	text-align: center
}

.page-solution .all-in-one .cases h2 {
	display: inline-block;
	padding: 0 60px;
	font-size: 40px;
	background-color: #fff
}

.page-solution .all-in-one .cases p {
	font-size: 18px;
	font-weight: 200
}

.page-solution .all-in-one .cases .case-category {
	position: relative;
	top: -45px
}

.page-solution .all-in-one .cases .case-wrapper {
	max-width: 760px;
	margin: 50px auto 0
}

.page-solution .all-in-one .cases .case-wrapper .case-item {
	padding: 0 50px 50px 120px;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: 40px 0;
	text-align: left
}

@media (max-width:992px) {
	.page-solution .all-in-one .cases .case-wrapper .case-item {
		padding: 0 20px 20px 70px;
		background-size: 30px 30px;
		background-position: 30px 0
	}

}

.page-solution .all-in-one .cases .case-wrapper .case-item h3 {
	margin-top: 0;
	font-size: 28px
}

.page-solution .all-in-one .cases .case-wrapper .case-item h3>a {
	color: #383838
}

.page-solution .all-in-one .cases .case-wrapper .case-item p {
	font-size: 14px;
	color: grey;
	margin: 0
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-activity {
	background-image: url(/images/solution/all-in-one/icon-activity@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-agency {
	background-image: url(/images/solution/all-in-one/icon-agency@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-bid {
	background-image: url(/images/solution/all-in-one/icon-bid@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-campaign {
	background-image: url(/images/solution/all-in-one/icon-campaign@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-cooperation {
	background-image: url(/images/solution/all-in-one/icon-cooperation@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-design {
	background-image: url(/images/solution/all-in-one/icon-design@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-issue {
	background-image: url(/images/solution/all-in-one/icon-issue@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-marketing {
	background-image: url(/images/solution/all-in-one/icon-marketing@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-okr {
	background-image: url(/images/solution/all-in-one/icon-okr@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-pipeline {
	background-image: url(/images/solution/all-in-one/icon-pipeline@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-recruiting {
	background-image: url(/images/solution/all-in-one/icon-recruiting@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-research {
	background-image: url(/images/solution/all-in-one/icon-research@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-sprint {
	background-image: url(/images/solution/all-in-one/icon-sprint@2x.png)
}

.page-solution .all-in-one .cases .case-wrapper .case-item.case-training {
	background-image: url(/images/solution/all-in-one/icon-training@2x.png)
}

@media (max-width:992px) {
	.page-solution .all-in-one .cases {
		margin-top: 40px;
		margin-bottom: 20px
	}

	.page-solution .all-in-one .cases h2 {
		font-size: 30px;
		margin: 20px 0 10px
	}

	.page-solution .all-in-one .cases .case-wrapper {
		margin-top: 0
	}

}

@media (max-width:992px) {
	.page-solution .partners-wrap .items-container {
		max-width: 550px
	}

	.page-solution .partners-wrap .items-container ul.partner-logo li {
		display: inline-block;
		margin: 20px 0 20px 10px
	}

	.page-solution .partners-wrap .items-container ul.partner-logo li img {
		max-width: 80px;
		opacity: 1
	}

	.page-solution .partners-wrap .items-container ul.partner-logo li:nth-child(6n+1) {
		margin-left: 0
	}

	.page-solution .all-in-one .partners-wrap .title {
		font-size: 28px;
		margin-top: 30px;
		line-height: 40px
	}

	.page-solution .all-in-one .jumbotron h1 {
		margin-top: 60px
	}

}

@media (max-width:768px) {
	.page-solution .industry-intro {
		padding-top: 0
	}

	.page-solution .industry-intro h1 {
		margin: 60px 0
	}

	.page-solution .industry-intro h1 img {
		height: 33px;
		margin-right: 17px
	}

	.page-solution .industry-intro h1>span {
		font-size: 24px;
		letter-spacing: .8px;
		line-height: 33px
	}

	.page-solution .industry-intro h2 {
		font-size: 26px;
		line-height: 40px
	}

	.page-solution .industry-intro p {
		font-size: 14px
	}

	.page-solution .industry-intro .partner-container {
		margin: 45px auto 0
	}

	.page-solution .industry-intro .partner-container ul.partner-logo li {
		float: left;
		margin: 20px 0;
		width: 25%
	}

	.page-solution .industry-intro .partner-container ul.partner-logo li img {
		max-width: 100%;
		height: auto;
		margin: 0 auto
	}

	.page-solution .industry-intro .partner-container ul.partner-logo li:nth-child(4n+1) {
		margin-left: 0
	}

	.page-solution .industry-features h2 {
		font-size: 24px;
		line-height: 40px
	}

	.page-solution .industry-features .customer-quote {
		padding: 33px 50px 20px
	}

	.page-solution .slide {
		height: 736px
	}

	.page-solution .slide .slide-row {
		height: 736px
	}

	.page-solution .slide .slide-row .slide-text {
		margin: 0 30px;
		text-align: center
	}

	.page-solution .slide .slide-row .slide-text h1, .page-solution .slide .slide-row .slide-text p {
		text-shadow: none
	}

	.page-solution .partners-wrap {
		padding: 0 0 30px
	}

	.page-solution .partners-wrap .title {
		margin-bottom: 30px
	}

	.page-solution .partners-wrap .items-container {
		max-width: 320px
	}

	.page-solution .partners-wrap .items-container ul.partner-logo li {
		display: inline-block;
		margin: 20px 0 20px 0
	}

	.page-solution .partners-wrap .items-container ul.partner-logo li img {
		max-width: 76px;
		opacity: 1
	}

	.page-solution .partners-wrap .items-container ul.partner-logo li:nth-child(4n+1) {
		margin-left: 0
	}

	.page-solution .partners-wrap .items-container ul.partner-logo li:nth-child(17), .page-solution .partners-wrap .items-container ul.partner-logo li:nth-child(18) {
		display: none
	}

	.page-solution .contact-wrap {
		padding: 60px 0 50px
	}

	.page-solution .contact-wrap .title {
		margin-bottom: 30px
	}

	.page-solution .contact-wrap .contact-phone {
		text-align: center
	}

	.page-manufacturing .slide.slide-a {
		background-position: -200px 0
	}

	.page-manufacturing .slide.slide-b {
		background-position: 80% 300px
	}

	.page-manufacturing .slide.slide-b .slide-row .slide-text {
		top: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-top: 55px
	}

	.page-manufacturing .slide.slide-c {
		background-position: -102px 300px
	}

	.page-manufacturing .slide.slide-c .slide-row .slide-text {
		top: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-top: 55px
	}

	.page-education .slide.slide-a {
		background-position: -155px center
	}

	.page-education .slide.slide-b {
		background-position: -164px 107px
	}

	.page-education .slide.slide-b .slide-row .slide-text {
		top: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-top: 55px
	}

	.page-education .slide.slide-c {
		background-position: center center
	}

	.page-finance .slide.slide-a {
		background-position: center 0
	}

	.page-finance .slide.slide-b {
		background-position: 80% 220px
	}

	.page-finance .slide.slide-b .slide-row .slide-text {
		top: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-top: 55px
	}

}

.custom-title {
	margin: 100px auto 60px;
	max-width: calc(100vw - 32px);
	line-height: 48px;
	font-size: 2em;
	font-weight: 300;
	color: #383838;
	text-align: center;
	font-family: initial;
}

.second-title {
	margin: 15px auto 60px;
	max-width: calc(100vw - 32px);
	line-height: 24px;
	font-size: 1em;
	font-weight: 400;
	color: #808080;
	text-align: center;
	font-family: initial;
}

@media (max-width:768px) {
	.custom-title {
		margin: 80px auto 40px;
		line-height: 38px;
		font-size: 1.8em;
	}

	.second-title {
		margin: 15px auto 40px;
	}

}

.custom-high {
	margin: 100px auto 0px;
}

@media (min-width:1680px) {
	.custom-title {
		margin: 140px auto 80px;
	}

	.custom-high {
		margin: 140px auto 0px;
	}

}

.tb-button-primary {
	min-width: 76px;
	padding: 12px;
	margin: 0 0;
	font-size: 16px;
	color: #fff;
	vertical-align: top;
	background-color: transparent;
	border: 0;
	border-radius: 26px;
	line-height: initial;
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}

.tb-button-primary > span {
	display: inline-block;
}

.tb-button-primary > [data-role=icon] {
	line-height: 14px;
	margin-right: 8px;
	vertical-align: bottom;
	-webkit-transition: fill 0.3s ease, color 0.3s ease;
	transition: fill 0.3s ease, color 0.3s ease;
}

.tb-button-primary > [data-role=icon]:last-child {
	margin-right: 0;
	margin-left: 8px;
}

.tb-button-primary > [data-role=icon]:only-child {
	margin-right: 0;
	margin-left: 0;
}

.tb-button-primary:hover {
	cursor: pointer;
}

.tb-button-primary:disabled {
	cursor: not-allowed;
	background-color: #ccc !important;
}

.tb-button-primary:after {
	content: attr(data-content);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 26px;
	background: linear-gradient(-45deg, #32b6ff, #4276ff);
	-webkit-box-shadow: 0 2px 8px 0 rgba(36, 10, 147, 0.15);
	box-shadow: 0 2px 8px 0 rgba(36, 10, 147, 0.15);
}

.tb-button-primary:active, .tb-button-primary:hover {
	-webkit-box-shadow: 0 6px 18px 0 rgba(36, 10, 147, 0.15);
	box-shadow: 0 6px 18px 0 rgba(36, 10, 147, 0.15);
}

.tb-button-secondary {
	min-width: 76px;
	padding: 12px;
	margin: 0 0;
	font-size: 16px;
	color: #fff;
	vertical-align: top;
	background-color: transparent;
	border: 0;
	border-radius: 26px;
	line-height: initial;
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}

.tb-button-secondary > span {
	display: inline-block;
}

.tb-button-secondary > [data-role=icon] {
	line-height: 14px;
	margin-right: 8px;
	vertical-align: bottom;
	-webkit-transition: fill 0.3s ease, color 0.3s ease;
	transition: fill 0.3s ease, color 0.3s ease;
}

.tb-button-secondary > [data-role=icon]:last-child {
	margin-right: 0;
	margin-left: 8px;
}

.tb-button-secondary > [data-role=icon]:only-child {
	margin-right: 0;
	margin-left: 0;
}

.tb-button-secondary:hover {
	cursor: pointer;
}

.tb-button-secondary:disabled {
	cursor: not-allowed;
	background-color: #ccc !important;
}

.tb-button-secondary:after {
	content: attr(data-content);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 26px;
	border: 1px solid #47AEFF;
	color: #47AEFF;
	-webkit-box-shadow: 0 2px 8px 0 rgba(36, 10, 147, 0.15);
	box-shadow: 0 2px 8px 0 rgba(36, 10, 147, 0.15);
}

.tb-button-secondary:active, .tb-button-secondary:hover {
	-webkit-box-shadow: 0 6px 18px 0 rgba(36, 10, 147, 0.15);
	box-shadow: 0 6px 18px 0 rgba(36, 10, 147, 0.15);
}

.tb-button-normal {
	padding: 14px 40px;
}

.tb-button-small {
	padding: 11px 28px;
}

.apps-download {
	background-color: #fafbfc;
	padding: 60px 0 48px;
	text-align: center;
	overflow: hidden;
}

.apps-download .apps-download-wrap {
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 16px;
}

.apps-download p {
	color: #808080;
	margin: 20px auto 40px;
}

@media (max-width:768px) {
	.apps-download p {
		margin-bottom: 54px;
	}

}

@media (max-width:360px) {
	.apps-download p {
		margin-bottom: 32px;
	}

}

.apps-download .download-btn {
	font-size: 1em;
}

.apps-download .download-btn .icon {
	font-size: 0.75em;
	margin-left: 8px;
}

.apps-download .download-btn-mobile {
	display: none;
	position: relative;
	z-index: 1;
	margin: 0 auto 20px;
	width: 116px;
	height: 44px;
}

.apps-download .mobile {
	width: 370px;
	height: 377px;
	margin: 48px auto 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://dn-st.teambition.net/site/webpack/images/8f4d4756476fe3282e22e6ae1015d899.png);
}

.apps-download .ipad {
	position: absolute;
	top: 14%;
	right: 69%;
	width: 435px;
	height: 433px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://dn-st.teambition.net/site/webpack/images/4b4ee0976728bec120378121eb87f908.png);
	z-index: 2;
}

.apps-download .ipad-shadow {
	position: absolute;
	top: 60%;
	right: 69%;
	width: 535px;
	height: 318px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://dn-st.teambition.net/site/webpack/images/f3e6c5dfde23f87b527c66f74abd445b.png);
}

.apps-download .mac {
	position: absolute;
	top: 5%;
	left: 66%;
	width: 522px;
	height: 536px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://dn-st.teambition.net/site/webpack/images/76c1e55359680eeac226952a8cf6f51c.png);
	z-index: 2;
}

.apps-download .mac-shadow {
	position: absolute;
	top: 58%;
	left: 70%;
	width: 535px;
	height: 318px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://dn-st.teambition.net/site/webpack/images/f3e6c5dfde23f87b527c66f74abd445b.png);
}

@media (max-width:768px) {
	.apps-download {
		height: 572px;
	}

	.apps-download .download-btn {
		display: none;
	}

	.apps-download .download-btn-mobile {
		display: block;
	}

	.apps-download .mobile {
		display: none;
	}

	.apps-download .ipad {
		height: 42vw;
		top: 200px;
		left: 36px;
		width: 32vw;
	}

	.apps-download .ipad-shadow {
		top: 160px;
		right: auto;
		left: 20px;
		width: 32vw;
	}

	.apps-download .mac {
		width: 50vw;
		height: 45vw;
		top: 160px;
		right: -28px;
		left: auto;
	}

	.apps-download .mac-shadow {
		top: 140px;
		left: auto;
		right: -28px;
		width: 50vw;
	}

}

@media (max-width:660px) {
	.apps-download {
		height: 520px;
	}

}

@media (max-width:460px) {
	.apps-download {
		height: 452px;
	}

}

.customer-card {
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin-right: 44px;
	width: 100%;
	min-width: calc((100% - 48px - 44px) / 3);
	height: 100%;
	-webkit-box-shadow: 0 6px 18px 0 rgba(82, 94, 102, 0.15);
	box-shadow: 0 6px 18px 0 rgba(82, 94, 102, 0.15);
	background: #fff;
	border-radius: 4px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	transition: transform 0.35s, -webkit-transform 0.35s;
	cursor: pointer;
}

.customer-card:hover .customer-card-button {
	outline: none;
	background: rgba(65, 149, 255, 0.08);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-top-color: transparent;
}

@media (max-width:1040px) {

	/*.customer-card {
		width: calc((100% - 48px - 44px) / 2);
		min-width: calc((100% - 48px - 44px) / 2);
	}*/
}

@media (max-width:768px) {
	.customer-card {
		display: block;
		position: relative;
		margin-left: 0;
		padding-bottom: 70px;
		width: 100%;
		min-width: 100%;
		-webkit-transform: none !important;
		transform: none !important;
	}

	.customer-card:nth-child(n+2) {
		margin-top: 20px;
	}

}

.customer-card-image {
	width: 100%;
	height: 130px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
}

@media (max-width:1280px) {
	.customer-card-image {
		height: 110px;
	}

}

@media (max-width:1024px) {
	.customer-card-image {
		height: 86px;
	}

}

@media (max-width:900px) {
	.customer-card-image {
		height: 72px;
	}

}

@media (max-width:800px) {
	.customer-card-image {
		height: 62px;
	}

}

@media (max-width:768px) {
	.customer-card-image {
		height: 150px;
		background-position: center;
	}

}

@media (max-width:500px) {
	.customer-card-image {
		height: 120px;
	}

}

@media (max-width:375px) {
	.customer-card-image {
		height: 94px;
		background-position: top;
	}

}

@media (max-width:240px) {
	.customer-card-image {
		height: 67px;
		background-position: top;
	}

}

@media (min-width:1680px) {
	.customer-card-image {
		height: 156px;
	}

}

.customer-card-logo {
	margin: 20px 24px 0;
	height: 40px;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

@media (min-width:1680px) {
	.customer-card-logo {
		margin: 20px 24px 0;
		height: 48px;
	}

}

.customer-card-title {
	margin: 12px 24px 0;
	line-height: 30px;
	font-size: 1.25em;
}

.customer-card-detail {
	margin: 16px 24px 0;
	line-height: 26px;
	font-size: 0.875em;
	word-wrap: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

@media (min-width:1440px) {
	.customer-card-detail {
		font-size: 0.95em;
	}

}

@media (min-width:1680px) {
	.customer-card-detail {
		line-height: 32px;
	}

}

.customer-card-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	margin-top: 24px;
	width: 100%;
	height: 48px;
	font-size: 1em;
	color: #4195FF;
	-webkit-box-shadow: 0 -1px 0 0 #f5f5f5;
	box-shadow: 0 -1px 0 0 #f5f5f5;
	-webkit-transition: background 0.3s, -webkit-box-shadow 0.3s;
	transition: background 0.3s, -webkit-box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.customer-card-button:focus {
	outline: none;
}

.customer-carousel {
	position: relative;
	margin: 0 auto;
	width: calc(100vw - 160px);
	max-width: 1488px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (max-width:768px) {
	.customer-carousel {
		margin: 0 auto;
		width: calc(100vw - 40px);
	}

}

.customer-carousel.fold .customer-card:nth-child(n+4) {
	display: none;
}

.customer-carousel.loading {
	opacity: 0;
}

.customer-carousel-tip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 40px 0 20px;
	width: 100%;
	height: 48px;
	color: #47AEFF;
}

.customer-carousel-controler {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	border-radius: 28px;
	width: 44px;
	height: 44px;
	color: #47AEFF;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: -webkit-box-shadow 0.3s;
	transition: -webkit-box-shadow 0.3s;
	transition: box-shadow 0.3s;
	transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
	cursor: pointer;
}

@media (max-width:768px) {
	.customer-carousel-controler {
		display: none;
		-webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.1);
	}

}

.customer-carousel-controler:hover {
	-webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
}

.customer-carousel-controler-left {
	left: -16px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
}

.customer-carousel-controler-right {
	right: -16px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	display: none;
}

.customer-carousel-wrap {
	position: relative;
	padding: 0 0 30px;
	width: 100%;
	max-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (max-width:768px) {
	.customer-carousel-wrap {
		overflow: visible;
		padding: 0;
	}

}

.customer-carousel-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 436px;
}

@media (min-width:calc(768px + 1px)) {
	.customer-carousel-cards.large-height {
		height: 400px;
	}

}

@media (min-width:1680px) {
	.customer-carousel-cards.large-height {
		height: 480px;
	}

}

@media (min-width:1244px) and (max-width:1280px) {
	.customer-carousel-cards {
		height: 406px;
	}

}

@media (max-width:768px) {
	.customer-carousel-cards {
		display: block;
		height: auto;
	}

}

@media (min-width:1680px) {
	.customer-carousel-cards {
		height: 480px;
	}

}

.knowledge-wall {
	margin: 0 auto 100px;
	width: calc(100vw - 160px);
	max-width: 1440px;
}

.knowledge-wall .knlg-tip {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: 33px 30px;
	width: calc(33% - 22px);
	border: 1px solid #EFEFEF;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	vertical-align: top;
}

.knowledge-wall .knlg-tip:nth-child(3n+2), .knowledge-wall .knlg-tip:nth-child(3n+3) {
	margin-left: 32px;
}

.knowledge-wall .knlg-tip:nth-child(n+4) {
	margin-top: 32px;
}

@media (max-width:768px) {
	.knowledge-wall {
		width: calc(100vw - 70px);
	}

	.knowledge-wall .knlg-tip {
		padding: 20px;
		width: 100%;
	}

	.knowledge-wall .knlg-tip:nth-child(n+1) {
		margin-top: 30px;
		margin-left: 0;
	}

}

.knowledge-wall .knlg-tip h3 {
	font-size: 1.25em;
	font-weight: 400;
}

.knowledge-wall .knlg-tip p {
	font-size: 0.875em;
	line-height: 26px;
	overflow: auto;
	display: block;
	height: 130px;
}

.react-modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 1050;
	background-color: rgba(56, 56, 56, 0.5);
}

.react-modal-container {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	outline: 1px solid #f00;
	z-index: 1100;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.intro-screen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 505px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgb(28, 28, 28);
	background-position: 50% 50%;
	background-image: url(//user-assets.sxlcdn.com/images/131872/FhVKgaRpJ4dMADU3rtlbn6nAIQt1.jpg?imageMogr2/strip/auto-orient/thumbnail/2000x1500>/quality/90!/interlace/1/format/jpeg);
}

@media (max-width:768px) {
	.intro-screen {
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
		height: 505px;
		display: flex;
        flex-flow: column;
	}

}

.intro-screen:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.15);
	z-index: 0;
}

.intro-screen * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 0;
}

.intro-screen .s-first-section-arrow {
	position: absolute;
    bottom: 0px;
    height: 0;
    width: 100%;
    left: 0px;
    z-index: 100;
    border: none;
}

.intro-screen .s-first-section-arrow div {
	position: absolute;
    bottom: 0px;
    width: 50%;
    height: 0px;
    box-sizing: border-box;
    border-right: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-left: 25px solid #fff;
    border-image: initial;
    border-top: none;
}

.intro-screen .s-first-section-arrow .shape1 {
	left: 0px;
    border-right-color: transparent !important;
}

.intro-screen .s-first-section-arrow .shape2 {
	right: 0px;
    border-left-color: transparent !important;
}

.intro-screen .head-text {
	position: relative;
	width: 500px;
	font-size: 55px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-bottom: 25px;
	z-index: 1;
}

.intro-screen-intro {
	width: 100%;
	display: none;
}

.ban-discription {
	width: 48%;
	overflow: hidden;
}

@media (max-width:768px) {
	.ban-discription {
		margin-right: 0;
		width: 100%;
		height: auto;
	}

	.intro-screen .head-text {
		width: 100%;
		font-size: 40px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		padding: 0 36px;
	}

}

.intro-screen-intro-title {
	margin: 0;
	line-height: 52px;
	font-weight: 300;
	font-size: 2.375em;
	color: #383838;
}

@media (max-width:768px) {
	.intro-screen-intro-title {
		margin: 24px auto 0;
		width: calc(100vw - 120px);
		max-width: calc(100vw - 20px * 2);
		min-width: 268px;
		line-height: 38px;
		text-align: center;
	}

}

.intro-screen-intro-detail {
	margin-top: 32px;
	width: 96%;
	font-size: 1em;
	color: #999999;
	line-height: 30px;
}

@media (max-width:768px) {
	.intro-screen-intro-detail {
		margin: 20px auto 0;
		width: calc(100vw - 40px);
		text-align: center;
		line-height: 24px;
	}

}

.intro-screen-intro-btn {
	margin-top: 36px;
}

@media (max-width:768px) {
	.intro-screen-intro-btn {
		display: none;
	}

}

.intro-screen-download-button {
	display: none;
	margin: 40px auto;
	border-radius: 50px;
	padding: 0 24px;
	height: 44px;
	font-size: 16px;
	font-family: arial;
	color: #fff;
	border: 1px solid #faa80a;
	background: -webkit-gradient(linear, left top, right top, from(#fa810a), to(#faa80a));
	background: linear-gradient(-45deg, #fa810a, #faa80a);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.intro-screen-download-button:focus {
	outline: none;
	color: color #fff;
}

@media (max-width:768px) {
	.intro-screen-download-button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		z-index: 1;
	}

}

.intro-screen-media {
	top: 0;
	right: 0;
	width: 52%;
	height: 100%;
	background-position: center right;
	background-size: contain;
	background-repeat: no-repeat;
}

@media (max-width:768px) {
	.intro-screen-media {
		position: relative;
		width: calc(100vw - 8px);
		height: 72.7vw;
		background-position: center;
	}

}

.intro-screen-media-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 32px;
	padding: 8px 28px 8px 8px;
	height: 64px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: -webkit-box-shadow 0.3s;
	transition: -webkit-box-shadow 0.3s;
	transition: box-shadow 0.3s;
	transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
	cursor: pointer;
}

.intro-screen-media-button:hover {
	-webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
}

.intro-screen-media-button-icon {
	margin-right: 16px;
	width: 48px;
	height: 48px;
	background-size: cover;
	background-position: center center;
	background-image: url(https://dn-st.teambition.net/site/webpack/images/e666c29579aa07d60b1f9e7c9c3f6de6.svg);
}

.intro-screen-media-button-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 44px;
}

.intro-screen-media-button-text div:nth-child(1) {
	height: 22px;
	font-size: 1em;
}

.intro-screen-media-button-text div:nth-child(2) {
	margin-top: 4px;
	height: 16px;
	line-height: 16px;
	font-size: 0.875em;
	color: rgba(166, 166, 166, 0.8);
}

.video-containter {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 1000px;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

@media (max-width:768px) {
	.video-containter {
		top: 80px;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}

}

.video-containter .video-content {
	width: 100%;
}

.video-containter .video-content video {
	width: 100%;
}

.video-containter .video-close {
	position: absolute;
	right: -40px;
	top: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background-color: #47AEFF;
	cursor: pointer;
}

.logo-wall {
	margin: 0 auto;
	width: calc(100vw - 160px);
	max-width: 1440px;
}

@media (max-width:768px) {
	.logo-wall {
		margin: 20px auto 40px;
		width: calc(100vw - 70px);
	}

}

@media (max-width:578px) {
	.logo-wall-row:nth-child(n+4) {
	}

}

@media (min-width:1680px) {
	.logo-wall {
		margin: 32px auto 72px;
	}

}

.logo-wall-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
}

@media (min-width:1680px) {
	.logo-wall-row {
		height: 100px;
	}

	.logo-wall-row:last-child {
		height: 60px;
	}

}

.logo-wall-cell {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	height: 100%;
	margin-bottom: 40px;
	display: inline-block;
}

.logo-wall-cell-pic {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 50px;
	max-height: 60px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.logo-wall-row .logo-wall-cell:nth-child(1) .logo-wall-cell-pic {
}

.logo-wall-row .logo-wall-cell:nth-child(n+2):nth-child(-n+6) .logo-wall-cell-pic {
}

.logo-wall-row:last-child .logo-wall-cell {
	margin: 0;
}

@media (max-width:900px) {
	.logo-wall-cell {
		margin-bottom: 30px;
	}

}

@media (max-width:768px) {
	.logo-wall-cell-pic {
		width: 100%;
	}

	.logo-wall-cell {
		margin-bottom: 20px;
	}

}

@media (max-width:418px) {
	.logo-wall-cell-pic {
		width: 100%;
	}

	.logo-wall-cell {
		margin-bottom: 0;
	}

}

.text-ellipse, .product-card-text-subtitle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 70;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid transparent;
	border-top-color: #ccc;
	width: 100%;
	background: #fff;
	-webkit-transition: border-color 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s;
	transition: border-color 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s;
	transition: border-color 0.3s, box-shadow 0.3s, opacity 0.3s;
	transition: border-color 0.3s, box-shadow 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s;
	opacity: 0.4;
	cursor: pointer;
}

.product-card:last-child {
	border-bottom-color: #ccc;
}

.product-card.active {
	border-top-color: #e5e5e5;
	opacity: 1;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

.product-card.active:last-child {
	border-bottom-color: #e5e5e5;
}

.product-card.active:before {
	-webkit-transform: translate3d(-17px, -50%, 0);
	transform: translate3d(-17px, -50%, 0);
}

.product-card.active .product-card-icon {
	-webkit-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
}

.product-card.active .product-card-text-title-tip {
	opacity: 1;
	-webkit-transform: translateX(-32px);
	transform: translateX(-32px);
}

.product-card:hover .product-card-arrow-back {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.product-card:hover .product-card-arrow .icon {
	opacity: 1;
	left: 50%;
}

.product-card-icon {
	margin-left: 9%;
	margin-right: 8%;
	border-radius: 8px;
	width: 64px;
	height: 64px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-box-shadow 0.3s;
	transition: -webkit-box-shadow 0.3s;
	transition: box-shadow 0.3s;
	transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.product-card-text {
	width: calc(62% - 0px);
}

.product-card-text-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	max-width: 100%;
	line-height: 28px;
	font-size: 1.375em;
	font-weight: 400;
}

.product-card-text-title-tip {
	display: inline-block;
	border-radius: 4px;
	padding: 5px 12px 5px 42px;
	line-height: 20px;
	font-size: 0.73em;
	color: #996921;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 216, 105, 0)), to(rgba(255, 175, 56, 0.5)));
	background: linear-gradient(to right, rgba(255, 216, 105, 0), rgba(255, 175, 56, 0.5));
	opacity: 0;
	-webkit-transform: translateX(-56px);
	transform: translateX(-56px);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.product-card-text-subtitle {
	margin-top: 11px;
	max-width: 100%;
	line-height: 24px;
	font-size: 0.875em;
}

.product-card-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	max-width: 72px;
	height: 100%;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	background: transparent;
}

.product-card-arrow-back, .product-card-arrow .icon {
	position: absolute;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.product-card-arrow-back {
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(72px, 0, 0);
	transform: translate3d(72px, 0, 0);
	opacity: 0.1;
}

.product-card-arrow .icon {
	top: 50%;
	left: calc(50% + 72px);
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	font-size: 1.5em;
	opacity: 0;
}

.product-card:before {
	content: '';
	position: absolute;
	border-width: 18px 18px 18px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	opacity: 1;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.isWIP .product-card-text {
	width: calc(76.8% - 64px);
}

.product-mobile-panel {
	margin-top: 32px;
	width: 100%;
}

.product-mobile-panel:first-child {
	margin-top: 0;
}

.product-mobile-panel-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 20px 0 32px;
	height: 80px;
}

.product-mobile-panel-bar-icon {
	border-radius: 8px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 44px;
	flex: 0 0 44px;
	max-width: 44px;
	height: 44px;
	-webkit-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
	background-size: 100% 100%;
	background-position: center;
}

.product-mobile-panel-bar-text {
	margin-left: 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product-mobile-panel-bar-text-title {
	line-height: 24px;
	font-size: 1em;
	font-weight: 500;
}

.product-mobile-panel-bar-text-title-tip {
	display: inline-block;
	border-radius: 4px;
	padding: 1px 12px 1px 22px;
	line-height: 20px;
	font-size: 0.8em;
	color: #996921;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 216, 105, 0)), to(rgba(255, 175, 56, 0.5)));
	background: linear-gradient(to right, rgba(255, 216, 105, 0), rgba(255, 175, 56, 0.5));
	-webkit-transform: translateX(-15px);
	transform: translateX(-15px);
}

.product-mobile-panel-bar-text-subtitle {
	line-height: 20px;
	font-size: 0.875em;
}

.product-mobile-panel-bar-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;
	max-width: 20px;
	height: 20px;
}

.product-mobile-panel-image {
	width: 100vw;
	height: 64vw;
}

.product-mobile-panel-image-font {
	width: 100%;
	height: 100%;
	background-size: 86%;
	background-position: center;
	background-repeat: no-repeat;
}

.product-matrix {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
	height: 543px;
}

@media (max-width:900px) {
	.product-matrix {
		height: 440px;
	}

}

@media (max-width:768px) {
	.product-matrix {
		height: auto;
	}

}

@media (min-width:1441px) {
	.product-matrix {
		border-right: 1px solid #e5e5e5;
	}

}

@media (min-width:1680px) {
	.product-matrix {
		height: 603px;
	}

}

.product-matrix-images {
	position: relative;
	-webkit-box-flex: 74;
	-ms-flex: 74;
	flex: 74;
	width: 74%;
	height: 100%;
	background: #f5f5f5;
}

@media (max-width:768px) {
	.product-matrix-images {
		display: none;
	}

}

.product-matrix-images > * {
	position: absolute;
}

.product-matrix-images .transition-group-wrap {
	width: 100%;
	height: 100%;
}

.product-matrix-images-font {
	position: absolute;
	top: 51%;
	left: 50%;
	z-index: 60;
	height: auto;
	max-height: 96%;
	max-width: 96%;
	opacity: 0;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
	transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s;
}

.product-matrix-images-font.image-active {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.product-matrix-images-back {
	position: absolute;
	z-index: 55;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.product-matrix-images-back.active {
	opacity: 1;
}

.product-matrix-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 26;
	flex: 26;
	-ms-flex: auto;
	width: 26%;
	min-width: 360px;
	max-width: 380px;
	background: #fff;
}

@media (max-width:900px) {
	.product-matrix-list {
		font-size: 0.9em;
		min-width: 330px;
	}

}

@media (max-width:768px) {
	.product-matrix-list {
		display: none;
	}

}

.product-matrix-mobile {
	display: none;
	width: 100%;
}

@media (max-width:768px) {
	.product-matrix-mobile {
		display: block;
	}

}

.project-type-card {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: 33px 30px;
	width: calc(33% - 22px);
	border: 1px solid #E6F1FF;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 6px 12px 0 rgba(16, 111, 232, 0.1);
	box-shadow: 0 6px 12px 0 rgba(16, 111, 232, 0.1);
	transition: all 0.3s ease;
	cursor: pointer;
}

.project-type-card:nth-child(3n+2), .project-type-card:nth-child(3n+3) {
	margin-left: 32px;
}

.project-type-card:nth-child(n+4) {
	margin-top: 32px;
}

.project-type-card.large-height .project-type-card-text {
	height: 116px;
}

@media (max-width:1125px) {
	.project-type-card.large-height .project-type-card-text {
		height: 148px;
	}

}

@media (max-width:1024px) {
	.project-type-card {
		width: calc(50% - 19px);
	}

	.project-type-card:nth-child(3n+2), .project-type-card:nth-child(3n+3) {
		margin-left: 0;
	}

	.project-type-card:nth-child(n+4) {
		margin-top: 0;
	}

	.project-type-card:nth-child(2n+2) {
		margin-left: 32px;
	}

	.project-type-card:nth-child(n+3) {
		margin-top: 32px;
	}

}

@media (max-width:768px) {
	.project-type-card {
		padding: 20px;
		width: 100%;
	}

	.project-type-card:nth-child(2n+2) {
		margin-left: 0;
	}

	.project-type-card:nth-child(n+3) {
		margin-top: 0;
	}

	.project-type-card:nth-child(n+1) {
		margin-top: 30px;
	}

	.project-type-card-image-tip {
		display: none;
	}

	.project-type-card:hover .project-type-card-image-tip {
		opacity: 0;
	}

}

@media (min-width:1680px) {
	.project-type-card {
		width: calc(33% - 25px);
	}

	.project-type-card:nth-child(3n+2), .project-type-card:nth-child(3n+3) {
		margin-left: 40px;
	}

	.project-type-card:nth-child(n+4) {
		margin-top: 40px;
	}

}

/*.project-type-card:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #32c1fa, #61e9f2);
-webkit-transform: translate(10px, -10px);
transform: translate(10px, -10px);
opacity: 0.2;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}

.project-type-card:hover:after {
opacity: 1;
}

.project-type-card:hover .project-type-card-image-tip {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
*/
.project-type-card:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
	box-shadow: 0 10px 24px 0 rgba(16, 111, 232, 0.15);
}

@media (max-width:768px) {
	.project-type-card:hover {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-box-shadow: 0 6px 12px 0 rgba(16, 111, 232, 0.1);
		box-shadow: 0 6px 12px 0 rgba(16, 111, 232, 0.1);
	}

}

.project-type-card-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 62px;
	float: left;
}

.project-type-card-image-icon {
	width: 42px;
	height: 42px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.project-type-card-image-tip {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 20px;
	line-height: 14px;
	font-size: 0.875em;
	color: #4195FF;
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

.project-type-card-image-tip .icon {
	margin-left: 6px;
	font-size: 0.8125em;
}

.project-type-card-text {
	width: 100%;
}

@media (min-width:1680px) {
	.project-type-card-text {
		height: 100px;
	}

}

.project-type-card-text-title {
	line-height: 28px;
	font-size: 1.375em;
	font-weight: 400;
	letter-spacing: 1.6px;
	margin-top: 8px;
	float: left;
}

@media (max-width:768px) {
	.project-type-card-text {
		margin-top: 20px;
		height: auto !important;
	}

	.project-type-card-text-title {
		margin: -12px 0 0 0;
		font-weight: 500;
	}

}

@media (min-width:1680px) {
	.project-type-card-text-title {
		line-height: 32px;
	}

}

.project-type-card-text-subtitle {
	margin-top: 20px;
	line-height: 24px;
	font-size: 0.875em;
	height: 96px;
	float: left;
	clear: both;
}

@media (max-width:768px) {
	.project-type-card-text-subtitle {
		margin-top: 12px;
		height: auto;
	}

}

@media (min-width:1440px) {
	.project-type-card-text-subtitle {
		font-size: 0.95em;
	}

}

@media (min-width:1680px) {
	.project-type-card-text-subtitle {
		line-height: 28px;
	}

}

.project-type-wall {
	margin: 0 auto;
	width: calc(100vw - 160px);
	max-width: 1440px;
}

@media (max-width:768px) {
	.project-type-wall {
		width: calc(100vw - 70px);
		-webkit-transform: none;
		transform: none;
	}

}

.project-type-wall-tip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	width: 100%;
	height: 48px;
	color: #47AEFF;
}

.project-type-wall-tip > .icon {
	margin-left: 4px;
}

.project-type-wall.fold .project-type-card:nth-child(n+4) {
	display: none;
}

.wrap-sign-in-panel {
	background-color: #fafbfc;
}

@media (max-width:768px) {
	.wrap-sign-in-panel {
	}

}

@media (min-width:1680px) {
	.wrap-sign-in-panel {
	}

}

.sign-in-panel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
	max-width: calc(100vw - 32px);
	height: auto;
	max-height: 425px;
	min-height: 300px;
	text-align: center;
}

.sign-in-panel-title {
	line-height: 48px;
	font-size: 2em;
	font-weight: 300;
}

.sign-in-panel-desc {
	margin-top: 12px;
	line-height: 24px;
	font-size: 1em;
	color: #808080;
}

@media (max-width:768px) {
	.sign-in-panel-title {
		line-height: 38px;
		font-size: 1.8em;
	}

	.sign-in-panel {
	}

}

@media (min-width:1680px) {
	.sign-in-panel-desc {
		margin-top: 20px;
	}

}

.sign-in-panel .phone-input {
	margin: 40px auto;
}

@media (min-width:1680px) {
	.sign-in-panel .phone-input {
		margin: 48px auto 48px;
	}

}

.sign-in-panel .phone-input input {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sign-in-panel-buttons {
	margin-top: 40px;
}

.sign-in-panel-buttons >:nth-child(n+2) {
	margin-left: 40px;
}

@media (max-width:768px) {
	.sign-in-panel-buttons .btn {

		/*padding: 10px 24px;
		height: 44px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;*/
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.sign-in-panel-buttons >:nth-child(n+2) {
		margin-left: 30px;
	}

}

@media (max-width:480px) {
	.sign-in-panel {
		min-height: 280px;
	}

	.sign-in-panel-buttons .btn {
		display: block;
		width: 156px;
		height: auto;
		padding: 14px 40px;
	}

	.sign-in-panel-buttons >:nth-child(n+2) {
		margin: 20px 0 0 0;
	}

}

.sign-in-panel-line {
	margin: 0 auto;
	width: 90%;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#e5e5e5), to(transparent));
	background: linear-gradient(90deg, transparent, #e5e5e5, transparent);
}

.sign-in-panel-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100px;
	line-height: 20px;
	font-size: 0.875em;
}

.sign-in-panel-detail-more {
	padding-right: 16px;
	color: #a6a6a6;
}

.sign-in-panel-detail-link {
	color: #47AEFF;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	cursor: pointer;
}

.sign-in-panel-detail-link .icon {
	padding-right: 4px;
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.sign-in-panel-detail-link:hover {
	color: #3696dc;
}

a {
	color: #383838;
	outline: none;
}

a:hover {
	color: #383838;
}

a:focus {
	outline: none;
	color: #383838;
}

.homepage {
	font-size: 16px;
}

@media (max-width:768px) {
	.homepage {
		font-size: 16px;
	}

}

@media (max-width:600px) {
	.homepage {
		font-size: 14px;
	}

}

@media (min-width:1680px) {
	.homepage {
		font-size: 16px;
	}

}

.homepage-circle {
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	width: 545px;
	height: 545px;
	opacity: 0.18;
}

.homepage-circle-left {
	left: 0;
	top: 450px;
	margin-left: -290px;
	background: linear-gradient(15deg, #81E0FF, rgba(50, 193, 250, 0));
}

@media (min-width:1680px) {
	.homepage-circle-left {
		left: 8%;
	}

}

.homepage-circle-right {
	top: 85vh;
	left: 98%;
	margin-left: -100px;
	width: 400px;
	height: 400px;
	background: linear-gradient(240deg, #81E0FF, rgba(50, 193, 250, 0));
}

@media (min-width:1680px) {
	.homepage-circle-right {
		left: 84%;
	}

}

@media (max-width:768px) {
	.homepage-circle {
		display: none;
	}

}

.view-story-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 40px auto 80px;
}

.view-story-link a {
	color: #4195FF;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.view-story-link a:hover {
	color: #106FE8;
}

.view-story-link i {
	margin-left: 4px;
	font-size: 12px;
}

.background-transparent .site-header {
	background: transparent;
}

.featurette {
	height: 450px;
	padding: 10px 15px 15px;
	overflow: auto;
}

.featurette h3 {
	font-size: 1.5em;
	margin: 0 0 20px 0;
}

.featurette h2 {
	font-size: 30px;
	margin: 0 0 10px 0;
	font-family: initial;
}

.featurette p {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 20px;
}

.qr-pop {
	width: 280px;
}

@media (max-width:768px) {
	.qr-pop {
		width: auto;
	}

}

.payment-pop {
	width: 800px;
}

.page-pricing .pay-close {
	display: none;
}