@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,500,500i,600,600i,700,700i&display=swap');
body{
	padding:0;
	margin:26px 0;
	font-family: 'IBM Plex Sans', sans-serif;	
	background-color:#f3f3f3;
	color:#3d3d3d;
}
div, p, span, a, ul, li, img, h1, h2, h3{
	padding:0;
	margin:0;
}
ul, li{
	list-style-type:none;	
}
img{
	font-size:0;
	line-height:0;
}

.OuterWraper{
	width:100%;
	font-family: 'IBM Plex Sans', sans-serif;
}
.OuterWraper .mainWraper{
	width:1000px;
	margin:0 auto;
	background-color:#fff;
}
.OuterWraper .mainWraper .topPanel{
	padding:30px 45px;
	display:flex;
}
.OuterWraper .mainWraper .topPanel .partnerLogo{
	padding:0;	
	margin:0;
	width:auto;
	display: inline-block;
}
.OuterWraper .mainWraper .topPanel .partnerLogo img{
	height:30px;
}

/*.OuterWraper .mainWraper .bannerPanel{
	display:flex;
	align-items: center;
    height: 250px;
	background:url(/sw/swchannel/images/users/138104/LP/banner-bg.png) no-repeat 0 0;
}*/
.OuterWraper .mainWraper .bannerPanel .bannerContent{
	padding:0 45px;
	font-family: 'IBM Plex Sans', sans-serif;
}
.OuterWraper .mainWraper .bannerPanel .bannerContent h2{
	font-size:32px;
	line-height:34px;
	color:#fff;
	margin:0 0 10px;
}
.OuterWraper .mainWraper .bannerPanel .bannerContent p{
	font-size:22px;
	line-height:26px;
	color:#fff;
}
.OuterWraper .mainWraper .BodyPanel{
	display:flex;
	border-bottom:1px solid #d4d4d4;
}
.OuterWraper .mainWraper .BodyPanel .bodyLft{
	width:616px;
	padding:50px 40px 50px 45px;
	box-sizing: border-box;
	border-right:1px solid #d4d4d4;
}
.OuterWraper .mainWraper .BodyPanel .bodyLft h2{
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:26px;
	line-height:28px;
	color:#0869ff;
	padding:0 0 20px;
}
.OuterWraper .mainWraper .BodyPanel .bodyLft h3{
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:0 0 12px;
}
.OuterWraper .mainWraper .BodyPanel .bodyLft p{
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:16px;
	line-height:20px;
	padding:0 0 20px;
}
.OuterWraper .mainWraper .BodyPanel .bodyRig{
	width:384px;
	padding:50px 27px;
	box-sizing: border-box;
}
.OuterWraper .mainWraper .BodyPanel .bodyRig h2{
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:22px;
	line-height:25px;
	padding:0 0 15px;
}
.OuterWraper .mainWraper .FooterPanel{
	padding:0;
	margin:0;
}
.OuterWraper .mainWraper .FooterPanel .CompInfoPanel{
	display:flex;
	justify-content:space-between;
	padding:25px 45px;
	align-items: center;
	border-bottom:1px solid #d4d4d4;
}
.OuterWraper .mainWraper .FooterPanel .CompInfoPanel .compInfo{
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:13px;
	line-height:20px;
}
.OuterWraper .mainWraper .copy{
	padding:20px 45px;
	border-bottom:1px solid #d4d4d4;
}
.OuterWraper .mainWraper .copy p{
	font-family: 'IBM Plex Sans', sans-serif;
	text-align:center;
	font-size:13px;
	line-height:15px;
}
.OuterWraper .mainWraper .termspanle{
	padding:40px 45px;
}
.OuterWraper .mainWraper .termspanle p{
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:10px;
	line-height:14px;
}
.OuterWraper .mainWraper .termspanle a{
	font-family: 'IBM Plex Sans', sans-serif;
	color:#0869ff;
	text-decoration:none;
	font-weight:normal;
}
.OuterWraper .mainWraper .BodyPanel .bodyRig .formPanel table{
			width:100%;
		}
		
.OuterWraper .mainWraper .BodyPanel .bodyRig .formPanel .FormTextBox,
.OuterWraper .mainWraper .BodyPanel .bodyRig .formPanel .FormTextBoxFocus,
.OuterWraper .mainWraper .BodyPanel .bodyRig .formPanel .FormPhoneBox,
.OuterWraper .mainWraper .BodyPanel .bodyRig .formPanel .FormPhoneBoxFocus, 
.OuterWraper .mainWraper .BodyPanel .bodyRig .formPanel .requiredField{
	border:1px solid #b4c5d8;
	width:100%;
	height:40px;
	padding:0 15px;
	margin:0 0 10px;
	box-sizing: border-box;
}

@media screen and (max-width:999px){
	.OuterWraper .mainWraper{
		width:100%;
		padding:0;
		box-sizing: border-box;
		}
		.OuterWraper .mainWraper .BodyPanel .bodyLft{
			width:61%;
		}
		.OuterWraper .mainWraper .BodyPanel .bodyRig{
			width:39%;
		}


}
@media screen and (max-width:800px){
			.OuterWraper .mainWraper .BodyPanel{
			flex-direction:column;
		}
	.OuterWraper .mainWraper .BodyPanel .bodyLft{
			width: 100%;
			border-right:none;

			border-bottom: 1px solid #d4d4d4;
			margin: 0 0 30px;
			padding: 50px 40px 20px 45px;
		}
		.OuterWraper .mainWraper .BodyPanel .bodyRig{
			width: 100%;
			padding: 0 45px 50px;
			
		}
		.OuterWraper .mainWraper .BodyPanel .bodyRig .formPanel table{
			width:100%;
		}
		
}
@media screen and (max-width:640px){
	.OuterWraper .mainWraper .bannerPanel .bannerContent h2 {
		font-size: 28px;
		line-height: 30px;
	}
	.OuterWraper .mainWraper .bannerPanel .bannerContent p {
		font-size: 20px;
		line-height: 24px;
		}
		.OuterWraper .mainWraper .BodyPanel .bodyLft h2 {
			font-size: 24px;
			line-height: 28px;
		}
		.OuterWraper .mainWraper .BodyPanel .bodyLft h3 {
   			 font-size: 17px;
		}
		.OuterWraper .mainWraper .BodyPanel .bodyRig h2 {
			font-size: 20px;
			line-height: 23px;
		}
}
@media screen and (max-width:480px){
	.OuterWraper .mainWraper .topPanel{
		padding: 30px 25px;
	}
	.OuterWraper .mainWraper .bannerPanel .bannerContent{
		padding: 0 25px;
	}
	.OuterWraper .mainWraper .BodyPanel .bodyLft{
		padding: 50px 25px 20px 25px;
	}
	.OuterWraper .mainWraper .BodyPanel .bodyRig{
		padding: 0 25px 50px;
	}
	.OuterWraper .mainWraper .FooterPanel .CompInfoPanel{
		flex-direction:column;
		padding: 25px 25px;
	}
	.OuterWraper .mainWraper .FooterPanel .CompInfoPanel .IbmLogo{
		width:100%;
		text-align: center;
		padding:0 0 15px;
	}
	.OuterWraper .mainWraper .FooterPanel .CompInfoPanel .compInfo{
		width: 100%;
		text-align: center;
	}
	.OuterWraper .mainWraper .termspanle {
		padding: 20px 25px;
		text-align: center;
	}
	
}