language {
    width: 100px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: right;
    position: absolute;
    right: 0px;
    top: 54px;
    color: #cca294;
    font-family:'Microsoft YaHei';
}


.widget-bg-white {
    background: #fff;
    margin: -72px 0 0;
}

    .widget-bg-white + .container {
        margin-bottom: -40px;
    }

.widget-products {
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
    clear: both;
}

    .widget-products > a > h2 {
        font: 700 24px/24px "PT Sans",'Microsoft YaHei';
        color: #4B5259;
        text-align: center;
        text-decoration: none;
        border: 0;
        margin: 22px 0 18px;
    }

    .widget-products p {
        color: #333;
        font: 14px/20px "PT Sans",'Microsoft YaHei';
        text-align: center;
    }

    .widget-products .widget {
        width: 25%;
        min-height: 345px;
        float: left;
        padding: 42px 22px 22px;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .widget-products .icon {
        display: block;
        width: 76px;
        height: 76px;
        margin: 0 auto;
        -webkit-border-radius: 38px;
        -moz-border-radius: 38px;
        border-radius: 38px;
        position: relative;
    }

        .widget-products .icon:before {
            content: '';
            position: absolute;
        }

    .widget-products .dotnet .icon {
        background: #7DC669;
    }

        .widget-products .dotnet .icon:before {
            background: url(../img/sprite-main1.png) /*tpa=http://groupdocs.com/templates/groupdocs/img/sprite-main.png?v=40*/ -188px -695px no-repeat;
            width: 36px;
            height: 36px;
            top: 20px;
            left: 20px;
        }

    .widget-products .dotnet:hover {
        background: #EEFCEA;
    }

    .widget-products .java .icon {
        background: #CC5D5D;
    }

        .widget-products .java .icon:before {
            background: url(../img/sprite-main1.png) /*tpa=http://groupdocs.com/templates/groupdocs/img/sprite-main.png?v=40*/ -188px -779px no-repeat;
            width: 30px;
            height: 36px;
            top: 20px;
            left: 22px;
        }

    .widget-products .java:hover {
        background: #FCF2F2;
    }

    .widget-products .apis .icon {
        background: #42B8E0;
    }

        .widget-products .apis .icon:before {
            background: url(../img/sprite-main1.png) /*tpa=http://groupdocs.com/templates/groupdocs/img/sprite-main.png?v=40*/ -250px -740px no-repeat;
            width: 30px;
            height: 30px;
            top: 25px;
            left: 22px;
        }

    .widget-products .apis:hover {
        background: #ECFCFF;
    }

    .widget-products .apps .icon {
        background: #E8B35F;
    }

        .widget-products .apps .icon:before {
            background: url(../img/sprite-main1.png) /*tpa=http://groupdocs.com/templates/groupdocs/img/sprite-main.png?v=40*/ -188px -739px no-repeat;
            width: 32px;
            height: 34px;
            top: 22px;
            left: 22px;
        }

    .widget-products .apps:hover {
        background: #FDF8F1;
    }

.wn-container {
    overflow: hidden;
    margin: 0;
}

.widget-news {
    width: 445px;
    position: relative;
    float: left;
    margin: 0 30px 50px 0;
}

    .widget-news:last-child {
        margin: 0;
    }

    .widget-news h2 {
        font: 700 24px/24px 'Microsoft YaHei';
        color: #4B5259;
        margin: 19px 0 22px 42px;
        border: 0;
    }

        .widget-news h2:before {
            content: '';
            float: left;
            margin-left: -42px;
        }

    .widget-news:nth-child(2) {
        clear: left;
    }


article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
audio {
	display: inline-block;
}
canvas {
	display: inline-block;
}
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
html {
	font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
a:focus {
	outline: rgb(51, 51, 51) dotted thin; outline-offset: -2px;
}
a:hover {
	outline: 0px;
}
a:active {
	outline: 0px;
}
sub {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0px currentColor; width: auto; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; max-width: 100%;
}
#map_canvas img {
	max-width: none;
}
button {
	margin: 0px; font-size: 100%; vertical-align: middle;
}
input {
	margin: 0px; font-size: 100%; vertical-align: middle;
}
select {
	margin: 0px; font-size: 100%; vertical-align: middle;
}
textarea {
	margin: 0px; font-size: 100%; vertical-align: middle;
}
button {
	line-height: normal;
}
input {
	line-height: normal;
}
button {
	cursor: pointer; -webkit-appearance: button;
}
input[type='button'] {
	cursor: pointer; -webkit-appearance: button;
}
input[type='reset'] {
	cursor: pointer; -webkit-appearance: button;
}
input[type='submit'] {
	cursor: pointer; -webkit-appearance: button;
}
input[type='search'] {
	box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
textarea {
	overflow: auto; vertical-align: top;
}
.clearfix {
	
}
.clearfix::before {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.hide-text {
	font: 0px/0 a; border: 0px currentColor; color: transparent; font-size-adjust: none; font-stretch: normal; text-shadow: none; background-color: transparent;
}
.input-block-level {
	width: 100%; display: block; min-height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
body {
	background: url("../img/bg.png") rgb(255, 255, 255); margin: 0px; color: rgb(51, 51, 51); line-height: 18px; font-family: 'Microsoft YaHei'; font-size: 14px;
}
a {
	color: rgb(0, 136, 204); text-decoration: none;
}
a:hover {
	color: rgb(0, 85, 128); text-decoration: underline;
}
.img-rounded {
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.img-polaroid {
	padding: 4px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
	border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px;
}
.row {
	margin-left: -20px;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
[class*='span'] {
	margin-left: 20px; float: left; min-height: 1px;
}
.container {
	width: 940px;
}
.navbar-static-top .container {
	width: 940px;
}
.navbar-fixed-top .container {
	width: 940px;
}
.navbar-fixed-bottom .container {
	width: 940px;
}
.span12 {
	width: 940px;
}
.span11 {
	width: 860px;
}
.span10 {
	width: 780px;
}
.span9 {
	width: 700px;
}
.span8 {
	width: 620px;
}
.span7 {
	width: 540px;
}
.span6 {
	width: 460px;
}
.span5 {
	width: 380px;
}
.span4 {
	width: 300px;
}
.span3 {
	width: 220px;
}
.span2 {
	width: 140px;
}
.span1 {
	width: 60px;
}
.offset12 {
	margin-left: 980px;
}
.offset11 {
	margin-left: 900px;
}
.offset10 {
	margin-left: 820px;
}
.offset9 {
	margin-left: 740px;
}
.offset8 {
	margin-left: 660px;
}
.offset7 {
	margin-left: 580px;
}
.offset6 {
	margin-left: 500px;
}
.offset5 {
	margin-left: 420px;
}
.offset4 {
	margin-left: 340px;
}
.offset3 {
	margin-left: 260px;
}
.offset2 {
	margin-left: 180px;
}
.offset1 {
	margin-left: 100px;
}
.row {
	margin-left: -20px;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
[class*='span'] {
	margin-left: 20px; float: left; min-height: 1px;
}
.container {
	width: 940px;
}
.navbar-static-top .container {
	width: 940px;
}
.navbar-fixed-top .container {
	width: 940px;
}
.navbar-fixed-bottom .container {
	width: 940px;
}
.span12 {
	width: 940px;
}
.span11 {
	width: 860px;
}
.span10 {
	width: 780px;
}
.span9 {
	width: 700px;
}
.span8 {
	width: 620px;
}
.span7 {
	width: 540px;
}
.span6 {
	width: 460px;
}
.span5 {
	width: 380px;
}
.span4 {
	width: 300px;
}
.span3 {
	width: 220px;
}
.span2 {
	width: 140px;
}
.span1 {
	width: 60px;
}
.offset12 {
	margin-left: 980px;
}
.offset11 {
	margin-left: 900px;
}
.offset10 {
	margin-left: 820px;
}
.offset9 {
	margin-left: 740px;
}
.offset8 {
	margin-left: 660px;
}
.offset7 {
	margin-left: 580px;
}
.offset6 {
	margin-left: 500px;
}
.offset5 {
	margin-left: 420px;
}
.offset4 {
	margin-left: 340px;
}
.offset3 {
	margin-left: 260px;
}
.offset2 {
	margin-left: 180px;
}
.offset1 {
	margin-left: 100px;
}
.row {
	margin-left: -20px;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
.row::before {
	line-height: 0; display: table; content: "";
}
.row::after {
	line-height: 0; display: table; content: "";
}
.row::after {
	clear: both;
}
[class*='span'] {
	margin-left: 20px; float: left; min-height: 1px;
}
.container {
	width: 940px;
}
.navbar-static-top .container {
	width: 940px;
}
.navbar-fixed-top .container {
	width: 940px;
}
.navbar-fixed-bottom .container {
	width: 940px;
}
.span12 {
	width: 940px;
}
.span11 {
	width: 860px;
}
.span10 {
	width: 780px;
}
.span9 {
	width: 700px;
}
.span8 {
	width: 620px;
}
.span7 {
	width: 540px;
}
.span6 {
	width: 460px;
}
.span5 {
	width: 380px;
}
.span4 {
	width: 300px;
}
.span3 {
	width: 220px;
}
.span2 {
	width: 140px;
}
.span1 {
	width: 60px;
}
.offset12 {
	margin-left: 980px;
}
.offset11 {
	margin-left: 900px;
}
.offset10 {
	margin-left: 820px;
}
.offset9 {
	margin-left: 740px;
}
.offset8 {
	margin-left: 660px;
}
.offset7 {
	margin-left: 580px;
}
.offset6 {
	margin-left: 500px;
}
.offset5 {
	margin-left: 420px;
}
.offset4 {
	margin-left: 340px;
}
.offset3 {
	margin-left: 260px;
}
.offset2 {
	margin-left: 180px;
}
.offset1 {
	margin-left: 100px;
}
.row-fluid {
	width: 100%;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid [class*='span'] {
	width: 100%; margin-left: 2.12%; float: left; display: block; min-height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.row-fluid [class*='span']:first-child {
	margin-left: 0px;
}
.row-fluid .span12 {
	width: 100%;
}
.row-fluid .span11 {
	width: 91.48%;
}
.row-fluid .span10 {
	width: 82.97%;
}
.row-fluid .span9 {
	width: 74.46%;
}
.row-fluid .span8 {
	width: 65.95%;
}
.row-fluid .span7 {
	width: 57.44%;
}
.row-fluid .span6 {
	width: 48.93%;
}
.row-fluid .span5 {
	width: 40.42%;
}
.row-fluid .span4 {
	width: 31.91%;
}
.row-fluid .span3 {
	width: 23.4%;
}
.row-fluid .span2 {
	width: 14.89%;
}
.row-fluid .span1 {
	width: 6.38%;
}
.row-fluid .offset12 {
	margin-left: 104.25%;
}
.row-fluid :first-child.offset12 {
	margin-left: 102.12%;
}
.row-fluid .offset11 {
	margin-left: 95.74%;
}
.row-fluid :first-child.offset11 {
	margin-left: 93.61%;
}
.row-fluid .offset10 {
	margin-left: 87.23%;
}
.row-fluid :first-child.offset10 {
	margin-left: 85.1%;
}
.row-fluid .offset9 {
	margin-left: 78.72%;
}
.row-fluid :first-child.offset9 {
	margin-left: 76.59%;
}
.row-fluid .offset8 {
	margin-left: 70.21%;
}
.row-fluid :first-child.offset8 {
	margin-left: 68.08%;
}
.row-fluid .offset7 {
	margin-left: 61.7%;
}
.row-fluid :first-child.offset7 {
	margin-left: 59.57%;
}
.row-fluid .offset6 {
	margin-left: 53.19%;
}
.row-fluid :first-child.offset6 {
	margin-left: 51.06%;
}
.row-fluid .offset5 {
	margin-left: 44.68%;
}
.row-fluid :first-child.offset5 {
	margin-left: 42.55%;
}
.row-fluid .offset4 {
	margin-left: 36.17%;
}
.row-fluid :first-child.offset4 {
	margin-left: 34.04%;
}
.row-fluid .offset3 {
	margin-left: 27.65%;
}
.row-fluid :first-child.offset3 {
	margin-left: 25.53%;
}
.row-fluid .offset2 {
	margin-left: 19.14%;
}
.row-fluid :first-child.offset2 {
	margin-left: 17.02%;
}
.row-fluid .offset1 {
	margin-left: 10.63%;
}
.row-fluid :first-child.offset1 {
	margin-left: 8.51%;
}
.row-fluid {
	width: 100%;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid [class*='span'] {
	width: 100%; margin-left: 2.12%; float: left; display: block; min-height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.row-fluid [class*='span']:first-child {
	margin-left: 0px;
}
.row-fluid .span12 {
	width: 100%;
}
.row-fluid .span11 {
	width: 91.48%;
}
.row-fluid .span10 {
	width: 82.97%;
}
.row-fluid .span9 {
	width: 74.46%;
}
.row-fluid .span8 {
	width: 65.95%;
}
.row-fluid .span7 {
	width: 57.44%;
}
.row-fluid .span6 {
	width: 48.93%;
}
.row-fluid .span5 {
	width: 40.42%;
}
.row-fluid .span4 {
	width: 31.91%;
}
.row-fluid .span3 {
	width: 23.4%;
}
.row-fluid .span2 {
	width: 14.89%;
}
.row-fluid .span1 {
	width: 6.38%;
}
.row-fluid .offset12 {
	margin-left: 104.25%;
}
.row-fluid :first-child.offset12 {
	margin-left: 102.12%;
}
.row-fluid .offset11 {
	margin-left: 95.74%;
}
.row-fluid :first-child.offset11 {
	margin-left: 93.61%;
}
.row-fluid .offset10 {
	margin-left: 87.23%;
}
.row-fluid :first-child.offset10 {
	margin-left: 85.1%;
}
.row-fluid .offset9 {
	margin-left: 78.72%;
}
.row-fluid :first-child.offset9 {
	margin-left: 76.59%;
}
.row-fluid .offset8 {
	margin-left: 70.21%;
}
.row-fluid :first-child.offset8 {
	margin-left: 68.08%;
}
.row-fluid .offset7 {
	margin-left: 61.7%;
}
.row-fluid :first-child.offset7 {
	margin-left: 59.57%;
}
.row-fluid .offset6 {
	margin-left: 53.19%;
}
.row-fluid :first-child.offset6 {
	margin-left: 51.06%;
}
.row-fluid .offset5 {
	margin-left: 44.68%;
}
.row-fluid :first-child.offset5 {
	margin-left: 42.55%;
}
.row-fluid .offset4 {
	margin-left: 36.17%;
}
.row-fluid :first-child.offset4 {
	margin-left: 34.04%;
}
.row-fluid .offset3 {
	margin-left: 27.65%;
}
.row-fluid :first-child.offset3 {
	margin-left: 25.53%;
}
.row-fluid .offset2 {
	margin-left: 19.14%;
}
.row-fluid :first-child.offset2 {
	margin-left: 17.02%;
}
.row-fluid .offset1 {
	margin-left: 10.63%;
}
.row-fluid :first-child.offset1 {
	margin-left: 8.51%;
}
.row-fluid {
	width: 100%;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid::before {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	line-height: 0; display: table; content: "";
}
.row-fluid::after {
	clear: both;
}
.row-fluid [class*='span'] {
	width: 100%; margin-left: 2.12%; float: left; display: block; min-height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.row-fluid [class*='span']:first-child {
	margin-left: 0px;
}
.row-fluid .span12 {
	width: 100%;
}
.row-fluid .span11 {
	width: 91.48%;
}
.row-fluid .span10 {
	width: 82.97%;
}
.row-fluid .span9 {
	width: 74.46%;
}
.row-fluid .span8 {
	width: 65.95%;
}
.row-fluid .span7 {
	width: 57.44%;
}
.row-fluid .span6 {
	width: 48.93%;
}
.row-fluid .span5 {
	width: 40.42%;
}
.row-fluid .span4 {
	width: 31.91%;
}
.row-fluid .span3 {
	width: 23.4%;
}
.row-fluid .span2 {
	width: 14.89%;
}
.row-fluid .span1 {
	width: 6.38%;
}
.row-fluid .offset12 {
	margin-left: 104.25%;
}
.row-fluid :first-child.offset12 {
	margin-left: 102.12%;
}
.row-fluid .offset11 {
	margin-left: 95.74%;
}
.row-fluid :first-child.offset11 {
	margin-left: 93.61%;
}
.row-fluid .offset10 {
	margin-left: 87.23%;
}
.row-fluid :first-child.offset10 {
	margin-left: 85.1%;
}
.row-fluid .offset9 {
	margin-left: 78.72%;
}
.row-fluid :first-child.offset9 {
	margin-left: 76.59%;
}
.row-fluid .offset8 {
	margin-left: 70.21%;
}
.row-fluid :first-child.offset8 {
	margin-left: 68.08%;
}
.row-fluid .offset7 {
	margin-left: 61.7%;
}
.row-fluid :first-child.offset7 {
	margin-left: 59.57%;
}
.row-fluid .offset6 {
	margin-left: 53.19%;
}
.row-fluid :first-child.offset6 {
	margin-left: 51.06%;
}
.row-fluid .offset5 {
	margin-left: 44.68%;
}
.row-fluid :first-child.offset5 {
	margin-left: 42.55%;
}
.row-fluid .offset4 {
	margin-left: 36.17%;
}
.row-fluid :first-child.offset4 {
	margin-left: 34.04%;
}
.row-fluid .offset3 {
	margin-left: 27.65%;
}
.row-fluid :first-child.offset3 {
	margin-left: 25.53%;
}
.row-fluid .offset2 {
	margin-left: 19.14%;
}
.row-fluid :first-child.offset2 {
	margin-left: 17.02%;
}
.row-fluid .offset1 {
	margin-left: 10.63%;
}
.row-fluid :first-child.offset1 {
	margin-left: 8.51%;
}
[class*='span'].hide {
	display: none;
}
.row-fluid [class*='span'].hide {
	display: none;
}
[class*='span'].pull-right {
	float: right;
}
.row-fluid [class*='span'].pull-right {
	float: right;
}
.span-6 {
	margin: 0px 28px 0px 0px; width: 466px; float: left;
}
:nth-child(2n+1).span-6 {
	clear: both;
}
:nth-child(2n).span-6 {
	margin-right: 0px;
}
.span-4 {
	margin: 0px 10px 0px 0px; width: 310px; float: left;
}
.column-2 {
	column-count: 2; column-gap: 30px; -webkit-column-count: 2; -moz-column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px;
}
.column-3 {
	column-count: 3; column-gap: 30px; -webkit-column-count: 3; -moz-column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px;
}
.container {
	width: 960px; margin-right: auto; margin-left: auto;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container::before {
	line-height: 0; display: table; content: "";
}
.container::after {
	line-height: 0; display: table; content: "";
}
.container::after {
	clear: both;
}
.container-fluid {
	padding-right: 20px; padding-left: 20px;
}
.container-fluid::before {
	line-height: 0; display: table; content: "";
}
.container-fluid::after {
	line-height: 0; display: table; content: "";
}
.container-fluid::after {
	clear: both;
}
.container-fluid::before {
	line-height: 0; display: table; content: "";
}
.container-fluid::after {
	line-height: 0; display: table; content: "";
}
.container-fluid::after {
	clear: both;
}
.container-fluid::before {
	line-height: 0; display: table; content: "";
}
.container-fluid::after {
	line-height: 0; display: table; content: "";
}
.container-fluid::after {
	clear: both;
}
p {
	font: 14px/18px 'Microsoft YaHei'; margin: 0px 0px 19px; color: rgb(57, 57, 57); font-size-adjust: none; font-stretch: normal;
}
strong {
	font-weight: bold;
}
h1 {
	color: inherit; line-height: 1; font-family: 'Microsoft YaHei'; font-weight: bold; text-rendering: optimizelegibility;
}
h2 {
	color: inherit; line-height: 1; font-family: 'Microsoft YaHei'; font-weight: bold; text-rendering: optimizelegibility;
}
h3 {
	color: inherit; line-height: 1; font-family: 'Microsoft YaHei'; font-weight: bold; text-rendering: optimizelegibility;
}
h4 {
	color: inherit; line-height: 1; font-family: 'Microsoft YaHei'; font-weight: bold; text-rendering: optimizelegibility;
}
h5 {
	color: inherit; line-height: 1; font-family: 'Microsoft YaHei'; font-weight: bold; text-rendering: optimizelegibility;
}
h6 {
	color: inherit; line-height: 1; font-family: 'Microsoft YaHei'; font-weight: bold; text-rendering: optimizelegibility;
}
h1 small {
	color: rgb(153, 153, 153); line-height: 1; font-weight: normal;
}
h2 small {
	color: rgb(153, 153, 153); line-height: 1; font-weight: normal;
}
h3 small {
	color: rgb(153, 153, 153); line-height: 1; font-weight: normal;
}
h4 small {
	color: rgb(153, 153, 153); line-height: 1; font-weight: normal;
}
h5 small {
	color: rgb(153, 153, 153); line-height: 1; font-weight: normal;
}
h6 small {
	color: rgb(153, 153, 153); line-height: 1; font-weight: normal;
}
h1 {
	margin: 0px 0px 17px; padding: 0px 0px 10px; color: rgb(57, 57, 57); line-height: 38px; font-size: 32px; border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: solid;
}
h2 {
	font: 700 24px/36px 'Microsoft YaHei'; color: rgb(57, 57, 57); margin-bottom: 30px; border-bottom-color: rgb(138, 169, 196); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
h3 {
	font: 700 24px/29px 'Microsoft YaHei'; color: rgb(57, 57, 57); border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: dashed; font-size-adjust: none; font-stretch: normal;
}
h4 {
	font: 700 22px/28px 'Microsoft YaHei'; margin: 0px 0px 10px; font-size-adjust: none; font-stretch: normal;
}
h5 {
	line-height: 20px; font-size: 14px;
}
h6 {
	line-height: 20px; font-size: 12px;
}
h1 small {
	font-size: 24px;
}
h2 small {
	font-size: 18px;
}
h3 small {
	font-size: 14px;
}
h4 small {
	font-size: 14px;
}
.page-header {
	margin: 18px 0px 27px; padding-bottom: 8px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
ul {
	margin: 0px 0px 9px 25px; padding: 0px;
}
ol {
	margin: 0px 0px 9px 25px; padding: 0px;
}
ul ul {
	margin-bottom: 0px;
}
ul ol {
	margin-bottom: 0px;
}
ol ol {
	margin-bottom: 0px;
}
ol ul {
	margin-bottom: 0px;
}
li {
	line-height: 18px;
}
ul.unstyled {
	list-style: none; margin-left: 0px;
}
ol.unstyled {
	list-style: none; margin-left: 0px;
}
dl {
	margin-bottom: 18px;
}
dt {
	line-height: 18px;
}
dd {
	line-height: 18px;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 9px;
}
.dl-horizontal {
	
}
.dl-horizontal::before {
	line-height: 0; display: table; content: "";
}
.dl-horizontal::after {
	line-height: 0; display: table; content: "";
}
.dl-horizontal::after {
	clear: both;
}
.dl-horizontal::before {
	line-height: 0; display: table; content: "";
}
.dl-horizontal::after {
	line-height: 0; display: table; content: "";
}
.dl-horizontal::after {
	clear: both;
}
.dl-horizontal::before {
	line-height: 0; display: table; content: "";
}
.dl-horizontal::after {
	line-height: 0; display: table; content: "";
}
.dl-horizontal::after {
	clear: both;
}
.dl-horizontal dt {
	width: 160px; text-align: right; overflow: hidden; clear: left; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.dl-horizontal dd {
	margin-left: 180px;
}
hr {
	border-width: 1px 0px; border-style: solid none; border-color: rgb(238, 238, 238) currentColor rgb(255, 255, 255); margin: 18px 0px;
}
abbr[title] {
	border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
abbr.initialism {
	text-transform: uppercase; font-size: 90%;
}
blockquote {
	margin: 0px 0px 18px; padding: 0px 0px 0px 15px; border-left-color: rgb(238, 238, 238); border-left-width: 5px; border-left-style: solid;
}
blockquote p {
	line-height: 22.5px; font-size: 16px; font-weight: 300; margin-bottom: 0px;
}
blockquote small {
	color: rgb(153, 153, 153); line-height: 18px; display: block;
}
blockquote small::before {
	content: "\2014 \00A0";
}
blockquote.pull-right {
	padding-right: 15px; padding-left: 0px; border-right-color: rgb(238, 238, 238); border-left-color: currentColor; border-right-width: 5px; border-left-width: 0px; border-right-style: solid; border-left-style: none; float: right;
}
blockquote.pull-right p {
	text-align: right;
}
blockquote.pull-right small {
	text-align: right;
}
blockquote.pull-right small::before {
	content: "";
}
blockquote.pull-right small::after {
	content: "\00A0 \2014";
}
q::before {
	content: "";
}
q::after {
	content: "";
}
blockquote::before {
	content: "";
}
blockquote::after {
	content: "";
}
address {
	line-height: 18px; font-style: normal; margin-bottom: 18px; display: block;
}
input {
	border-width: 1px; border-style: solid; border-color: rgb(184, 184, 184) rgb(220, 220, 220) rgb(239, 239, 239) rgb(239, 239, 239); font: 700 14px/46px 'Microsoft YaHei'; padding: 0px 15px; height: 46px; color: rgb(89, 89, 89); font-size-adjust: none; font-stretch: normal; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
}
input.btn {
	border: 0px currentColor;
}
.input-append {
	font-size: 0px; white-space: nowrap;
}
.input-prepend {
	font-size: 0px; white-space: nowrap;
}
.input-append input {
	border-radius: 0px 5px 5px 0px; font-size: 14px; margin-bottom: 0px; vertical-align: top; position: relative; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.input-prepend input {
	border-radius: 0px 5px 5px 0px; font-size: 14px; margin-bottom: 0px; vertical-align: top; position: relative; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.input-append select {
	border-radius: 0px 5px 5px 0px; font-size: 14px; margin-bottom: 0px; vertical-align: top; position: relative; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.input-prepend select {
	border-radius: 0px 5px 5px 0px; font-size: 14px; margin-bottom: 0px; vertical-align: top; position: relative; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.input-append .uneditable-input {
	border-radius: 0px 5px 5px 0px; font-size: 14px; margin-bottom: 0px; vertical-align: top; position: relative; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.input-prepend .uneditable-input {
	border-radius: 0px 5px 5px 0px; font-size: 14px; margin-bottom: 0px; vertical-align: top; position: relative; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.input-append input:focus {
	z-index: 2;
}
.input-prepend input:focus {
	z-index: 2;
}
.input-append select:focus {
	z-index: 2;
}
.input-prepend select:focus {
	z-index: 2;
}
.input-append .uneditable-input:focus {
	z-index: 2;
}
.input-prepend .uneditable-input:focus {
	z-index: 2;
}
.input-append .add-on {
	border-width: 1px; border-style: solid; border-color: rgb(184, 184, 184) rgb(220, 220, 220) rgb(239, 239, 239) rgb(239, 239, 239); padding: 0px 15px; height: 46px; text-align: center; color: rgb(89, 89, 89); line-height: 46px; display: inline-block; min-width: 16px; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.1); background-color: rgb(239, 239, 239); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
}
.input-prepend .add-on {
	border-width: 1px; border-style: solid; border-color: rgb(184, 184, 184) rgb(220, 220, 220) rgb(239, 239, 239) rgb(239, 239, 239); padding: 0px 15px; height: 46px; text-align: center; color: rgb(89, 89, 89); line-height: 46px; display: inline-block; min-width: 16px; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.1); background-color: rgb(239, 239, 239); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
}
.input-prepend .add-on {
	border-radius: 5px 0px 0px 5px; margin-right: -1px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;
}
.input-prepend .btn {
	border-radius: 5px 0px 0px 5px; margin-right: -1px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;
}
.input-prepend input {
	border-left-color: rgb(220, 220, 220); border-left-width: 1px; border-left-style: solid;
}
.signup-form {
	margin: 0px 36px 0px 0px; padding: 0px 36px 0px 0px; width: 246px; border-right-color: rgb(159, 159, 159); border-right-width: 1px; border-right-style: dashed; float: left;
}
.login-form {
	margin: 0px 36px 0px 0px; padding: 0px 36px 0px 0px; width: 246px; border-right-color: rgb(159, 159, 159); border-right-width: 1px; border-right-style: dashed; float: left;
}
.signup-form input {
	margin: 0px 0px 25px; width: 167px;
}
.login-form input {
	margin: 0px 0px 25px; width: 167px;
}
.signup-form h4 {
	font: 400 16px/normal 'Microsoft YaHei'; color: rgb(57, 57, 57); margin-bottom: 27px; font-size-adjust: none; font-stretch: normal;
}
.login-form h4 {
	font: 400 16px/normal 'Microsoft YaHei'; color: rgb(57, 57, 57); margin-bottom: 27px; font-size-adjust: none; font-stretch: normal;
}
.signup-form .btn-red {
	margin: 35px 0px 0px; width: 100%; font-size: 23px; font-weight: 700; display: block; text-shadow: 0px 2px 3px rgba(0,0,0,0.75);
}
.login-form .btn-red {
	margin: 35px 0px 0px; width: 100%; font-size: 23px; font-weight: 700; display: block; text-shadow: 0px 2px 3px rgba(0,0,0,0.75);
}
.signup-form .msg {
	font: 400 14px/18px 'Microsoft YaHei'; margin: -18px 0px 0px 55px; color: rgb(178, 0, 0); display: none; font-size-adjust: none; font-stretch: normal;
}
.login-form .msg {
	font: 400 14px/18px 'Microsoft YaHei'; margin: -18px 0px 0px 55px; color: rgb(178, 0, 0); display: none; font-size-adjust: none; font-stretch: normal;
}
.signup-form .invalid input {
	border: 1px solid rgb(185, 74, 72);
}
.login-form .invalid input {
	border: 1px solid rgb(185, 74, 72);
}
.signup-form .invalid .msg {
	display: block;
}
.login-form .invalid .msg {
	display: block;
}
.signup-form .forgot-password {
	font: 12px/12px 'Microsoft YaHei'; margin: -22px -7px 0px; color: rgb(59, 163, 214); float: right; font-size-adjust: none; font-stretch: normal;
}
.login-form .forgot-password {
	font: 12px/12px 'Microsoft YaHei'; margin: -22px -7px 0px; color: rgb(59, 163, 214); float: right; font-size-adjust: none; font-stretch: normal;
}
.signup-form .checkbox {
	margin: 5px 17px; border: 2px solid rgb(150, 150, 150); width: 16px; height: 16px;
}
.login-form .checkbox {
	margin: 5px 17px; border: 2px solid rgb(150, 150, 150); width: 16px; height: 16px;
}
.login-social {
	width: 173px; float: left;
}
.login-social h4 {
	font: 400 16px/normal 'Microsoft YaHei'; color: rgb(57, 57, 57); margin-bottom: 27px; font-size-adjust: none; font-stretch: normal;
}
.login-social a {
	border-radius: 9px; border: 1px solid rgb(223, 223, 223); height: 43px; margin-bottom: 27px; display: block; box-shadow: 0px 1px 2px #dfdfdf; background-image: linear-gradient(rgb(255, 255, 255), rgb(242, 242, 242)); background-repeat: repeat-x; background-color: rgb(250, 250, 250); -webkit-border-radius: 9px; -moz-border-radius: 9px; -webkit-box-shadow: 0 1px 2px #dfdfdf; -moz-box-shadow: 0 1px 2px #dfdfdf;
}
.login-social a:last-child {
	margin-bottom: 0px;
}
.login-social .facebook {
	text-indent: -99px; overflow: hidden;
}
.login-social .google {
	text-indent: -99px; overflow: hidden;
}
.login-social .openid {
	text-indent: -99px; overflow: hidden;
}
.login-social .yahoo {
	text-indent: -99px; overflow: hidden;
}
.login-social .facebook::after {
	margin: 0px auto; display: block; content: "";
}
.login-social .google::after {
	margin: 0px auto; display: block; content: "";
}
.login-social .openid::after {
	margin: 0px auto; display: block; content: "";
}
.login-social .yahoo::after {
	margin: 0px auto; display: block; content: "";
}
.login-social .facebook {
	background-image: linear-gradient(rgb(59, 89, 152), rgb(56, 85, 146)); background-repeat: repeat-x; background-color: rgb(58, 87, 150);
}
.login-social .facebook::after {
	background: url("../img/logos.png?v=4") no-repeat 0px -386px; margin: -7px auto; width: 90px; height: 18px;
}
.login-social .google::after {
	background: url("../img/logos.png?v=4") no-repeat 0px -331px; margin: -11px auto; width: 92px; height: 34px;
}
.login-social .openid::after {
	background: url("../img/logos.png?v=4") no-repeat 0px -404px; margin: -16px auto; width: 110px; height: 34px;
}
.login-social .yahoo::after {
	background: url("../img/logos.png?v=4") no-repeat 0px -365px; margin: -7px auto; width: 110px; height: 21px;
}
.dropdown-menu {
	list-style: none; margin: 0px; padding: 5px 0px; border-radius: 0px 6px 6px; left: 0px; top: 100%; overflow: hidden; float: left; display: none; position: absolute; z-index: 1000; min-width: 160px; background-color: rgb(255, 255, 255); -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px;
}
.dropdown-menu li.active {
	background: rgb(254, 233, 154);
}
.dropdown-menu li.active a {
	color: rgb(161, 135, 31);
}
.dropdown-menu li.active a::before {
	color: rgb(212, 178, 44);
}
.dropdown-menu a {
	padding: 3px 5px 3px 15px; color: rgb(51, 51, 51); line-height: 18px; clear: both; font-weight: normal; display: block; white-space: nowrap;
}
.dropdown-menu a.groupdocs::before {
	font: italic 400 10px/normal 'Microsoft YaHei'; margin: 0px 0px -3px; color: rgb(138, 169, 196); display: block; content: "GroupDocs"; font-size-adjust: none; font-stretch: normal;
}
.dropdown-menu a.groupdocs:hover::before {
	color: rgb(213, 179, 45);
}
.dropdown-menu a.separator {
	margin-bottom: 11px; position: relative;
}
.dropdown-menu a.separator::after {
	left: 11px; height: 0px; right: 11px; bottom: -6px; border-bottom-color: rgb(236, 236, 251); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; content: "";
}
.item-129 a.groupdocs {
	padding-left: 15px;
}
.dropdown-menu li > a:hover {
	background: rgb(254, 233, 154); color: rgb(161, 135, 31); text-decoration: none;
}
.dropdown-menu li > a:focus {
	background: rgb(254, 233, 154); color: rgb(161, 135, 31); text-decoration: none;
}
.dropdown-submenu:hover > a {
	background: rgb(254, 233, 154); color: rgb(161, 135, 31); text-decoration: none;
}
.dropdown-menu .active > a {
	outline: 0px; text-decoration: none;
}
.dropdown-menu .active > a:hover {
	outline: 0px; text-decoration: none;
}
.dropdown-menu .disabled > a {
	color: rgb(153, 153, 153);
}
.dropdown-menu .disabled > a:hover {
	color: rgb(153, 153, 153);
}
.dropdown-menu .disabled > a:hover {
	text-decoration: none; cursor: default; background-color: transparent;
}
.open {
	
}
.open > .dropdown-menu {
	display: block;
}
.pull-right > .dropdown-menu {
	left: auto; right: 0px;
}
.dropup .caret {
	border-top-color: currentColor; border-bottom-color: rgb(0, 0, 0); border-top-width: 0px; border-bottom-width: 4px; border-top-style: none; border-bottom-style: solid; content: "";
}
.navbar-fixed-bottom .dropdown .caret {
	border-top-color: currentColor; border-bottom-color: rgb(0, 0, 0); border-top-width: 0px; border-bottom-width: 4px; border-top-style: none; border-bottom-style: solid; content: "";
}
.dropup .dropdown-menu {
	top: auto; bottom: 100%; margin-bottom: 1px;
}
.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto; bottom: 100%; margin-bottom: 1px;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	border-radius: 0px 6px 6px; left: 100%; top: 0px; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
.dropdown-submenu > a::after {
	border-width: 5px 0px 5px 5px; border-style: solid; border-color: transparent transparent transparent rgb(204, 204, 204); width: 0px; height: 0px; margin-top: 5px; margin-right: -10px; float: right; display: block; content: " ";
}
.dropdown-submenu:hover > a::after {
	border-left-color: rgb(255, 255, 255);
}
.dropdown .dropdown-menu .nav-header {
	padding-right: 20px; padding-left: 20px;
}
.typeahead {
	border-radius: 4px; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.nav {
	list-style: none; margin-bottom: 18px; margin-left: 0px;
}
.nav > li > a {
	display: block;
}
.nav > li > a:hover {
	text-decoration: none;
}
.navbar {
	color: rgb(119, 119, 119); overflow: visible; margin-bottom: 40px;
}
.navbar .container {
	width: auto; max-width: 960px;
}
.navbar-inner {
	min-height: 87px; background-image: linear-gradient(rgb(18,83,137), rgb(18,83,137)); background-repeat: repeat-x; background-color: rgb(18,83,137);
}
.navbar-inner::before {
	line-height: 0; display: table; content: "";
}
.navbar-inner::after {
	line-height: 0; display: table; content: "";
}
.navbar-inner::after {
	clear: both;
}
.navbar-inner::before {
	line-height: 0; display: table; content: "";
}
.navbar-inner::after {
	line-height: 0; display: table; content: "";
}
.navbar-inner::after {
	clear: both;
}
.navbar-inner::before {
	line-height: 0; display: table; content: "";
}
.navbar-inner::after {
	line-height: 0; display: table; content: "";
}
.navbar-inner::after {
	clear: both;
}
.collapse.nav-collapse {
	height: auto;
}
.navbar .brand {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px 0px; margin: 19px 0px 0px -44px; width: 236px; height: 40px; color: rgb(255, 255, 255); text-indent: -9999px; font-size: 20px; font-weight: 200; float: left; display: block; position: relative;
}
.navbar .brand:hover {
	text-decoration: none;
}
.navbar .brand span {
	font: italic 400 13px/normal 'Microsoft YaHei'; right: 56px; bottom: -17px; color: rgb(131, 221, 250); text-indent: 0px; display: inline-block; position: absolute; font-size-adjust: none; font-stretch: normal;
}
.navbar .brand h1 {
	border: 0px currentColor;
}
.navbar .nav {
	margin: 32px -10px 0px 0px; left: 0px; float: right; display: block; position: relative;
}
.navbar .nav > li {
	float: left;
}
.navbar .nav > li > a {
	font: 700 14px/normal 'Microsoft YaHei'; padding: 5px 15px; color: rgb(255, 255, 255); text-decoration: none; float: none; font-size-adjust: none; font-stretch: normal; text-shadow: 0px -1px 2px rgba(0,0,0,0.65);
}
.navbar .nav .dropdown-toggle .caret {
	margin-top: 8px;
}
.navbar .nav > li > a:focus {
	color: rgb(253, 211, 53); text-decoration: none; background-color: transparent;
}
.navbar .nav > li > a:hover {
	color: rgb(253, 211, 53); text-decoration: none; background-color: transparent;
}
.navbar .nav > .active > a {
	color: rgb(131, 221, 251); text-decoration: none;
}
.navbar .nav > .active > a:hover {
	color: rgb(131, 221, 251); text-decoration: none;
}
.navbar .nav > .active > a:focus {
	color: rgb(131, 221, 251); text-decoration: none;
}
.navbar .btn-navbar {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); padding: 7px 12px; border-radius: 12px; color: rgb(255, 255, 255); margin-right: 5px; margin-left: 5px; float: right; display: none; box-shadow: 0px -1px 0px rgba(255,255,255,0.3); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(15, 69, 114), rgb(13, 59, 98)); background-repeat: repeat-x; background-color: rgb(14, 65, 108); -webkit-border-radius: 12px; -moz-border-radius: 12px; -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
}
.navbar .btn-navbar:hover {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .btn-navbar:active {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .active.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .disabled.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar [disabled].btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .btn-navbar:active {
	
}
.navbar .active.btn-navbar {
	
}
.navbar .btn-navbar:hover {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .btn-navbar:active {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .active.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .disabled.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar [disabled].btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .btn-navbar:active {
	
}
.navbar .active.btn-navbar {
	
}
.navbar .btn-navbar:hover {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .btn-navbar:active {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .active.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .disabled.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar [disabled].btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(13, 59, 98);
}
.navbar .btn-navbar:active {
	
}
.navbar .active.btn-navbar {
	
}
.navbar .btn-navbar .icon-bar {
	width: 13px; height: 2px; display: block; box-shadow: 0px 1px 0px rgba(0,0,0,0.25); background-color: rgb(131, 221, 251); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
	margin-top: 2px;
}
.navbar .nav > li:hover > .dropdown-menu {
	display: block;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu::before {
	top: auto; bottom: -7px; border-top-color: rgba(0, 0, 0, 0.2); border-bottom-color: currentColor; border-top-width: 7px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: none;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu::after {
	top: auto; bottom: -6px; border-top-color: rgb(255, 255, 255); border-bottom-color: currentColor; border-top-width: 6px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: none;
}
.navbar .nav > li > a.btn {
	background: rgb(15, 68, 111); margin: 0px; padding: 4px 15px 6px; border: 0px currentColor; box-shadow: 0px -1px 0px 0px rgba(255,255,255,0.25); -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.25);
}
.navbar .nav > li > a.btn:hover {
	color: rgb(255, 255, 255); background-color: rgb(20, 91, 150);
}
.navbar .nav > li > a.sign-up {
	background: url("../img/sprite-main.png?v=6") no-repeat 82px -101px rgb(15, 68, 111); border-radius: 12px 0px 0px 12px; color: rgb(255, 222, 23); -webkit-border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px;
}
.navbar .nav > li > a.sign-in {
	border-radius: 0px 12px 12px 0px; color: rgb(131, 221, 250); -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0;
}
.navbar .item-109 {
	font: 700 14px/normal 'Microsoft YaHei'; border-radius: 0px 0px 0px 6px; left: 0px; top: 0px; width: 24px; bottom: 0px; color: rgb(17, 76, 127); position: absolute; font-size-adjust: none; font-stretch: normal; text-shadow: 0px -1px 1px rgba(255,255,255,0.65); background-image: linear-gradient(rgb(255, 255, 255), rgb(214, 214, 214)); background-repeat: repeat-x; background-color: rgb(239, 239, 239); -webkit-border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px;
}
.navbar .item-109 .separator {
	text-indent: -188px; display: block; white-space: nowrap; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);
}
.navbar .nav li.deeper {
	position: relative;
}
.navbar .nav li.deeper > a {
	background: url("../img/sprite-main.png?v=6") no-repeat right -54px;
}
.navbar .nav li.deeper:hover > a {
	background: url("../img/sprite-main.png?v=6") no-repeat right -31px;
}
.navbar .nav li.open.dropdown > .dropdown-toggle {
	border-radius: 5px 5px 0px 0px; color: rgb(17, 77, 128); background-color: rgb(255, 255, 255); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;
}
.navbar .nav li.active.open.dropdown > .dropdown-toggle {
	border-radius: 5px 5px 0px 0px; color: rgb(17, 77, 128); background-color: rgb(255, 255, 255); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;
}
.navbar .nav li.deeper:hover {
	border-radius: 5px 5px 0px 0px; color: rgb(17, 77, 128); background-color: rgb(255, 255, 255); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;
}
.navbar .nav li.open.dropdown > .dropdown-toggle > a {
	color: rgb(17, 77, 128); text-shadow: none;
}
.navbar .nav li.active.open.dropdown > .dropdown-toggle > a {
	color: rgb(17, 77, 128); text-shadow: none;
}
.navbar .nav li.deeper:hover > a {
	color: rgb(17, 77, 128); text-shadow: none;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
}
.navbar .nav li.open.dropdown > .dropdown-toggle .caret {
	border-top-color: rgb(17, 77, 128); border-bottom-color: rgb(17, 77, 128);
}
.navbar .nav li.active.dropdown > .dropdown-toggle .caret {
	border-top-color: rgb(17, 77, 128); border-bottom-color: rgb(17, 77, 128);
}
.navbar .nav li.active.open.dropdown > .dropdown-toggle .caret {
	border-top-color: rgb(17, 77, 128); border-bottom-color: rgb(17, 77, 128);
}
.navbar .pull-right > li > .dropdown-menu {
	left: auto; right: 0px;
}
.navbar .nav > li > .pull-right.dropdown-menu {
	left: auto; right: 0px;
}
.navbar .pull-right > li > .dropdown-menu::before {
	left: auto; right: 12px;
}
.navbar .nav > li > .pull-right.dropdown-menu::before {
	left: auto; right: 12px;
}
.navbar .pull-right > li > .dropdown-menu::after {
	left: auto; right: 13px;
}
.navbar .nav > li > .pull-right.dropdown-menu::after {
	left: auto; right: 13px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu {
	border-radius: 6px 0px 6px 6px; left: auto; right: 100%; margin-right: -1px; margin-left: 0px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px;
}
.navbar .nav > li > .pull-right.dropdown-menu .dropdown-menu {
	border-radius: 6px 0px 6px 6px; left: auto; right: 100%; margin-right: -1px; margin-left: 0px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px;
}
.navbar-inverse {
	color: rgb(153, 153, 153);
}
.navbar-inverse .navbar-inner {
	border-color: rgb(37, 37, 37); background-image: linear-gradient(rgb(34, 34, 34), rgb(17, 17, 17)); background-repeat: repeat-x; background-color: rgb(27, 27, 27);
}
.navbar-inverse .brand {
	color: rgb(153, 153, 153); text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
}
.navbar-inverse .nav > li > a {
	color: rgb(153, 153, 153); text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
}
.navbar-inverse .brand:hover {
	color: rgb(255, 255, 255);
}
.navbar-inverse .nav > li > a:hover {
	color: rgb(255, 255, 255);
}
.navbar-inverse .nav > li > a:focus {
	color: rgb(255, 255, 255); background-color: transparent;
}
.navbar-inverse .nav > li > a:hover {
	color: rgb(255, 255, 255); background-color: transparent;
}
.navbar-inverse .nav .active > a {
	color: rgb(255, 255, 255); background-color: rgb(17, 17, 17);
}
.navbar-inverse .nav .active > a:hover {
	color: rgb(255, 255, 255); background-color: rgb(17, 17, 17);
}
.navbar-inverse .nav .active > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(17, 17, 17);
}
.navbar-inverse .navbar-link {
	color: rgb(153, 153, 153);
}
.navbar-inverse .navbar-link:hover {
	color: rgb(255, 255, 255);
}
.navbar-inverse .divider-vertical {
	border-right-color: rgb(34, 34, 34); border-left-color: rgb(17, 17, 17);
}
.navbar-inverse .nav li.open.dropdown > .dropdown-toggle {
	color: rgb(255, 255, 255); background-color: rgb(17, 17, 17);
}
.navbar-inverse .nav li.active.dropdown > .dropdown-toggle {
	color: rgb(255, 255, 255); background-color: rgb(17, 17, 17);
}
.navbar-inverse .nav li.active.open.dropdown > .dropdown-toggle {
	color: rgb(255, 255, 255); background-color: rgb(17, 17, 17);
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153);
}
.navbar-inverse .nav li.open.dropdown > .dropdown-toggle .caret {
	border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
}
.navbar-inverse .nav li.active.dropdown > .dropdown-toggle .caret {
	border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
}
.navbar-inverse .nav li.active.open.dropdown > .dropdown-toggle .caret {
	border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
}
.navbar-inverse .navbar-search .search-query {
	border-color: rgb(17, 17, 17); transition:none; color: rgb(255, 255, 255); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.15); background-color: rgb(81, 81, 81); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none;
}
.navbar-inverse .navbar-search :-ms-input-placeholder.search-query {
	color: rgb(204, 204, 204);
}
.navbar-inverse .navbar-search :-ms-input-placeholder.search-query {
	color: rgb(204, 204, 204);
}
.navbar-inverse .navbar-search :-ms-input-placeholder.search-query {
	color: rgb(204, 204, 204);
}
.navbar-inverse .navbar-search .search-query:focus {
	padding: 5px 15px; outline: 0px; border: 0px currentColor; color: rgb(51, 51, 51); box-shadow: 0px 0px 3px rgba(0,0,0,0.15); text-shadow: 0px 1px 0px #ffffff; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.navbar-inverse .navbar-search .focused.search-query {
	padding: 5px 15px; outline: 0px; border: 0px currentColor; color: rgb(51, 51, 51); box-shadow: 0px 0px 3px rgba(0,0,0,0.15); text-shadow: 0px 1px 0px #ffffff; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.navbar-inverse .btn-navbar {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(21, 21, 21), rgb(4, 4, 4)); background-repeat: repeat-x; background-color: rgb(14, 14, 14);
}
.navbar-inverse .btn-navbar:hover {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .btn-navbar:active {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .active.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .disabled.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse [disabled].btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .btn-navbar:active {
	
}
.navbar-inverse .active.btn-navbar {
	
}
.navbar-inverse .btn-navbar:hover {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .btn-navbar:active {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .active.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .disabled.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse [disabled].btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .btn-navbar:active {
	
}
.navbar-inverse .active.btn-navbar {
	
}
.navbar-inverse .btn-navbar:hover {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .btn-navbar:active {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .active.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .disabled.btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse [disabled].btn-navbar {
	color: rgb(255, 255, 255); background-color: rgb(4, 4, 4);
}
.navbar-inverse .btn-navbar:active {
	
}
.navbar-inverse .active.btn-navbar {
	
}
.apps-menu {
	text-align: right; border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: solid;
}
.apps-menu .btn-red {
	margin: 0px 0px -4px; color: rgb(255, 255, 255); text-shadow: 0px 2px 3px rgba(0,0,0,0.75);
}
.apps-menu li {
	font: 700 16px/19px 'Microsoft YaHei'; padding: 0px 10px 15px; color: rgb(138, 169, 196); display: inline-block; position: relative; font-size-adjust: none; font-stretch: normal;
}
.apps-menu li a {
	color: rgb(138, 169, 196);
}
.apps-menu li a.groupdocs {
	position: relative;
}
.apps-menu li a.groupdocs::before {
	font: italic 400 10px/normal 'Microsoft YaHei'; left: 0px; top: -9px; color: rgb(138, 169, 196); position: absolute; content: "GroupDocs"; font-size-adjust: none; font-stretch: normal;
}
.apps-menu li.active::after {
	background: url("../img/sprite-main.png?v=6") no-repeat -90px -129px; margin: 0px 0px 0px -9px; left: 50%; width: 18px; height: 10px; bottom: -1px; display: block; position: absolute; content: "";
}
.apps-menu li.active a {
	color: rgb(57, 57, 57);
}
.apps-menu li.active a:hover {
	color: rgb(57, 57, 57);
}
.apps-menu li.active a.groupdocs::before {
	color: rgb(57, 57, 57);
}
.apps-menu li.active .btn-red {
	border-radius: 0px; color: rgb(57, 57, 57); box-shadow: none; text-shadow: none; -webkit-border-radius: 0 0 0; -moz-border-radius: 0 0 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0;
}
.apps-menu li.active .btn-red:hover {
	color: rgb(57, 57, 57);
}
.apps-menu li a.groupdocs:hover::before {
	color: rgb(0, 136, 204);
}
.apps-menu li a:hover {
	color: rgb(0, 136, 204);
}
.apps-menu li .btn-red:hover {
	color: rgb(255, 255, 255);
}
.nav-keywords {
	background: rgb(255, 255, 255); font: 700 12px/34px 'Microsoft YaHei'; margin: -14px 0px 20px; padding: 0px 15px; letter-spacing: 1px; display: block; font-size-adjust: none; font-stretch: normal;
}
.nav-keywords li {
	margin: 0px 7px; display: inline-block;
}
.nav-keywords li::before {
	background: url("../img/sprite-main.png?v=6") no-repeat -190px -180px; margin: 9px 0px 0px -11px; width: 4px; height: 4px; float: left; display: inline-block; content: "";
}
.nav-keywords li a {
	color: rgb(145, 174, 199);
}
.nav-keywords li a:hover {
	color: rgb(41, 191, 240); text-decoration: underline;
}
.modal-open .modal .dropdown-menu {
	z-index: 2050;
}
.modal-open .modal .open.dropdown {
	
}
.modal-open .modal .popover {
	z-index: 2060;
}
.modal-open .modal .tooltip {
	z-index: 2080;
}
.modal-backdrop {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 1040; background-color: rgb(0, 0, 0);
}
.fade.modal-backdrop {
	opacity: 0;
}
.modal-backdrop {
	opacity: 0.8;
}
.in.fade.modal-backdrop {
	opacity: 0.8;
}
.modal {
	background: padding-box rgb(57, 57, 57); margin: -280px 0px 0px -310px; padding: 0px; border-radius: 10px; border: 1px solid rgb(223, 223, 223); left: 50%; top: 50%; width: 620px; height: 560px; overflow: auto; position: fixed; z-index: 1050; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); -webkit-background-clip: padding-box; -moz-background-clip: padding-box;
}
.fade.modal {
	transition:opacity 0.3s linear, top 0.3s ease-out; top: -25%; -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out;
}
.in.fade.modal {
	top: 50%;
}
.modal-header {
	padding: 25px 0px; position: relative;
}
.page-signup {
	padding: 25px 0px; position: relative;
}
.modal-header h3 {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px -199px; margin: 0px auto; border: 0px currentColor; width: 278px; height: 49px; text-indent: -999px; overflow: hidden;
}
.page-signup h3 {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px -199px; margin: 0px auto; border: 0px currentColor; width: 278px; height: 49px; text-indent: -999px; overflow: hidden;
}
.modal-header .close {
	background: url("../img/sprite-main.png?v=6") no-repeat -262px -153px; border: 0px currentColor; top: 10px; width: 16px; height: 16px; right: 10px; text-indent: -999px; overflow: hidden; position: absolute;
}
.page-signup .close {
	background: url("../img/sprite-main.png?v=6") no-repeat -262px -153px; border: 0px currentColor; top: 10px; width: 16px; height: 16px; right: 10px; text-indent: -999px; overflow: hidden; position: absolute;
}
.page-signup .item-page {
	background: rgb(255, 255, 255); margin: 0px 20px; padding: 25px 30px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
}
.modal-body {
	background: rgb(255, 255, 255); margin: 0px 20px; padding: 25px 30px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
}
.page-signup .item-page h5 {
	font: 700 16px/19px 'Microsoft YaHei'; margin: 0px; padding: 28px 0px 7px; text-align: center; color: rgb(57, 57, 57); clear: both; font-size-adjust: none; font-stretch: normal;
}
.modal-body h5 {
	font: 700 16px/19px 'Microsoft YaHei'; margin: 0px; padding: 28px 0px 7px; text-align: center; color: rgb(57, 57, 57); clear: both; font-size-adjust: none; font-stretch: normal;
}
.page-signup .item-page h5 a {
	color: rgb(57, 163, 214);
}
.modal-body h5 a {
	color: rgb(57, 163, 214);
}
.page-signup {
	background: rgb(57, 57, 57); padding: 0px; position: static;
}
.page-signup .item-page {
	margin: 95px auto 80px; width: 560px;
}
.page-signup h3 {
	left: 50%; top: 27px; margin-left: -139px; position: absolute;
}
.page-signup h3 a {
	width: 100%; height: 100%; display: block;
}
.page-signup .get-in-touch {
	font: 400 12px/40px 'Microsoft YaHei'; margin: -80px 0px 0px; text-align: center; color: white; font-size-adjust: none; font-stretch: normal;
}
.modal-form {
	margin-bottom: 0px;
}
.modal-footer p {
	font: 400 12px/40px 'Microsoft YaHei'; margin: 0px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;
}
.modal-footer p a {
	color: rgb(58, 163, 214);
}
#modal-video {
	text-align: center;
}
#modal-video .btn-red-big {
	margin: 15px 0px -5px;
}
.tooltip {
	padding: 5px; font-size: 11px; display: block; visibility: visible; position: absolute; z-index: 1030; opacity: 0;
}
.in.tooltip {
	opacity: 0.8;
}
.top.tooltip {
	margin-top: -3px;
}
.right.tooltip {
	margin-left: 3px;
}
.bottom.tooltip {
	margin-top: 3px;
}
.left.tooltip {
	margin-left: -3px;
}
.tooltip-inner {
	padding: 3px 8px; border-radius: 4px; text-align: center; color: rgb(255, 255, 255); text-decoration: none; max-width: 200px; background-color: rgb(0, 0, 0); -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.tooltip-arrow {
	border-style: solid; border-color: transparent; width: 0px; height: 0px; position: absolute;
}
.top.tooltip .tooltip-arrow {
	border-width: 5px 5px 0px; left: 50%; bottom: 0px; margin-left: -5px; border-top-color: rgb(0, 0, 0);
}
.right.tooltip .tooltip-arrow {
	border-width: 5px 5px 5px 0px; left: 0px; top: 50%; margin-top: -5px; border-right-color: rgb(0, 0, 0);
}
.left.tooltip .tooltip-arrow {
	border-width: 5px 0px 5px 5px; top: 50%; right: 0px; margin-top: -5px; border-left-color: rgb(0, 0, 0);
}
.bottom.tooltip .tooltip-arrow {
	border-width: 0px 5px 5px; left: 50%; top: 0px; margin-left: -5px; border-bottom-color: rgb(0, 0, 0);
}
.popover {
	padding: 1px; border-radius: 6px; border: 1px solid rgb(0, 134, 204); left: 0px; top: 0px; width: 236px; display: none; position: absolute; z-index: 1010; background-clip: padding-box; background-color: rgb(237, 250, 254); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding;
}
.top.popover {
	margin-bottom: 10px;
}
.right.popover {
	margin-left: 10px;
}
.bottom.popover {
	margin-top: 10px;
}
.left.popover {
	margin-right: 10px;
}
.popover-title {
	display: none;
}
.popover-content {
	font: 14px/15px 'Microsoft YaHei'; padding: 10px 14px 2px; font-size-adjust: none; font-stretch: normal;
}
.popover-content .note-text {
	color: rgb(109, 109, 109);
}
.popover-content p {
	margin-bottom: 0px;
}
.popover-content ul {
	margin-bottom: 0px;
}
.popover-content ol {
	margin-bottom: 0px;
}
.popover-content p {
	font: 14px/15px 'Microsoft YaHei'; color: rgb(0, 133, 204); margin-bottom: 6px; font-size-adjust: none; font-stretch: normal;
}
.popover-content .decimal {
	font-size: 10px; vertical-align: super;
}
.popover .arrow {
	border-style: solid; border-color: transparent; width: 0px; height: 0px; display: inline-block; position: absolute;
}
.popover .arrow::after {
	border-style: solid; border-color: transparent; width: 0px; height: 0px; display: inline-block; position: absolute;
}
.popover .arrow::after {
	z-index: -1; content: "";
}
.top.popover .arrow {
	border-width: 10px 10px 0px; left: 50%; bottom: -10px; margin-left: -10px; border-top-color: rgb(255, 255, 255);
}
.top.popover .arrow::after {
	border-width: 11px 11px 0px; left: -11px; bottom: -1px; border-top-color: rgba(0, 0, 0, 0.25);
}
.right.popover .arrow {
	border-width: 10px 10px 10px 0px; left: -10px; top: 50%; margin-top: -10px; border-right-color: rgb(237, 250, 254);
}
.right.popover .arrow::after {
	border-width: 11px 11px 11px 0px; left: -1px; bottom: -11px; border-right-color: rgb(0, 134, 204);
}
.bottom.popover .arrow {
	border-width: 0px 10px 10px; left: 50%; top: -10px; margin-left: -10px; border-bottom-color: rgb(255, 255, 255);
}
.bottom.popover .arrow::after {
	border-width: 0px 11px 11px; left: -11px; top: -1px; border-bottom-color: rgba(0, 0, 0, 0.25);
}
.left.popover .arrow {
	border-width: 10px 0px 10px 10px; top: 50%; right: -10px; margin-top: -10px; border-left-color: rgb(237, 250, 254);
}
.left.popover .arrow::after {
	border-width: 11px 0px 11px 11px; right: -1px; bottom: -11px; border-left-color: rgb(0, 134, 204);
}
.wrap-overflow {
	width: 100%; overflow: hidden;
}
.main-intro {
	background: url("../img/bg-header.png") repeat-x top rgb(50, 190, 237); margin-top: -40px; min-height: 435px;
}
.main-intro-with-nav {
	background: url("../img/bg-header.png") repeat-x top rgb(50, 190, 237); margin-top: -40px; min-height: 435px;
}
.main-intro::before {
	background: rgba(18, 83, 137, 0.1); width: 100%; height: 7px; margin-bottom: -7px; display: block; content: "";
}
.main-intro-with-nav::before {
	background: rgba(18, 83, 137, 0.1); width: 100%; height: 7px; margin-bottom: -7px; display: block; content: "";
}
.light.main-intro {
	background-image: linear-gradient(rgb(153, 223, 247), rgb(50, 190, 237)); background-repeat: repeat-x; background-color: rgb(112, 210, 243);
}
.light.main-intro-with-nav {
	background-image: linear-gradient(rgb(153, 223, 247), rgb(50, 190, 237)); background-repeat: repeat-x; background-color: rgb(112, 210, 243);
}
.main-intro .container {
	padding: 0px 10px; position: relative;
}
.main-intro-with-nav .container {
	padding: 0px 10px; position: relative;
}
.main-intro .wrap-scroll {
	width: 700%; overflow: hidden;
}
.main-intro-with-nav .wrap-scroll {
	width: 700%; overflow: hidden;
}
.main-intro .wrap-scroll > div {
	width: 14.28%; float: left; position: relative; min-height: 420px;
}
.main-intro-with-nav .wrap-scroll > div {
	width: 14.28%; float: left; position: relative; min-height: 420px;
}
.main-intro .see-demo {
	font: italic 400 21px/45px 'Microsoft YaHei'; color: rgb(255, 255, 255); text-decoration: underline; display: inline-block; font-size-adjust: none; font-stretch: normal;
}
.main-intro-with-nav .see-demo {
	font: italic 400 21px/45px 'Microsoft YaHei'; color: rgb(255, 255, 255); text-decoration: underline; display: inline-block; font-size-adjust: none; font-stretch: normal;
}
.main-intro .see-demo:hover {
	color: rgb(253, 211, 53); text-decoration: none;
}
.main-intro-with-nav .see-demo:hover {
	color: rgb(253, 211, 53); text-decoration: none;
}
.main-intro .controls {
	left: 50%; bottom: -40px; margin-left: -36px; display: inline-block; position: relative; z-index: 3;
}
.main-intro-with-nav .controls {
	left: 50%; bottom: -40px; margin-left: -36px; display: inline-block; position: relative; z-index: 3;
}
.main-intro .controls .scroll {
	background: rgb(81, 209, 240); margin: 2px; outline: 0px; border-radius: 5px; width: 11px; height: 11px; text-indent: -99px; overflow: hidden; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.main-intro-with-nav .controls .scroll {
	background: rgb(81, 209, 240); margin: 2px; outline: 0px; border-radius: 5px; width: 11px; height: 11px; text-indent: -99px; overflow: hidden; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.main-intro .controls .scroll:hover {
	background: rgb(253, 211, 53);
}
.main-intro-with-nav .controls .scroll:hover {
	background: rgb(253, 211, 53);
}
.main-intro .controls .active {
	background: rgb(255, 255, 255); margin: 0px; border-radius: 8px; border: 4px solid rgb(210, 70, 12); width: 7px; height: 7px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.main-intro-with-nav .controls .active {
	background: rgb(255, 255, 255); margin: 0px; border-radius: 8px; border: 4px solid rgb(210, 70, 12); width: 7px; height: 7px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.main-intro .controls .active:hover {
	
}
.main-intro-with-nav .controls .active:hover {
	
}
.main-intro .scroll-left {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px 0px rgb(255, 255, 255); border-radius: 26px; top: 50%; width: 52px; height: 52px; text-indent: -999px; overflow: hidden; margin-top: -10px; position: absolute; z-index: 3; -webkit-border-radius: 26px; -moz-border-radius: 26px;
}
.main-intro-with-nav .scroll-left {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px 0px rgb(255, 255, 255); border-radius: 26px; top: 50%; width: 52px; height: 52px; text-indent: -999px; overflow: hidden; margin-top: -10px; position: absolute; z-index: 3; -webkit-border-radius: 26px; -moz-border-radius: 26px;
}
.main-intro .scroll-right {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px 0px rgb(255, 255, 255); border-radius: 26px; top: 50%; width: 52px; height: 52px; text-indent: -999px; overflow: hidden; margin-top: -10px; position: absolute; z-index: 3; -webkit-border-radius: 26px; -moz-border-radius: 26px;
}
.main-intro-with-nav .scroll-right {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px 0px rgb(255, 255, 255); border-radius: 26px; top: 50%; width: 52px; height: 52px; text-indent: -999px; overflow: hidden; margin-top: -10px; position: absolute; z-index: 3; -webkit-border-radius: 26px; -moz-border-radius: 26px;
}
.main-intro .scroll-left {
	background-position: -67px -40px; left: -62px;
}
.main-intro-with-nav .scroll-left {
	background-position: -67px -40px; left: -62px;
}
.main-intro .scroll-left:hover {
	background-position: 15px -40px;
}
.main-intro-with-nav .scroll-left:hover {
	background-position: 15px -40px;
}
.main-intro .scroll-right {
	background-position: -105px -40px; right: -62px;
}
.main-intro-with-nav .scroll-right {
	background-position: -105px -40px; right: -62px;
}
.main-intro .scroll-right:hover {
	background-position: -23px -40px;
}
.main-intro-with-nav .scroll-right:hover {
	background-position: -23px -40px;
}
.main-intro .btn-red-big {
	margin: 0px 40px 0px 0px;
}
.main-intro-with-nav .btn-red-big {
	margin: 0px 40px 0px 0px;
}
.main-intro .image {
	margin: 54px 0px 0px 20px; float: right; max-width: 60%;
}
.main-intro-with-nav .image {
	margin: 54px 0px 0px 20px; float: right; max-width: 60%;
}
.main-intro .demo {
	margin-top: 0px;
}
.main-intro-with-nav .demo {
	margin-top: 0px;
}
.main-intro .buttons-bottom {
	bottom: 70px; position: absolute;
}
.main-intro-with-nav .buttons-bottom {
	bottom: 70px; position: absolute;
}
.api-intro {
	min-height: 385px;
}
.api-intro .wrap-scroll {
	min-height: 385px;
}
.api-intro .demo {
	margin: 60px 40px 0px 0px; border: 8px solid rgb(255, 255, 255); width: 400px; height: auto; text-indent: 0px; overflow: hidden; float: right; box-shadow: 0px 7px 15px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.25);
}
.btn-red-big {
	font: 700 23px/46px 'Microsoft YaHei'; padding: 0px 25px; border-radius: 26px; border: 2px solid rgb(210, 70, 12); height: 49px; color: rgb(255, 255, 255); clear: left; display: inline-block; font-size-adjust: none; font-stretch: normal; box-shadow: none; text-shadow: 0px 2px 3px rgba(0,0,0,0.75); background-image: linear-gradient(rgb(241, 101, 41), rgb(212, 73, 14) 50%, rgb(198, 68, 13)); background-repeat: no-repeat; background-color: rgb(209, 72, 14); -webkit-border-radius: 26px; -moz-border-radius: 26px; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0;
}
.btn-red-big:hover {
	color: rgb(255, 255, 255); text-decoration: none; background-image: linear-gradient(rgb(255, 113, 44), rgb(243, 84, 17) 50%, rgb(227, 77, 14)); background-repeat: no-repeat; background-color: rgb(240, 83, 16);
}
.btn-lightred-big {
	border-radius: 6px; color: rgb(255, 255, 255); text-decoration: none; margin-right: 10px; display: inline-block; box-shadow: 0px 3px 0px rgba(0,0,0,0.1); text-shadow: 0px 2px 0px rgba(0,0,0,0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.btn-blue-big {
	border-radius: 6px; color: rgb(255, 255, 255); text-decoration: none; margin-right: 10px; display: inline-block; box-shadow: 0px 3px 0px rgba(0,0,0,0.1); text-shadow: 0px 2px 0px rgba(0,0,0,0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.btn-lightred-small {
	border-radius: 6px; color: rgb(255, 255, 255); text-decoration: none; margin-right: 10px; display: inline-block; box-shadow: 0px 3px 0px rgba(0,0,0,0.1); text-shadow: 0px 2px 0px rgba(0,0,0,0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.btn-blue-small {
	border-radius: 6px; color: rgb(255, 255, 255); text-decoration: none; margin-right: 10px; display: inline-block; box-shadow: 0px 3px 0px rgba(0,0,0,0.1); text-shadow: 0px 2px 0px rgba(0,0,0,0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.btn-lightred-big:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
.btn-blue-big:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
.btn-lightred-small:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
.btn-blue-small:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
.btn-lightred-big {
	font: 700 19px/46px 'Microsoft YaHei'; padding: 0px 28px; height: 46px; font-size-adjust: none; font-stretch: normal;
}
.btn-blue-big {
	font: 700 19px/46px 'Microsoft YaHei'; padding: 0px 28px; height: 46px; font-size-adjust: none; font-stretch: normal;
}
.btn-lightred-small {
	font: 700 15px/36px 'Microsoft YaHei'; padding: 0px 22px; height: 36px; font-size-adjust: none; font-stretch: normal;
}
.btn-blue-small {
	font: 700 15px/36px 'Microsoft YaHei'; padding: 0px 22px; height: 36px; font-size-adjust: none; font-stretch: normal;
}
.btn-lightred-big {
	border: 1px solid rgb(210, 70, 12); background-image: linear-gradient(rgb(241, 101, 41), rgb(198, 68, 13)); background-repeat: repeat-x; background-color: rgb(224, 88, 30);
}
.btn-lightred-small {
	border: 1px solid rgb(210, 70, 12); background-image: linear-gradient(rgb(241, 101, 41), rgb(198, 68, 13)); background-repeat: repeat-x; background-color: rgb(224, 88, 30);
}
.btn-lightred-big:hover {
	background-image: linear-gradient(rgb(253, 109, 41), rgb(229, 77, 14)); background-repeat: repeat-x; background-color: rgb(243, 96, 30);
}
.btn-lightred-small:hover {
	background-image: linear-gradient(rgb(253, 109, 41), rgb(229, 77, 14)); background-repeat: repeat-x; background-color: rgb(243, 96, 30);
}
.btn-blue-big {
	border: 1px solid rgb(21, 99, 162); background-image: linear-gradient(rgb(22, 101, 165), rgb(14, 64, 105)); background-repeat: repeat-x; background-color: rgb(19, 86, 141);
}
.btn-blue-small {
	border: 1px solid rgb(21, 99, 162); background-image: linear-gradient(rgb(22, 101, 165), rgb(14, 64, 105)); background-repeat: repeat-x; background-color: rgb(19, 86, 141);
}
.btn-blue-big:hover {
	background-image: linear-gradient(rgb(42, 115, 174), rgb(18, 91, 151)); background-repeat: repeat-x; background-color: rgb(32, 105, 165);
}
.btn-blue-small:hover {
	background-image: linear-gradient(rgb(42, 115, 174), rgb(18, 91, 151)); background-repeat: repeat-x; background-color: rgb(32, 105, 165);
}
.slogan {
        font-weight: 400;
        font-family:'Microsoft YaHei';
        text-shadow: 0 0 0 transparent;
        margin: 54px 0 10px;
}
.intro-text {
	font: 400 18px/27px 'Microsoft YaHei'; color: rgb(16, 75, 121); margin-bottom: 35px; font-size-adjust: none; font-stretch: normal;
}
.bg-arc {
	margin: -46px 0px 40px; width: 100%; height: 77px; position: relative; z-index: 2;
}
.apps-intro {
	overflow: hidden;
}
.small-intro {
	min-height: 0px;
}
.small-intro .intro-text {
	margin-bottom: 150px;
}
.small-intro .viewer-page > .image > img {
	max-height: 292px;
}
.small-intro .signature-page > .image > img {
	max-height: 276px;
}
.small-intro .conversion-page > .image > img {
	max-height: 245px;
}
.small-intro .annotation-page > .image > img {
	max-height: 261px;
}
.small-intro .assembly-page > .image > img {
	max-height: 277px;
}
.small-intro .comparison-page > .image > img {
	max-height: 275px;
}
article.bg-white {
	background: rgb(255, 255, 255); padding: 20px 30px; border-radius: 6px; overflow: hidden; margin-bottom: 30px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
div.bg-white {
	background: rgb(255, 255, 255); padding: 20px 30px; border-radius: 6px; overflow: hidden; margin-bottom: 30px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
article.bg-white h2 {
	font: 700 32px/38px 'Microsoft YaHei'; margin: 0px 0px 20px; padding: 0px 0px 10px; color: rgb(57, 57, 57); border-bottom-color: rgb(138, 169, 196); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
div.bg-white h2 {
	font: 700 32px/38px 'Microsoft YaHei'; margin: 0px 0px 20px; padding: 0px 0px 10px; color: rgb(57, 57, 57); border-bottom-color: rgb(138, 169, 196); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
article.bg-white .references {
	line-height: 30px; margin-bottom: 30px;
}
div.bg-white .references {
	line-height: 30px; margin-bottom: 30px;
}
article.bg-white .references > a {
	margin-right: 20px;
}
div.bg-white .references > a {
	margin-right: 20px;
}
article.bg-white .references .more {
	font: italic 15px/normal 'Microsoft YaHei'; color: rgb(0, 134, 204); text-decoration: underline; font-size-adjust: none; font-stretch: normal;
}
div.bg-white .references .more {
	font: italic 15px/normal 'Microsoft YaHei'; color: rgb(0, 134, 204); text-decoration: underline; font-size-adjust: none; font-stretch: normal;
}
article.bg-white .references .more:hover {
	text-decoration: none;
}
div.bg-white .references .more:hover {
	text-decoration: none;
}
article.bg-white li {
	margin-bottom: 8px;
}
div.bg-white li {
	margin-bottom: 8px;
}
article.app-block {
	padding: 10px 25px 15px 155px; transition:0.5s; height: 221px; margin-bottom: 35px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
div.app-block {
	padding: 10px 25px 15px 155px; transition:0.5s; height: 221px; margin-bottom: 35px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
article.app-block .options {
	font: 16px/19px 'Microsoft YaHei'; margin: 15px 0px 0px; font-size-adjust: none; font-stretch: normal;
}
div.app-block .options {
	font: 16px/19px 'Microsoft YaHei'; margin: 15px 0px 0px; font-size-adjust: none; font-stretch: normal;
}
article.app-block .options .read-more {
	margin: 0px 0px 0px 10px; color: rgb(0, 135, 204); font-style: italic; text-decoration: underline;
}
div.app-block .options .read-more {
	margin: 0px 0px 0px 10px; color: rgb(0, 135, 204); font-style: italic; text-decoration: underline;
}
article.app-block .options .read-more:hover {
	text-decoration: none;
}
div.app-block .options .read-more:hover {
	text-decoration: none;
}
article.app-block .options .btn-red {
	margin: 0px 10px 0px 0px;
}
div.app-block .options .btn-red {
	margin: 0px 10px 0px 0px;
}
article.app-block .controls {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
div.app-block .controls {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
article.app-block .icon-app {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
div.app-block .icon-app {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
article.app-block h2 {
	font: 700 36px/43px 'Microsoft YaHei'; margin: 9px 0px 15px; border: 0px currentColor; color: rgb(57, 57, 57); font-size-adjust: none; font-stretch: normal;
}
div.app-block h2 {
	font: 700 36px/43px 'Microsoft YaHei'; margin: 9px 0px 15px; border: 0px currentColor; color: rgb(57, 57, 57); font-size-adjust: none; font-stretch: normal;
}
article.app-block h2 span {
	font: italic 400 16px/19px 'Microsoft YaHei'; margin: 0px 0px -10px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
div.app-block h2 span {
	font: italic 400 16px/19px 'Microsoft YaHei'; margin: 0px 0px -10px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
article.app-block p {
	margin-bottom: 9px;
}
div.app-block p {
	margin-bottom: 9px;
}
article.bg-viewer {
	background: url("../img/bg-apps.jpg") no-repeat 0px 0px;
}
div.bg-viewer {
	background: url("../img/bg-apps.jpg") no-repeat 0px 0px;
}
article.bg-viewer .icon-app {
	background: url("../img/icons.png?v=4") no-repeat 0px 0px; left: 52px; top: 34px; width: 60px; height: 50px; position: absolute;
}
div.bg-viewer .icon-app {
	background: url("../img/icons.png?v=4") no-repeat 0px 0px; left: 52px; top: 34px; width: 60px; height: 50px; position: absolute;
}
article.bg-signature {
	background: url("../img/bg-apps.jpg") no-repeat -475px 0px;
}
div.bg-signature {
	background: url("../img/bg-apps.jpg") no-repeat -475px 0px;
}
article.bg-signature .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -60px 0px; left: 52px; top: 34px; width: 70px; height: 55px; position: absolute;
}
div.bg-signature .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -60px 0px; left: 52px; top: 34px; width: 70px; height: 55px; position: absolute;
}
article.bg-conversion {
	background: url("../img/bg-apps.jpg") no-repeat 0px -221px;
}
div.bg-conversion {
	background: url("../img/bg-apps.jpg") no-repeat 0px -221px;
}
article.bg-conversion .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -130px 0px; left: 52px; top: 34px; width: 45px; height: 63px; position: absolute;
}
div.bg-conversion .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -130px 0px; left: 52px; top: 34px; width: 45px; height: 63px; position: absolute;
}
article.bg-annotation {
	background: url("../img/bg-apps.jpg") no-repeat -475px -221px;
}
div.bg-annotation {
	background: url("../img/bg-apps.jpg") no-repeat -475px -221px;
}
article.bg-annotation .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -245px 0px; left: 52px; top: 34px; width: 70px; height: 80px; position: absolute;
}
div.bg-annotation .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -245px 0px; left: 52px; top: 34px; width: 70px; height: 80px; position: absolute;
}
article.bg-assembly {
	background: url("../img/bg-apps.jpg") no-repeat 0px -442px;
}
div.bg-assembly {
	background: url("../img/bg-apps.jpg") no-repeat 0px -442px;
}
article.bg-assembly .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -175px 0px; left: 52px; top: 34px; width: 70px; height: 56px; position: absolute;
}
div.bg-assembly .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -175px 0px; left: 52px; top: 34px; width: 70px; height: 56px; position: absolute;
}
article.bg-comparison {
	background: url("../img/bg-apps.jpg") no-repeat -475px -442px;
}
div.bg-comparison {
	background: url("../img/bg-apps.jpg") no-repeat -475px -442px;
}
article.bg-comparison .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -315px 0px; left: 52px; top: 34px; width: 70px; height: 55px; position: absolute;
}
div.bg-comparison .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -315px 0px; left: 52px; top: 34px; width: 70px; height: 55px; position: absolute;
}
article.app-block .controls {
	border-radius: 0px 6px 6px 0px; top: 0px; width: 142px; right: -160px; bottom: 0px; padding-top: 37px; position: absolute; background-image: linear-gradient(rgb(18, 83, 137), rgb(14, 65, 107)); background-repeat: repeat-x; background-color: rgb(16, 76, 125); -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0;
}
div.app-block .controls {
	border-radius: 0px 6px 6px 0px; top: 0px; width: 142px; right: -160px; bottom: 0px; padding-top: 37px; position: absolute; background-image: linear-gradient(rgb(18, 83, 137), rgb(14, 65, 107)); background-repeat: repeat-x; background-color: rgb(16, 76, 125); -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0;
}
article.app-block .controls > ul {
	margin: 0px;
}
div.app-block .controls > ul {
	margin: 0px;
}
article.app-block .controls a {
	font: 700 16px/35px 'Microsoft YaHei'; color: rgb(255, 255, 255); padding-left: 30px; font-size-adjust: none; font-stretch: normal;
}
div.app-block .controls a {
	font: 700 16px/35px 'Microsoft YaHei'; color: rgb(255, 255, 255); padding-left: 30px; font-size-adjust: none; font-stretch: normal;
}
article.app-block .controls a:hover {
	color: rgb(253, 210, 52); text-decoration: none;
}
div.app-block .controls a:hover {
	color: rgb(253, 210, 52); text-decoration: none;
}
article.app-block .controls li {
	list-style: none;
}
div.app-block .controls li {
	list-style: none;
}
article.app-block .controls [class^='icon-'] {
	border-radius: 17px; left: -17px; width: 35px; height: 35px; position: absolute; -webkit-border-radius: 17px; -moz-border-radius: 17px;
}
div.app-block .controls [class^='icon-'] {
	border-radius: 17px; left: -17px; width: 35px; height: 35px; position: absolute; -webkit-border-radius: 17px; -moz-border-radius: 17px;
}
article.app-block .controls [class*=' icon-'] {
	border-radius: 17px; left: -17px; width: 35px; height: 35px; position: absolute; -webkit-border-radius: 17px; -moz-border-radius: 17px;
}
div.app-block .controls [class*=' icon-'] {
	border-radius: 17px; left: -17px; width: 35px; height: 35px; position: absolute; -webkit-border-radius: 17px; -moz-border-radius: 17px;
}
article.app-block .controls .icon-overview {
	background: url("../img/icons.png?v=4") no-repeat 11px -71px rgb(255, 255, 255);
}
div.app-block .controls .icon-overview {
	background: url("../img/icons.png?v=4") no-repeat 11px -71px rgb(255, 255, 255);
}
article.app-block .controls .icon-features {
	background: url("../img/icons.png?v=4") no-repeat -32px -70px rgb(255, 255, 255);
}
div.app-block .controls .icon-features {
	background: url("../img/icons.png?v=4") no-repeat -32px -70px rgb(255, 255, 255);
}
article.app-block .controls .icon-whats-new {
	background: url("../img/icons.png?v=4") no-repeat -77px -73px rgb(255, 255, 255);
}
div.app-block .controls .icon-whats-new {
	background: url("../img/icons.png?v=4") no-repeat -77px -73px rgb(255, 255, 255);
}
article.app-block .controls .icon-solutions {
	background: url("../img/icons.png?v=4") no-repeat -120px -73px rgb(255, 255, 255);
}
div.app-block .controls .icon-solutions {
	background: url("../img/icons.png?v=4") no-repeat -120px -73px rgb(255, 255, 255);
}
.btn-red {
	font: 700 16px/19px 'Microsoft YaHei'; padding: 3px 15px 4px; border-radius: 13px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.13); text-shadow: 0px 2px 2px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(241, 101, 41), rgb(212, 73, 14) 50%, rgb(198, 68, 13)); background-repeat: no-repeat; background-color: rgb(209, 72, 14); -webkit-border-radius: 13px; -moz-border-radius: 13px; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.13); -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.13);
}
.btn-red:hover {
	color: rgb(255, 255, 255); background-image: linear-gradient(rgb(255, 113, 44), rgb(243, 84, 17) 50%, rgb(227, 77, 14)); background-repeat: no-repeat; background-color: rgb(240, 83, 16);
}
.btn-red a {
	color: rgb(255, 255, 255); text-decoration: none;
}
.recent-posts {
	margin: 20px 0px 0px; clear: both; position: relative;
}
.recent-posts .wrap-scroll {
	width: 5000px; overflow: hidden;
}
.recent-posts h3 {
	clear: both; margin-bottom: 26px;
}
.recent-posts .scroll-left {
	border-radius: 4px; border: 1px solid rgb(198, 198, 198); top: 50%; width: 22px; height: 22px; text-indent: -999px; overflow: hidden; position: absolute; box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.6); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.6);
}
.recent-posts .scroll-right {
	border-radius: 4px; border: 1px solid rgb(198, 198, 198); top: 50%; width: 22px; height: 22px; text-indent: -999px; overflow: hidden; position: absolute; box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.6); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.6);
}
.recent-posts .scroll-left {
	background: url("../img/sprite-main.png?v=6") no-repeat -114px -120px rgb(209, 209, 209); left: -35px;
}
.recent-posts .scroll-right {
	background: url("../img/sprite-main.png?v=6") no-repeat -132px -120px rgb(209, 209, 209); right: -35px;
}
.recent-post {
	float: left;
}
.recent-post h4 {
	font: 700 20px/24px 'Microsoft YaHei'; color: rgb(57, 57, 57); font-size-adjust: none; font-stretch: normal;
}
.recent-post h4 a {
	color: rgb(57, 57, 57);
}
.recent-post h4 a:hover {
	color: rgb(210, 70, 12); text-decoration: none;
}
.recent-post .date {
	font: 400 16px/19px 'Microsoft YaHei'; color: rgb(179, 179, 179); margin-bottom: 14px; font-size-adjust: none; font-stretch: normal;
}
.single-app img {
	padding: 17px; border-radius: 37px; border: 1px solid rgba(18, 83, 137, 0.25); width: 269px; -webkit-border-radius: 37px; -moz-border-radius: 37px;
}
.single-app .img-chrome {
	padding: 17px; border-radius: 37px; border: 1px solid rgba(18, 83, 137, 0.25); width: 269px; float: left; -webkit-border-radius: 37px; -moz-border-radius: 37px;
}
.single-app .img-chrome img {
	padding: 0px; border-radius: 25px; border: 0px currentColor; -webkit-border-radius: 25px; -moz-border-radius: 25px;
}
.single-app [class*='column'] {
	margin-bottom: 40px;
}
.single-app .wrap-img-left {
	clear: both;
}
.single-app .wrap-img-left h1 {
	margin-left: 332px;
}
.single-app .wrap-img-left h2 {
	margin-left: 332px;
}
.single-app .wrap-img-left h3 {
	margin-left: 332px;
}
.wrap-img-left img {
	margin: 5px 27px 35px 0px; float: left;
}
.wrap-img-left .img-chrome {
	margin: 5px 27px 35px 0px; float: left;
}
.wrap-img-left .img-chrome img {
	margin: 0px;
}
.wrap-img-center img {
	margin-right: auto; margin-left: auto; display: block;
}
.single-app-new h1 {
	margin: 0px 0px 15px; text-align: center; line-height: 52px; font-size: 32px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.single-app-new h2 {
	margin: 0px 0px 15px; text-align: center; line-height: 52px; font-size: 32px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.single-app-new h3 {
	margin: 0px 0px 15px; text-align: center; line-height: 52px; font-size: 32px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.single-app-new .wrap-img-left {
	overflow: hidden; clear: both; margin-bottom: 80px;
}
.single-app-new .wrap-img-right {
	overflow: hidden; clear: both; margin-bottom: 80px;
}
.single-app-new .wrap-img-left img {
	margin: 0px 7%; padding: 0px; border-radius: 0px; border: 0px currentColor; width: 350px; -webkit-border-radius: 0; -moz-border-radius: 0;
}
.single-app-new .wrap-img-right img {
	margin: 0px 7%; padding: 0px; border-radius: 0px; border: 0px currentColor; width: 350px; -webkit-border-radius: 0; -moz-border-radius: 0;
}
.single-app-new .wrap-img-left h1 {
	margin: 0px 0px 15px;
}
.single-app-new .wrap-img-right h1 {
	margin: 0px 0px 15px;
}
.single-app-new .wrap-img-left h2 {
	margin: 0px 0px 15px;
}
.single-app-new .wrap-img-right h2 {
	margin: 0px 0px 15px;
}
.single-app-new .wrap-img-left h3 {
	margin: 0px 0px 15px;
}
.single-app-new .wrap-img-right h3 {
	margin: 0px 0px 15px;
}
.single-app-new .wrap-img-left > p {
	margin-left: 50%;
}
.single-app-new .wrap-img-right > p {
	margin-left: 50%;
}
.single-app-new .wrap-img-right img {
	float: right;
}
.single-app-new .wrap-img-right > p {
	margin-right: 50%; margin-left: 0px;
}
.single-app-new .img-chrome {
	padding: 0px; border-radius: 0px; border: 0px currentColor; width: auto; float: none; -webkit-border-radius: 0; -moz-border-radius: 0;
}
.nav-header {
	font: 700 32px/38px 'Microsoft YaHei'; margin: -15px 0px 0px; padding: 0px; border: 0px currentColor; color: rgb(57, 57, 57); float: left; position: relative; font-size-adjust: none; font-stretch: normal;
}
h1.viewer {
	font: 500 26px/33px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h2.viewer {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h1.signature {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h2.signature {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h1.conversion {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h2.conversion {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h1.annotation {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h2.annotation {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h1.assembly {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h2.assembly {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h1.comparison {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h2.comparison {
	font: 700 36px/43px 'Microsoft YaHei'; padding: 0px 0px 0px 68px; font-size-adjust: none; font-stretch: normal;
}
h1.viewer span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h2.viewer span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h1.signature span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h2.signature span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h1.conversion span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h2.conversion span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h1.annotation span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h2.annotation span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h1.assembly span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h2.assembly span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h1.comparison span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h2.comparison span {
	font: italic 400 14px/19px 'Microsoft YaHei'; margin: 0px 0px -8px -3px; color: rgb(138, 170, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
h1.viewer .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h2.viewer .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h1.signature .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h2.signature .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h1.conversion .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h2.conversion .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h1.annotation .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h2.annotation .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h1.assembly .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h2.assembly .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h1.comparison .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h2.comparison .icon-app {
	left: 0px; top: 5px; position: absolute;
}
h1.viewer .icon-app {
	background: url("../img/icons.png?v=4") no-repeat 0px -118px; top: 10px; width: 43px; height: 33px;
}
h2.viewer .icon-app {
	background: url("../img/icons.png?v=4") no-repeat 0px -118px; top: 10px; width: 43px; height: 33px;
}
h1.signature .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -49px -115px; left: 4px; top: 2px; width: 50px; height: 39px;
}
h2.signature .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -49px -115px; left: 4px; top: 2px; width: 50px; height: 39px;
}
h1.conversion .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -105px -112px; left: 8px; top: 2px; width: 32px; height: 45px;
}
h2.conversion .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -105px -112px; left: 8px; top: 2px; width: 32px; height: 45px;
}
h1.annotation .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -199px -113px; left: 11px; top: 4px; width: 39px; height: 44px;
}
h2.annotation .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -199px -113px; left: 11px; top: 4px; width: 39px; height: 44px;
}
h1.assembly .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -143px -115px; left: 0px; top: 8px; width: 50px; height: 40px;
}
h2.assembly .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -143px -115px; left: 0px; top: 8px; width: 50px; height: 40px;
}
h1.comparison .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -245px -115px; left: 0px; top: 9px; width: 50px; height: 39px;
}
h2.comparison .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -245px -115px; left: 0px; top: 9px; width: 50px; height: 39px;
}
h1.dot-net .icon-platform {
	float: left;
}
h2.dot-net .icon-platform {
	float: left;
}
h1.java .icon-platform {
	float: left;
}
h2.java .icon-platform {
	float: left;
}
h1.javascript .icon-platform {
	float: left;
}
h2.javascript .icon-platform {
	float: left;
}
h1.php .icon-platform {
	float: left;
}
h2.php .icon-platform {
	float: left;
}
h1.python .icon-platform {
	float: left;
}
h2.python .icon-platform {
	float: left;
}
h1.ruby .icon-platform {
	float: left;
}
h2.ruby .icon-platform {
	float: left;
}
h1.dot-net .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat 0px -189px; margin: -3px 33px 0px 12px; width: 45px; height: 44px;
}
h2.dot-net .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat 0px -189px; margin: -3px 33px 0px 12px; width: 45px; height: 44px;
}
h1.java .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat 0px -140px; margin: -4px 10px 0px 0px; width: 80px; height: 49px;
}
h2.java .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat 0px -140px; margin: -4px 10px 0px 0px; width: 80px; height: 49px;
}
h1.javascript .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat -45px -189px; margin: -8px 36px 0px 7px; width: 47px; height: 47px;
}
h2.javascript .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat -45px -189px; margin: -8px 36px 0px 7px; width: 47px; height: 47px;
}
h1.php .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat 0px -236px; margin: 0px 23px 0px 0px; width: 67px; height: 39px;
}
h2.php .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat 0px -236px; margin: 0px 23px 0px 0px; width: 67px; height: 39px;
}
h1.python .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat 0px -275px; margin: -10px 37px 0px 5px; width: 48px; height: 48px;
}
h2.python .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat 0px -275px; margin: -10px 37px 0px 5px; width: 48px; height: 48px;
}
h1.ruby .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat -49px -275px; margin: -12px 37px 0px 6px; width: 47px; height: 55px;
}
h2.ruby .icon-platform {
	background: url("../img/logos.png?v=4") no-repeat -49px -275px; margin: -12px 37px 0px 6px; width: 47px; height: 55px;
}
article h2.viewer {
	padding-left: 68px !important; position: relative;
}
article h2.signature {
	padding-left: 68px !important; position: relative;
}
article h2.conversion {
	padding-left: 68px !important; position: relative;
}
article h2.annotation {
	padding-left: 68px !important; position: relative;
}
article h2.assembly {
	padding-left: 68px !important; position: relative;
}
article h2.comparison {
	padding-left: 68px !important; position: relative;
}
.fixed {
	background: url("../img/bg.png") rgb(255, 255, 255); left: 0px; top: 0px; width: auto; right: 0px; border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: solid; position: fixed; z-index: 99;
}
.fixed ul {
	margin: 30px 0px 0px;
}
.fixed h1 {
	margin: 15px 0px -5px;
}
.fixed h2 {
	margin: 15px 0px -5px;
}
.fixed > .container {
	margin-bottom: -1px;
}
.tabs > li {
	list-style: none; float: left;
}
.tabs > li > a {
	background: rgb(223, 223, 223); font: 700 14px/28px 'Microsoft YaHei'; padding: 0px 10px; border: 1px solid rgb(209, 209, 209); height: 30px; color: rgb(181, 181, 181); display: block; font-size-adjust: none; font-stretch: normal; text-shadow: 0px 1px 1px rgba(255,255,255,0.4);
}
.tabs > li > a:hover {
	background: rgb(7, 147, 194); border-color: rgb(18, 83, 137); color: rgb(255, 255, 255); text-decoration: none; text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.tabs > li.active > a {
	background: rgb(212, 73, 14); border: 1px solid rgb(138, 44, 5); color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.tabs > li:first-child a {
	border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;
}
.tabs > li:last-child a {
	border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.tab-content {
	width: 100%; height: 800px; overflow: hidden; clear: both; position: relative;
}
.tab-content .tab-pane {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 1;
}
.tab-content .active {
	z-index: 5;
}
#exampleTabs {
	margin: -4px 0px 15px 20px; float: right;
}
.switch-buttons {
	font: 700 16px/19px 'Microsoft YaHei'; text-align: right; font-size-adjust: none; font-stretch: normal;
}
.switch-buttons a {
	height: 20px; color: rgb(138, 169, 196); display: inline-block; position: relative;
}
.switch-buttons a:hover {
	color: rgb(0, 136, 204); text-decoration: none;
}
.switch-buttons a.active {
	padding: 0px 20px; color: rgb(57, 57, 57);
}
.switch-buttons a.active::after {
	background: url("../img/sprite-main.png?v=6") no-repeat -90px -129px; margin: 0px 0px 0px -9px; left: 50%; width: 18px; height: 10px; bottom: -17px; display: block; position: absolute; content: "";
}
.select-new-format {
	width: 400px;
}
.pricing-intro {
	background: url("../img/bg-header.png") repeat-x top rgb(50, 190, 237); margin: -40px 0px 0px; text-align: center;
}
.pricing-intro .slogan {
	width: auto; float: none;
}
.pricing-intro .intro-text {
	width: auto; float: none;
}
.pricing-intro .slogan {
	margin-bottom: 5px;
}
.pricing-intro .intro-text {
	font: 700 14px/17px 'Microsoft YaHei'; color: rgb(6, 146, 192); margin-bottom: 45px; float: none; font-size-adjust: none; font-stretch: normal;
}
.pricing-intro .intro-text a {
	color: rgb(57, 57, 57); text-decoration: underline;
}
.pricing-intro .intro-text a:hover {
	text-decoration: none;
}
.pricing-intro article {
	background: url("../img/bg-stripe-blue.png"); margin: -20px 0px 60px; padding: 20px 0px; border-radius: 7px; border: 1px solid rgb(73, 166, 199); transition:0.3s; width: 270px; vertical-align: top; display: inline-block; -webkit-border-radius: 7px; -moz-border-radius: 7px; -webkit-transition: ease 0.3s all; -moz-transition: ease 0.3s all; -o-transition: ease 0.3s all;
}
.pricing-intro article:hover {
	padding-top: 35px; padding-bottom: 35px; margin-top: -35px; margin-bottom: 45px;
}
.pricing-intro article.plan-individual {
	background: url("../img/bg-stripe-white.png"); margin: 0px -20px; padding: 0px;
}
.pricing-intro article.plan-enterprise {
	background: url("../img/bg-stripe-white.png"); margin: 0px -20px; padding: 0px;
}
.pricing-intro article.plan-startup {
	background: url("../img/bg-stripe-white.png"); margin: 0px -20px; padding: 0px;
}
.pricing-intro article.plan-business {
	background: url("../img/bg-stripe-white.png"); margin: 0px -20px; padding: 0px;
}
.pricing-intro article.plan-enterprise {
	background: url("../img/bg-stripe-white.png"); margin: 0px -20px; padding: 0px;
}
.pricing-intro article.plan-individual:hover {
	padding-top: 15px; padding-bottom: 15px; margin-top: -15px; margin-bottom: -15px;
}
.pricing-intro article.plan-enterprise:hover {
	padding-top: 15px; padding-bottom: 15px; margin-top: -15px; margin-bottom: -15px;
}
.pricing-intro article.plan-startup:hover {
	padding-top: 15px; padding-bottom: 15px; margin-top: -15px; margin-bottom: -15px;
}
.pricing-intro article.plan-business:hover {
	padding-top: 15px; padding-bottom: 15px; margin-top: -15px; margin-bottom: -15px;
}
.pricing-intro article.plan-enterprise:hover {
	padding-top: 15px; padding-bottom: 15px; margin-top: -15px; margin-bottom: -15px;
}
.pricing-intro article.plan-individual {
	position: relative;
}
.pricing-intro article.plan-individual::before {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px -390px; left: -105px; top: 17px; width: 141px; height: 78px; position: absolute; content: "";
}
.pricing-intro article.plan-business {
	width: 225px;
}
.pricing-intro article.plan-startup {
	border-color: rgb(42, 96, 115); margin: 20px -15px 0px 0px; width: 200px; padding-right: 15px;
}
.pricing-intro article.plan-startup:hover {
	padding-top: 15px; padding-bottom: 15px; margin-top: 5px; margin-bottom: -15px;
}
.pricing-intro article.plan-startup h3 {
	margin-top: 9px;
}
.pricing-intro article.plan-startup .btn-red-big {
	margin-bottom: 15px;
}
.pricing-intro article.plan-startup .price {
	color: rgb(255, 255, 255);
}
.pricing-intro article h3 {
	color: rgb(17, 74, 122); border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.pricing-intro article .price {
	font: 700 100px/46px 'Microsoft YaHei'; margin: 0px -15px; color: rgb(6, 146, 192); font-size-adjust: none; font-stretch: normal; text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}
.pricing-intro article .price span {
	font-size: 36px; margin-top: -20px; vertical-align: top; display: inline-block;
}
.pricing-intro article .price span.decimal {
	font-size: 25px; margin-top: -25px;
}
.pricing-intro article .price-contact {
	margin: -8px 0px -10px; line-height: 32px; font-size: 36px;
}
.pricing-intro article .price-contact a {
	color: rgb(6, 146, 191); text-decoration: none;
}
.pricing-intro article .conditions {
	margin: 35px 0px 18px;
}
.pricing-intro article .conditions-pay {
	background: rgb(255, 255, 255); font: italic 12px/20px 'Microsoft YaHei'; padding: 0px 5px; border-radius: 6px; border: 1px solid rgb(178, 178, 178); color: rgb(131, 131, 131); display: inline-block; position: relative; font-size-adjust: none; font-stretch: normal; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.pricing-intro article .btn-red-big {
	margin: 0px auto 35px; border-radius: 5px; border: 1px solid rgb(192, 79, 30); height: 32px; line-height: 30px; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25), inset 0px 2px 2px -1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(0,0,0,0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25), inset 0 2px 2px -1px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25), inset 0 2px 2px -1px rgba(255, 255, 255, 0.6);
}
.pricing-intro .sale {
	margin: 30px 0px 66px; text-align: center; overflow: hidden; display: block;
}
.pricing-intro .pricing-sale {
	margin: 50px 0px 75px;
}
.pricing-intro .permonth {
	display: none;
}
.pricing-intro .peryear {
	display: none;
}
.pricing-intro .peryears {
	display: none;
}
.pricing-intro .active.permonth {
	display: block;
}
.pricing-intro .active.peryear {
	display: block;
}
.pricing-intro .active.peryears {
	display: block;
}
.pricing-intro .icon-info-bubble {
	background: url("../img/icons.png?v=4") no-repeat -167px -164px; top: -6px; width: 12px; height: 12px; right: -6px; text-indent: -999px; overflow: hidden; position: absolute; cursor: pointer;
}
.btn-blue {
	font: 18px/36px 'Microsoft YaHei'; margin: 0px 0px 0px -5px; padding: 0px 15px; border: 1px solid rgb(15, 83, 112); height: 38px; color: rgb(15, 83, 112); display: inline-block; font-size-adjust: none; font-stretch: normal; box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255); -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.2);
}
:first-child.btn-blue {
	margin: 0px; border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;
}
:last-child.btn-blue {
	border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.btn-blue span {
	color: rgb(6, 146, 193); font-weight: 700;
}
.active.btn-blue {
	color: rgb(255, 255, 255); background-image: linear-gradient(rgb(17, 159, 219), rgb(41, 191, 240)); background-repeat: repeat-x; background-color: rgb(27, 172, 227);
}
.active.btn-blue span {
	color: rgb(255, 242, 195); font-weight: 700;
}
.active.btn-blue:hover {
	color: rgb(255, 255, 255); cursor: default;
}
.btn-blue:hover {
	color: rgb(0, 134, 204); text-decoration: none;
}
.btn-blue:hover span {
	color: rgb(221, 84, 26); font-weight: 700;
}
.best-value {
	position: relative;
}
.best-value::after {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px -248px; top: -6px; width: 141px; height: 142px; right: -5px; position: absolute; content: "";
}
article.pricing {
	overflow: hidden;
}
.pricing-table {
	margin: 0px 0px 20px -20px; overflow: hidden; clear: both;
}
.pricing-table .raw {
	width: 100%; overflow: hidden; display: table; border-collapse: separate; border-spacing: 20px 0;
}
.pricing-table header {
	width: 100%; overflow: hidden; display: table; border-collapse: separate; border-spacing: 20px 0;
}
.pricing-table .raw {
	background: rgb(251, 251, 251);
}
.pricing-table .raw:hover .cell {
	background: rgb(246, 249, 251);
}
.pricing-table .raw-title {
	font: 700 14px/normal 'Microsoft YaHei'; padding: 19px 0px 8px 10px; color: rgb(108, 108, 108); border-bottom-color: rgb(206, 206, 206); border-bottom-width: 2px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
.pricing-table .subraw {
	background: rgb(255, 255, 255);
}
.pricing-table .subraw .cell {
	height: 25px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.pricing-table .subraw :first-child.cell {
	padding-left: 20px;
}
.pricing-table .separator {
	background: rgb(255, 255, 255); height: 15px;
}
.pricing-table .cell {
	width: 25%; height: 35px; text-align: center; color: rgb(110, 110, 110); line-height: 14px; vertical-align: middle; border-bottom-color: rgb(195, 195, 195); border-bottom-width: 1px; border-bottom-style: dotted; display: table-cell; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.pricing-table :first-child.cell {
	text-align: left; padding-left: 8px;
}
.pricing-table .cell span {
	white-space: nowrap;
}
.pricing-table .cell a:hover {
	color: rgb(34, 200, 255);
}
.pricing-table .cell .btn-red {
	white-space: nowrap;
}
.pricing-table .cell .btn-red:hover {
	color: rgb(255, 255, 255);
}
.pricing-table header {
	background: url("../img/bg-dot-grey.png");
}
.pricing-table header .cell {
	font: 700 18px/normal 'Microsoft YaHei'; border: 0px currentColor; color: rgb(68, 68, 68); padding-top: 30px; padding-bottom: 8px; font-size-adjust: none; font-stretch: normal;
}
.pricing-table header :first-child.cell {
	font: 700 14px/normal 'Microsoft YaHei'; color: rgb(110, 110, 110); font-size-adjust: none; font-stretch: normal;
}
.pricing-table .buttons {
	height: 75px;
}
.pricing-table .buttons .cell {
	border: 0px currentColor;
}
.pricing-table .buttons:hover .cell {
	
}
.pricing-table .inherit-button > a {
	font: 700 16px/19px 'Microsoft YaHei'; padding: 3px 15px 4px; border-radius: 13px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.13); text-shadow: 0px 2px 2px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(241, 101, 41), rgb(212, 73, 14) 50%, rgb(198, 68, 13)); background-repeat: no-repeat; background-color: rgb(209, 72, 14); -webkit-border-radius: 13px; -moz-border-radius: 13px; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.13); -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.13);
}
.pricing-table .inherit-button > a:hover {
	color: rgb(255, 255, 255); background-image: linear-gradient(rgb(255, 113, 44), rgb(243, 84, 17) 50%, rgb(227, 77, 14)); background-repeat: no-repeat; background-color: rgb(240, 83, 16);
}
.pricing-table .inherit-button > a a {
	color: rgb(255, 255, 255); text-decoration: none;
}
.pricing-table .inherit-button > a:hover {
	color: rgb(255, 255, 255);
}
.pricing-table .show-popover {
	color: rgb(0, 136, 204);
}
.pricing-api-table .cell {
	width: 16%;
}
.pricing-api-table :first-child.cell {
	width: 20%;
}
.star {
	font: 700 22px/0px 'Microsoft YaHei'; width: 15px; color: rgb(192, 192, 192); margin-right: -15px; margin-bottom: 7px; display: inline-block; font-size-adjust: none; font-stretch: normal;
}
ul.anchors {
	list-style: none; margin: 0px 0px 20px;
}
ul.anchors a {
	font: 14px/36px 'Microsoft YaHei'; color: rgb(0, 135, 204); text-decoration: underline; font-size-adjust: none; font-stretch: normal;
}
ul.anchors a:hover {
	text-decoration: none;
}
.to-top {
	font: 14px/40px 'Microsoft YaHei'; color: rgb(0, 136, 204); clear: both; float: left; font-size-adjust: none; font-stretch: normal;
}
.to-top span {
	text-decoration: underline;
}
.to-top:hover span {
	text-decoration: none;
}
.to-top .icon {
	background: url("../img/sprite-main.png?v=6") no-repeat -232px -148px rgba(18, 83, 137, 0.25); margin: 0px 10px -7px 15px; border-radius: 13px; width: 25px; height: 25px; display: inline-block; -webkit-border-radius: 13px; -moz-border-radius: 13px;
}
.pricing-table + .to-top {
	margin-top: -67px;
}
.pricing .reference {
	clear: both;
}
.pricing .reference .star {
	margin: 0px -7px 0px 0px;
}
.pricing .reference p {
	color: rgb(109, 109, 109); font-style: italic;
}
.pricing .icon-info-bubble {
	background: url("../img/sprite-main.png?v=6") no-repeat -213px -154px; margin: 0px 0px -1px 5px; width: 11px; height: 11px; text-indent: -9999px; overflow: hidden; display: inline-block; cursor: pointer;
}
.pricing .icon-yes {
	background: url("../img/sprite-main.png?v=6") no-repeat -101px -154px; width: 15px; height: 12px; display: inline-block;
}
.pricing .icon-no {
	background: url("../img/sprite-main.png?v=6") no-repeat -160px -154px; width: 12px; height: 12px; display: inline-block;
}
.pricing .icon-unlim {
	background: url("../img/sprite-main.png?v=6") no-repeat -128px -154px; width: 13px; height: 8px; display: inline-block;
}
.wrap-price-btn .btn {
	background: rgb(85, 205, 244); font: 700 23px/normal 'Microsoft YaHei'; padding: 9px 18px; border-radius: 25px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; -webkit-border-radius: 25px; -moz-border-radius: 25px;
}
.wrap-price-btn .btn:hover {
	background: rgb(7, 147, 194); text-decoration: none;
}
.wrap-price-btn .sign-up {
	background: rgb(7, 147, 194); padding: 12px 22px; border-radius: 37px; border: 3px solid rgb(176, 230, 242); font-size: 30px; -webkit-border-radius: 37px; -moz-border-radius: 37px;
}
.wrap-price-btn .sign-up:hover {
	background: rgb(255, 255, 255); border-color: rgb(7, 147, 194); color: rgb(7, 147, 194);
}
.wrap-figure-right figure {
	margin: 0px 0px 5px 30px; width: 50%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.wrap-figure-right figure.platform-table {
	margin: 0px 0px 5px 30px; width: 50%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.wrap-figure-right .sdk-table {
	margin: 0px 0px 20px 20px;
}
figure.platform-table {
	margin: 0px 0px 50px; overflow: hidden;
}
figure.platform-table h3 {
	background: url("../img/bg-dot-grey.png"); font: 400 18px/22px 'Microsoft YaHei'; margin: 0px; padding: 7px 12px 10px; border: 0px currentColor; color: rgb(68, 68, 68); font-size-adjust: none; font-stretch: normal;
}
figure.platform-table a {
	width: 50%; height: 35px; color: rgb(18, 82, 134); line-height: 32px; border-bottom-color: rgb(159, 159, 159); border-bottom-width: 1px; border-bottom-style: dashed; float: left;
}
figure.platform-table a:hover {
	color: rgb(58, 163, 214); text-decoration: none;
}
figure.platform-table a::before {
	width: 42px; height: 35px; float: left; content: "";
}
figure.platform-table .full-raw {
	width: 100%;
}
figure.platform-table .wordpress::before {
	background: url("../img/platforms.png?v=4") no-repeat -96px; margin: 0px 7px; width: 28px;
}
figure.platform-table .dotnetnuke::before {
	background: url("../img/platforms.png?v=4") no-repeat -251px; margin: 0px 10px; width: 22px;
}
figure.platform-table .kentico::before {
	background: url("../img/platforms.png?v=4") no-repeat -189px; margin: 0px 8px; width: 26px;
}
figure.platform-table .joomla::before {
	background: url("../img/platforms.png?v=4") no-repeat -63px; margin: 0px 7px; width: 28px;
}
figure.platform-table .confluence::before {
	background: url("../img/platforms.png?v=4") no-repeat -31px; margin: 0px 7px; width: 28px;
}
figure.platform-table .tumblr::before {
	background: url("../img/platforms.png?v=4") no-repeat -155px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .umbraco::before {
	background: url("../img/platforms.png?v=4") no-repeat -128px; margin: 0px 9px 0px 10px; width: 23px;
}
figure.platform-table .radiant::before {
	background: url("../img/platforms.png?v=4") no-repeat -278px; margin: 0px 4px 0px 5px; width: 33px;
}
figure.platform-table .orchard::before {
	background: url("../img/platforms.png?v=4") no-repeat 0px; margin: 0px 7px 0px 8px; width: 27px;
}
figure.platform-table .moodle::before {
	background: url("../img/platforms.png?v=4") no-repeat -219px; margin: 0px 7px; width: 28px;
}
figure.platform-table .concrete5::before {
	background: url("../img/platforms.png?v=4") no-repeat -312px; margin: 0px 7px 0px 8px; width: 29px;
}
figure.platform-table .expressionengine::before {
	background: url("../img/platforms.png?v=4") no-repeat -347px; margin: 0px 7px 0px 8px; width: 29px;
}
figure.platform-table .knowledgetree::before {
	background: url("../img/platforms.png?v=4") no-repeat -379px; margin: 0px 7px; width: 28px;
}
figure.platform-table .drupal::before {
	background: url("../img/platforms.png?v=4") no-repeat -407px; margin: 0px 7px; width: 28px;
}
figure.platform-table .magento::before {
	background: url("../img/platforms.png?v=4") no-repeat -469px; margin: 0px 8px 0px 9px; width: 25px;
}
figure.platform-table .textpattern::before {
	background: url("../img/platforms.png?v=4") no-repeat -437px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .getsimple::before {
	background: url("../img/platforms.png?v=4") no-repeat -501px; margin: 0px 9px 0px 10px; width: 23px;
}
figure.platform-table .tinymce::before {
	background: url("../img/platforms.png?v=4") no-repeat -934px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .htmlarea::before {
	background: url("../img/platforms.png?v=4") no-repeat -899px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .enano::before {
	background: url("../img/platforms.png?v=4") no-repeat -969px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .alfresco::before {
	background: url("../img/platforms.png?v=4") no-repeat -1003px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .e107::before {
	background: url("../img/platforms.png?v=4") no-repeat -1037px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .cmsms::before {
	background: url("../img/platforms.png?v=4") no-repeat -1071px; margin: 0px 6px; width: 30px;
}
figure.platform-table .silverstripe::before {
	background: url("../img/platforms.png?v=4") no-repeat -1105px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .modx-cms::before {
	background: url("../img/platforms.png?v=4") no-repeat -1139px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .symphony-cms::before {
	background: url("../img/platforms.png?v=4") no-repeat -1173px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .pligg::before {
	background: url("../img/platforms.png?v=4") no-repeat -589px; margin: 0px 9px 0px 10px; width: 23px;
}
figure.platform-table .opencms::before {
	background: url("../img/platforms.png?v=4") no-repeat -616px; margin: 0px 7px 0px 8px; width: 27px;
}
figure.platform-table .magnolia::before {
	background: url("../img/platforms.png?v=4") no-repeat -647px; margin: 0px 6px; width: 30px;
}
figure.platform-table .ez-publish::before {
	background: url("../img/platforms.png?v=4") no-repeat -685px; margin: 0px 10px 0px 11px; width: 21px;
}
figure.platform-table .plone::before {
	background: url("../img/platforms.png?v=4") no-repeat -712px; margin: 0px 5px 0px 6px; width: 31px;
}
figure.platform-table .contao::before {
	background: url("../img/platforms.png?v=4") no-repeat -743px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .jahia::before {
	background: url("../img/platforms.png?v=4") no-repeat -777px; margin: 0px -1px 0px -2px; width: 45px;
}
figure.platform-table .liferay::before {
	background: url("../img/platforms.png?v=4") no-repeat -828px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .ocportal::before {
	background: url("../img/platforms.png?v=4") no-repeat -861px; margin: 0px 6px 0px 7px; width: 29px;
}
figure.platform-table .pimcore::before {
	background: url("../img/platforms.png?v=4") no-repeat -528px; margin: 0px 8px; width: 26px;
}
figure.platform-table .sugarcrm::before {
	background: url("../img/platforms.png?v=4") no-repeat -560px; margin: 0px 10px; width: 22px;
}
figure.app-table {
	margin: 0px 0px 20px; overflow: hidden;
}
figure.app-table h3 {
	background: url("../img/bg-dot-grey.png"); font: 400 18px/22px 'Microsoft YaHei'; margin: 0px; padding: 7px 12px 10px; border: 0px currentColor; color: rgb(68, 68, 68); font-size-adjust: none; font-stretch: normal;
}
figure.app-table .col-1 {
	width: 145px; float: left;
}
figure.app-table > div {
	line-height: 32px; padding-left: 155px; border-bottom-color: rgb(159, 159, 159); border-bottom-width: 1px; border-bottom-style: dashed; min-height: 35px;
}
figure.app-table > div a {
	color: rgb(18, 82, 134);
}
figure.app-table > div a:hover {
	color: rgb(59, 163, 214); text-decoration: none;
}
figure.app-table > a {
	padding: 0px 0px 0px 45px; width: 90px; height: 35px; color: rgb(18, 83, 137); line-height: 45px; font-size: 14px; margin-right: 20px; float: left; position: relative;
}
figure.app-table > a span {
	font: italic 400 10px/normal 'Microsoft YaHei'; left: 44px; top: 5px; color: rgb(138, 169, 196); position: absolute; font-size-adjust: none; font-stretch: normal;
}
figure.app-table > a:hover {
	color: rgb(160, 134, 31); text-decoration: none; background-color: rgb(254, 233, 154);
}
figure.app-table > a:hover span {
	color: rgb(213, 179, 45);
}
figure.app-table .viewer::before {
	left: 9px; top: 5px; width: 28px; height: 25px; display: block; position: absolute; content: "";
}
figure.app-table .signature::before {
	left: 9px; top: 5px; width: 28px; height: 25px; display: block; position: absolute; content: "";
}
figure.app-table .conversion::before {
	left: 9px; top: 5px; width: 28px; height: 25px; display: block; position: absolute; content: "";
}
figure.app-table .annotation::before {
	left: 9px; top: 5px; width: 28px; height: 25px; display: block; position: absolute; content: "";
}
figure.app-table .assembly::before {
	left: 9px; top: 5px; width: 28px; height: 25px; display: block; position: absolute; content: "";
}
figure.app-table .comparison::before {
	left: 9px; top: 5px; width: 28px; height: 25px; display: block; position: absolute; content: "";
}
figure.app-table .viewer::before {
	background: url("../img/icons.png?v=4") no-repeat -184px -82px;
}
figure.app-table .signature::before {
	background: url("../img/icons.png?v=4") no-repeat -219px -82px;
}
figure.app-table .conversion::before {
	background: url("../img/icons.png?v=4") no-repeat -250px -82px;
}
figure.app-table .annotation::before {
	background: url("../img/icons.png?v=4") no-repeat -278px -82px;
}
figure.app-table .assembly::before {
	background: url("../img/icons.png?v=4") no-repeat -312px -82px;
}
figure.app-table .comparison::before {
	background: url("../img/icons.png?v=4") no-repeat -348px -82px;
}
.subheader {
	font: 700 16px/25px 'Microsoft YaHei'; margin: -57px 0px 0px; color: rgb(138, 169, 196); float: right; position: relative; z-index: 2; font-size-adjust: none; font-stretch: normal;
}
figure.storage-table {
	margin: 0px 0px 20px; overflow: hidden;
}
figure.storage-table h3 {
	background: url("../img/bg-dot-grey.png"); font: 400 18px/22px 'Microsoft YaHei'; margin: 0px; padding: 7px 12px 10px; border: 0px currentColor; color: rgb(68, 68, 68); font-size-adjust: none; font-stretch: normal;
}
figure.storage-table a {
	color: rgb(18, 82, 134); line-height: 48px; border-bottom-color: rgb(159, 159, 159); border-bottom-width: 1px; border-bottom-style: dashed; display: block; min-height: 50px;
}
figure.storage-table a:hover {
	color: rgb(59, 163, 214); text-decoration: none;
}
figure.storage-table span {
	margin: 7px 10px; width: 120px; height: 35px; float: left;
}
figure.storage-table .gd-storage {
	background: url("../img/logos.png?v=4") no-repeat 0px 0px;
}
figure.storage-table .amazon-storage {
	background: url("../img/logos.png?v=4") no-repeat 0px -35px;
}
figure.storage-table .win-azure {
	background: url("../img/logos.png?v=4") no-repeat 0px -70px;
}
figure.storage-table .dropbox {
	background: url("../img/logos.png?v=4") no-repeat 0px -101px;
}
figure.storage-table .box-com {
	background: url("../img/logos.png?v=4") no-repeat 0px -440px;
}
figure.storage-table .google-cloud {
	background: url("../img/logos.png?v=4") no-repeat -67px -236px; margin: 10px 89px 9px 10px; width: 41px; height: 30px;
}
figure.sdk-table {
	margin: 0px 0px 20px; overflow: hidden;
}
figure.sdk-table h3 {
	background: url("../img/bg-dot-grey.png"); font: 400 18px/22px 'Microsoft YaHei'; margin: 0px; padding: 7px 12px 10px; border: 0px currentColor; color: rgb(68, 68, 68); font-size-adjust: none; font-stretch: normal;
}
figure.sdk-table h3 .col-2 {
	margin: 0px 12px; float: right;
}
figure.sdk-table div {
	height: 50px; line-height: 50px; padding-left: 12px; border-bottom-color: rgb(159, 159, 159); border-bottom-width: 1px; border-bottom-style: dashed;
}
figure.sdk-table div a {
	margin: 12px 20px 0px; float: right;
}
.sdk-examples-table {
	margin: 0px;
}
.sdk-examples-table > header {
	width: 100%; display: table;
}
.sdk-examples-table > .raw {
	width: 100%; display: table;
}
.sdk-examples-table > header h3 {
	display: table-cell;
}
.sdk-examples-table > .raw h3 {
	display: table-cell;
}
.sdk-examples-table > header div {
	display: table-cell;
}
.sdk-examples-table > .raw div {
	display: table-cell;
}
.sdk-examples-table > header a {
	display: table-cell;
}
.sdk-examples-table > .raw a {
	display: table-cell;
}
.sdk-examples-table > .raw h3 {
	width: 12%; height: 72px; text-align: center; vertical-align: middle; border-bottom-color: rgb(159, 159, 159); border-left-color: rgb(159, 159, 159); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: dashed; border-left-style: dashed;
}
.sdk-examples-table > .raw div {
	width: 12%; height: 72px; text-align: center; vertical-align: middle; border-bottom-color: rgb(159, 159, 159); border-left-color: rgb(159, 159, 159); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: dashed; border-left-style: dashed;
}
.sdk-examples-table > .raw a {
	width: 12%; height: 72px; text-align: center; vertical-align: middle; border-bottom-color: rgb(159, 159, 159); border-left-color: rgb(159, 159, 159); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: dashed; border-left-style: dashed;
}
.sdk-examples-table > .raw h3 {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.sdk-examples-table > .raw a {
	font: italic 400 10px/normal 'Microsoft YaHei'; color: rgb(138, 169, 196); font-size-adjust: none; font-stretch: normal;
}
.sdk-examples-table > .raw a span {
	font: 700 16px/20px 'Microsoft YaHei'; color: rgb(138, 169, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
.sdk-examples-table > .raw div {
	font: 700 14px/normal 'Microsoft YaHei'; color: rgb(223, 223, 223); font-size-adjust: none; font-stretch: normal;
}
.sdk-examples-table > header h3 {
	font: 700 20px/normal 'Microsoft YaHei'; width: 12%; height: 80px; text-align: center; color: rgb(57, 57, 57); padding-bottom: 10px; vertical-align: bottom; border-left-color: rgb(159, 159, 159); border-left-width: 1px; border-left-style: dashed; font-size-adjust: none; font-stretch: normal;
}
.sdk-examples-table > header h3 span {
	font: italic 400 10px/normal 'Microsoft YaHei'; margin: 0px 0px -5px; color: rgb(138, 169, 196); display: block; font-size-adjust: none; font-stretch: normal;
}
.sdk-examples-table > header h3:first-child {
	border-width: 0px 0px 1px; border-style: none none dashed; border-color: currentColor currentColor rgb(159, 159, 159); text-indent: -999px; overflow: hidden;
}
.sdk-examples-table > header h3 .icon-app {
	width: 26px; height: 25px; display: inline-block;
}
.sdk-examples-table > header h3.viewer .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -184px -82px; width: 26px; height: 25px;
}
.sdk-examples-table > header h3.signature .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -219px -82px; width: 28px;
}
.sdk-examples-table > header h3.conversion .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -250px -82px;
}
.sdk-examples-table > header h3.annotation .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -278px -82px;
}
.sdk-examples-table > header h3.assembly .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -312px -82px; width: 28px;
}
.sdk-examples-table > header h3.comparison .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -348px -82px;
}
.sdk-examples-table > header h3.groupdocs-api .icon-app {
	background: url("../img/icons.png?v=4") no-repeat -186px -165px;
}
.responsive-800.sdk-examples-table > header h3 {
	width: 20%; font-size: 15px;
}
.responsive-800.sdk-examples-table > .raw h3 {
	width: 20%;
}
.responsive-800.sdk-examples-table > .raw div {
	width: 20%;
}
.responsive-800.sdk-examples-table > .raw a {
	width: 20%;
}
.responsive-500.sdk-examples-table > header h3 {
	width: 33%; font-size: 15px;
}
.responsive-500.sdk-examples-table > .raw h3 {
	width: 33%;
}
.responsive-500.sdk-examples-table > .raw div {
	width: 33%;
}
.responsive-500.sdk-examples-table > .raw a {
	width: 33%;
}
.sdk-examples-table .dot-net::before {
	background: url("../img/logos.png?v=4") no-repeat 0px -189px; width: 45px; height: 44px; display: inline-block; content: "";
}
.sdk-examples-table .java::before {
	background: url("../img/logos.png?v=4") no-repeat 0px -140px; width: 80px; height: 49px; display: inline-block; content: "";
}
.sdk-examples-table .javascript::before {
	background: url("../img/logos.png?v=4") no-repeat -45px -189px; width: 47px; height: 47px; display: inline-block; content: "";
}
.sdk-examples-table .php::before {
	background: url("../img/logos.png?v=4") no-repeat 0px -236px; width: 67px; height: 39px; display: inline-block; content: "";
}
.sdk-examples-table .python::before {
	background: url("../img/logos.png?v=4") no-repeat 0px -275px; width: 48px; height: 48px; display: inline-block; content: "";
}
.sdk-examples-table .ruby::before {
	background: url("../img/logos.png?v=4") no-repeat -48px -275px; width: 47px; height: 55px; display: inline-block; content: "";
}
.responsive-500.sdk-examples-table .dot-net::before {
	margin: 0px -30px;
}
.responsive-500.sdk-examples-table .java::before {
	margin: 0px -30px;
}
.responsive-500.sdk-examples-table .javascript::before {
	margin: 0px -30px;
}
.responsive-500.sdk-examples-table .php::before {
	margin: 0px -30px;
}
.responsive-500.sdk-examples-table .python::before {
	margin: 0px -30px;
}
.responsive-500.sdk-examples-table .ruby::before {
	margin: 0px -30px;
}
figure.conversion-table {
	margin: 0px; display: table;
}
figure.conversion-table header {
	display: table-row;
}
figure.conversion-table .raw {
	display: table-row;
}
figure.conversion-table header > :first-child.cell {
	color: rgb(138, 169, 196);
}
figure.conversion-table .cell {
	font: 700 11px/19px 'Microsoft YaHei'; width: 30px; text-align: center; vertical-align: middle; border-right-color: rgb(159, 159, 159); border-bottom-color: rgb(159, 159, 159); border-right-width: 1px; border-bottom-width: 1px; border-right-style: dashed; border-bottom-style: dashed; display: table-cell; font-size-adjust: none; font-stretch: normal;
}
figure.conversion-table :first-child.cell {
	width: 48px;
}
figure.conversion-table .green {
	background: rgb(241, 249, 234);
}
figure.conversion-table .icon-yes {
	background: url("../img/sprite-main.png?v=6") no-repeat -162px -182px; margin: 0px 0px -2px; width: 13px; height: 13px; display: inline-block;
}
.responsive-500 {
	display: none;
}
.responsive-700 {
	display: none;
}
.responsive-800 {
	display: none;
}
body > footer {
	margin-top: 40px; border-top-color: rgb(8, 44, 84); border-top-width: 3px; border-top-style: solid; position: relative; min-height: 120px; background-image: linear-gradient(rgb(29,72,112), rgb(27,62,95)); background-repeat: repeat-x; background-color: rgb(28,68,105);
}
body > footer::before {
	left: 0px; top: 0px; width: 100%; height: 3px; position: absolute; content: ""; background-color: rgb(10, 53, 96);
}
body > footer::after {
	left: 0px; top: 3px; width: 100%; height: 6px; position: absolute; content: ""; background-color: rgb(13, 65, 108);
}
body > footer .footer-references {
	margin: 45px 0px 0px; clear: both;
}
body > footer .copywrite {
	font: italic 400 16px/19px 'Microsoft YaHei'; width: 707px; color: rgb(138, 169, 196); padding-top: 2px; float: left; font-size-adjust: none; font-stretch: normal; text-shadow: 0px -1px 2px rgba(0,0,0,0.65);
}
body > footer .social {
	width: 245px; float: left;
}
body > footer .logo {
	background: url("../img/sprite-main.png?v=6") no-repeat -21px -97px; margin: 0px 10px -5px 0px; width: 150px; height: 25px; text-indent: -999px; overflow: hidden; display: inline-block;
}
body > footer .aspose {
	background: url("../img/sprite-main.png?v=6") no-repeat -178px -121px; margin: 0px 0px -4px 5px; width: 96px; height: 21px; text-indent: -999px; overflow: hidden; display: inline-block;
}
body > footer .twitter {
	background: url("../img/sprite-main.png?v=6") no-repeat -132px -481px; margin: 0px 8px; width: 25px; height: 26px; text-indent: -999px; overflow: hidden; display: inline-block;
}
body > footer .rss {
	background: url("../img/sprite-main.png?v=6") no-repeat -252px -481px; margin: 0px 8px; width: 25px; height: 26px; text-indent: -999px; overflow: hidden; display: inline-block;
}
body > footer .facebook {
	background: url("../img/sprite-main.png?v=6") no-repeat -162px -481px; margin: 0px 8px; width: 25px; height: 26px; text-indent: -999px; overflow: hidden; display: inline-block;
}
body > footer .gplus {
	background: url("../img/sprite-main.png?v=6") no-repeat -192px -481px; margin: 0px 8px; width: 25px; height: 26px; text-indent: -999px; overflow: hidden; display: inline-block;
}
body > footer .linkedin {
	background: url("../img/sprite-main.png?v=6") no-repeat -222px -481px; margin: 0px 8px; width: 25px; height: 26px; text-indent: -999px; overflow: hidden; display: inline-block;
}
body > footer .newsletter {
	font: 700 12px/14px 'Microsoft YaHei'; margin: -20px 15px 0px 0px; width: 193px; color: rgb(138, 169, 196); float: right; font-size-adjust: none; font-stretch: normal; text-shadow: 0px -1px 2px rgba(0,0,0,0.65);
}
body > footer .newsletter a {
	color: rgb(255, 255, 255);
}
body > footer .newsletter input {
	background: rgb(138, 169, 196); margin: 5px 0px 0px; padding: 0px; border-radius: 6px; border: 0px currentColor; width: 100%; height: 25px; line-height: 24px; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
body > footer .newsletter .submit {
	background: url("../img/sprite-main.png?v=6") no-repeat -153px -117px; margin: -27px 0px 0px -20px; padding: 0px; width: 20px; height: 27px; float: right; position: relative;
}
body > footer .email {
	margin: 10px 0px 15px; height: 20px; clear: both; float: left;
}
body > footer .email a {
	font: italic 400 12px/14px 'Microsoft YaHei'; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; text-shadow: 0px -1px 2px rgba(0,0,0,0.65);
}
body > footer .email a:hover {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.menu-footer {
	margin: 35px 0px 0px; overflow: hidden; position: relative;
}
.menu-footer li {
	list-style: none;
}
.menu-footer > li {
	margin: 0px 10px 0px 0px; width: 182px; float: left;
}
.menu-footer > li > a {
	font: 700 18px/22px 'Microsoft YaHei'; color: rgb(138, 169, 196); font-size-adjust: none; font-stretch: normal; text-shadow: 0px -1px 2px rgba(0,0,0,0.65);
}
.menu-footer > li > a:hover {
	text-decoration: none;
}
.menu-footer .item-198 {
	margin: 20px 0px 28px;
}
.menu-footer .item-198 a {
	font: 700 18px/22px 'Microsoft YaHei'; color: rgb(138, 169, 196); font-size-adjust: none; font-stretch: normal; text-shadow: 0px -1px 2px rgba(0,0,0,0.65);
}
.menu-footer .item-198 a:hover {
	text-decoration: none;
}
.menu-footer ul {
	margin: 28px 0px 0px;
}
.menu-footer ul > li {
	list-style: none;
}
.menu-footer ul > li > a {
	font: 400 14px/36px 'Microsoft YaHei'; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; text-shadow: 0px -1px 0px rgba(0,0,0,0.65);
}
.menu-footer .item-109 {
	display: none;
}
.icon-lock {
	background: url("../img/icons.png?v=4") no-repeat -312px -121px; margin: 8px 0px; width: 24px; height: 28px; display: inline-block;
}
.icon-mail {
	background: url("../img/icons.png?v=4") no-repeat -350px -126px; margin: 14px 0px; width: 23px; height: 18px; display: inline-block;
}
.contact-us h3 {
	border-bottom-color: rgb(138, 169, 196); border-bottom-width: 1px; border-bottom-style: solid;
}
.contact-us > h3:first-child {
	margin-top: 0px;
}
.contact-us ul {
	margin: 0px;
}
.contact-us li {
	list-style: none;
}
.contact-us .support {
	font: 700 16px/35px 'Microsoft YaHei'; font-size-adjust: none; font-stretch: normal;
}
.contact-us .sales {
	font: 700 16px/35px 'Microsoft YaHei'; font-size-adjust: none; font-stretch: normal;
}
.contact-us .support li {
	line-height: 35px;
}
.contact-us .sales li {
	line-height: 35px;
}
.contact-us .support a {
	color: rgb(57, 57, 57);
}
.contact-us .sales a {
	color: rgb(57, 57, 57);
}
.contact-us .support a:hover {
	color: rgb(58, 163, 214); text-decoration: none;
}
.contact-us .sales a:hover {
	color: rgb(58, 163, 214); text-decoration: none;
}
.contact-us .support span a {
	font: 400 14px/normal 'Microsoft YaHei'; color: rgb(58, 163, 214); font-size-adjust: none; font-stretch: normal;
}
.contact-us .sales span a {
	font: 400 14px/normal 'Microsoft YaHei'; color: rgb(58, 163, 214); font-size-adjust: none; font-stretch: normal;
}
.contact-us .support span.phone {
	font: 700 16px/normal 'Microsoft YaHei'; color: rgb(18, 82, 136); font-size-adjust: none; font-stretch: normal;
}
.contact-us .sales span.phone {
	font: 700 16px/normal 'Microsoft YaHei'; color: rgb(18, 82, 136); font-size-adjust: none; font-stretch: normal;
}
.contact-us [class^='icon-'] {
	margin: 0px 8px -3px 0px; width: 16px; height: 16px; display: inline-block;
}
.contact-us [class*=' icon-'] {
	margin: 0px 8px -3px 0px; width: 16px; height: 16px; display: inline-block;
}
.contact-us .icon-mail {
	background: url("../img/icons.png?v=4") no-repeat 0px -163px; height: 14px;
}
.contact-us .icon-chat {
	background: url("../img/icons.png?v=4") no-repeat -25px -163px;
}
.contact-us .icon-forum {
	background: url("../img/icons.png?v=4") no-repeat -50px -163px;
}
.contact-us .icon-blog {
	background: url("../img/icons.png?v=4") no-repeat -73px -163px;
}
.contact-us .icon-wiki {
	background: url("../img/icons.png?v=4") no-repeat -96px -163px;
}
.contact-us .icon-skype {
	background: url("../img/icons.png?v=4") no-repeat -119px -163px;
}
.contact-us .icon-phone {
	background: url("../img/icons.png?v=4") no-repeat -144px -163px;
}
.note {
	margin: 0px 0px 0px 15px; padding: 0px 10px; border-radius: 6px; border: 1px solid rgb(213, 180, 47); line-height: 26px; position: relative; max-width: 555px; background-color: rgb(255, 243, 195); -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.note::before {
	background: url("../img/sprite-main.png?v=6") no-repeat -101px -177px; left: 15px; top: -6px; width: 12px; height: 6px; position: absolute; content: "";
}
.note strong {
	font-size: 16px; font-weight: 400;
}
.contactus-intro {
	min-height: 305px;
}
.contactus-intro .demo {
	background: url("../img/contact-us.png") no-repeat center; margin: 90px 90px 0px 0px; width: 385px; height: 135px; float: right;
}
.contactus-intro .intro-text {
	margin-top: 15px;
}
#video-groupdocs {
	width: 100%;
}
#contact-form input {
	background: rgb(255, 255, 255); padding: 0px 5px; border-radius: 5px; border: 1px solid rgb(150, 150, 150); width: 100%; height: 45px; color: rgb(68, 68, 68); box-sizing: border-box; box-shadow: 0px 0px 0px transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent;
}
#contact-form textarea {
	background: rgb(255, 255, 255); padding: 0px 5px; border-radius: 5px; border: 1px solid rgb(150, 150, 150); width: 100%; height: 45px; color: rgb(68, 68, 68); box-sizing: border-box; box-shadow: 0px 0px 0px transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent;
}
#contact-form label {
	padding-top: 20px; clear: both; display: block;
}
#contact-form input[type='checkbox'] {
	width: 16px; height: 16px;
}
#contact-form .firstname {
	width: 48%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#contact-form .lastname {
	width: 48%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#contact-form .mail {
	width: 48%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#contact-form .website {
	width: 48%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#contact-form .firstname {
	margin-right: 20px; float: left;
}
#contact-form .mail {
	margin-right: 20px; float: left;
}
#contact-form textarea {
	font: 700 14px/20px 'Microsoft YaHei'; padding: 10px; height: 235px; font-size-adjust: none; font-stretch: normal;
}
#contact-form .partner-type label {
	margin: 0px 20px 0px 10px; display: inline-block;
}
#contact-form .btn {
	margin: 20px 0px; float: right;
}
#contact-form .red {
	color: rgb(210, 71, 12); font-size: 20px;
}
#contact-form .invalid {
	color: rgb(210, 71, 12);
}
.contact-us .red {
	color: rgb(210, 71, 12); font-size: 20px;
}
.column-left {
	margin: 0px 28px 0px 0px; width: 164px; float: left;
}
.menu-keywords {
	background: rgb(255, 255, 255); border-radius: 3px; overflow: hidden; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.menu-keywords li {
	border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: solid;
}
.menu-keywords li > a {
	margin: 0px 15px; height: 35px; color: rgb(138, 169, 196); line-height: 33px; text-decoration: none; display: block; white-space: nowrap;
}
.menu-keywords li > a:hover {
	color: rgb(0, 136, 204);
}
.menu-keywords .active {
	background: rgb(56, 56, 56);
}
.menu-keywords .active > a {
	color: rgb(255, 255, 255);
}
.menu-keywords .active > a:hover {
	color: rgb(255, 255, 255);
}
:last-child.menu-keywords {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
article.solutions h2 {
	font: 700 23px/30px 'Microsoft YaHei'; border: 0px currentColor; color: rgb(56, 56, 56); font-size-adjust: none; font-stretch: normal;
}
.step-by-step {
	background: url("../img/bg-steps.png"); margin: 0px 0px 20px 30px; padding: 20px 25px; border-radius: 4px; width: 225px; color: rgb(255, 255, 255); float: right; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.step-by-step h3 {
	margin: 0px 0px 12px; border: 0px currentColor; color: rgb(255, 255, 255); font-size: 17px;
}
.step-by-step ul {
	margin: 0px 0px 0px 18px;
}
.step-by-step ol {
	margin: 0px 0px 0px 18px;
}
.blocknote {
	background: url("../img/bg-note.png"); margin: 0px 0px 20px; padding: 20px 25px; border-radius: 4px; width: 350px; color: rgb(255, 255, 255); float: left; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.blocknote h3 {
	margin: 0px 0px 12px; border: 0px currentColor; color: rgb(0, 134, 204); font-size: 17px;
}
.column-left .blocknote {
	background: rgb(255, 255, 255); width: auto; float: none;
}
.column-left .blocknote h3 {
	color: rgb(56, 56, 56); font-size: 16px;
}
.page404#page-wrapper {
	background: url("../img/bg-header.png") repeat-x top rgb(50, 190, 237); margin-top: -40px; margin-bottom: -40px;
}
.page404#page-wrapper .smoke {
	left: 50%; top: 200px; margin-left: 276px; position: absolute; z-index: 6;
}
.page404#page-wrapper #smoke {
	position: absolute;
}
.container404 {
	height: 540px; padding-top: 75px !important; position: relative; max-width: 605px !important;
}
.container404 .hero {
	background: url("../img/hero404.png"); top: 140px; width: 296px; height: 303px; right: 0px; position: absolute;
}
.container404 .bubble {
	background: rgb(255, 255, 255); font: 16px/normal 'Microsoft YaHei'; padding: 18px 26px 22px; border-radius: 3px; top: 85px; width: 300px; right: 143px; position: absolute; z-index: 2; font-size-adjust: none; font-stretch: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.container404 .bubble::after {
	background: url("../img/sprite-main.png?v=6") no-repeat -127px -177px; width: 23px; height: 22px; right: 115px; bottom: -20px; position: absolute; content: "";
}
.container404 .answer {
	font: 700 26px/52px 'Microsoft YaHei'; height: 54px; color: rgb(255, 255, 255); padding-left: 20px; margin-top: 335px; font-size-adjust: none; font-stretch: normal; text-shadow: 0px -2px 2px rgba(0,0,0,0.6); background-image: linear-gradient(rgb(241, 101, 41), rgb(212, 73, 14)); background-repeat: repeat-x; background-color: rgb(229, 90, 30);
}
.container404 .error-404 {
	font: 700 48px/44px 'Microsoft YaHei'; padding: 0px 5px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; text-shadow: 0px -2px 2px #0063a8;
}
.container404 .error-404 span {
	top: -18px; font-size: 35px; display: inline-block; position: relative;
}
#zenbox_tab {
	border-radius: 0px 9px 9px 0px; width: 37px; height: 149px; cursor: pointer; box-shadow: 1px 1px 3px rgba(0,0,0,0.6); background-image: -ms-linear-gradient(left, rgb(18, 83, 137), rgb(14, 65, 107)) !important; background-repeat: repeat-x !important; background-color: rgb(14, 65, 107) !important; -webkit-border-radius: 0px 9px 9px 0px; -moz-border-radius: 0px 9px 9px 0px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
#feedback_tab_text {
	background: url("../img/sprite-main.png?v=6") no-repeat -257px -248px; margin: 34px 0px 0px 8px; width: 21px; height: 79px; text-indent: -999px; overflow: hidden;
}
.ZenboxTabLeft#zenbox_tab {
	left: 0px !important; top: 50%; position: fixed; z-index: 999;
}
#zenbox_overlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 90000;
}
#zenbox_overlay * {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: 'Microsoft YaHei'; font-size: 12px; font-style: normal; font-variant: normal;
}
#zenbox_container {
	margin: 0px auto; width: 638px; height: 620px; text-align: left; position: relative; z-index: 2;
}
#zenbox_container .zenbox_header {
	width: auto; text-align: right; position: relative; z-index: 100;
}
#zenbox_close {
	top: 10px; width: 46px; height: 46px; position: relative; cursor: pointer;
}
#zenbox_body {
	width: 615px; height: 900px; margin-top: -18px; position: relative;
}
#zenbox_scrim {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 1; opacity: 0.42; background-color: rgb(0, 0, 0);
}
#banclechat {
	right: 0px; bottom: 0px; position: fixed; z-index: 999;
}
.main-intro-with-nav .side-nav {
	margin-top: 12px;
}
.main-intro-with-nav .side-nav .slogan {
	margin-top: 60px;
}
.main-intro-with-nav .side-nav .intro-text {
	line-height: 36px;
}
.main-intro-with-nav .side-nav .buttons-bottom {
	bottom: 75px;
}
.main-intro-with-nav .side-nav .wrap-scroll > div {
	min-height: 440px;
}
.main-intro-with-nav .side-nav .image {
	margin-right: 12px;
}
.main-intro-with-nav .icons.side-nav .slides-buttons {
	width: auto; right: 21px;
}
.main-intro-with-nav .cloud-api.side-nav .wrap-overflow {
	width: 82%;
}
.main-intro-with-nav .developer.side-nav .wrap-overflow {
	width: 86%;
}
.main-intro-with-nav .developer.side-nav .dotnet-comp .image {
	margin-right: 45px;
}
.main-intro-with-nav .developer.side-nav .software-plugins .image {
	margin-right: 45px;
}
.main-intro-with-nav .developer.side-nav .cloud-integrations .image {
	margin: 23px 20px 0px 0px;
}
.main-intro-with-nav .cloud-api-single.side-nav .image {
	margin-right: 33px;
}
.main-intro-with-nav .cloud-api-single.side-nav .intro-text {
	width: 390px;
}
.main-intro-with-nav .dotnet.side-nav .wrap-overflow {
	width: 91%;
}
.main-intro-with-nav .dotnet.side-nav .viewer .image {
	margin-right: 37px;
}
.main-intro-with-nav .dotnet.side-nav .signature .image {
	margin-right: 18px;
}
.main-intro-with-nav .dotnet.side-nav .conversion .image {
	margin-right: 52px;
}
.main-intro-with-nav .dotnet.side-nav .annotation .image {
	margin-right: 52px;
}
.main-intro-with-nav .dotnet.side-nav .assembly .image {
	margin-right: 52px;
}
.main-intro-with-nav .dotnet.side-nav .comparison .image {
	margin-right: 22px;
}
.main-intro-with-nav .scroll-left {
	display: none;
}
.main-intro-with-nav .scroll-right {
	display: none;
}
.downloadable-pricing.main-intro-with-nav {
	min-height: 470px;
}
.downloadable-pricing.main-intro-with-nav .image {
	margin-top: 0px;
}
.downloadable-pricing.main-intro-with-nav .slogan {
	margin-top: 73px;
}
.downloadable-pricing.main-intro-with-nav .intro-text a {
	color: rgb(255, 255, 255); line-height: 34px; text-decoration: underline;
}
.downloadable-pricing.main-intro-with-nav .buttons-bottom {
	bottom: 40px;
}
.dotnet-comp .slogan {
	margin-top: 56px;
}
.dotnet-comp .buttons-bottom {
	bottom: 15px;
}
.viewer.dotnet-comp .image {
	margin-right: 80px;
}
.signature.dotnet-comp .image {
	margin-right: 64px;
}
.conversion.dotnet-comp .image {
	margin-right: 95px;
}
.annotation.dotnet-comp .image {
	margin-right: 95px;
}
.assembly.dotnet-comp .image {
	margin-right: 95px;
}
.comparison.dotnet-comp .image {
	margin: 56px 66px 0px 20px;
}
.main-intro-with-nav .slides-buttons {
	left: auto; top: 40px; width: 14%; right: 20px; position: absolute;
}
.main-intro-with-nav .slides-buttons .slide-button {
	font: 15px/24px 'Microsoft YaHei'; padding: 10px 13px 0px; border-radius: 7px; border: 1px solid rgb(80, 179, 218); height: 68px; color: rgb(17, 74, 121); text-decoration: none; margin-top: 12px; display: block; font-size-adjust: none; font-stretch: normal; box-shadow: 0px 4px 4px rgba(18,83,137,0.05); background-image: linear-gradient(rgb(150, 222, 246), rgb(131, 212, 239)); background-repeat: repeat-x; background-color: rgb(142, 218, 243); -webkit-border-radius: 7px; -moz-border-radius: 7px; -webkit-box-shadow: 0px 4px 4px rgba(18, 83, 137, 0.05); -moz-box-shadow: 0px 4px 4px rgba(18, 83, 137, 0.05);
}
.main-intro-with-nav .slides-buttons .slide-button:hover {
	border-color: rgb(57, 151, 194); box-shadow: 0px 4px 4px rgba(18,83,137,0.1); text-shadow: 0px 1px 0px rgba(255,255,255,0.65); background-image: linear-gradient(rgb(188, 234, 250), rgb(167, 220, 238)); background-repeat: repeat-x; background-color: rgb(180, 228, 245); -webkit-box-shadow: 0px 4px 4px rgba(18, 83, 137, 0.1); -moz-box-shadow: 0px 4px 4px rgba(18, 83, 137, 0.1);
}
.main-intro-with-nav .slides-buttons .icon.slide-button:hover i {
	opacity: 1;
}
.main-intro-with-nav .slides-buttons :first-child.slide-button {
	margin-top: 0px;
}
.main-intro-with-nav .slides-buttons .icon.slide-button {
	padding: 0px; width: 48px; height: 48px; margin-top: 10px;
}
.main-intro-with-nav .slides-buttons .icon.slide-button i {
	margin-right: auto; margin-left: auto; display: block; opacity: 0.4;
}
.icon-viewer {
	background: url("../img/icons.png?v=4") no-repeat -214px -162px; width: 28px; height: 17px; margin-top: 15px;
}
.icon-signature {
	background: url("../img/icons.png?v=4") no-repeat -245px -162px; width: 29px; height: 26px; margin-top: 11px;
}
.icon-conversion {
	background: url("../img/icons.png?v=4") no-repeat -277px -162px; width: 21px; height: 25px; margin-top: 11px;
}
.icon-annotation {
	background: url("../img/icons.png?v=4") no-repeat -300px -157px; width: 29px; height: 30px; margin-top: 7px;
}
.icon-assembly {
	background: url("../img/icons.png?v=4") no-repeat -332px -162px; width: 33px; height: 25px; margin-top: 11px;
}
.icon-comparison {
	background: url("../img/icons.png?v=4") no-repeat -368px -162px; width: 29px; height: 25px; margin-top: 10px;
}
.blue-tooltip.tooltip {
	max-width: 100px;
}
.blue-tooltip.tooltip .tooltip-inner {
	padding: 7px 8px; border-radius: 6px; border: 1px solid rgb(189, 234, 250); text-align: left; color: rgb(17, 74, 121); line-height: 16px; font-size: 13px; box-shadow: 0px 4px 4px rgba(18,83,137,0.05); background-image: linear-gradient(rgb(188, 234, 250), rgb(167, 220, 238)); background-repeat: repeat-x; background-color: rgb(180, 228, 245); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0px 4px 4px rgba(18, 83, 137, 0.05); -moz-box-shadow: 0px 4px 4px rgba(18, 83, 137, 0.05);
}
.blue-tooltip.tooltip .tooltip-arrow {
	border-width: 7px 7px 7px 0px; margin-top: -7px; margin-left: -2px; border-right-color: rgb(185, 229, 245);
}
.in.blue-tooltip.tooltip {
	opacity: 1;
}
.two-column-custom {
	
}
.two-column-custom::before {
	line-height: 0; display: table; content: "";
}
.two-column-custom::after {
	line-height: 0; display: table; content: "";
}
.two-column-custom::after {
	clear: both;
}
.two-column-custom::before {
	line-height: 0; display: table; content: "";
}
.two-column-custom::after {
	line-height: 0; display: table; content: "";
}
.two-column-custom::after {
	clear: both;
}
.two-column-custom::before {
	line-height: 0; display: table; content: "";
}
.two-column-custom::after {
	line-height: 0; display: table; content: "";
}
.two-column-custom::after {
	clear: both;
}
.two-column-custom .fix .nav-header {
	display: none;
}
.two-column-custom .fix .apps-menu.nav {
	width: 66%; text-align: left;
}
.two-column-custom .fix .apps-menu.nav .item-479 {
	padding-right: 0px; float: right;
}
.two-column-custom .fix .btn-red.btn {
	margin-bottom: -7px;
}
.two-column-custom .column-left {
	margin-bottom: 0px;
}
.two-column-custom .column-right-small {
	margin-bottom: 0px;
}
.two-column-custom .column-left {
	width: 66%; float: left;
}
.two-column-custom .column-left .wrap-img-left img {
	width: auto; max-width: none;
}
.two-column-custom .column-left .wrap-img-left .description {
	margin-top: 25px;
}
.two-column-custom .column-left .wrap-img-left .description h2 {
	margin-left: 377px;
}
.two-column-custom .column-left .image img {
	width: auto; max-width: none;
}
.two-column-custom .column-right-small {
	width: 24%; margin-top: -53px; float: right;
}
.two-column-custom .widget {
	margin-bottom: 45px;
}
.two-column-custom .widget h3 {
	font: 700 16px/19px 'Microsoft YaHei'; margin: 0px 0px 25px; padding: 0px 3px 15px; color: rgb(57, 57, 57); border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
.two-column-custom .widget h3 span {
	color: rgb(138, 169, 196);
}
.two-column-custom .widget p {
	padding: 0px 3px;
}
.two-column-custom .widget .link {
	font: 700 16px/120% 'Microsoft YaHei'; color: rgb(138, 169, 196); text-decoration: underline; font-size-adjust: none; font-stretch: normal;
}
.two-column-custom .widget .link:hover {
	color: rgb(242, 84, 18);
}
.two-column-custom .no-nav .sub-heading {
	padding-left: 15px;
}
.two-column-custom .no-nav .nav-header {
	padding: 0px 0px 10px 76px; line-height: 120%; font-size: 32px; margin-bottom: 20px; border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: solid; float: none;
}
.two-column-custom .no-nav .nav-header .icon-app {
	background: url("../img/icons.png?v=4") no-repeat 0px 0px; top: 2px; width: 60px; height: 46px;
}
.two-column-custom .no-nav h3 {
	background: url("../img/bg-dot-grey.png"); font: 18px/120% 'Microsoft YaHei'; margin: 0px 0px 30px; padding: 9px 15px; border: 0px currentColor; color: rgb(68, 68, 68); font-size-adjust: none; font-stretch: normal;
}
.two-column-custom .no-nav h3.links {
	padding: 6px 15px; margin-bottom: 5px;
}
.two-column-custom .no-nav h3.links::before {
	line-height: 0; display: table; content: "";
}
.two-column-custom .no-nav h3.links::after {
	line-height: 0; display: table; content: "";
}
.two-column-custom .no-nav h3.links::after {
	clear: both;
}
.two-column-custom .no-nav h3.links::before {
	line-height: 0; display: table; content: "";
}
.two-column-custom .no-nav h3.links::after {
	line-height: 0; display: table; content: "";
}
.two-column-custom .no-nav h3.links::after {
	clear: both;
}
.two-column-custom .no-nav h3.links::before {
	line-height: 0; display: table; content: "";
}
.two-column-custom .no-nav h3.links::after {
	line-height: 0; display: table; content: "";
}
.two-column-custom .no-nav h3.links::after {
	clear: both;
}
.two-column-custom .no-nav h3.links .title {
	display: inline-block;
}
.two-column-custom .no-nav h3.links .buttons {
	display: inline-block;
}
.two-column-custom .no-nav h3.links .title {
	line-height: 26px;
}
.two-column-custom .no-nav h3.links .buttons {
	float: right;
}
.two-column-custom .no-nav h3.links .buttons .btn-red {
	margin-left: 5px; float: left;
}
.two-column-custom .no-nav .two-column-custom {
	margin-bottom: 50px;
}
.two-column-custom .no-nav .two-column-custom .column-left {
	width: 60%;
}
.two-column-custom .no-nav .two-column-custom .column-left p {
	padding-left: 15px;
}
.two-column-custom .no-nav .two-column-custom .column-right-small {
	width: 36%; margin-top: 0px;
}
.two-column-custom .no-nav .two-column-custom .column-right-small .renewals {
	padding-bottom: 45px; margin-bottom: 25px; border-bottom-color: rgb(159, 159, 159); border-bottom-width: 1px; border-bottom-style: dashed;
}
.two-column-custom .no-nav .two-column-custom .column-right-small .btn {
	float: right;
}
.two-column-custom .no-nav .dot-net .icon-platform {
	margin: -9px 14px 0px 4px;
}
.client-testimonials {
	margin-top: -15px;
}
.client-testimonials header {
	position: relative;
}
.client-testimonials header h2 {
	border-color: rgb(172, 172, 172); color: rgb(57, 57, 57); padding-bottom: 12px; font-size: 32px; margin-top: 0px;
}
.client-testimonials header .view-all {
	top: 15px; right: 0px; color: rgb(138, 169, 196); font-size: 16px; font-weight: bold; position: absolute;
}
.client-testimonials .testimonials-wrapper {
	padding: 0px 6px 20px; margin-bottom: 40px; border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: solid;
}
.client-testimonials .testimonials-wrapper::before {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper::after {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper::after {
	clear: both;
}
.client-testimonials .testimonials-wrapper::before {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper::after {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper::after {
	clear: both;
}
.client-testimonials .testimonials-wrapper::before {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper::after {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper::after {
	clear: both;
}
.client-testimonials .testimonials-wrapper .testimonial-box {
	float: left; position: relative;
}
.client-testimonials .testimonials-wrapper .testimonial-box blockquote {
	padding: 0px; border-radius: 6px; border: 1px solid rgb(204, 204, 204); position: relative; min-height: 103px; background-image: linear-gradient(rgb(255, 255, 255), rgb(248, 248, 248)); background-repeat: repeat-x; background-color: rgb(252, 252, 252); -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.client-testimonials .testimonials-wrapper .testimonial-box blockquote::before {
	right: 5px; bottom: 5px; display: block; position: absolute; z-index: 0; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box blockquote::after {
	background: url("../img/sprite-main.png?v=6") no-repeat -241px -465px; left: 20px; width: 20px; height: 20px; bottom: -20px; display: block; position: absolute; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box blockquote.customer::before {
	background: url("../img/sprite-main.png?v=6") no-repeat 0px -587px; width: 121px; height: 58px;
}
.client-testimonials .testimonials-wrapper .testimonial-box blockquote.downloadable::before {
	background: url("../img/sprite-main.png?v=6") no-repeat -129px -517px; width: 67px; height: 73px;
}
.client-testimonials .testimonials-wrapper .testimonial-box blockquote.api::before {
	background: url("../img/sprite-main.png?v=6") no-repeat -199px -520px; width: 78px; height: 62px;
}
.client-testimonials .testimonials-wrapper .testimonial-box blockquote .cite {
	margin: 25px 20px 10px 60px; color: rgb(57, 57, 57); line-height: 18px; font-size: 14px; position: relative; z-index: 1;
}
.client-testimonials .testimonials-wrapper .testimonial-box blockquote .cite::before {
	background: url("../img/sprite-main.png?v=6") no-repeat -201px -456px; left: -48px; top: -3px; width: 32px; height: 23px; display: block; position: absolute; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box footer {
	margin-top: 25px;
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::before {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::after {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::after {
	clear: both;
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::before {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::after {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::after {
	clear: both;
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::before {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::after {
	line-height: 0; display: table; content: "";
}
.client-testimonials .testimonials-wrapper .testimonial-box footer::after {
	clear: both;
}
.client-testimonials .testimonials-wrapper .testimonial-box footer .image-company {
	border: 1px solid rgb(204, 204, 204); width: 99px; height: 59px; text-align: center; line-height: 59px; margin-right: 13px; float: left; background-color: rgb(255, 255, 255);
}
.client-testimonials .testimonials-wrapper .testimonial-box footer .image-user {
	border: 1px solid rgb(204, 204, 204); width: 58px; height: 58px; text-align: center; margin-right: 13px; float: left; background-color: rgb(255, 255, 255);
}
.client-testimonials .testimonials-wrapper .testimonial-box footer .customer-name {
	color: rgb(138, 169, 196); line-height: 18px; font-size: 18px; font-weight: bold; margin-bottom: 15px;
}
.client-testimonials .testimonials-wrapper .testimonial-box footer .cust-position {
	color: rgb(57, 57, 57); line-height: 14px; font-size: 14px; font-style: italic;
}
.client-testimonials .three-columns.testimonials-wrapper .testimonial-box {
	margin: 5px 0px 0px 30px; width: 31%;
}
.client-testimonials .three-columns.testimonials-wrapper :first-child.testimonial-box {
	margin: 5px 0px 0px;
}
.client-testimonials .two-columns.testimonials-wrapper .testimonial-box {
	margin: 5px 0px 0px 12%; width: 41%;
}
.client-testimonials .two-columns.testimonials-wrapper :first-child.testimonial-box {
	margin: 5px 0px 0px;
}
@media all and (max-width:910px)
{
.client-testimonials .testimonials-wrapper .three-columns {
	margin: 5px 0px 0px 20px;
}
}
@media all and (max-width:767px)
{
.client-testimonials .testimonials-wrapper {
	padding-bottom: 20px;
}
.client-testimonials .two-columns.testimonials-wrapper .testimonial-box {
	margin: 10px auto; width: 390px; float: none;
}
.client-testimonials .two-columns.testimonials-wrapper :first-child.testimonial-box {
	margin: 10px auto; width: 390px; float: none;
}
.client-testimonials .three-columns.testimonials-wrapper .testimonial-box {
	margin: 10px auto; width: 290px; float: none;
}
.client-testimonials .three-columns.testimonials-wrapper :first-child.testimonial-box {
	margin: 10px auto; width: 290px; float: none;
}
}
@media all and (max-width:440px)
{
.client-testimonials .two-columns.testimonials-wrapper .testimonial-box {
	width: auto;
}
.client-testimonials .two-columns.testimonials-wrapper :first-child.testimonial-box {
	width: auto;
}
}
@media all and (max-width:330px)
{
.client-testimonials .two-columns.testimonials-wrapper .testimonial-box {
	width: auto;
}
.client-testimonials .two-columns.testimonials-wrapper :first-child.testimonial-box {
	width: auto;
}
.client-testimonials .three-columns.testimonials-wrapper .testimonial-box {
	width: auto;
}
.client-testimonials .three-columns.testimonials-wrapper :first-child.testimonial-box {
	width: auto;
}
}
.clearfix {
	
}
.clearfix::before {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.hide-text {
	font: 0px/0 a; border: 0px currentColor; color: transparent; font-size-adjust: none; font-stretch: normal; text-shadow: none; background-color: transparent;
}
.input-block-level {
	width: 100%; display: block; min-height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
@media all and (max-width:975px)
{
.nav-collapse {
	clear: both;
}
.nav-collapse .nav {
	margin: 30px 0px 9px; float: none;
}
.nav-collapse .nav > li {
	clear: both; float: left;
}
.nav-collapse .nav > li.item-128 {
	clear: none;
}
.nav-collapse .nav > li.item-126 {
	margin-left: 36px;
}
.nav-collapse .nav > li > a {
	padding: 5px 13px;
}
.nav-collapse .nav > li > a.sign-up {
	margin: 10px 0px 0px;
}
.nav-collapse .nav > li > a.sign-in {
	margin: 10px 0px 0px;
}
.nav-collapse .nav > li.collapse > .dropdown-menu {
	display: none;
}
.nav-collapse .nav > li.deeper > .to-expand {
	background: url("../img/sprite-main.png?v=6") no-repeat -211px -179px; margin: 4px 3px 0px 14px; border-radius: 4px; border: 1px solid rgb(66, 174, 222); width: 16px; height: 16px; float: left; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.nav-collapse .nav > li.deeper > .to-collapse {
	background: url("../img/sprite-main.png?v=6") no-repeat -236px -179px;
}
.nav-collapse .nav > li.deeper > a {
	border-radius: 4px; color: rgb(255, 255, 255); float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.nav-collapse .nav > li.deeper:hover {
	
}
.nav-collapse .nav > li.deeper:hover > a {
	color: rgb(131, 221, 251); text-shadow: 0px -1px 2px rgba(0,0,0,0.65);
}
.nav-collapse .nav > li.deeper ul {
	clear: both; float: left; display: block; position: static;
}
.nav-collapse .nav > li.deeper ul li {
	margin-left: 60px;
}
.nav-collapse .nav > li.deeper ul li a {
	padding: 10px 13px; border-radius: 9px; color: rgb(255, 255, 255); -webkit-border-radius: 9px; -moz-border-radius: 9px;
}
.nav-collapse .nav > li.deeper ul li a:hover {
	background: rgb(254, 233, 154); color: rgb(161, 135, 31);
}
.nav-collapse .nav > li.deeper ul li.item-109 {
	display: none;
}
.nav-collapse .nav > li.deeper ul li.active {
	
}
.nav-collapse .nav > li.deeper ul li.active a {
	color: rgb(131, 221, 251);
}
.nav-collapse .nav > li.active > a {
	color: rgb(131, 221, 251);
}
.nav-collapse {
	padding: 0px 0px 30px; height: 0px; overflow: hidden;
}
.collapse.nav-collapse {
	padding: 0px 0px 30px; height: 0px; overflow: hidden;
}
.navbar .btn-navbar {
	margin: 31px 10px 0px; display: block; cursor: pointer;
}
}
@media all and (min-width:980px)
{
.collapse.nav-collapse {
	height: auto !important; overflow: visible !important;
}
}
@media all and (max-width:1120px)
{
.main-intro .scroll-left {
	opacity: 0.4;
}
.main-intro .scroll-right {
	opacity: 0.4;
}
.main-intro .scroll-left:hover {
	opacity: 1;
}
.main-intro .scroll-right:hover {
	opacity: 1;
}
.main-intro .scroll-left {
	left: 0px;
}
.main-intro .scroll-right {
	right: 0px;
}
.recent-posts .scroll-left {
	opacity: 0.5;
}
.recent-posts .scroll-right {
	opacity: 0.5;
}
.recent-posts .scroll-left:hover {
	opacity: 1;
}
.recent-posts .scroll-right:hover {
	opacity: 1;
}
.recent-posts .scroll-left {
	left: 0px;
}
.recent-posts .scroll-right {
	right: 0px;
}
}
@media all and (max-width:1100px) and (min-width:975px)
{
.navbar .nav {
	margin-right: 0px;
}
.navbar .nav > li > a {
	padding: 5px 11px;
}
.navbar .brand {
	margin-left: 0px;
}
}
@media all and (max-width:1000px) and (min-width:975px)
{
.navbar .nav > li > a {
	padding: 5px 11px 5px 7px;
}
}
@media all and (max-width:1000px)
{
.navbar .brand {
	margin-left: 0px;
}
.container {
	padding: 0px 10px; width: auto;
}
.contactus-intro .demo {
	margin: 90px 0px 0px;
}
.menu-footer > li:nth-child(5n) {
	clear: both; margin-top: 25px;
}
.apps-intro .app-block {
	margin: 0px auto 35px; float: none;
}
}
@media all and (max-width:975px) and (min-width:657px)
{
.single-app-new .wrap-img-left img {
	width: 36%;
}
.single-app-new .wrap-img-right img {
	width: 36%;
}
}
@media all and (max-width:961px)
{
.pricing-intro .plan-premium {
	width: 230px;
}
.pricing-intro .plan-business {
	width: 225px;
}
.pricing-intro .plan-enterprise {
	width: 240px;
}
.pricing-intro .plan-startup {
	width: 200px;
}
.api-intro .demo {
	margin-right: 0px;
}
#zenbox_tab {
	display: none !important;
}
}
@media all and (max-width:931px)
{
.main-intro .demo {
	margin: 0px;
}
.contactus-intro .demo {
	margin: 90px -10px 0px 0px;
}
body > footer .twitter {
	margin-left: 0px;
}
body > footer .social {
	margin: 15px 0px 6px; clear: both;
}
.pricing-intro article.plan-individual {
	width: 200px;
}
.pricing-intro article.plan-startup {
	width: 200px;
}
.pricing-intro article.plan-business {
	width: 200px;
}
.pricing-intro article.plan-premium {
	width: 200px;
}
.pricing-intro article.plan-enterprise {
	width: 200px;
}
.api-intro .demo {
	width: 350px; margin-top: 60px;
}
}
@media all and (max-width:886px)
{
.main-intro .wrap-overflow {
	padding-bottom: 50px;
}
.apps-menu li.active::after {
	display: none;
}
.main-intro .buttons-bottom {
	text-align: center; clear: both; display: block; position: static;
}
.main-intro .viewer-page .buttons-bottom {
	padding-top: 30px;
}
.small-intro {
	padding-bottom: 50px;
}
.small-intro .intro-text {
	margin-bottom: 35px;
}
}
@media all and (max-width:826px)
{
.menu-footer > li:nth-child(4n) {
	clear: both; margin-top: 25px;
}
.menu-footer > li:nth-child(5n) {
	clear: none;
}
}
@media all and (max-width:796px)
{
.responsive-800 {
	display: block;
}
.responsive-800-hide {
	display: none !important;
}
figure.responsive-800-hide {
	display: none !important;
}
.responsive-800 figure.conversion-table {
	margin: 15px 0px 5px; clear: both; display: table;
}
.responsive-800 figure.conversion-table .cell {
	width: 12%;
}
.responsive-800 figure.conversion-table :first-child.cell {
	width: 5%;
}
.slogan.responsive-800 {
	margin-bottom: 50px;
}
.pricing-intro article {
	display: none;
}
.pricing-intro .sale {
	display: none;
}
.fixed {
	margin: -25px 0px 20px !important; border-bottom-color: currentColor !important; border-bottom-width: 0px !important; border-bottom-style: none !important; position: static !important;
}
.fixed ul {
	border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: solid;
}
.fixed + .container {
	padding-top: 0px !important; margin-top: 0px !important;
}
.single-app .column-2 {
	column-count: 1; column-gap: 30px; -webkit-column-count: 1; -moz-column-count: 1; -webkit-column-gap: 30px; -moz-column-gap: 30px;
}
.single-app img {
	display: block;
}
#zenbox_tab {
	display: none !important;
}
#banclechat {
	display: none !important;
}
#blc_invite {
	display: none !important;
}
}
@media all and (max-width:736px)
{
.contactus-intro .demo {
	margin: 20px auto 0px; float: none; display: block;
}
.contactus-intro .slogan {
	width: auto; text-align: center; float: none; display: block;
}
.contactus-intro .intro-text {
	width: auto; text-align: center; float: none; display: block;
}
}
@media all and (max-width:706px)
{
.responsive-700 {
	display: block;
}
.responsive-700-hide {
	display: none;
}
}
@media all and (max-width:676px)
{
.slogan {
	width: auto; float: none;
}
.intro-text {
	width: auto; float: none;
}
.main-intro .demo {
	margin: 0px 0px 5px 10px;
}
.contactus-intro .demo {
	margin: 20px auto 0px;
}
.api-intro .demo {
	margin-top: 60px;
}
.page404#page-wrapper .smoke {
	left: auto; right: 0px; margin-left: 0px;
}
.container404 .error-404 {
	text-align: center;
}
.page404#page-wrapper #smoke {
	display: none;
}
}
@media all and (max-width:656px)
{
article.pricing {
	overflow: scroll;
}
.pricing-table {
	min-width: 600px;
}
.main-intro .image {
	margin: 25px auto 0px; float: none; display: block; max-width: 90%;
}
.main-intro .image img {
	margin: 0px auto; display: block;
}
.main-intro .demo {
	margin-top: 0px;
}
.contactus-intro .demo {
	margin: 20px auto 0px; width: auto; float: none; display: block; max-width: 90%;
}
.api-intro .demo {
	margin: 20px auto 0px; width: auto; float: none; display: block; max-width: 90%;
}
.slogan {
	font-size: 28px;
}
.slogan {
	text-align: center;
}
.intro-text {
	text-align: center;
}
.main-intro .scroll-left {
	top: 175px; opacity: 1;
}
.main-intro .scroll-right {
	top: 175px; opacity: 1;
}
body > footer .newsletter {
	float: left;
}
body > footer .copywrite {
	margin: 20px 0px 5px; width: auto; clear: both;
}
h1 {
	font-size: 22px;
}
.wrap-figure-right figure.platform-table {
	margin: 0px 0px 20px; width: auto; float: none;
}
.wrap-figure-right figure.sdk-table {
	margin: 0px 0px 20px; width: auto; float: none;
}
.column-2 {
	column-count: 1; column-gap: 15px; -webkit-column-count: 1; -moz-column-count: 1; -webkit-column-gap: 15px; -moz-column-gap: 15px;
}
.column-3 {
	column-count: 2; column-gap: 15px; -webkit-column-count: 2; -moz-column-count: 2; -webkit-column-gap: 15px; -moz-column-gap: 15px;
}
.modal {
	margin: 0px; border: 0px currentColor; left: 0px; top: 0px !important; width: 100%; right: 0px; bottom: 0px !important; position: absolute;
}
.modal .signup-form {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.modal .login-form {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.modal .login-social {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.modal .login-social {
	margin-top: 20px;
}
.page-signup .item-page {
	width: auto;
}
.page-signup .item-page .signup-form {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.page-signup .item-page .login-form {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.page-signup .item-page .login-social {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.page-signup .item-page .signup-form h4 {
	margin-top: 45px;
}
.page-signup .item-page .login-form h4 {
	margin-top: 45px;
}
.page-signup .item-page .login-social h4 {
	margin-top: 45px;
}
.page-signup .item-page .login-social {
	margin-top: 20px;
}
.menu-footer > li:nth-child(4n) {
	clear: none;
}
.menu-footer > li:nth-child(5n) {
	clear: none;
}
.menu-footer > li:nth-child(2n+3) {
	clear: both; margin-top: 25px;
}
.single-app img {
	width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.single-app .wrap-img-left h1 {
	margin-left: 55%;
}
.single-app .wrap-img-left h2 {
	margin-left: 55%;
}
.single-app .wrap-img-left h3 {
	margin-left: 55%;
}
.single-app-new .wrap-img-left h1 {
	margin-left: 0px;
}
.single-app-new .wrap-img-right h1 {
	margin-left: 0px;
}
.single-app-new .wrap-img-left h2 {
	margin-left: 0px;
}
.single-app-new .wrap-img-right h2 {
	margin-left: 0px;
}
.single-app-new .wrap-img-left h3 {
	margin-left: 0px;
}
.single-app-new .wrap-img-right h3 {
	margin-left: 0px;
}
.single-app-new .wrap-img-left img {
	margin: 0px 5% 0px 0px; width: 45%;
}
.single-app-new .wrap-img-right img {
	margin: 0px 5% 0px 0px; width: 45%;
}
#contact-form input[type='checkbox'] {
	margin: 20px 5px 0px 0px; clear: both; float: left;
}
#contact-form .partner-type label {
	margin: 0px 20px 0px 10px; clear: none; display: block;
}
#contact-form .firstname {
	margin: 0px; width: auto; float: none;
}
#contact-form .lastname {
	margin: 0px; width: auto; float: none;
}
#contact-form .mail {
	margin: 0px; width: auto; float: none;
}
#contact-form .website {
	margin: 0px; width: auto; float: none;
}
}
@media all and (max-width:500px)
{
.responsive-500 {
	display: block;
}
.responsive-500-hide {
	display: none;
}
.coming-soon {
	margin: 0px; float: none;
}
.apps-intro .app-block {
	margin: 0px auto 35px; padding: 75px 25px 15px; width: auto; float: none;
}
article.app-block {
	background: linear-gradient(rgb(255, 255, 255), rgb(244, 244, 244)) repeat-x rgb(251, 251, 251); padding: 75px 25px 15px; transition:none; height: auto; -webkit-transition: none; -moz-transition: none; -o-transition: none;
}
article.app-block:hover {
	padding: 75px 25px 15px;
}
article.app-block h2 {
	text-align: center;
}
article.app-block p {
	text-align: center;
}
article.app-block .icon-app {
	margin: 27px 0px 0px -30px; left: 50%; top: 0px;
}
article.app-block:hover .icon-app {
	left: 50%;
}
article.app-block .controls {
	margin: 33px -25px -15px; padding: 15px; border-radius: 0px; width: auto; display: block; position: static; -webkit-border-radius: 0; -moz-border-radius: 0;
}
article.app-block .controls .icon-overview {
	background-position: 6px -75px;
}
article.app-block .controls .icon-whats-new {
	background-position: -81px -77px;
}
article.app-block .controls .icon-features {
	background-position: -37px -74px;
}
article.app-block .controls .icon-solutions {
	background-position: -124px -77px;
}
article.app-block .controls li {
	list-style: none; width: 48%; display: inline-block;
}
article.app-block .controls [class^='icon-'] {
	margin: 4px 0px 0px; width: 27px; height: 27px; float: left; position: static;
}
article.app-block .controls [class*=' icon-'] {
	margin: 4px 0px 0px; width: 27px; height: 27px; float: left; position: static;
}
article.app-block .controls a {
	padding-left: 10px;
}
article.bg-conversion {
	padding-top: 85px;
}
article.bg-conversion:hover {
	padding-top: 85px;
}
article.bg-conversion .icon-app {
	margin-left: -23px;
}
article.bg-annotation {
	padding-top: 105px;
}
article.bg-annotation:hover {
	padding-top: 105px;
}
article.app-block .options {
	margin: 15px auto 0px; width: 250px; display: block;
}
.subheader {
	margin: 0px 0px 13px; text-align: right; float: none; display: block;
}
.single-app img {
	margin: 0px auto; width: auto; float: none;
}
.single-app .wrap-img-left h1 {
	clear: both; margin-left: 0px;
}
.single-app .wrap-img-left h2 {
	clear: both; margin-left: 0px;
}
.single-app .wrap-img-left h3 {
	clear: both; margin-left: 0px;
}
.single-app-new .wrap-img-left img {
	margin: 0px auto; width: auto; float: none;
}
.single-app-new .wrap-img-right img {
	margin: 0px auto; width: auto; float: none;
}
.single-app-new .wrap-img-left p {
	margin-left: 0px;
}
.single-app-new .wrap-img-right p {
	margin-left: 0px;
}
.column-3 {
	column-count: 1; column-gap: 15px; -webkit-column-count: 1; -moz-column-count: 1; -webkit-column-gap: 15px; -moz-column-gap: 15px;
}
.signup-form input {
	width: 125px;
}
.login-form input {
	width: 125px;
}
.container404 .bubble {
	width: auto; right: 0px;
}
.container404 {
	height: 570px;
}
.container404 .hero {
	top: 118px;
}
article.bg-white {
	padding: 15px 10px;
}
div.bg-white {
	padding: 15px 10px;
}
}
@media all and (max-width:420px)
{
.main-intro .demo {
	background-position: center; width: 100%; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.api-intro .demo {
	background-position: center; width: 100%; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.api-intro .demo {
	width: 90%;
}
.menu-footer > li {
	margin: 25px auto 0px; text-align: center; float: none; display: block;
}
.menu-footer > li:first-child {
	margin-top: 0px;
}
}
@media all and (max-width:400px)
{
body > footer .logo {
	margin-bottom: 2px; display: block;
}
}
.clearfix {
	
}
.clearfix::before {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.hide-text {
	font: 0px/0 a; border: 0px currentColor; color: transparent; font-size-adjust: none; font-stretch: normal; text-shadow: none; background-color: transparent;
}
.input-block-level {
	width: 100%; display: block; min-height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
@media all and (max-width:975px)
{
.nav-collapse {
	clear: both;
}
.nav-collapse .nav {
	margin: 30px 0px 9px; float: none;
}
.nav-collapse .nav > li {
	clear: both; float: left;
}
.nav-collapse .nav > li.item-128 {
	clear: none;
}
.nav-collapse .nav > li.item-126 {
	margin-left: 36px;
}
.nav-collapse .nav > li > a {
	padding: 5px 13px;
}
.nav-collapse .nav > li > a.sign-up {
	margin: 10px 0px 0px;
}
.nav-collapse .nav > li > a.sign-in {
	margin: 10px 0px 0px;
}
.nav-collapse .nav > li.collapse > .dropdown-menu {
	display: none;
}
.nav-collapse .nav > li.deeper > .to-expand {
	background: url("../img/sprite-main.png?v=6") no-repeat -211px -179px; margin: 4px 3px 0px 14px; border-radius: 4px; border: 1px solid rgb(66, 174, 222); width: 16px; height: 16px; float: left; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.nav-collapse .nav > li.deeper > .to-collapse {
	background: url("../img/sprite-main.png?v=6") no-repeat -236px -179px;
}
.nav-collapse .nav > li.deeper > a {
	border-radius: 4px; color: rgb(255, 255, 255); float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.nav-collapse .nav > li.deeper:hover {
	
}
.nav-collapse .nav > li.deeper:hover > a {
	color: rgb(131, 221, 251); text-shadow: 0px -1px 2px rgba(0,0,0,0.65);
}
.nav-collapse .nav > li.deeper ul {
	clear: both; float: left; display: block; position: static;
}
.nav-collapse .nav > li.deeper ul li {
	margin-left: 60px;
}
.nav-collapse .nav > li.deeper ul li a {
	padding: 10px 13px; border-radius: 9px; color: rgb(255, 255, 255); -webkit-border-radius: 9px; -moz-border-radius: 9px;
}
.nav-collapse .nav > li.deeper ul li a:hover {
	background: rgb(254, 233, 154); color: rgb(161, 135, 31);
}
.nav-collapse .nav > li.deeper ul li.item-109 {
	display: none;
}
.nav-collapse .nav > li.deeper ul li.active {
	
}
.nav-collapse .nav > li.deeper ul li.active a {
	color: rgb(131, 221, 251);
}
.nav-collapse .nav > li.active > a {
	color: rgb(131, 221, 251);
}
.nav-collapse {
	padding: 0px 0px 30px; height: 0px; overflow: hidden;
}
.collapse.nav-collapse {
	padding: 0px 0px 30px; height: 0px; overflow: hidden;
}
.navbar .btn-navbar {
	margin: 31px 10px 0px; display: block; cursor: pointer;
}
}
@media all and (min-width:980px)
{
.collapse.nav-collapse {
	height: auto !important; overflow: visible !important;
}
}
@media all and (max-width:1120px)
{
.main-intro .scroll-left {
	opacity: 0.4;
}
.main-intro .scroll-right {
	opacity: 0.4;
}
.main-intro .scroll-left:hover {
	opacity: 1;
}
.main-intro .scroll-right:hover {
	opacity: 1;
}
.main-intro .scroll-left {
	left: 0px;
}
.main-intro .scroll-right {
	right: 0px;
}
.recent-posts .scroll-left {
	opacity: 0.5;
}
.recent-posts .scroll-right {
	opacity: 0.5;
}
.recent-posts .scroll-left:hover {
	opacity: 1;
}
.recent-posts .scroll-right:hover {
	opacity: 1;
}
.recent-posts .scroll-left {
	left: 0px;
}
.recent-posts .scroll-right {
	right: 0px;
}
}
@media all and (max-width:1100px) and (min-width:975px)
{
.navbar .nav {
	margin-right: 0px;
}
.navbar .nav > li > a {
	padding: 5px 11px;
}
.navbar .brand {
	margin-left: 0px;
}
}
@media all and (max-width:1000px) and (min-width:975px)
{
.navbar .nav > li > a {
	padding: 5px 11px 5px 7px;
}
}
@media all and (max-width:1000px)
{
.navbar .brand {
	margin-left: 0px;
}
.container {
	padding: 0px 10px; width: auto;
}
.contactus-intro .demo {
	margin: 90px 0px 0px;
}
.menu-footer > li:nth-child(5n) {
	clear: both; margin-top: 25px;
}
.apps-intro .app-block {
	margin: 0px auto 35px; float: none;
}
}
@media all and (max-width:975px) and (min-width:657px)
{
.single-app-new .wrap-img-left img {
	width: 36%;
}
.single-app-new .wrap-img-right img {
	width: 36%;
}
}
@media all and (max-width:961px)
{
.pricing-intro .plan-premium {
	width: 230px;
}
.pricing-intro .plan-business {
	width: 225px;
}
.pricing-intro .plan-enterprise {
	width: 240px;
}
.pricing-intro .plan-startup {
	width: 200px;
}
.api-intro .demo {
	margin-right: 0px;
}
#zenbox_tab {
	display: none !important;
}
}
@media all and (max-width:931px)
{
.main-intro .demo {
	margin: 0px;
}
.contactus-intro .demo {
	margin: 90px -10px 0px 0px;
}
body > footer .twitter {
	margin-left: 0px;
}
body > footer .social {
	margin: 15px 0px 6px; clear: both;
}
.pricing-intro article.plan-individual {
	width: 200px;
}
.pricing-intro article.plan-startup {
	width: 200px;
}
.pricing-intro article.plan-business {
	width: 200px;
}
.pricing-intro article.plan-premium {
	width: 200px;
}
.pricing-intro article.plan-enterprise {
	width: 200px;
}
.api-intro .demo {
	width: 350px; margin-top: 60px;
}
}
@media all and (max-width:886px)
{
.main-intro .wrap-overflow {
	padding-bottom: 50px;
}
.apps-menu li.active::after {
	display: none;
}
.main-intro .buttons-bottom {
	text-align: center; clear: both; display: block; position: static;
}
.main-intro .viewer-page .buttons-bottom {
	padding-top: 30px;
}
.small-intro {
	padding-bottom: 50px;
}
.small-intro .intro-text {
	margin-bottom: 35px;
}
}
@media all and (max-width:826px)
{
.menu-footer > li:nth-child(4n) {
	clear: both; margin-top: 25px;
}
.menu-footer > li:nth-child(5n) {
	clear: none;
}
}
@media all and (max-width:796px)
{
.responsive-800 {
	display: block;
}
.responsive-800-hide {
	display: none !important;
}
figure.responsive-800-hide {
	display: none !important;
}
.responsive-800 figure.conversion-table {
	margin: 15px 0px 5px; clear: both; display: table;
}
.responsive-800 figure.conversion-table .cell {
	width: 12%;
}
.responsive-800 figure.conversion-table :first-child.cell {
	width: 5%;
}
.slogan.responsive-800 {
	margin-bottom: 50px;
}
.pricing-intro article {
	display: none;
}
.pricing-intro .sale {
	display: none;
}
.fixed {
	margin: -25px 0px 20px !important; border-bottom-color: currentColor !important; border-bottom-width: 0px !important; border-bottom-style: none !important; position: static !important;
}
.fixed ul {
	border-bottom-color: rgb(172, 172, 172); border-bottom-width: 1px; border-bottom-style: solid;
}
.fixed + .container {
	padding-top: 0px !important; margin-top: 0px !important;
}
.single-app .column-2 {
	column-count: 1; column-gap: 30px; -webkit-column-count: 1; -moz-column-count: 1; -webkit-column-gap: 30px; -moz-column-gap: 30px;
}
.single-app img {
	display: block;
}
#zenbox_tab {
	display: none !important;
}
#banclechat {
	display: none !important;
}
#blc_invite {
	display: none !important;
}
}
@media all and (max-width:736px)
{
.contactus-intro .demo {
	margin: 20px auto 0px; float: none; display: block;
}
.contactus-intro .slogan {
	width: auto; text-align: center; float: none; display: block;
}
.contactus-intro .intro-text {
	width: auto; text-align: center; float: none; display: block;
}
}
@media all and (max-width:706px)
{
.responsive-700 {
	display: block;
}
.responsive-700-hide {
	display: none;
}
}
@media all and (max-width:676px)
{
.slogan {
	width: auto; float: none;
}
.intro-text {
	width: auto; float: none;
}
.main-intro .demo {
	margin: 0px 0px 5px 10px;
}
.contactus-intro .demo {
	margin: 20px auto 0px;
}
.api-intro .demo {
	margin-top: 60px;
}
.page404#page-wrapper .smoke {
	left: auto; right: 0px; margin-left: 0px;
}
.container404 .error-404 {
	text-align: center;
}
.page404#page-wrapper #smoke {
	display: none;
}
}
@media all and (max-width:656px)
{
article.pricing {
	overflow: scroll;
}
.pricing-table {
	min-width: 600px;
}
.main-intro .image {
	margin: 25px auto 0px; float: none; display: block; max-width: 90%;
}
.main-intro .image img {
	margin: 0px auto; display: block;
}
.main-intro .demo {
	margin-top: 0px;
}
.contactus-intro .demo {
	margin: 20px auto 0px; width: auto; float: none; display: block; max-width: 90%;
}
.api-intro .demo {
	margin: 20px auto 0px; width: auto; float: none; display: block; max-width: 90%;
}
.slogan {
	font-size: 28px;
}
.slogan {
	text-align: center;
}
.intro-text {
	text-align: center;
}
.main-intro .scroll-left {
	top: 175px; opacity: 1;
}
.main-intro .scroll-right {
	top: 175px; opacity: 1;
}
body > footer .newsletter {
	float: left;
}
body > footer .copywrite {
	margin: 20px 0px 5px; width: auto; clear: both;
}
h1 {
	font-size: 22px;
}
.wrap-figure-right figure.platform-table {
	margin: 0px 0px 20px; width: auto; float: none;
}
.wrap-figure-right figure.sdk-table {
	margin: 0px 0px 20px; width: auto; float: none;
}
.column-2 {
	column-count: 1; column-gap: 15px; -webkit-column-count: 1; -moz-column-count: 1; -webkit-column-gap: 15px; -moz-column-gap: 15px;
}
.column-3 {
	column-count: 2; column-gap: 15px; -webkit-column-count: 2; -moz-column-count: 2; -webkit-column-gap: 15px; -moz-column-gap: 15px;
}
.modal {
	margin: 0px; border: 0px currentColor; left: 0px; top: 0px !important; width: 100%; right: 0px; bottom: 0px !important; position: absolute;
}
.modal .signup-form {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.modal .login-form {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.modal .login-social {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.modal .login-social {
	margin-top: 20px;
}
.page-signup .item-page {
	width: auto;
}
.page-signup .item-page .signup-form {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.page-signup .item-page .login-form {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.page-signup .item-page .login-social {
	margin: 0px; padding: 0px; border: 0px currentColor; width: auto; float: none;
}
.page-signup .item-page .signup-form h4 {
	margin-top: 45px;
}
.page-signup .item-page .login-form h4 {
	margin-top: 45px;
}
.page-signup .item-page .login-social h4 {
	margin-top: 45px;
}
.page-signup .item-page .login-social {
	margin-top: 20px;
}
.menu-footer > li:nth-child(4n) {
	clear: none;
}
.menu-footer > li:nth-child(5n) {
	clear: none;
}
.menu-footer > li:nth-child(2n+3) {
	clear: both; margin-top: 25px;
}
.single-app img {
	width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.single-app .wrap-img-left h1 {
	margin-left: 55%;
}
.single-app .wrap-img-left h2 {
	margin-left: 55%;
}
.single-app .wrap-img-left h3 {
	margin-left: 55%;
}
.single-app-new .wrap-img-left h1 {
	margin-left: 0px;
}
.single-app-new .wrap-img-right h1 {
	margin-left: 0px;
}
.single-app-new .wrap-img-left h2 {
	margin-left: 0px;
}
.single-app-new .wrap-img-right h2 {
	margin-left: 0px;
}
.single-app-new .wrap-img-left h3 {
	margin-left: 0px;
}
.single-app-new .wrap-img-right h3 {
	margin-left: 0px;
}
.single-app-new .wrap-img-left img {
	margin: 0px 5% 0px 0px; width: 45%;
}
.single-app-new .wrap-img-right img {
	margin: 0px 5% 0px 0px; width: 45%;
}
#contact-form input[type='checkbox'] {
	margin: 20px 5px 0px 0px; clear: both; float: left;
}
#contact-form .partner-type label {
	margin: 0px 20px 0px 10px; clear: none; display: block;
}
#contact-form .firstname {
	margin: 0px; width: auto; float: none;
}
#contact-form .lastname {
	margin: 0px; width: auto; float: none;
}
#contact-form .mail {
	margin: 0px; width: auto; float: none;
}
#contact-form .website {
	margin: 0px; width: auto; float: none;
}
}
@media all and (max-width:500px)
{
.responsive-500 {
	display: block;
}
.responsive-500-hide {
	display: none;
}
.coming-soon {
	margin: 0px; float: none;
}
.apps-intro .app-block {
	margin: 0px auto 35px; padding: 75px 25px 15px; width: auto; float: none;
}
article.app-block {
	background: linear-gradient(rgb(255, 255, 255), rgb(244, 244, 244)) repeat-x rgb(251, 251, 251); padding: 75px 25px 15px; transition:none; height: auto; -webkit-transition: none; -moz-transition: none; -o-transition: none;
}
article.app-block:hover {
	padding: 75px 25px 15px;
}
article.app-block h2 {
	text-align: center;
}
article.app-block p {
	text-align: center;
}
article.app-block .icon-app {
	margin: 27px 0px 0px -30px; left: 50%; top: 0px;
}
article.app-block:hover .icon-app {
	left: 50%;
}
article.app-block .controls {
	margin: 33px -25px -15px; padding: 15px; border-radius: 0px; width: auto; display: block; position: static; -webkit-border-radius: 0; -moz-border-radius: 0;
}
article.app-block .controls .icon-overview {
	background-position: 6px -75px;
}
article.app-block .controls .icon-whats-new {
	background-position: -81px -77px;
}
article.app-block .controls .icon-features {
	background-position: -37px -74px;
}
article.app-block .controls .icon-solutions {
	background-position: -124px -77px;
}
article.app-block .controls li {
	list-style: none; width: 48%; display: inline-block;
}
article.app-block .controls [class^='icon-'] {
	margin: 4px 0px 0px; width: 27px; height: 27px; float: left; position: static;
}
article.app-block .controls [class*=' icon-'] {
	margin: 4px 0px 0px; width: 27px; height: 27px; float: left; position: static;
}
article.app-block .controls a {
	padding-left: 10px;
}
article.bg-conversion {
	padding-top: 85px;
}
article.bg-conversion:hover {
	padding-top: 85px;
}
article.bg-conversion .icon-app {
	margin-left: -23px;
}
article.bg-annotation {
	padding-top: 105px;
}
article.bg-annotation:hover {
	padding-top: 105px;
}
article.app-block .options {
	margin: 15px auto 0px; width: 250px; display: block;
}
.subheader {
	margin: 0px 0px 13px; text-align: right; float: none; display: block;
}
.single-app img {
	margin: 0px auto; width: auto; float: none;
}
.single-app .wrap-img-left h1 {
	clear: both; margin-left: 0px;
}
.single-app .wrap-img-left h2 {
	clear: both; margin-left: 0px;
}
.single-app .wrap-img-left h3 {
	clear: both; margin-left: 0px;
}
.single-app-new .wrap-img-left img {
	margin: 0px auto; width: auto; float: none;
}
.single-app-new .wrap-img-right img {
	margin: 0px auto; width: auto; float: none;
}
.single-app-new .wrap-img-left p {
	margin-left: 0px;
}
.single-app-new .wrap-img-right p {
	margin-left: 0px;
}
.column-3 {
	column-count: 1; column-gap: 15px; -webkit-column-count: 1; -moz-column-count: 1; -webkit-column-gap: 15px; -moz-column-gap: 15px;
}
.signup-form input {
	width: 125px;
}
.login-form input {
	width: 125px;
}
.container404 .bubble {
	width: auto; right: 0px;
}
.container404 {
	height: 570px;
}
.container404 .hero {
	top: 118px;
}
article.bg-white {
	padding: 15px 10px;
}
div.bg-white {
	padding: 15px 10px;
}
}
@media all and (max-width:420px)
{
.main-intro .demo {
	background-position: center; width: 100%; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.api-intro .demo {
	background-position: center; width: 100%; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;
}
.api-intro .demo {
	width: 90%;
}
.menu-footer > li {
	margin: 25px auto 0px; text-align: center; float: none; display: block;
}
.menu-footer > li:first-child {
	margin-top: 0px;
}
}
@media all and (max-width:400px)
{
body > footer .logo {
	margin-bottom: 2px; display: block;
}
}
.verify-signature {
	position: relative;
}
.verify-signature .drop-box {
	background: url("../img/drop_file.png") no-repeat 0px 0px; padding: 80px 20px 0px; width: 118px; height: 74px; text-align: center; color: rgb(12, 132, 190); text-transform: uppercase; line-height: 120%; font-size: 21px; font-weight: bold;
}
.verify-signature .btn-red-big {
	padding: 0px 45px; border-radius: 8px;
}
@media all and (min-width:930px)
{
.verify-signature {
	width: 680px; height: 378px; padding-left: 190px; margin-top: 135px;
}
.verify-signature .slogan {
	margin: 0px 0px 26px; line-height: 120%; font-size: 48px;
}
.verify-signature .intro-text {
	line-height: 160%; font-size: 28px;
}
.verify-signature .image {
	left: 485px; top: -165px; position: absolute;
}
.verify-signature .buttons-bottom {
	bottom: auto; margin-top: 32px; position: relative;
}
.verify-signature .drop-box {
	left: 0px; top: 15px; position: absolute;
}
}
@media all and (max-width:930px)
{
.verify-signature .drop-box {
	margin: 20px auto 0px;
}
.verify-signature .buttons-bottom {
	text-align: center; clear: both; display: block; position: static;
}
.large.main-intro {
	padding-bottom: 50px; min-height: 0px;
}
}
@media all and (max-width:260px)
{
.verify-signature .btn-red-big {
	font-size: 1em;
}
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}
.orange-text {
	color: rgb(210, 70, 12);
}
.italic {
	font-style: italic;
}
.m-top15 {
	margin-top: 30px;
}
.ie8 body > footer {
	background-image: none;
}
.ie8 .span-6 {
	width: 452px;
}