p:first-child {
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}
@media only screen and (max-width: 800px) .>* {
	margin: 4px 0;
}
.vast-home-header{
	width: 100%;/* 宽度 */
	opacity:0.3;
	background-color: #000000; 
}
.introduce-title-line{
	margin-top: 100px;
	width: 100%;
}

.container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}
.thumbnail-01 img{
	width: 128px;
	height: 128px
}

.row-line-2{
	margin-top: 6px;
	margin-bottom: 39px
}

.row-line-2 p{
	font-size: 14px
}
.dropdown-toggle{
	color: #FFFFFF;
}
.dropdown-toggle:hover,.dropdown-toggle:focus,.dropdown-toggle:active{
	color: #00C6FF;
}

.icon-bar{border: 1px solid #fff;}
.navbar li a{color: #fff;}
.navbar li.active a{background:#fff;color: #d9534f;font-weight: bold}
.navbar li.dropdown .dropdown-toggle{background: transparent;}
.navbar li.dropdown .dropdown-menu{background: transparent;}
.navbar li.dropdown .dropdown-menu li a:hover{color:red;}
.navbar li.dropdown .dropdown-toggle:hover,.navbar li.dropdown .dropdown-toggle:focus,.navbar li.dropdown .dropdown-toggle:active{color: #00C6FF;}
.thumbnail-01 {
  display: block;
  border: transparent;
}
.home-middle-customer-button p a {
    margin-top: 70px;
}
.home-middle-partner-row-img {
    width: 280px;
    height: 210px;
    margin: 10px;
    padding: 0rem;
}
.home-middle-customer-case-name {
    color: #989898;
    font-family: microsoft yahei,serif;
    letter-spacing: 2px;
    font-size: 18px;
    margin-top: 25px;
}
@media (min-width: @grid-float-breakpoint) {
	.navbar > .container &,
	.navbar > .container-fluid & {
	  margin-left: -@navbar-padding-horizontal;
	}
}
@media only screen and (min-width:641px) and (max-width:1024px) {
	.laptop-height-percent-100 {
			height: 100%
	}
	.laptop-width-percent-100 {
			width: 100%
	}
	.mobile-height-percent-100{
			height: 100%;
	}
	.mobile-width-percent-100{
		width: 100%;
	}
	.tablet-height-percent-100 {
			height: 100%
	}
	.tablet-width-percent-100 {
			width: 100%
	}
	.tablet-offset-bottom-pos-20 {
		margin-bottom: 20px
	}
}
@media only screen and (max-width:640px){
	.brick.extra-extra-large h1,
	.brick.extra-extra-large h2,
	.brick.extra-extra-large h3,
	.brick.extra-extra-large h4,
	.brick.extra-extra-large p,
	.brick.extra-extra-large ul li {
		font-size: 40px
	}

	.brick.extra-large h2,
	.brick.extra-large h3,
	.brick.extra-large h4,
	.brick.extra-large p,
	.brick.extra-large ul li {
		font-size: 34px
	}

	.brick.large h2,
	.brick.large h3,
	.brick.large h4,
	.brick.large p,
	.brick.large ul li {
		font-size: 28px
	}

	.brick.medium h2,
	.brick.medium h3,
	.brick.medium h4,
	.brick.medium p,
	.brick.medium ul li {
		font-size: 18px;
		line-height: 150%
	}

	.brick.default h2,
	.brick.default h3,
	.brick.default h4,
	.brick.default p,
	.brick.default ul li {
		font-size: 14px
	}

	.brick.small h2,
	.brick.small h3,
	.brick.small h4,
	.brick.small p,
	.brick.small ul li {
		font-size: 12px
	}

	.brick.extra-small h2,
	.brick.extra-small h3,
	.brick.extra-small h4,
	.brick.extra-small p,
	.brick.extra-small ul li {
		font-size: 10px
	}

	.mobile-height-auto {
		height: auto
	}

	.laptop-height-percent-100 {
			height: 100%
	}
	.laptop-width-percent-100 {
			width: 100%
	}
	.mobile-height-percent-100{
			height: 100%;
	}
	.mobile-width-percent-100{
		width: 100%;
	}
	.tablet-height-percent-100 {
			height: 100%
	}
	.tablet-width-percent-100 {
			width: 100%
	}
	.tablet-offset-bottom-pos-20 {
		margin-bottom: 20px
	}
}
@media only screen and (min-width:640px) {
	.font-extra-extra-large {
		font-size: 42px
	}
}
@media only screen and (min-width:1025px) {
	.font-extra-extra-large {
		font-size: 48px
	}
}
@media only screen and (min-width:640px) {
	.font-extra-large {
		font-size: 36px
	}
}
@media only screen and (min-width:1025px) {
	.font-extra-large {
		font-size: 38px
	}
}
.font-large {
	font-size: 28px
}
@media only screen and (min-width:640px) {
	.font-large {
		font-size: 30px
	}
}
@media only screen and (min-width:1025px) {
	.font-large {
		font-size: 32px
	}
}
.font-medium {
	font-size: 18px;
	line-height: 150%
}
.font-default {
	font-size: 14px
}
@media only screen and (min-width:640px) {
	.font-default {
		font-size: 16px
	}
}
.font-small {
	font-size: 12px
}
@media only screen and (min-width:640px) {
	.font-small {
		font-size: 14px
	}
}
.font-extra-small {
	font-size: 10px
}
@media only screen and (min-width:640px) {
	.font-extra-small {
		font-size: 14px
	}
}
@media only screen and (min-width:1025px) {
	.font-extra-small {
		font-size: 12px
	}
}
.home-middle-customer{
  width:75%;
  margin-top:100px;
}
.home-middle-customer-case img {
    width: 380px;
    height: 285px;
    border-radius: 5px 5px 0px 0px;
}
.home-middle-customer-case-01 img {
    width: 380px;
    height: 285px;
    border-radius: 5px 5px 0px 0px;
}
.menu-opened #page {
	-webkit-transform: translate(-272px, 0);
	-moz-transform: translate(-272px, 0);
	-ms-transform: translate(-272px, 0);
	transform: translate(-272px, 0)
}

.background-color-16 {
	background-color: #fff
}

.background-color-16__hover:hover {
	background-color: #fff
}

.border-color-16 {
	border: 2px solid #fff
}
.color-16 a:hover{
	background:linear-gradient(to right,#00c6ff,#0072ff);
}

.color-16 p:hover{
	color: #00C6FF;
}

.color-16__hover:hover,
.color-16__hover:hover a {
	color: #fff
}
.fill-16 svg,
.fill-16 path {
	fill: #fff
}
.fill-16__hover svg:hover {
	fill: #fff
}
.fill-16__hover svg:hover path {
	fill: #fff
}
.viewport {
	zoom: 1;
	min-height: 100%
}
.viewport:after {
	content: '';
	display: table;
	clear: both;
	height: 0;
	visibility: 0
}
.overflow {
	overflow: hidden
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}
@-moz-keyframes rotating {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg)
	}
}
@-o-keyframes rotating {
	from {
		-o-transform: rotate(0deg)
	}

	to {
		-o-transform: rotate(360deg)
	}
}
@keyframes rotating {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}

@media(min-width:1025px) {
	body.menu-opened {
		overflow-x: hidden !important
	}
	.menu-opened #page-wrapper #page {
		right: 0
	}
	.menu-opened #header {
		-webkit-transform: translate(0px, 0);
		-moz-transform: translate(0px, 0);
		-ms-transform: translate(0px, 0);
		transform: translate(0px, 0)
	}
	.layer .viewport {
		max-width: 1240px;
		height: 100%;
		padding: 0 20px;
		margin: auto;
		position: relative;
	}
	#header .viewport .burger {
		display: none
	}
	#header .viewport .logo a {
		display: inline-block;
		width: 200px;
		height: 88px
	}
	#header .viewport .navigation-wrapper {
		position: static;
		width: auto;
		background: transparent;
		float: left;
		overflow-y: inherit
	}
	#header .viewport .navigation-wrapper:after {
		display: none
	}
	#header .viewport .navigation-wrapper .navigation {
		overflow-y: inherit;
		background: transparent;
		width: auto
	}
	#header .viewport .navigation-wrapper .navigation .block-menu {
		float: left;
		width: auto;
		clear: none
	}
	#header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li,
	#header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li,
	#header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li {
		width: auto;
		float: left
	}
	#header .viewport .navigation-wrapper .navigation .block-menu.main-menu {
		padding-top: 0
	}
	#header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li {
		position: relative;
		height: 100% !important;
		overflow: visible
	}
}
@media screen and (min-width:1025px) {
	#header .center li.mobile {
		display: none
	}
}
@media screen and (min-width:1025px) {
	#header .center li ul:after {
		position: absolute;
		display: block;
		content: '';
		width: 100%;
		height: 2px;
		background-color: #00c6ff;
		bottom: -2px
	}
}
@media screen and (min-width:1025px) {
	#header .center li.opened>a {
		color: #fff;
		background-color: #333
	}
	#header .center li.opened>a:before {
		content: '';
		position: absolute;
		height: 2px;
		width: 100%;
		background-color: #00c6ff;
		display: block;
		margin-left: -20px;
		margin-top: -21px
	}
	#header .center li.opened ul {
		background-color: #333
	}
}
@media screen and (min-width:1025px) {
	#header .right li.opened {
		background-color: #333
	}
	#header .right li.opened:before {
		content: '';
		position: absolute;
		height: 2px;
		width: 100%;
		background-color: #00c6ff;
		display: block
	}
}
@media screen and (min-width:1025px) {
	#header a.buy:hover {
		color: #fff;
		border-radius: 5px;
		background-color: #00C6FF
	}
}
@media only screen and (max-width:1024px) {
	.toggler {
		display: none !important
	}
	li.expanded {
		height: auto !important
	}
	#header {
		padding: 0
	}

	#header .left {
		width: 40px
	}
	#header .viewport {
		width: 100%
	}
	#header .viewport .logo {
		display: none
	}
	#header .navigation {
		opacity: .9
	}
	#header .center {
		display: none;
		margin-top: 60px;
		position: absolute;
		width: 100%
	}
	#header .center .navigation {
		height: calc(100% - 60px);
		position: fixed;
		overflow-y: scroll;
		z-index: 30
	}
	#header .right {
		width: 100%
	}
	#header .right .try-buy-menu {
		display: flex;
		flex-grow: 1;
		justify-content: center
	}
	#header .right .try-buy-menu a {
		text-indent: -9999px;
		padding: 11px 0;
		margin: 10px 0 10px 35px;
		width: 35px
	}
	#header .right .try-buy-menu a:before {
		font-family: 'icon',serif;
		content: '\e905';
		position: absolute;
		text-indent: 0;
		font-size: 40px;
		display: block;
		margin-top: -10px
	}
	#header #header-account,
	#header #header-login {
		text-indent: -9999px;
		padding: 21px 0;
		width: 45px
	}
	#header #header-account:after,
	#header #header-login:after {
		margin-left: 0
	}
	#header #header-logout {
		display: none
	}
	#header .viewport.open {
		width: 100%
	}
	#header .viewport.open .center {
		display: flex
	}
	#header .center li.level-1>a {
		font-family: "microsoft yahei",serif
	}
	#header .center li.level-1 ul {
		position: initial;
		opacity: 1;
		display: block
	}
}
.upgrade-license-choices {
	text-align: center;
	margin: 60px 0 100px
}
.upgrade-license-choices h2 {
	padding: 20px
}
.layer {
	zoom: 1;
	-webkit-transition: height .3s ease-in-out 0s;
	-moz-transition: height .3s ease-in-out 0s;
	-o-transition: height .3s ease-in-out 0s;
	-ms-transition: height .3s ease-in-out 0s;
	transition: height .3s ease-in-out 0s;
	position: relative;
	width: 100%
}
.layer:after {
	content: '';
	display: table;
	clear: both;
	height: 0;
	visibility: 0
}
.layer .layer,
.layer .slide-container,
.layer .slide {
	height: 100%
}
.brick {
	position: relative;
	zoom: 1
}
.brick:after {
	content: '';
	display: table;
	clear: both;
	height: 0;
}
.brick.left {
	float: left
}
.brick.right {
	float: right
}
.brick.center {
	margin-right: auto;
	margin-left: auto
}
.brick.align-left {
	text-align: left
}
.brick.align-right {
	text-align: right
}
.brick.align-center {
	text-align: center
}
.brick.absolute {
	position: absolute;
	max-height: 100%;
	max-width: 100%
}
.brick.absolute.right {
	right: 0
}
.brick.absolute.left {
	left: 0
}

.brick.absolute.top {
	top: 0
}

.brick.absolute.bottom {
	bottom: 0
}

.brick.absolute.center {
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.brick.absolute.middle {
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.brick.absolute.absolute-center {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.brick.text {
	-webkit-transition: height .3s ease-in-out 0s font-size .3s ease-in-out 0s;
	-moz-transition: height .3s ease-in-out 0s font-size .3s ease-in-out 0s;
	-o-transition: height .3s ease-in-out 0s font-size .3s ease-in-out 0s;
	-ms-transition: height .3s ease-in-out 0s font-size .3s ease-in-out 0s;
	transition: height .3s ease-in-out 0s font-size .3s ease-in-out 0s;
}
.brick.text.light {
	font-family: 'GothamLightRegular',serif;
	font-style: normal
}

.brick.text.light-italic {
	font-family: 'GothamLightRegular',serif;
	font-style: italic
}

.brick.text.regular {
	font-family: 'GothamBook',serif;
	font-style: normal
}

.brick.text.regular-italic {
	font-family: 'GothamBook',serif;
	font-style: italic
}
.brick.text.semibold {
	font-family: 'GothamBook',serif;
	font-style: normal
}
.brick.text.semibold-italic {
	font-family: 'GothamBook',serif;
	font-style: italic
}
.brick.text.bold {
	font-family: 'GothamBold',serif;
	font-style: normal
}
.brick.text.bold-italic {
	font-family: 'GothamBold',serif;
	font-style: italic
}
.brick.media video {
	display: none
}
.brick.media video.force-display {
	display: inline-block
}
.brick.media span.mobile {
	display: block
}
.brick.media span.tablet {
	display: none
}
.brick.media span.laptop {
	display: none
}
.brick.media iframe,
.brick.media embed {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	height: 100%;
	width: 100%
}
.brick.media img {
	max-width: 100%
}
@media(max-width:640px) {
	.brick.extra-extra-large h1,
	.brick.extra-extra-large h2,
	.brick.extra-extra-large h3,
	.brick.extra-extra-large h4,
	.brick.extra-extra-large p,
	.brick.extra-extra-large ul li {
		font-size: 40px
	}
	.brick.extra-large h2,
	.brick.extra-large h3,
	.brick.extra-large h4,
	.brick.extra-large p,
	.brick.extra-large ul li {
		font-size: 34px
	}
	.brick.large h2,
	.brick.large h3,
	.brick.large h4,
	.brick.large p,
	.brick.large ul li {
		font-size: 28px
	}
	.brick.medium h2,
	.brick.medium h3,
	.brick.medium h4,
	.brick.medium p,
	.brick.medium ul li {
		font-size: 18px;
		line-height: 150%
	}
	.brick.default h2,
	.brick.default h3,
	.brick.default h4,
	.brick.default p,
	.brick.default ul li {
		font-size: 14px
	}
	.brick.small h2,
	.brick.small h3,
	.brick.small h4,
	.brick.small p,
	.brick.small ul li {
		font-size: 12px
	}
	.brick.extra-small h2,
	.brick.extra-small h3,
	.brick.extra-small h4,
	.brick.extra-small p,
	.brick.extra-small ul li {
		font-size: 10px
	}
	.mobile-height-auto {
		height: auto
	}
}
.view-empty {
	padding: 70px 30px;
	text-align: center
}
.build-list .build-version {
	background: #f5f5f5;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: bold;
	color: #767676
}
.build-list .build-links {
	padding: 20px 30px;
	line-height: 1.8em
}
.build-latest .version {
	font-weight: bold;
	color: #767676;
	margin-bottom: 5px
}
.build-latest .other-builds {
	display: block;
	margin-top: 5px;
	color: #191919
}
body.front #main .front-news .views-row .view-content .title-wrapper {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45)
}
.product-buy .original-price {
	margin-bottom: 13px;
	text-decoration: line-through
}
.logo.discord {
	background-image: url(/sites/all/themes/mess/images/discord_icon.png)
}
.logo.forum {
	background-image: url(/sites/all/themes/mess/images/forum_icon.png)
}
.logo.form {
	background-image: url(/sites/all/themes/mess/images/form_icon.png)
}
.contact-header {
	height: 40%
}
.homepage .messages {
	position: absolute;
	z-index: 100;
	width: 800px;
	left: 50%;
	top: 80px;
	transform: translate(-50%, 0%)
}

#alg_mouse_home:hover {
	fill: #00C6FF;
	cursor: pointer
}
@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0)
	}
	40% {
		transform: translateY(15px)
	}
	60% {
		transform: translateY(5px)
	}
}
.button {
	background: #00c6ff;
	color: #fff;
	border: 0;
	font-family: 'GothamBook',serif;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}
.button:hover {
	background: #f04c24;
	color: #fff
}
.button:active {
	background: #f04c24;
	color: #fff
}
@media only screen and (min-width:641px) and (max-width:1024px) {
	.brick.media video {
		display: inline-block
	}
	.brick.media span.image.mobile {
		display: none
	}
	.brick.media span.image.mobile span {
		display: none
	}
	.brick.media span.image.tablet {
		display: block
	}
	.brick.media span.image.tablet span {
		display: block
	}
	.brick.media span.image.laptop {
		display: none
	}
	.brick.media span.image.laptop span {
		display: none
	}
}
@media only screen and (min-width:1025px) {
	body {
		overflow-x: hidden
	}
	body.front #main .front-news {
		margin: 50px 0
	}
	.brick.default h2,
	.brick.default h3,
	.brick.default h4,
	.brick.default p,
	.brick.default ul li {
		font-size: 16px
	}
	.brick.small h2,
	.brick.small h3,
	.brick.small h4,
	.brick.small p,
	.brick.small ul li {
		font-size: 14px
	}
	.brick.media video {
		display: inline-block
	}
	.brick.media span.image.mobile {
		display: none
	}
	.brick.media span.image.mobile span {
		display: none
	}
	.laptop-width-percent-100 {
		width: 100%
	}
	.laptop-height-auto {
		height: auto
	}
	.laptop-height-percent-100 {
		height: 100%
	}
}
@media only screen and (max-width:640px){
	.home-header-introduce-margin .home-header-introduce .home-header-introduce-line-1{
		font-size:22px;
		color:white;
		text-shadow:0px 3px 3px rgba(0,0,0,0.30);
		text-align: right
	}
	.home-header-introduce-margin .home-header-introduce .home-header-introduce-line-2{
		font-size:16px;
		color:white;
		text-shadow:0px 2px 2px rgba(0,0,0,0.3);
		text-align: right;
		margin-top: 25px
	}
	.home-header-introduce-margin .home-header-introduce .home-header-introduce-line-3{
		font-size:16px;
		color:white;
		text-shadow:0px 2px 2px rgba(0,0,0,0.3);
		text-align: right
	}
}
.brick.extra-extra-large h1,
.brick.extra-extra-large h2,
.brick.extra-extra-large h3,
.brick.extra-extra-large h4,
.brick.extra-extra-large p,
.brick.extra-extra-large ul li {
	font-size: 40px
}
.brick.extra-large h2,
.brick.extra-large h3,
.brick.extra-large h4,
.brick.extra-large p,
.brick.extra-large ul li {
	font-size: 34px
}
.brick.large h2,
.brick.large h3,
.brick.large h4,
.brick.large p,
.brick.large ul li {
	font-size: 28px
}
.brick.medium h2,
.brick.medium h3,
.brick.medium h4,
.brick.medium p,
.brick.medium ul li {
	font-size: 18px;
	line-height: 150%
}
.brick.default h2,
.brick.default h3,
.brick.default h4,
.brick.default p,
.brick.default ul li {
	font-size: 14px
}
.brick.small h2,
.brick.small h3,
.brick.small h4,
.brick.small p,
.brick.small ul li {
	font-size: 12px
}
.brick.extra-small h2,
.brick.extra-small h3,
.brick.extra-small h4,
.brick.extra-small p,
.brick.extra-small ul li {
	font-size: 10px
}
.mobile-height-auto {
	height: auto
}
.mobile-height-percent-100 {
	height: 100%
}
.mobile-width-percent-100 {
	width: 100%
}