.topbg{
	height:100px;
	position: absolute;
	z-index:1000;
	width:100%;
}
.top {
	MARGIN: 0px auto;
	WIDTH: 1100px;
	display: block;
}


.top .logo {
	WIDTH: 216px;
	COLOR: #333;
	height:90px;
	PADDING-TOP:5px;
	float:left;
	padding-left: 50px;
}
.top h1{
	padding-left: 0px;
	padding-top: 30px;
	width: 100%;
	text-align: left;
	color: rgb(51, 51, 51);
	float: left;
	font-size:28px;
	line-height: 125%;
	padding-left:50px;
}

.top .toplink{
	height:35px;
	line-height:27px;
	color:#999;
	font-size:12px;
	padding-right:0px;
	PADDING-TOP:15px;
}
.top .toplink .login{float:right;margin: 5px 10px 0px;}
.top .toplink .login a{height:18px; color:#FFF; line-height:17px; font-size: 14px;}
.top .toplink .login a:hover{text-decoration:none}
.bg-gradient-green{
	background: -moz-linear-gradient(#a86da0,#7a006e);
	background: -webkit-gradient(linear,center top,center bottom,from(#a86da0),to(#7a006e));
	background: -webkit-linear-gradient(#a86da0,#7a006e);
	background: -o-linear-gradient(#a86da0,#7a006e);
	background: -ms-linear-gradient(#a86da0,#7a006e);
	background: linear-gradient(#a86da0,#7a006e);
}
.bg-gradient-green:hover {
	background: -moz-linear-gradient(#d6afd1,#af52a6);
    background: -webkit-gradient(linear,center top,center bottom,from(#d6afd1),to(#af52a6));
    background: -webkit-linear-gradient(#d6afd1,#af52a6);
    background: -o-linear-gradient(#d6afd1,#af52a6);
    background: -ms-linear-gradient(#d6afd1,#af52a6);
    background: linear-gradient(#d6afd1,#af52a6);
}
.bg-gradient-orange {
	background: -moz-linear-gradient(#f7d600,#EE7A00);
	background: -webkit-gradient(linear,center top,center bottom,from(#f7d600),to(#EE7A00));
	background: -webkit-linear-gradient(#f7d600,#EE7A00);
	background: -o-linear-gradient(#f7d600,#EE7A00);
	background: -ms-linear-gradient(#f7d600,#EE7A00);
	background: linear-gradient(#f7d600,#EE7A00);
}
.bg-gradient-orange:hover {
	background: -moz-linear-gradient(#ffeb67,#F29634);
    background: -webkit-gradient(linear,center top,center bottom,from(#ffeb67),to(#F29634));
    background: -webkit-linear-gradient(#ffeb67,#F29634);
    background: -o-linear-gradient(#ffeb67,#F29634);
    background: -ms-linear-gradient(#ffeb67,#F29634);
    background: linear-gradient(#ffeb67,#F29634);
}
.btn {
	padding: 0.5em 1em; border-radius: 5px; height: auto; color: rgb(255, 255, 255); line-height: 100%; display: inline-block; position: relative; background-color: rgb(204, 204, 204); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; -pie-border-radius: 0;font-family: Microsoft YaHei,Helvitica,Verdana,Arial,san-serif;
}


.top .toplink .search-container{float:right;margin: 5px 10px 0px;}
.search-container form {
	background: 0px 0px rgb(255, 255, 255); padding: 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 220px; max-height: none;
}
#searchtext {
	background: 0px 0px rgb(255, 255, 255); padding: 0px 0px 0px 0.7em; border: 0px currentColor; border-image: none; width: 75%; height: 29px; color: rgb(102, 102, 102); line-height: 28px; font-family: Arial,sans-serif; font-size: 14px; vertical-align: middle;
}
#search-submit {
	
	margin-bottom: 0px; vertical-align: middle;
}




.nav {
	text-align: center;
	width: 834px;
	float: right;
	padding-top: 30px;
}
.nav ul ul {
	display: none;
	z-index:1001;
}
.nav ul li:hover > ul {
	display: block;
}
.nav ul {
	padding: 0 20px;
	border-radius: 10px;
	list-style: none;
	position: relative;
	display: inline-table;
}
.nav ul:after {
	clear: both;
	display: block;
}
.nav ul li {
	float: left;
	display: block;
        color: #FFF;
	text-decoration: none;
	font-size: 16px;

}

.nav ul li a {
	display: block;
	padding: 13px 30px;
	color: #1b9190;
	text-decoration: none;
	font-size: 16px;
}
.nav ul li:hover a {
	color: #FFF;
	font-size:16px;
}
.nav ul li.current {
	color: #fff;
	padding: 13px 30px;
}
.nav ul .current a {
	color:#7c0e3e
}
.nav ul ul {
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	-moz-box-shadow:0px 0px 3px #444;
    -webkit-box-shadow:0px 0px 3px #444;
     box-shadow:0px 0px 3px #444;
}
.nav ul ul li {
	float: none;
	border-top: 1px solid #eeeeee;
	position: relative;
	font-size:14px;
	font-weight:normal;
	width:220px;
	text-align:left;
	background-color: #1b9190;
}
.nav ul ul li a {
	padding: 10px 30px 10px 30px;
}
.nav ul ul li a:hover {
	color: #ddd;
}
.nav ul ul ul {
	position: absolute;
	left: 100%;
	top:0;
}

.header{
	padding-top:100px;
	width:1100px;
	overflow:auto;
	margin:0px auto;
}

.header .title{
	font-size: 30px;
	font-weight:200;
	text-align: left;
	color:#555;
	padding-top:50px;
	height:100px;
	margin:auto;
	display:block;
}




.banner{
	width:100%;
	background-color:#84d8d1;
	color: #FFF;
}

.banner .showf{
	overflow:hidden;
	margin:auto;
	width:100%;
	height:250px;
	position:relative;
}

.banner .shows{float:left;display:none;width:100%;position:absolute;top:0px;left:0px;
	}

.banner .text, .banner .text1, .banner .img, .banner .button, .banner .f{
	display:block;
	margin:auto;
}
.banner .text{
	font-size: 30px;
	text-align: left;
	padding-top:40px;
	font-weight: 200;
	padding-left:100px;
	float:left;
}
.banner .text1{
	font-size: 18px;
	text-align: left;
	width:800px;
	margin-top:10px;
	padding-left:100px;
	float:left;
}

.banner .img {
	margin-top:25px;
	margin-left:100px;
	float:left;
}

.banner .button{
	width:79px;
	margin-top:210px;
	z-index:100
}
.banner .button a{float:left;display:inline;width:23px;height:23px;margin-right:1px;background:url(bg_banner_button.png) no-repeat;}

.banner .button a.btn1{background-position:-0px 0px;}

.banner .button a.btn2{background-position:-23px 0px;}

.banner .button a.btn3{background-position:-46px 0px;}

.banner .button a.btn4{background-position:-69px 0px;}

.banner .button a.btn5{background-position:-92px 0px;}

.banner .button a.btn6{background-position:-115px 0px;}

.banner .button a.btn7{background-position:-138px 0px;}

.banner .button a.btn8{background-position:-161px 0px;}

.banner .button a.btn9{background-position:-184px 0px;}



.banner .button a.btn1_fire{background-position:-0px -23px;}

.banner .button a.btn2_fire{background-position:-23px -23px;}

.banner .button a.btn3_fire{background-position:-46px -23px;}

.banner .button a.btn4_fire{background-position:-69px -23px;}

.banner .button a.btn5_fire{background-position:-92px -23px;}

.banner .button a.btn6_fire{background-position:-115px -23px;}

.banner .button a.btn7_fire{background-position:-138px -23px;}

.banner .button a.btn8_fire{background-position:-161px -23px;}

.banner .button a.btn9_fire{background-position:-184px -23px;}




.IndexFoot {
	WIDTH: 1100px;
	margin:0px auto;
	position: relative;
}
.foot{
	width:1100px;
	margin:0px auto;
	font-size:14px;
	line-height:20px;
	text-align: center;
	padding: 20px 0px;
	color:#666;
	display: block;
	HEIGHT: 39px;
	clear: both;
}

.foot  a{ color:#666; text-decoration:none;
	font-size:14px;}
.foot  a:hover{
	color:#1b9190;
	text-decoration:none;
}
#copyright{ float:right; width:380px; text-align:right; font-size:12px; color:#FFF;}



.main{
	width:100%;
	margin:0px auto;
}

.main1{
	border: 0px solid #c7cdd6;
	background: #f5f6f7;
	box-shadow: 0px 0px 0px #ccc;
	width:100%;
	margin:0px auto;
	margin-top:20px;
}
.main2{
	border: 0px solid #c7cdd6;
	background: #ffffff;
	box-shadow: 0px 0px 0px #ccc;
	width:100%;
	margin:0px auto;
	margin-top:20px;
}
.main3{
	border: 0px solid #c7cdd6;
	background: #ffffff;
	box-shadow: 0px 0px 0px #ccc;
	width:100%;
	margin:0px auto;
	padding-top:140px;
}

#table {
	width:1100px;
	overflow:auto;
	margin:0px auto;
}
#table p{
	padding-top:0px;
	font-size:15px;/*text-indent: 2em;*/
	color: #212121;
	line-height: 150%;
	margin: 0px 0px 26px;
}
#table p a{
	font-size:15px;
}
.marginb100_1{
	margin-bottom:15px;
	display: block;
	width: 1100px;
	margin: 20px auto;
}

.marginb100{
	margin-bottom:15px;
	display: block;
	width: 1100px;
	margin: 20px auto;
	text-align:center;
}
.marginb100 h1{
	font-size: 30px;
	padding: 30px;
	font-weight:normal;
}
.marginb100 ul{
	width:100%;
}
.marginb100 ul li{
	 width:275px;
	 display: block; 
	 float:left;
	HEIGHT:150px;
	position:relative;
}
.marginb100 ul li span{
	 padding: 50px;
}
.marginb100 ul li p{
	 padding:20px;
	 text-align:center;
}

.marginb{
	margin-bottom:15px;
	display: block;
	width: 530px;
	float: left;
	margin-top: 15px;
}
.marginb_r{
	margin-bottom:15px;
	display: block;
	float: right;
	width:510px;
	overflow:hidden;
	margin-top: 15px;
}
.quicklink{
	background:#f5f6f7;
    border-radius: 10px;
	-moz-box-shadow:1px 1px 4px #444;
    -webkit-box-shadow:1px 1px 4px #444;
     box-shadow:1px 1px 4px #444;
	 margin-right:5px;
}
.quicklink h1{
	font-size:20px;
	padding-left:20px;
	font-weight:bold;
	color:#444;
}
.marginb_r p{
	font-size:16px;
	padding-left:30px;
	padding-top:50px;
}
.marginb_r p a{
	text-decoration:underline;
}

.black_overlay{
margin: 0px;
padding:0px;
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
z-index:1002;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	margin:auto;
	top: 25%;
	left: 35%;
	width: 460px;
	border: 0px solid lightblue;
	background-color: white;
	z-index:1003;
	overflow: auto;
	padding: 20px;
	text-align:center;
}
input.button {
	width: 71px;
	height: 30px;
	border: 0;
	background-image: url(button.png);
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.t_text{
	width: 200px;
	display:block;
	float:left;
	text-align:right;
	padding-right:20px;
	line-height: 20px;
}
.input_text {
	background-color: #fdfdfd;
	border: 1px solid #999999;
	FONT-SIZE: 10pt;
	COLOR: #404040;
	FONT-FAMILY: Tahoma, Arial, sans-serif;
	text-align: left;
	width: 250px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top:5px;
	padding-bottom:5px;
}
textarea {
	background-color: #fdfdfd;
	border: 1px solid #999999;
	FONT-SIZE: 10pt;
	COLOR: #404040;
	FONT-FAMILY: Tahoma, Arial, sans-serif;
	text-align: left;
	width: 264px;
	padding-left: 10px;
	padding-right: 10px;
}
textarea, select {
	background-color: #fdfdfd;
	border: 1px solid #999999;
	FONT-SIZE: 10pt;
	COLOR: #404040;
	FONT-FAMILY: Tahoma, Arial, sans-serif;
	text-align: left;
	width: 264px;
	padding-left: 10px;
	padding-right: 10px;
}
select {
	height:30px;
}
form {
	background-color:#f6f9fc;
	padding:20px 10px;
	color:#6b7c93;
}
.form_tab p{
	text-indent: 0px;
	letter-spacing: 1pt;
	color: #444444;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 16pt;
	font-weight: normal;
	font-variant: normal;
	margin:3px;
}




.columns {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column
}
@media (min-width:670px) {
.columns {
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-pack:justify;
justify-content:space-between
}
}
.columns .left, .columns .right {
	-ms-flex-preferred-size:50%;
	flex-basis:50%
}
.intro-copy {
	max-width:840px;
	margin:0 auto
}
@media (min-width:670px) {
.intro-copy {
text-align:center
}
}


.guide-container {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	position:relative;
	margin-top:50px;
	margin-bottom:50px
}
@media (min-width:880px) {
.guide-container {
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-pack:justify;
justify-content:space-between
}
}
.modal-overlay {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	padding:10px;
	background-color:rgba(82, 95, 127, 0);
	z-index:1000;
	pointer-events:none;
transition:background-color .25s ease-in-out
}
@media (min-width:670px) {
.modal-overlay {
padding:50px
}
}
.join-modal {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	position:relative;
	max-width:800px;
	max-height:100%;
	background-color:#fff;
	border-radius:6px;
	box-shadow:0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	opacity:0;
	transform:scale(.75);
transition:transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s cubic-bezier(.175, .885, .32, 1.275)
}
@media (min-width:670px) {
.join-modal {
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-pack:justify;
justify-content:space-between
}
}



main {
	position:relative;
	display:block
}
main h2[class^=common-Uppercase] {
color:#32325d;
margin-bottom:20px
}

@keyframes roads {
0% {
transform:translateY(-650px)
}
to {
	transform:translateY(0)
}
}
main header {
	position:relative;
	background:linear-gradient(-180deg, #f6bf4e 1%, #f9d281 23%, #fffdf3 71%);
	overflow:hidden
}
main header .stripes {
	position:absolute;
	width:100%;
	height:100%;
	top:-80px;
	transform:skewY(-12deg)
}
@media (min-width:670px) {
main header .stripes {
top:-130px
}
}
main header .stripes .stripe {
	position:absolute;
	height:190px
}

main header .stripes .s1 {
	top:0;
	left:0;
	width:30%;
	background:linear-gradient(90deg, #ffad5a, rgba(250, 175, 82, .25));
}
main header .stripes .s2 {
	top:190px;
	left:0;
	width:38%;
	background:linear-gradient(90deg, #ffcd68, rgba(255, 199, 107, 0))
}
main header .stripes .s3 {
	top:380px;
	right:0;
	width:36%;
	background:linear-gradient(90deg, hsla(46, 98%, 78%, 0), #ffda84)
}
main header .intro {
	margin-top:120px;
	will-change:transform;
	z-index:100;
	position:absolute;
	margin: center;
        width:100%;
}
main header .intro .common-PageTitle {
	color:#7c0e3e;
	font-weight:300
}
main header .intro .common-Button--default {
	margin-top:25px
}
main header .intro .text{
	font-size: 42px;
	text-align: center;
	padding-top:50px;
	color:#7c0e3e;
	font-weight: normal;
}
main header .intro .text1{
	font-size: 30px;
	text-align: center;
	margin-top:0px;
	color:#1b9190;
	text-shadow: 0 1px 1px #fff;
}
main header .road-map1 {
	position:relative;
	width:100%;
	height:500px;
	perspective:500px;
	margin-top:50px;
	-webkit-perspective:500px;
	-webkit-mask-image:linear-gradient(-180deg, transparent, #000 35%);
	pointer-events:none
}
main header .road-map1 .roads {
	position:absolute;
	width:calc(100% + 1000px);
	height:100%;
	left:-500px;
	transform:rotateX(221deg)
}
main header .road-map1 .surface-roads {
	position:absolute;
	width:100%;
	height:1300px;
	top:-125px;
	background-image:url(roads.svg);
	background-position:50%;
	transform:translateY(-650px);
	animation:roads 10s linear infinite;
}
main header .road-map1 .freeway {
	position:absolute;
	width:70px;
	top:0px;
	bottom:-400px;
	left:50%;
	margin-left:-35px;
	background-color:#fff;
	box-shadow:0 8px 15px hsla(22, 18%, 57%, .45);
	transform:translateZ(100px)
}
main header .road-map1 .freeway:before {
	content:"";
	position:absolute;
	width:40px;
	top:40%;
	bottom:0%;
	left:50%;
	margin-left:-20px;
	background-color:#1b9190;
}
main header .road-map {
	position:relative;
	width:100%;
	perspective:500px;
	-webkit-perspective:500px;
	pointer-events:none;
	z-index: 1000;
}
main header .road-map .roads {
	position:absolute;
	width:calc(100% + 1000px);
	height:100%;
	left:-500px;
}
main header .road-map .surface-roads {
	position:absolute;
	width:100%;
	height:1300px;
	top:-125px;
	background-image:url(roads.svg);
	background-position:50%;
	transform:translateY(-650px);
}
main header .road-map .freeway {
	position:absolute;
	width:70px;
	top:0px;
	bottom:-400px;
	left:50%;
	margin-left:-35px;
	background-color:#fff;
	box-shadow:0 8px 15px hsla(22, 18%, 57%, .45);
	transform:translateZ(100px)
}
main header .road-map .freeway:before {
	content:"";
	position:absolute;
	width:40px;
	top:40%;
	bottom:0%;
	left:50%;
	margin-left:-20px;
	background-color:#1b9190;
}
main header .road-map1 {
	position:relative;;
	padding-top:50px;
	width:100%;
	height:600px;
	pointer-events:none;
	z-index:1
}
main header .road-map1 .roads {
	position:absolute;
	width:calc(100% + 1000px);
	height:100%;
	left:-500px;
	transform:rotateX(221deg)
}
main header .road-map1 .surface-roads {
	position:absolute;
	width:100%;
	height:1300px;
	top:-125px;
	background-image:url(roads.svg);
	background-position:50%;
	transform:translateY(-650px);
	animation:roads 10s linear infinite;
}
main header .road-map1 .freeway {
	position:absolute;
	width:70px;
	top:0px;
	bottom:-400px;
	left:50%;
	margin-left:-35px;
	background-color:#fff;
	box-shadow:0 8px 15px hsla(22, 18%, 57%, .45);
	transform:translateZ(100px)
}
main header .road-map1 .freeway:before {
	content:"";
	position:absolute;
	width:40px;
	top:40%;
	bottom:0%;
	left:50%;
	margin-left:-20px;
	background-color:#1b9190;
}
main .marker {
	position:absolute;
	width:201px;
	height:103px;
	bottom:50%;
	left:50%;
	margin-left:-107px;
	background-image:url(marker.png);
	background-size:100% 100%;
	transform:translateZ(44px)
}


section.description {
	position:relative;
	padding:50px;
	margin:0px auto;
}
section.description .top-edge {
	position:absolute;
	width:100%;
	height:50vh;
	left:0;
	bottom:100%;
	overflow:hidden;
	pointer-events:none
}
section.description .top-edge svg {
	position:absolute;
	left:0;
	bottom:0;
	filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(165,140,126,0.15)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
	filter:drop-shadow(0 0 10px rgba(165, 140, 126, .15))
}

section.description .intro-copy {
	margin-bottom:60px
}
section.description .intro-copy .common-IntroText {
	font-size:24px;
	color:#32325d;
	text-align:center;
	padding:0 120px;
}

section.description1 {
	position:relative;
	padding:10px 50px 0px;
	z-index: 10;
}
section.description1 .top-edge {
	position:absolute;
	width:100%;
	height:50vh;
	left:0;
	bottom:100%;
	overflow:hidden;
	pointer-events:none
}
section.description1 .top-edge svg {
	position:absolute;
	left:0;
	bottom:0;
	filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(165,140,126,0.15)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
	filter:drop-shadow(0 0 10px rgba(165, 140, 126, .15))
}

section.description1 .intro-copy {
	margin-bottom:60px
}
section.description1 .intro-copy .common-IntroText {
	font-size:50px;
	color:#7c0e3e;
	text-align:center;
	padding:0 120px;
}
.intro .common-IntroText {
	font-size:20px;
	color:#333333;
	text-align:center;
	padding:0 120px;
}

	
section .container-lg {
	-ms-flex-align:start;
	align-items:flex-start;
	margin:0px auto;
	position:relative;
	max-width:1140px;
	z-index:1
}
@media (min-width:420px) {
section .container-lg {
-ms-flex-direction:column;
flex-direction:column
}
}
@media (min-width:880px) {
section .container-lg {
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-pack:justify;
justify-content:space-between
}
}
@media (min-width:1040px) {
section .container-lg {
padding-left:calc((100vw - 1040px) / 2 + 20px)
}
}
@media (min-width:1140px) {
section .container-lg {
padding-left:70px
}
}
section.description ul {
    list-style: none;
	position: relative;
	display: inline-table;
}	

section.description ul li {
	float: left;
	width: 27%;
	margin: 0 30px;
}
section .icon {
	width:50px;
	height:50px;
	padding-bottom:15px;
}
section .common-BodyTitle {
	font-size:18px;
	padding-bottom:15px;
	padding-left:50px;
	color:#2C2C50;
}
section .common-BodyText {
	color:#6b7c93;
	font-size:16px;
	padding-left:50px;
}
section .lg-icon-left figure {
	float:left;
	position:relative;
}
section.features {
	position:relative;
	padding:0 100px 120px;
	margin-top:90px
}
section.features .intro-copy {
	text-align:left;
	margin-bottom:40px
}
section.features .intro-copy .common-PageTitle {
	font-size:36px;
	font-weight:normal;
}
section.features .intro-copy .common-IntroText {
	margin-bottom:20px;
	font-size:24px;
	color:#666;
}
section.features .columns .right {
	position:relative;
	margin-top:52px
}
@media (min-width:670px) {
section.features .columns .right {
padding-top:469px;
margin-left:40px
}
}
@media (min-width:1040px) {
section.features ul.feature-list {
margin-left:45px
}
}
section.features ul.feature-list li.feature-block {
margin-bottom:45px;
}
section.features ul.incorporation-features {
	display:block;
	position:relative;
	list-style-type:none;
	font-size:17px;
	line-height:26px;
	color:#6b7c93;
	background-color:#f6f9fc;
	border-radius:6px;
	padding:20px 25px 20px 55px
}
section.features ul.incorporation-features li {
	position:relative
}
section.features ul.incorporation-features li:before {
	content:"";
	position:absolute;
	width:14px;
	height:18px;
	left:-32px;
	top:4px;
	background-image:url(feature_icons/document.svg)
}
section.features ul.incorporation-features li+li {
	margin-top:15px
}
section.features .devices-dashboard {
	display:none;
	width:1000px;
	height:750px;
	position:absolute;
	z-index:-1;
	left:0;
	top:-100px;
	transform:scale(.5);
	transform-origin:0 0;
	opacity:0;
	transition:opacity 1s ease
}
section.features .devices-dashboard.loaded {
	opacity:1
}
@media (min-width:670px) {
section.features .devices-dashboard {
display:block;
transform:none
}
}
section.features .devices-dashboard div {
	position:absolute;
	width:1000px;
	height:750px;
	background-size:100% 100%
}
section.features .devices-dashboard .screen {
	transform-origin:0 0;
	overflow:hidden;
	will-change:transform
}
section.features .devices-dashboard img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
section.features .devices-dashboard .ground .shadow {
	background-image:url(devices-dashboard/ground-shadow.png)
}
section.features .devices-dashboard .laptop {
	-webkit-mask:url(devices-dashboard/laptop-mask.svg?2);
	mask:url(devices-dashboard/laptop-mask.svg?2)
}
@supports (-moz-appearance:none) {
section.features .devices-dashboard .laptop {
-webkit-clip-path:url(devices-dashboard/laptop-mask.svg?2#clip);
clip-path:url(devices-dashboard/laptop-mask.svg?2#clip)
}
}
section.features .devices-dashboard .laptop .test {
	background-image:url(devices-dashboard/_test_laptop-screen.svg)
}
section.features .devices-dashboard .laptop .device {
	background-image:url(devices-dashboard/laptop-device.jpg)
}
section.features .devices-dashboard .laptop .controls {
	background-image:url(devices-dashboard/laptop-controls.svg)
}
section.features .devices-dashboard .laptop .screen {
	width:720px;
	height:450px;
	border-radius:6px;
	transform:matrix3d(.8562198209416383, .021937972700884066, 0, .00007058940264233656, .08894470190852294, .8079581585858137, 0, -.00009582949605178664, 0, 0, 1, 0, 35, 42, 0, 1);
	box-shadow:1px 1px 4px rgba(107, 124, 147, .5);
	background:url(devices-dashboard/laptop-screen.jpg) 0 0/100% 100%
}
@media (-webkit-min-device-pixel-ratio:1.3), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {
section.features .devices-dashboard .laptop .screen {
background-image:url(devices-dashboard/laptop-screen@2x.jpg)
}
}


.globalContent {
	-ms-flex-positive:1;
	flex-grow:1;
	padding:0 170px;
}

h1.common-SuperTitle {
	position:relative;
	text-align:center;
	color:#9e2146
}
article.guide-content {
	-ms-flex-order:2;
	order:2;
	margin-top:50px;
	font-size:17px;
	text-align:left;
	line-height:28px;
	color:#6b7c93;
}
@media (min-width:880px) {
article.guide-content {
-ms-flex-order:-1;
order:-1;
margin-top:0;
max-width:calc(100% - 320px);
padding-right:60px
}
}
article.guide-content>aside, article.guide-content>h2, article.guide-content>h3, article.guide-content>img, article.guide-content>ol, article.guide-content>p, article.guide-content>ul {
	margin:25px auto
}
article.guide-content a {
	color:#1b9190;
	font-weight:500;




transition:color .1s ease;
	cursor:pointer
}
article.guide-content a:hover {
	color:#32325d
}
article.guide-content a:active {
	color:#32325d
}
article.guide-content h1 {
	font-size:40px;
	line-height:50px;
	font-weight:400;
	color:#e39f48;
	padding-top:70px
}
article.guide-content h2 {
	font-size:24px;
	line-height:36px;
	font-weight:500;
	color:#32325d;
	padding-top:25px
}
article.guide-content h3 {
	font-size:19px;
	line-height:28px;
	font-weight:500;
	color:#525f7f;
	padding-top:20px
}
article.guide-content strong {
	font-weight:600;
	color:#32325d
}
article.guide-content ul {
	position:relative;
	margin-left:20px
}
article.guide-content ul li {
	position:relative;
	margin:10px auto;
	font-size:15px;
}
article.guide-content ul li:before {
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	top:11px;
	left:-20px;
	border-radius:50%;
	background-color:#cfd7df
}
article.guide-content blockquote {
	position:relative;
	font-style:italic;
	font-weight:500
}
article.guide-content blockquote:before {
	content:url(guide/quote.svg);
	position:absolute;
	top:-1px;
	left:-30px
}
article.guide-content aside {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-direction:column;
	flex-direction:column;
	padding:25px 30px 25px 40px;
	background-color:#f6f9fc;
	border-radius:6px
}
@media (min-width:670px) {
article.guide-content aside {
-ms-flex-direction:row;
flex-direction:row;
}
}
article.guide-content aside svg {
	-ms-flex-negative:0;
	flex-shrink:0
}
article.guide-content aside svg+.content {
	line-height:24px;
	margin-top:25px;
}
article.guide-content aside svg+.content p {
	font-size:15px;
}
article.guide-content aside svg+.content p a {
	font-size:15px;
}
@media (min-width:670px) {
article.guide-content aside svg+.content {
margin-top:0;
margin-left:40px
}
}
article.guide-content img {
	width:100%;
	border-radius:6px
}
article.guide-content img.expandable {
	cursor:pointer
}
article.guide-content .disclaimer {
	padding:25px;
	font-size:14px;
	line-height:24px;
	margin:95px 0 0
}
.image-container {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	padding:10px;
	pointer-events:none
}
@media (min-width:670px) {
.image-container {
padding:50px
}
}
.image-container .overlay {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(82, 95, 127, .4);
	opacity:0;
	pointer-events:none
}
.image-container .image {
	position:relative;
	opacity:0;
	transform-origin:0 0
}
.image-container .image .shadow {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border-radius:4px;
	background-color:rgba(50, 50, 93, .3);
	filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
	filter:blur(10px);
	transform:translateY(8px);
	will-change:transform
}
.image-container .image img {
	position:relative;
	max-width:100%;
	max-height:100%;
	border-radius:4px;
	vertical-align:middle
}
@media (min-width:880px) {
.guide-sidebar {
max-width:320px
}
}
.guide-sidebar .byline {
	position:relative;
	margin-top:24px;
	padding:0 25px 25px ;
	text-align:center
}
.guide-sidebar .byline img {
	width:320px;
	margin-top:-24px;
}
.guide-sidebar .byline h3 {
	font-weight:500;
	font-size:16px;
	color:#32325d;
	margin:10px 0 5px
}
.guide-sidebar .byline p {
	font-size:15px;
	line-height:24px;
	color:#6b7c93
}
.guide-sidebar .toc {
	padding:0;
	max-height:calc(100vh - 80px);
	overflow:hidden;
	box-shadow:0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}
@media (min-width:880px) {
.guide-sidebar .toc {
position:-webkit-sticky;
position:sticky;
top:40px
}
}
.guide-sidebar .toc>ul {
	padding:15px 25px 20px;
	font-size:16px;
	line-height:22px;
	font-weight:500
}
.guide-sidebar .toc>ul a {
	display:block;
	padding:10px 0 5px
}
.guide-sidebar .toc>ul a.current {
	color:#32325d
}
.guide-sidebar .toc>.cta {
	position:relative;
	width:100%;
	font-size:15px;
	color:#6b7c93;
	background-color:#f6f9fc;
	padding:25px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}
.guide-sidebar .toc>.cta h3 {
	font-size:16px;
	font-weight:500;
	color:#32325d;
	margin-bottom:5px
}
.guide-sidebar .toc>.cta p {
	line-height:24px;
	font-size:14px;
}
.guide-sidebar .toc>.cta .common-Button {
	margin-top:20px;
}
.common-Button {
	cursor:pointer
}
