@charset "utf-8";

/* CSS Document */
.sec1 {
	background: url(../images/sec1.jpg) center top no-repeat;
	padding: 25px 0 44px 0;
}

.s1txt2,
.s1txt3 {
	font-weight: bold;
	font-size: 50px;
	line-height: 64px;
	text-align: left;
	color: #fff;
}

.s1txt3 {
	font-size: 57px;
	line-height: 68px;
}

.s1txt3 span.span1 {
	background: url(../images/highlight.jpg) left bottom repeat-x;
	padding: 0 6px;
	color: #fff;
}

.s1line {
	height: 2px;
	background: #0b509d;
	width: 72%;
	margin-top: 18px;
}

.s1txtbx2 {
	position: relative;
	padding: 0 0 0 155px;
	margin: 28px 0 0 0;
	width: 80%;
}

.s1txtbx2img {
	position: absolute;
	left: -5px;
	top: -2px;
}

.s1txtbx2txt1 {
	font-weight: bold;
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	text-align: left;
	font-style: italic;
}

.s1txtbx2txt2 {
	font-size: 24px;
	line-height: 34px;
	text-align: left;
	margin-top: 12px;
	color: #fff;
}

.s1bx {
	margin: 28px 0 0 0;
	background: #fff url(../images/s1bxbg.jpg) right top no-repeat;
	border-radius: 14px;
	padding: 28px 28px;
}

ul.s1bx-list {
	padding: 0;
}

ul.s1bx-list li {
	background: url(../images/bullet4.png) left 5px no-repeat;
	padding: 0 0 0 56px;
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	text-align: left;
	width: 90%;
}

ul.s1bx-list li:nth-child(2),
ul.s1bx-list li:nth-child(3) {
	width: 80%;
	margin: 16px 0 0 0;
	border-top: 1px solid #dddddd;
	padding: 16px 0 0 56px;
	background: url(../images/bullet4.png) left 23px no-repeat;
}

ul.s1bx-list li:nth-child(3) {
	padding: 18px 50px 0 56px;
}

/*-----------------strip-----------------*/
.strip {
	background: #e7eaf1;
	padding: 32px 0;
}

.strip-hding {
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
}

.strip-logos {
	margin: 20px auto 0 auto;
	display: block;
	max-width: 100%;
}

/*-----------------section2-----------------*/
.sec2 {
	padding: 40px 0 1148px 0;
}

.s2imgbx {
	position: relative;
}

.s2arw {
	position: absolute;
	left: 380px;
	top: 30px;
}

.s2img {
	float: right;
	margin: 0 -10px 0 10px;
	max-width: 100%;
}

/*-----------------section3-----------------*/
.sec3 {
	background: #ab0073 url(../images/sec3.jpg) center top no-repeat;
	padding: 0 0 46px 0;
}

.s3bx {
	background: #f1f6ff url(../images/s3bxbg.jpg) right 425px no-repeat;
	box-shadow: 0 0 10px #e5e3e3;
	border-radius: 14px;
	padding: 38px 30px;
	margin: -1108px 0 0 0;
}

ul.s3bx-list,
ul.s3bx-list2 {
	padding: 0;
}

ul.s3bx-list li,
ul.s3bx-list2 li {
	background: url(../images/bullet5.png) left 8px no-repeat;
	padding: 0 0 0 40px;
	margin: 30px 0 0 0;
	font-weight: bold;
	font-style: italic;
}

ul.s3bx-list2 li {
	background: url(../images/bullet6.png) left 8px no-repeat;
}

.s3bximg {
	float: right;
	margin: 26px -15px 0 10px;
	max-width: 100%;
}

.s3hdimg {
	margin: 30px 0 15px 0;
	display: block;
	max-width: 100%;
	width: 550px;
}

.s3img {
	float: left;
	margin: 25px 22px -10px -20px;
	max-width: 100%;
}

/*-----------------section4-----------------*/
.sec4 {
	padding: 40px 0;
}

.s4bx {
	background: #ab0073;
	margin: 40px 0 0 0;
	padding: 22px 350px 22px 28px;
	border-radius: 14px;
	color: #fff;
	position: relative;
}

.s4img {
	float: right;
	margin: -30px 20px -20px 0;
	max-width: 100%;
}

.s4bximg {
	position: absolute;
	right: 0;
	bottom: 0;
}

/*-----------------section5-----------------*/
.sec5 {
	background: #ffe4f7;
	padding: 40px 0 110px 0;
}

.s5txtmar {
	margin-top: 34px;
}

.s5img {
	float: left;
	margin: 21px 20px 0 -15px;
	max-width: 100%;
}

/*-----------------section6-----------------*/
.sec6 {
	background: url(../images/index-sec6.jpg) center top no-repeat;
	padding: 0 0 110px 0;
	color: #fff;
}

.s6bx {
	margin: -70px 0 0 0;
	background: #ab0073;
	border-radius: 10px;
	padding: 22px 28px;
}

.s6bximg {
	float: right;
	margin: -5px 0 0 20px;
	max-width: 100%;
}

.s6img {
	float: right;
	margin: -10px -140px -70px -120px;
	max-width: 100%;
}

.s6txtmar {
	margin-top: 34px;
}

@media only screen and (max-width: 1000px) {
	.sec1 {
		background: url(../images/sec1.jpg) 61% top no-repeat scroll;
	}

	.s1txt2 {
		font-size: 39px;
		line-height: 52px;
	}

	.s1txt3 {
		font-size: 41px;
		line-height: 55px;
	}

	.s1txtbx2 {
		padding: 0 0 0 118px;
		width: 76%;
	}

	.s1txtbx2txt1,
	.s1txtbx2txt2 {
		font-size: 20px;
		line-height: 30px;
	}

	.s1txtbx2img {
		width: 114px;
	}

	.s1bx {
		padding: 25px 20px;
	}

	ul.s1bx-list li {
		font-size: 20px;
		line-height: 28px;
	}

	ul.s1bx-list li:nth-child(2),
	ul.s1bx-list li:nth-child(3) {
		width: 83%;
	}

	.s2img {
		width: 350px;
	}

	.s2arw {
		width: 170px;
		left: 325px;
		top: 0;
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}

	.s3bx {
		background: #f1f6ff url(../images/s3bxbg.jpg) right 385px no-repeat;
		padding: 28px 18px;
	}

	.s3bximg {
		width: 330px;
		margin: 26px -15px 0 0;
	}

	ul.s3bx-list li,
	ul.s3bx-list2 li {
		background-size: 20px;
		padding: 0 0 0 34px;
		margin: 25px 0 0 0;
	}

	.s3img {
		width: 340px;
	}

	.s3hdimg {
		width: 390px;
	}

	.s4img {
		margin: 0 0 -20px -50px;
		width: 270px;
	}

	.s4bx {
		margin: 36px 0 0 0;
		padding: 22px 330px 22px 18px;
	}

	.s4bximg {
		width: 300px;
	}

	.sec5 {
		padding: 40px 0 100px 0;
	}

	.s5txtmar {
		margin-top: 30px;
	}

	.s5img {
		width: 350px;
		margin: 21px 14px 0 -15px;
	}

	.s6bx {
		margin: -60px 0 0 0;
		padding: 22px 18px;
	}

	.s6bximg {
		width: 290px;
	}

	.s6img {
		width: 460px;
		margin: -10px -80px -70px -120px;
	}

	.s6txtmar {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.sec1 {
		background: #09287a url(../images/sec1-mob.jpg) center -70px no-repeat;
		padding: 15px 0 24px 0;
	}

	.s1top {
		width: 460px;
		margin: 0 auto;
		display: block;
	}

	.s1txt2,
	.s1txt3 {
		text-align: center;
	}

	.s1txt2 {
		font-size: 28px;
		line-height: 36px;
	}

	.s1txt3 {
		font-size: 32px;
		line-height: 44px;
		padding: 0 2px;
	}

	.s1txt3 span.span1 {
		background: url(../images/highlight-mob.jpg) left bottom repeat-x;
	}

	.s1arw {
		position: absolute;
		width: 50px;
		right: 136px;
		top: -30px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.s1txtbx2 {
		padding: 0 0 0 165px;
		width: 100%;
		margin: 200px 0 0 0;
	}

	.s1txtbx2txt1,
	.s1txtbx2txt2 {
		font-size: 19px;
		line-height: 26px;
	}

	.s1txtbx2img {
		width: 160px;
	}

	.s1bx {
		background: #fff;
		margin: 25px 0 0 0;
		padding: 20px 13px;
	}

	ul.s1bx-list li,
	ul.s1bx-list li:nth-child(2),
	ul.s1bx-list li:nth-child(3) {
		width: 100%;
		font-size: 18px;
		line-height: 24px;
		background-size: 22px;
		padding: 0 0 0 37px;
	}

	ul.s1bx-list li:nth-child(2),
	ul.s1bx-list li:nth-child(3) {
		margin: 14px 0 0 0;
		padding: 14px 0 0 37px;
	}

	.strip {
		padding: 22px 0;
	}

	.strip-hding {
		font-size: 22px;
		line-height: 30px;
	}

	.strip-logos {
		margin: 15px auto 0 auto;
	}

	.sec2 {
		padding: 30px 0 1100px 0;
	}

	.s2imgbx {
		width: 320px;
		margin: 14px auto 0 auto;
	}

	.s2arw {
		width: 130px;
		left: -10px;
		top: -8px;
		transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
	}

	.s2img {
		width: 320px;
		float: none;
		margin: 0 auto;
		display: block;
		max-width: 100%;
	}

	.sec3 {
		padding: 0 0 30px 0;
	}

	.s3bx {
		background: #f1f6ff;
		padding: 23px 12px;
		margin: -1062px 0 0 0;
	}

	ul.s3bx-list,
	ul.s3bx-list2 {
		padding: 4px 0 0 0;
	}

	ul.s3bx-list li {
		margin: 22px 0 0 0;
		background: url(../images/bullet5.png) left 6px no-repeat;
		background-size: 20px;
	}

	ul.s3bx-list2 li {
		margin: 22px 0 0 0;
		background: url(../images/bullet6.png) left 6px no-repeat;
		background-size: 20px;
	}

	.s3bximg,
	.s3img,
	.s4img,
	.s5img,
	.s6bximg,
	.s6img {
		float: none;
		margin: 15px auto -13px auto;
		display: block;
		max-width: 100%;
	}

	.s3img {
		margin: 0 auto 10px auto;
	}

	.s4img {
		margin: 20px auto 0 auto;
	}

	.s6bximg {
		margin: 24px auto 0 auto;
	}

	.s6img {
		margin: 0 auto -25px auto;
	}

	.s3hdimg {
		width: auto;
		margin: 16px 0 0 0;
	}

	.sec4 {
		padding: 30px 0;
	}

	.s4bx {
		margin: 34px 0 0 0;
		padding: 20px 12px 0 12px;
	}

	.s4bximg {
		position: inherit;
		right: auto;
		bottom: auto;
		margin: 25px auto 0 auto;
		display: block;
		max-width: 100%;
	}

	.sec5 {
		padding: 30px 0 97px 0;
	}

	.s5txtmar {
		margin-top: 10px;
	}

	.sec6 {
		background-size: cover;
		padding: 0 0 104px 0;
	}

	.s6bx {
		padding: 20px 12px;
	}
}

@media only screen and (max-width: 479px) {
	.sec1 {
		background: #09287a url(../images/sec1-mob.jpg) center -102px no-repeat;
		padding: 15px 0 24px 0;
	}

	.s1top {
		width: 370px;
	}

	.s1txt2 {
		font-size: 24px;
		line-height: 32px;
	}

	.s1txt3 {
		font-size: 25px;
		line-height: 35px;
	}

	.s1arw {
		width: 45px;
		right: 105px;
		top: -20px;
		transform: rotate(35deg);
		-webkit-transform: rotate(35deg);
	}

	.s1txtbx2txt1 {
		font-size: 18px;
		line-height: 24px;
	}

	.s1txtbx2txt2 {
		font-size: 16px;
		line-height: 22px;
	}

	.strip-hding {
		font-size: 20px;
		line-height: 28px;
	}

	.s2arw {
		width: 110px;
		left: 13px;
		top: 0;
		transform: rotate(26deg);
		-webkit-transform: rotate(26deg);
	}
}

@media only screen and (max-width: 400px) {
	.s2arw {
		width: 110px;
		left: 23px;
		top: 0;
		transform: rotate(26deg);
		-webkit-transform: rotate(26deg);
	}
}

@media only screen and (max-width: 389px) {
	.sec1 {
		background: #09287a url(../images/sec1-mob.jpg) center -102px no-repeat;
	}

	.s1top {
		width: 350px;
	}

	.s1arw {
		right: 100px;
	}

	.s1txt2 {
		font-size: 22px;
		line-height: 32px;
	}

	.s1txt3 {
		font-size: 24px;
		line-height: 34px;
	}

	.s2arw {
		width: 110px;
		left: 34px;
		top: 0;
		transform: rotate(26deg);
		-webkit-transform: rotate(26deg);
	}
}

@media only screen and (max-width: 379px) {
	.sec1 {
		background: #09287a url(../images/sec1-mob.jpg) center -108px no-repeat;
	}

	.s1txt2 {
		font-size: 21px;
		line-height: 30px;
	}

	.s1txt3 {
		font-size: 24px;
		line-height: 33px;
	}
}

@media only screen and (max-width: 369px) {
	.sec1 {
		background: #09287a url(../images/sec1-mob.jpg) center -110px no-repeat;
	}

	.s1top {
		width: 340px;
	}

	.s1arw {
		width: 40px;
		right: 94px;
	}

	.s1txt2 {
		font-size: 20px;
		line-height: 30px;
	}

	.s1txt3 {
		font-size: 23px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 359px) {
	.sec1 {
		background: #09287a url(../images/sec1-mob.jpg) center -118px no-repeat;
	}

	.s1top {
		width: 330px;
	}

	.s1arw {
		/*left:38px;top:-17px;width:58px;*/
	}

	.s1txt2 {
		font-size: 19px;
		line-height: 29px;
	}

	.s1txt3 {
		font-size: 22px;
		line-height: 31px;
	}
}

/*====================section7, 8, 9,10, 11, 12, 13, 14======================*/
.sec7 {
	padding: 0 0 1100px 0;
}

.s7bx {
	margin: -65px 0 0 0;
	background: #363636;
	border-radius: 10px;
	padding: 22px 28px;
	color: #fff;
}

.s7img {
	float: left;
	margin: 20px -30px -20px -30px;
	max-width: 100%;
}

/*------------------section8--------------------*/
.sec8 {
	padding: 0 0 40px 0;
	background: #fff url(../images/sec8.jpg) center top no-repeat;
}

.s8bx {
	background: #ffe4f7;
	box-shadow: 0 0 10px #e5e3e3;
	border-radius: 14px;
	padding: 34px 30px;
	margin: -1070px 0 0 0;
}

.s8bxhd span.span1 {
	background: url(../images/s8bxhdbg.jpg) left center repeat-x;
	color: #fff;
	text-transform: uppercase;
}

.s8bximg1 {
	float: left;
	margin: 20px 15px 0 -15px;
	max-width: 100%;
}

.s8bxinbx {
	background: #ab0073 url(../images/s8bx-inbxbg.jpg) right center no-repeat;
	margin: 40px 0 0 0;
	padding: 22px 340px 22px 28px;
	border-radius: 14px;
	color: #fff;
	position: relative;
}

.hand {
	margin: 0 6px 0 0;
}

.s8inbximg {
	position: absolute;
	right: 18px;
	top: -70px;
	max-width: 100%;
}

.s8bximg2 {
	float: right;
	margin: 20px -15px 0 10px;
	max-width: 100%;
}

.s8hding span.span1 {
	background: url(../images/s8hdbg1.jpg) left center repeat-x;
	color: #fff;
	padding: 1px 4px;
}

.s8hding span.span2 {
	background: url(../images/s8hdbg2.jpg) left center repeat-x;
	padding: 1px 4px;
}

.s8img {
	float: left;
	margin: 46px 35px 0 0;
	max-width: 100%;
}

/*------------------section9--------------------*/
.sec9 {
	background: #ab0073 url(../images/sec9.jpg) center top no-repeat;
	padding: 40px 0;
	color: #fff;
}

.s9img {
	float: right;
	margin: 25px -15px 0 0;
	max-width: 100%;
}

.s9txtmar {
	margin-top: 34px;
}

/*------------------section10--------------------*/
.sec10 {
	padding: 40px 0;
}

.s10img {
	float: left;
	margin: -20px -80px -30px -50px;
	max-width: 100%;
}

/*------------------section11--------------------*/
.sec11 {
	padding: 40px 0 172px 0;
	background: #ffe4f7;
}

.s11img {
	float: right;
	margin: 0 0 -20px 0;
	max-width: 100%;
}

.s11bx {
	background: #ab0073;
	margin: 40px 0 0 0;
	padding: 20px 28px;
	color: #fff;
	border-radius: 13px;
	font-weight: bold;
	width: 55%;
}

/*------------------section12--------------------*/
.sec12 {
	padding: 0 0 40px 0;
}

.s12bx {
	background: #fff;
	margin: -132px 0 0 0;
	border-radius: 12px;
	box-shadow: 0 0 10px #e7e6e6;
	padding: 45px 28px 34px 28px;
}

.sciencebx1,
.sciencebx2,
.sciencebx3 {
	margin: 40px 0 0 0;
	background: #ffe7e7;
	border: 2px solid #ffa7a8;
	border-radius: 12px;
	padding: 24px 28px;
	display: table;
	width: 100%;
}

.sciencebx2,
.sciencebx3 {
	margin: 30px 0 0 0;
}

.sciencebx3 {
	background: #e2ffd7;
	border: 2px solid #26c229;
	box-shadow: 0 5px 10px #bebebe;
}

.scienceimg {
	float: right;
	margin: 0 -15px 0 20px;
	max-width: 100%;
}

/*------------------section13--------------------*/
.sec13 {
	padding: 40px 0 388px 0;
	background: url(../images/sec13.jpg) center top no-repeat;
	color: #fff;
}

.s13txt {
	padding-left: 44%;
}

/*------------------section14--------------------*/
.sec14 {
	padding: 0 0 40px 0;
}

.s14bx {
	margin: -348px 0 0 0;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #ab0073;
	border-bottom: 6px solid #ab0073;
	padding: 34px 30px;
}

.s14bximg {
	float: right;
	margin: -22px -15px 0 30px;
	max-width: 100%;
}

.s14bx2 {
	float: right;
	display: inline-block;
	margin: 40px 0 0 0;
	background: url(../images/a.jpg) right center no-repeat;
	padding: 20px 28px;
	border-radius: 12px;
	color: #fff;
	width: 100%;
	font-weight: bold;
	background-size: cover;
}

.s14img {
	float: left;
	margin: 30px 30px 0 0;
	max-width: 100%;
}

.s14txt {
	display: inline-block;
	width: 58.4%;
}

@media only screen and (max-width: 1000px) {
	.sec7 {
		padding: 0 0 1118px 0;
	}

	.s7bx {
		padding: 22px 18px;
	}

	.s7img {
		width: 400px;
		margin: 26px -30px 0 -30px;
	}

	.s8bx {
		padding: 26px 18px;
	}

	.s8bximg1 {
		width: 330px;
		margin: 20px 12px 15px -15px;
	}

	.s8bxinbx {
		padding: 20px 300px 20px 18px;
	}

	.s8inbximg {
		width: 200px;
		top: -42px;
	}

	.s8bximg2 {
		width: 300px;
		margin: 26px -12px 0 0;
	}

	.s8img {
		width: 350px;
		margin: 66px 35px 20px 0;
	}

	.s9txtmar {
		margin-top: 72px;
	}

	.s9img {
		width: 340px;
	}

	.s10img {
		width: 450px;
		margin: -40px -70px -50px -20px;
	}

	.s11img {
		width: 340px;
	}

	.s11bx {
		margin: 36px 0 0 0;
		padding: 20px 18px;
	}

	.s12bx {
		padding: 30px 18px 22px 18px;
	}

	.sciencebx1,
	.sciencebx2,
	.sciencebx3 {
		margin: 36px 0 0 0;
		padding: 22px 18px;
	}

	.sciencebx2,
	.sciencebx3 {
		margin: 26px 0 0 0;
	}

	.scienceimg {
		margin: 0 -15px 0 10px;
	}

	.s13txt {
		padding-left: 34%;
	}

	.s14bx {
		padding: 28px 20px;
	}

	.s14bximg {
		width: 340px;
		margin: -20px -15px 0 0;
	}

	.s14img {
		width: 314px;
	}

	.s14bx2 {
		margin: 34px 0 0 0;
		padding: 16px 18px;
		width: 53%;
	}

	.s14txt {
		width: 53%;
	}
}

@media only screen and (max-width: 767px) {
	.sec7 {
		padding: 0 0 1110px 0;
	}

	.s7bx {
		padding: 18px 12px;
	}

	.s7img,
	.s8bximg1,
	.s8bximg2,
	.s8img,
	.s9img,
	.s10img,
	.s11img,
	.scienceimg,
	.s14img,
	.s14bximg {
		float: none;
		margin: 10px auto -20px auto;
		display: block;
		max-width: 100%;
	}

	.s8bximg1,
	.s9img,
	.s14img {
		margin: 15px auto -15px auto;
	}

	.s8img {
		width: 260px;
		margin: 25px auto -5px auto;
	}

	.s10img {
		margin: -10px auto -40px auto;
	}

	.s11img {
		margin: 15px auto 0 auto;
		width: 300px;
	}

	.scienceimg {
		margin: 10px auto -20px auto;
	}

	.s14bximg {
		margin: 15px auto -18px auto;
	}

	.s14img {
		margin: 25px auto 0 auto;
	}

	.sec8 {
		padding: 0 0 30px 0;
	}

	.s8bx {
		padding: 24px 12px;
	}

	.s8bxhd span.span1 {
		background: url(../images/s8bxhdbg-mob.jpg) left center repeat-x;
	}

	.s8bxinbx {
		background: #ab0073;
		padding: 20px 12px 20px 12px;
		margin: 34px 0 0 0;
	}

	.s8inbximg {
		position: inherit;
		right: auto;
		top: auto;
		margin: 10px auto -6px auto;
		display: block;
		max-width: 100%;
	}

	.s8hding span.span1 {
		background: url(../images/s8hdbg1-mob.jpg) left center repeat-x;
		padding: 0 4px;
	}

	.s8hding span.span2 {
		background: url(../images/s8hdbg2-mob.jpg) left center repeat-x;
		padding: 0 4px;
	}

	.sec9,
	.sec10 {
		padding: 30px 0;
	}

	.s9txtmar {
		margin-top: 66px;
	}

	.sec11 {
		padding: 30px 0 172px 0;
	}

	.s11bx {
		width: 100%;
		margin: 30px 0 0 0;
		padding: 20px 12px 0 12px;
	}

	.sec12 {
		padding: 0 0 35px 0;
	}

	.s12bx {
		padding: 24px 12px 20px 12px;
	}

	.sciencebx1,
	.sciencebx2,
	.sciencebx3 {
		margin: 33px 0 0 0;
		padding: 22px 12px;
	}

	.sciencebx2,
	.sciencebx3 {
		margin: 24px 0 0 0;
	}

	.sec13 {
		padding: 30px 0 380px 0;
	}

	.s13txt {
		padding-left: 0;
	}

	.sec14 {
		padding: 0 0 30px 0;
	}

	.s14bx {
		padding: 24px 12px;
	}

	.s14bx2 {
		background-size: cover;
		width: 100%;
		padding: 20px 12px;
		margin: 34px 0 0 0;
	}

	.s14txt {
		width: auto;
	}
}

/*====================section15, 16, 17, 18, 19========================*/
.sec15 {
	background: #ffe4f7;
	padding: 40px 0 184px 0;
}

.s15img1 {
	margin: 24px auto 0 auto;
	display: block;
	max-width: 100%;
}

.s15img2 {
	float: right;
	margin: 30px -15px 0 20px;
	max-width: 100%;
}

/*------------------section16--------------------*/
.sec16 {
	padding: 0 0 40px 0;
	background: #fff;
}

.s16bx {
	margin: -144px 0 0 0;
	background: #ab0073;
	border-radius: 14px;
	position: relative;
	padding: 22px 28px 21px 400px;
	color: #fff;
	height: 213px;
	width: 100%;
	display: table;
}

.s16bximg {
	position: absolute;
	left: 0;
	bottom: 0;
}


.s16hding {
	color: #ab0073;
	position: relative;
}

.s16hding:before,
.s16hding:after {
	content: "";
	position: absolute;
	top: 40px;
	width: 235px;
	height: 58px;
}

.s16hding:before {
	left: 30px;
	background: url(../images/s16hdlft.png) center top no-repeat;
}

.s16hding:after {
	right: 10px;
	background: url(../images/s16hdrgt.png) center top no-repeat;
	height: 41px;
	top: 56px;
	width: 260px;
}

.s16img1 {
	float: right;
	margin: 21px -15px 0 10px;
	max-width: 100%;
}

.s16bx2 {
	background: #8c1d6b url(../images/s16bx2bg.png) right center no-repeat;
	padding: 22px 90px 22px 28px;
	border-radius: 14px;
	color: #fff;
	font-weight: bold;
	margin: 40px 0 0 0;
}

.s16img2 {
	float: right;
	margin: -30px -120px -30px -250px;
	max-width: 100%;
}

.s16bx {
	overflow: hidden;
}

img.s16bximg.hide-767 {
	width: 38% !important;
}

/*------------------section17--------------------*/
.sec17 {
	background: #ffe4f7;
	padding: 40px 0;
}

.s17bx {
	margin: 40px 0 0 0;
	background: #ab0073;
	border-radius: 12px;
	padding: 18px 250px 18px 28px;
	color: #fff;
	font-weight: bold;
	position: relative;
}

.s17bximg {
	position: absolute;
	right: 0;
	bottom: 0;
}

.graphbx1,
.graphbx2 {
	margin: 45px auto 0 auto;
	width: 90%;
	display: table;
	background: #fff;
	border-radius: 14px;
	padding: 40px 45px;
	box-shadow: 0 0 10px #d9dee8;
}

.graphbx2 {
	margin: 40px auto 0 auto;
}

.graph {
	margin: 30px auto 0 auto;
	display: block;
	max-width: 100%;
}

ul.graphbx-list {
	padding: 0 0 0 0;
}

ul.graphbx-list li {
	background: url(../images/bullet7.png) left 9px no-repeat;
	padding: 0 0 0 42px;
	margin: 25px 0 0 0;
	line-height: 36px;
}

ul.graphbx-list li span {
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
	margin-right: 5px;
}

/*------------------section18--------------------*/
.sec18 {
	background: #fff url(../images/sec18.jpg) center top no-repeat;
	padding: 40px 0 0 0;
}

.tbx {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 0 10px #e8edf6;
	margin: 44px 0 0 0;
	padding: 30px 30px 35px 30px;
	position: relative;
}

.start-quote,
.end-quote {
	position: absolute;
}

.start-quote {
	left: 30px;
	top: -13px;
}

.end-quote {
	right: 30px;
	bottom: -13px;
}

.timg {
	float: right;
	margin: 4px 0 0 20px;
	max-width: 100%;
}

/*------------------section19--------------------*/
.sec19 {
	padding: 140px 0 0 0;
	background: #ab0073 url(../images/sec19.jpg) center top no-repeat;
	color: #fff;
}

.s19prd {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.s19img {
	float: left;
	margin: 0 -200px 0 -100px;
	max-width: 100%;
}

.s19btm {
	background: url(../images/s19btm.jpg?v=1) center -10px no-repeat;
	padding: 0 0 104px 0;
}

.s19btmtxt {
	padding-left: 40%;
}

@media only screen and (max-width: 1000px) {
	.sec15 {
		background: #ffe4f7;
		padding: 40px 0 204px 0;
	}

	.s15img2 {
		width: 340px;
		margin: 30px -15px 0 0;
	}

	.s16hding:before,
	.s16hding:after {
		top: 40px;
		width: 205px;
		height: 50px;
	}

	.s16hding:before {
		left: 0;
		background-size: 100%;
	}

	.s16hding:after {
		right: 0;
		height: 35px;
		top: 50px;
		width: 205px;
		background-size: 100%;
	}

	.s16bx {
		padding: 30px 28px 21px 349px;
	}

	.s16img1 {
		width: 340px;
	}

	.s16bx2 {
		padding: 20px 40px 20px 18px;
		margin: 36px 0 0 0;
	}

	.s16img2 {
		width: 600px;
		margin: -10px -90px -30px -280px;
	}

	.s17bx {
		margin: 36px 0 0 0;
		padding: 18px 250px 18px 18px;
	}

	.graphbx1,
	.graphbx2 {
		margin: 80px auto 0 auto;
		padding: 30px 20px;
		width: 94%;
	}

	ul.graphbx-list li {
		background: url(../images/bullet7.png) left 7px no-repeat;
		background-size: 25px;
		padding: 0 0 0 36px;
		margin: 20px 0 0 0;
		line-height: 30px;
	}

	ul.graphbx-list li span {
		font-size: 30px;
		line-height: 30px;
	}

	.sec18 {
		padding: 40px 0 20px 0;
	}

	.tbx {
		margin: 40px 0 0 0;
		padding: 25px 20px 30px 20px;
	}

	.timg {
		margin: 4px 0 0 10px;
	}

	.start-quote {
		left: 20px;
	}

	.end-quote {
		right: 20px;
	}

	.sec19 {
		background-size: 100%;
		padding: 82px 0 0 0;
	}

	.s19btm {
		background: url(../images/s19btm.jpg?v=1) 40% top no-repeat scroll;
		padding: 0 0 104px 0;
	}

	.s19btmtxt {
		padding-left: 36%;
	}
}

@media only screen and (max-width: 767px) {
	.sec15 {
		padding: 30px 0 184px 0;
	}

	.s15img2,
	.s16img1,
	.s16img2 {
		float: none;
		margin: 15px auto -15px auto;
		display: block;
		max-width: 100%;
	}

	.s16img2 {
		margin: 32px auto 12px auto;
		border: 2px solid #fff;
		border-radius: 14px;
		box-shadow: 0 0 10px #CCC;
		width: 340px;
	}

	.sec16 {
		padding: 0 0 30px 0;
	}

	.s16bx {
		padding: 20px 12px;
		height: auto;
	}

	.s16bximg-mob {
		margin: 26px auto 0 auto;
		display: block;
		max-width: 100%;
		border-radius: 12px;
		width: 300px;
	}

	.s16hding:before,
	.s16hding:after {
		display: none;
	}

	.s16bx2 {
		padding: 20px 12px 20px 12px;
		margin: 34px 0 0 0;
	}

	.s16arwbx {
		position: relative;
		width: 320px;
		margin: 60px auto 0 auto;
		display: block;
	}

	.sec17 {
		padding: 30px 0;
	}

	.graphbx1,
	.graphbx2 {
		margin: 70px auto 0 auto;
		padding: 25px 18px;
	}

	.s17bx {
		margin: 34px 0 0 0;
		padding: 18px 12px 18px 12px;
	}

	.s17bximg {
		display: none;
	}

	.s17bximg-mob {
		float: right;
		margin: -40px 0 -20px 10px;
		width: 100px;
	}

	.graph {
		margin: 24px auto 0 auto;
	}

	ul.graphbx-list li {
		line-height: 28px;
		background-size: 22px;
		padding: 0 0 0 30px;
	}

	ul.graphbx-list li span {
		font-size: 24px;
		line-height: 28px;
	}

	.sec18 {
		padding: 30px 0 25px 0;
	}

	.tbx {
		margin: 34px 0 0 0;
		padding: 26px 12px 30px 12px;
	}

	.start-quote {
		left: 10px;
		top: -6px;
		width: 24px;
	}

	.end-quote {
		right: 10px;
		bottom: -6px;
		width: 24px;
	}

	.timg {
		width: 120px;
		margin: 0 0 0 10px;
	}

	.sec19 {
		padding: 52px 0 0 0;
	}

	.s19prd {
		width: 400px;
		margin: 0 auto 10px auto;
	}

	.s19btm {
		background: none;
		padding: 0 0 95px 0;
	}

	.s19btmtxt {
		padding-left: 0;
	}

	.s19btmimg-mob {
		margin: 30px auto 0 auto;
		display: block;
		max-width: 100%;
		border: 2px solid #b42384;
		border-radius: 14px;
	}
}

@media only screen and (max-width: 359px) {
	.s16arwbx {
		width: 100%;
	}
}

/*====================section20, 20-b, 21, 22, 23, 24========================*/
.sec20 {
	background: #fff url(../images/sec20.jpg) center top no-repeat;
	padding: 0 0 40px 0;
}

.s20bx {
	background: #fff;
	margin: -60px 0 0 0;
	border-radius: 12px;
	padding: 20px 28px;
	box-shadow: 0 5px 10px #e1dfdf;
}

.s20bx2 {
	background: #ab0073 url(../images/s20bx2bg.png) right center no-repeat;
	margin: 40px 0 0 0;
	padding: 22px 440px 22px 28px;
	border-radius: 14px;
	color: #fff;
	position: relative;
}

.s20bx2img {
	position: absolute;
	right: 10px;
	top: -58px;
}

/*------------------section20-b--------------------*/
.sec20-b {
	background: #ffe4f7 url(../images/sec20-b.jpg) center top no-repeat;
	padding: 40px 0;
}

/*--------------------section21----------------------*/
.sec21 {
	background: #ab0073 url(../images/sec21.jpg) center top no-repeat;
	padding: 40px 0 158px 0;
	color: #fff;
}

/*--------------------section22----------------------*/
.sec22 {
	padding: 0 0 50px 0;
	background: #fff url(../images/15686.jpg) center bottom no-repeat;
}

.s22bx {
	margin: -120px 0 0 0;
	background: #fff;
	border-radius: 12px;
	padding: 28px;
	box-shadow: 0 0 10px #e0e0e0;
}

.s22bximg1 {
	float: right;
	margin: 35px -20px 0 20px;
	max-width: 100%;
}

ul.sec22list {
	padding: 10px 0 0 0;
}

ul.sec22list li {
	margin: 30px 0 0 0;
	background: #e9f0fd;
	border-radius: 14px;
	padding: 22px 28px 22px 214px;
	position: relative;
	height: 146px;
}

ul.sec22list li:nth-child(3) {
	padding: 40px 28px 32px 214px;
}

.s22limg {
	position: absolute;
	left: 0;
	bottom: 0;
}

.s22bximg2 {
	float: right;
	margin: 30px -15px 0 20px;
	max-width: 100%;
}

/*--------------------section23----------------------*/
.sec23 {
	background: #ffe4f7;
	padding: 40px 0 238px 0;
}

.s23img1 {
	float: left;
	margin: 25px 15px 0 -15px;
	max-width: 100%;
}

ul.s23list {
	padding: 0 0 0 0;
}

ul.s23list li {
	background: url(../images/bullet8.png) left 10px no-repeat;
	padding: 0 0 0 37px;
	margin: 36px 0 0 0;
}

.s23img2 {
	float: right;
	margin: 25px 10px 0 10px;
	max-width: 100%;
}

.s23subhding {
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	text-align: center;
}

.s23bx1 {
	margin: 40px 0 0 0;
	background: #fff url(../images/s23bx1bg.jpg) left top no-repeat;
	padding: 30px 38px 30px 384px;
	border-radius: 14px;
}

.s23bx3 {
	background: #ab0073;
	padding: 30px 28px;
	border-radius: 9px;
	margin: 70px 0 0 0;
	color: #fff;
	font-weight: bold;
}

.s23bx3-rgtbx {
	float: right;
	margin: -90px -20px 0 20px;
	width: 420px;
}

.s23bx3prd {
	margin: 0 auto -4px auto;
	display: block;
	max-width: 100%;
}

.s23bx3prc {
	background: #3252ae;
	padding: 2px 10px;
	border-radius: 40px;
	color: #fff;
	width: 220px;
	margin: 5px auto 0 auto;
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
}

.s23bx3prc span {
	margin: 0 8px;
	padding: 0 4px;
}

/*--------------------section24----------------------*/
.sec24 {
	padding: 0 0 40px 0;
	background: #fff;
}

.s24bx {
	margin: -196px 0 0 0;
}

.s24bximg1 {
	float: left;
	margin: 22px 15px 0 -15px;
	max-width: 100%;
}

.s24bximg2 {
	float: right;
	margin: 30px 20px 0 10px;
	max-width: 100%;
}

@media only screen and (max-width: 1000px) {
	.s20bx {
		padding: 20px 18px;
	}

	.s20bx2 {
		margin: 36px 0 0 0;
		padding: 22px 340px 22px 18px;
		background-size: 400px;
	}

	.s20bx2img {
		width: 320px;
		top: -30px;
	}

	.s22bx {
		padding: 20px;
	}

	.s22bximg1,
	.s22bximg2,
	.s23img1 {
		width: 340px;
	}

	.s23img1 {
		margin: 24px 15px 0 -15px;
	}

	.s23img2 {
		width: 300px;
	}

	ul.sec22list li {
		padding: 29px 28px 22px 214px;
	}

	ul.sec22list li:nth-child(3) {
		padding: 29px 28px 22px 214px;
	}

	ul.s23list li {
		background: url(../images/bullet8.png) left 8px no-repeat;
		padding: 0 0 0 32px;
		margin: 30px 0 0 0;
	}

	.s23bx1 {
		margin: 36px 0 0 0;
		padding: 25px 18px 25px 344px;
	}

	.s23bx3 {
		padding: 27px 20px;
		margin: 50px 0 0 0;
	}

	.s23bx3-rgtbx {
		margin: -80px -20px 0 20px;
		width: 370px;
	}

	.s24bximg1 {
		width: 340px;
	}

	.s24bximg2 {
		margin: 30px 0 0 10px;
	}

}

@media only screen and (max-width: 767px) {
	.sec20 {
		padding: 0 0 30px 0;
	}

	.s20bx {
		padding: 20px 12px;
		margin: -55px 0 0 0;
	}

	.s20bx2 {
		margin: 34px 0 0 0;
		padding: 22px 12px;
		background: #ab0073;
	}

	.s20bx2img {
		position: inherit;
		right: auto;
		top: auto;
		margin: 15px auto -15px auto;
		display: block;
		max-width: 100%;
	}

	.sec20-b {
		padding: 30px 0;
	}

	.sec21 {
		padding: 30px 0 150px 0;
	}

	.sec22 {
		padding: 0 0 36px 0;
	}

	.s22bx {
		padding: 20px 12px;
	}

	.s22bximg1 {
		float: none;
		margin: 25px auto -15px auto;
		display: block;
		max-width: 100%;
	}

	ul.sec22list {
		padding: 0;
	}

	ul.sec22list li,
	ul.sec22list li:nth-child(2),
	ul.sec22list li:nth-child(3) {
		padding: 20px 12px;
		height: auto;
		margin: 25px 0 0 0;
	}

	ul.sec22list li p {
		text-align: center;
	}

	.s22limg {
		position: inherit;
		left: auto;
		bottom: auto;
		top: auto;
		margin: 0 auto 12px auto;
		display: block;
		max-width: 100%;
		border-radius: 12px 0 12px 12px;
	}

	.sec23 {
		padding: 30px 0 234px 0;
	}

	.s23img1,
	.s23img2,
	.s24bximg1 {
		float: none;
		margin: 15px auto -15px auto;
		display: block;
		max-width: 100%;
	}

	.s23img2 {
		margin: 15px auto 0 auto;
		padding-right: 30px;
	}

	.s23bx1 {
		margin: 35px 0 0 0;
		background: #fff;
		padding: 20px 12px 25px 12px;
	}

	.s23bx1img {
		margin: 25px auto 0 auto;
		display: block;
		max-width: 100%;
		border: 2px solid #fff;
		border-radius: 12px;
		box-shadow: 0 0 10px #e9e9e9;
	}

	ul.s23list li {
		margin: 25px 0 0 0;
		background: url(../images/bullet8.png) left 7px no-repeat;
		padding: 0 0 0 30px;
	}

	.s23bx3 {
		padding: 20px 12px;
		margin: 35px 0 0 0;
	}

	.s23bx3-rgtbx {
		float: none;
		margin: 20px auto 0 auto;
		width: 100%;
		padding: 0 24px;
	}

	.s23bx3prd {
		margin: 0 auto 10px auto;
	}

	.s23bx3prc {
		/*width: 100%;*/
		font-size: 18px;
		line-height: 28px;
	}

	.sec24 {
		padding: 0 0 30px 0;
	}

	.s24bximg2 {
		width: 100px;
	}
}

/*====================section25, 26, 27, 28========================*/
.sec25 {
	padding: 40px 0 554px 0;
	background: #b2007a url(../images/pink-7761356_1280.png) center bottom no-repeat;
	background-size: cover;
}

.s25txt {
	background: linear-gradient(to right, rgba(48, 79, 171, 0) 0%, rgba(48, 79, 171, 1) 49%, rgba(48, 79, 171, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(48, 79, 171, 0) 0%, rgba(48, 79, 171, 1) 49%, rgba(48, 79, 171, 0) 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
	/* IE6-9 */
	padding: 12px 0;
	margin: 32px 160px 0 160px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.s25txt-b {
	margin: 0 160px 0 160px;
}

/*-------------------section26--------------------*/
.sec26 {
	padding: 1px 0 50px 0;
}

.s26bx {
	background: #fffeec;
	margin: -514px 0 0 0;
	border-radius: 14px;
	border: 2px solid #e7e4b1;
	box-shadow: 0 0 10px #e6e6e6;
}

.s26bxhd {
	background: #ffebc3;
	border-radius: 12px 12px 0 0;
	padding: 18px 20px 0 20px;
}

.s26bxarw {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.s26bxbtm {
	padding: 0 0 25px 0;
}

.s26bximg {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

ul.s26bxlist {
	padding: 5px 0 0 0;
	width: 82%;
	margin: 0 auto;
	display: table;
}

ul.s26bxlist li {
	float: left;
	display: inline-block;
	width: 33.33%;
	background: #5590d8;
	padding: 10px 20px 10px 98px;
	position: relative;
}

ul.s26bxlist li:first-child {
	background: #8d5cc7;
	border-radius: 14px 0 0 14px;
}

ul.s26bxlist li:last-child {
	background: #26afbd;
	border-radius: 0 14px 14px 0;
}

ul.s26bxlist li p {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	text-align: left;
}

ul.s26bxlist li img {
	position: absolute;
	left: 30px;
	top: 10px;
}

ul.s26bxlist li:nth-child(2) img {
	left: 39px;
}

.reg-prc {
	margin: 25px 0 0 0;
	font-size: 22px;
	line-height: 32px;
	color: #373737;
	text-align: center;
}

.reg-prc span {
	padding: 0 5px;
	margin: 0 2px;
}

.s26bx-prcbx {
	margin: 15px auto 0 auto;
	width: 354px;
	display: block;
	position: relative;
}

.s26bxtxt {
	font-weight: bold;
	font-size: 24px;
	line-height: 34px;
	text-align: center;
}

.s26bxprc {
	font-weight: bold;
	font-size: 71px;
	line-height: 71px;
	color: #1b2b61;
	text-align: center;
	margin-top: 8px;
}

.s26bx-lftarw,
.s26bx-rgtarw {
	position: absolute;
	top: 14px;
}

.s26bx-lftarw {
	left: 0;
}

.s26bx-rgtarw {
	right: 0;
}

.s26btn {
	margin: 6px auto 0 auto;
	display: block;
	max-width: 100%;
}

/*-------------------section27--------------------*/
.sec27 {
	background: #ffe4f7;
	padding: 40px 0 246px 0;
}

.s27bx {
	margin: 40px 0 0 0;
	padding: 32px 270px 32px 28px;
	background: #ab0073;
	border-radius: 12px;
	color: #fff;
	font-weight: bold;
	position: relative;
}

.s27bximg {
	position: absolute;
	right: 50px;
	top: -6px;
}

/*-------------------section28--------------------*/
.sec28 {
	padding: 0 0 40px 0;
	background: #ffe4f7;
}

.s28bx {
	margin: -200px 0 0 0;
	background: #fff;
	box-shadow: 0 0 10px #dedbdb;
	border-radius: 14px;
	padding: 28px;
}

.s28bx-inbx {
	margin: 40px 0 0 0;
	background: #ab0073;
	border-radius: 12px;
	position: relative;
	padding: 23px 188px 23px 28px;
	color: #fff;
	font-weight: 600;
}

.s28bx-inbx-img {
	position: absolute;
	right: 10px;
	bottom: 0;
}

@media only screen and (max-width: 1000px) {
	ul.s26bxlist {
		width: 90%;
	}

	ul.s26bxlist li {
		padding: 10px 10px 10px 88px;
	}

	ul.s26bxlist li img {
		left: 20px;
	}

	ul.s26bxlist li p {
		font-size: 22px;
		line-height: 28px;
	}

	.s27bx {
		margin: 36px 0 0 0;
		padding: 22px 200px 22px 20px;
	}

	.s27bximg {
		right: 30px;
		width: 160px;
	}

	.s28bx {
		padding: 24px 20px;
	}

	.s28bx-inbx {
		margin: 36px 0 0 0;
		padding: 23px 128px 23px 20px;
	}

	.s28bx-inbx-img {
		right: 0;
		width: 150px;
	}

}

@media only screen and (max-width: 767px) {
	.sec25 {
		padding: 30px 0 500px 0;
		background-size: cover;
	}

	.s25txt {
		margin: 20px 0 0 0;
	}

	.sec26 {
		padding: 1px 0 35px 0;
	}

	.s26bx {
		margin: -466px 0 0 0;
	}

	.s26bxbtm {
		padding: 0 15px 15px 15px;
	}

	ul.s26bxlist {
		width: 100%;
		padding: 8px 0 0 0;
	}

	ul.s26bxlist li {
		padding: 10px 10px 8px 48px;
	}

	ul.s26bxlist li img {
		height: 35px;
		left: 10px;
		top: 15px;
	}

	ul.s26bxlist li:nth-child(2) img {
		left: 14px;
		top: 15px;
	}

	ul.s26bxlist li p {
		font-size: 15px;
		line-height: 19px;
	}

	.reg-prc {
		margin: 20px 0 0 0;
		font-size: 20px;
		line-height: 30px;
	}

	.reg-prc span {
		padding: 0 2px;
	}

	.s26bx-prcbx {
		margin: 10px auto 0 auto;
	}

	.sec27 {
		padding: 30px 0 228px 0;
	}

	.s27bx {
		margin: 35px 0 0 0;
		padding: 20px 12px;
	}

	.s27bximg-mob {
		float: right;
		margin: 0 0 0 10px;
		width: 120px;
	}

	.s28bx {
		padding: 20px 12px;
	}

	.s28bx-inbx {
		margin: 35px 0 0 0;
		padding: 20px 12px 0 12px;
	}

	.s28bx-inbx-img {
		position: inherit;
		right: auto;
		bottom: auto;
		margin: 15px auto 0 auto;
		display: block;
		width: auto;
	}

}

@media only screen and (max-width: 479px) {
	.s25txt {
		padding: 6px 0;
	}

	.s26bxhd {
		padding: 6px 10px 5px 10px;
	}

	.s26bxbtm {
		padding: 0 10px 15px 10px;
	}

	ul.s26bxlist li {
		padding: 7px 10px 8px 10px;
	}

	ul.s26bxlist li img,
	ul.s26bxlist li:nth-child(2) img {
		display: none;
	}

	ul.s26bxlist li p {
		text-align: center;
	}

	.reg-prc {
		font-size: 16px;
		line-height: 26px;
	}

	.s26bx-prcbx {
		width: 260px;
	}

	.s26bxtxt {
		font-size: 20px;
		line-height: 28px;
	}

	.s26bxprc {
		font-size: 54px;
		line-height: 54px;
	}

	.s26bx-lftarw,
	.s26bx-rgtarw {
		width: 64px;
	}

	.s27bximg-mob {
		float: right;
		margin: 0 0 0 0;
		width: 100px;
	}

}

@media only screen and (max-width: 359px) {
	ul.s26bxlist li {
		padding: 7px 5px 8px 5px;
	}
}

.ovrfl {
	overflow: hidden;
	background: #fff;
}

/*======================section29, 30, 31, 32, 33, 34=========================*/
.sec29 {
	padding: 0 0 40px 0;
	background: #ffe4f7 url(../images/flowers-4931217_1280.png) repeat;
}

.encriptbx {
	background: #ab0073;
	margin: 40px 0 0 0;
	padding: 22px 28px;
	border-radius: 16px;
	color: #fff;
	font-weight: bold;
}

.encriptbximg {
	float: right;
	margin: 5px 15px 0 40px;
	max-width: 100%;
}

.s29img {
	float: left;
	margin: 23px 14px -8px -15px;
	max-width: 100%;
}

/*-------------------section30--------------------*/
.sec30 {
	background: #ffe4f7;
	padding: 40px 0 50px 0;
}

.giftbx {
	margin: 40px 0 0 0;
	border: 2px solid #ab0073;
	border-radius: 14px;
	width: 100%;
	display: table;
	background: #fff;
}

.giftbxhd {
	background: #ab0073;
	padding: 12px 24px 16px 24px;
	border-radius: 12px 12px 0 0;
}

.giftbxhd p {
	font-weight: bold;
	font-size: 34px;
	line-height: 44px;
	color: #fff;
	text-align: left;
}

.giftbxhd p span {
	color: #fff000;
}

.giftbxbtm {
	padding: 25px 24px;
}

.giftbx-imgbx {
	position: relative;
}

.badge,
.badge2 {
	position: absolute;
	right: 5px;
	top: 25px;
	height: 133px;
	width: 134px;
	background: url(../images/badgebg.png) center center no-repeat;
	background-size: 100%;
	padding: 0 0 0 4px;
}

.badge2 {
	background: url(../images/badge2bg.png) center center no-repeat;
	top: 0;
}

.badge-txt1,
.badge-txt2 {
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	padding: 26px 0 0 0;
}

.badge-txt1 span {
	font-size: 25px;
	font-weight: bold;
}

.badge-txt2 {
	font-weight: bold;
	font-size: 40px;
	line-height: 30px;
	padding: 3px 0 0 0;
}

.badge2-txt {
	font-weight: bold;
	font-size: 21px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 36px 0 0 0;
}

.giftbx-img1 {
	float: right;
	margin: -12px 24px 16px 80px;
	max-width: 100%;
}

.giftbx-img2 {
	float: right;
	margin: 0 24px 80px 70px;
	max-width: 100%;
}

.giftbx-img3 {
	float: right;
	margin: -3px 24px 16px 60px;
	max-width: 100%;
}

.superbonusbx-img {
	float: right;
	margin: 4px 20px 0 32px;
	max-width: 100%;
}

.super-bonusbx {
	margin: 40px 0 0 0;
	background: #fffef3;
	border-radius: 14px;
	border: 2px solid #ece795;
	box-shadow: 0 0 10px #cfdfe2;
}

.super-bonusbxhd1 {
	border-radius: 14px 14px 0 0;
	padding: 17px 24px 13px 24px;
}

.super-bonusbxhd1 p {
	font-size: 28px;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
}

.super-bonusbxhd2 {
	position: relative;
}

.super-bonusbxhd2 p {
	text-align: center;
	font-size: 34px;
	line-height: 44px;
	font-weight: bold;
	padding: 18px 50px;
}

.superbonus-belt {
	position: absolute;
	left: -35px;
	top: 0;
}

.superbonus-txt {
	padding-top: 20px;
}

/*-------------------section31--------------------*/
.sec31 {
	background: #fff url(../images/5612626.jpg) no-repeat top center;
	padding: 0 0 40px 0;
	background-size: cover;
}

.s26bxbtm {
	background: #ffffed;
}

.s31bx {
	background: #213d91;
	margin: 45px 0 0 0;
	border-radius: 12px;
	padding: 22px 370px 22px 28px;
	position: relative;
	color: #fff;
}

.s31bximg {
	position: absolute;
	right: -15px;
	bottom: 0;
}

.s31img1 {
	float: left;
	margin: 0 -100px -30px -100px;
	max-width: 100%;
}

.s31img2 {
	float: right;
	margin: 30px -15px 0 0;
	max-width: 100%;
}

/*-------------------section32--------------------*/
.sec32 {
	background: #213d91 url(../images/sec32.jpg) top center no-repeat;
	padding: 40px 0 104px 0;
	color: #fff;
}

.s32txtwidth {
	width: 64%;
}

/*-------------------section33--------------------*/
.sec33 {
	background: #ffe4f7;
	padding: 1px 0 40px 0;
}

.s33bx {
	margin: -60px 0 0 0;
	background: #fff;
	border-radius: 12px;
	padding: 22px 28px;
	box-shadow: 0 5px 10px #ced9ef;
}

.s33img1 {
	float: left;
	margin: 30px 15px 0 -15px;
	max-width: 100%;
}

.mailbx,
.s33bx2 {
	background: #fff;
	border: 1px solid #2c468e;
	box-shadow: 0 0 10px #d7dbe5;
	border-radius: 12px;
	margin: 40px 0 0 0;
	padding: 24px 28px;
}

.s33bx2 {
	font-weight: normal;
	padding: 24px 28px 26px 28px;
	margin: 44px 0 0 0;
	box-shadow: 0 0 10px #cedcdf;
	border: none;
}

.mailbx p a {
	color: #0000ff;
	font-weight: 500;
	text-decoration: underline;
}

.mailicon {
	float: right;
	margin: -10px 0 0 35px;
	width: 118px;
}

.riskfree-seal {
	float: right;
	margin: 5px 0 -20px 10px;
	max-width: 100%;
}

.s33img2 {
	float: left;
	margin: 5px 15px -10px -15px;
	max-width: 100%;
}

/*-------------------section34--------------------*/
.sec34 {
	background: #fff;
	padding: 0 0 46px 0;
}

#accordion {
	height: auto !important;
	margin: 40px auto 0 auto;
	display: block;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	zoom: 1;
	background: #fff url(../images/down.png) 98% 30px no-repeat;
	text-align: left;
	padding: 18px 54px 18px 92px;
	margin: 12px 0 0 0;
	outline: none;
	position: relative;
	font-weight: 400;
	text-align: left;
	border: 1px solid #c4d4f0;
	border-radius: 14px;
}

.accnum {
	position: absolute;
	left: 30px;
	top: 20px;
	height: 44px;
	width: 44px;
	background: #0da72f;
	border-radius: 50%;
	font-style: italic;
	font-weight: bold;
	line-height: 44px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.ui-accordion .ui-accordion-header.active {
	background: #ffe4f7 url(../images/up.png) 98% 30px no-repeat;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 14px 14px 0 0;
}

.ui-accordion .ui-accordion-content {
	padding: 0;
	border-top: 0;
	overflow: auto;
	zoom: 1;
	border: 1px solid #c4d4f0;
	border-top: none;
	padding: 0 0 0 0;
	border-radius: 0 0 14px 14px;
}

.accord-txt {
	box-sizing: border-box;
	float: left;
	width: 100%;
	text-align: left;
	padding: 22px 26px 30px 92px;
	background: #fff;
	color: #333;
}

.ref-hding {
	text-align: left;
	font-size: 24px;
	line-height: 34px;
	color: #000;
	margin-top: 40px;
}

.ref-lft,
.ref-rgt {
	float: left;
	display: inline-block;
	width: 48%;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
}

.ref-rgt {
	float: right;
	padding: 0 10px 0 0;
}

ul.ref-list {
	padding: 0 0 0 0;
}

ul.ref-list li {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #999999;
	margin: 18px 0 0 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	padding: 0 0 0 26px;
	position: relative;
}

.refnum {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #999999;
	width: 25px;
	position: absolute;
	left: 0;
	top: 0;
}

@media only screen and (max-width: 1000px) {
	.encriptbx {
		margin: 36px 0 0 0;
		padding: 20px 20px;
	}

	.encriptbximg {
		margin: 12px 0 0 22px;
	}

	.s29img {
		width: 340px;
		margin: 26px 14px -8px -15px;
	}

	.giftbx,
	.super-bonusbx {
		margin: 35px 0 0 0;
	}

	.giftbxhd {
		padding: 12px 20px;
	}

	.giftbxbtm {
		padding: 25px 20px;
	}

	.giftbxhd p {
		font-size: 28px;
		line-height: 38px;
	}

	.giftbx-img1,
	.giftbx-img2,
	.giftbx-img3,
	.superbonusbx-img {
		width: 260px;
		margin: -5px -20px 20px 10px;
	}

	.badge,
	.badge2 {
		right: -5px;
		top: 15px;
	}

	.super-bonusbxhd1 p {
		font-size: 24px;
		line-height: 34px;
	}

	.superbonus-belt {
		width: 170px;
		left: -31px;
	}

	.super-bonusbxhd2 p {
		font-size: 29px;
		line-height: 39px;
		padding: 16px 26px;
	}

	.s31bx {
		margin: 38px 0 0 0;
		padding: 20px 270px 20px 18px;
	}

	.s31bximg {
		width: 270px;
	}

	.s31img1 {
		width: 500px;
		margin: 0 -80px -70px -60px;
	}

	.s31img2 {
		width: 340px;
	}

	.s32txtwidth {
		width: 68%;
	}

	.s33bx {
		padding: 18px 18px;
	}

	.s33img1 {
		width: 340px;
		margin: 26px 15px 30px -15px;
	}

	.mailbx,
	.s33bx2 {
		margin: 36px 0 0 0;
		padding: 22px 18px;
	}

	.mailicon {
		margin: -1px 0 0 35px;
	}

	#accordion {
		margin: 35px auto 0 auto;
	}

	.ui-accordion .ui-accordion-header {
		padding: 16px 54px 16px 72px;
	}

	.accnum {
		left: 20px;
		top: 18px;
		height: 36px;
		width: 36px;
		line-height: 36px;
	}

	.accord-txt {
		padding: 20px 20px 26px 72px;
	}

	.ref-lft,
	.ref-rgt {
		width: 48%;
		padding: 0;
	}

}

@media only screen and (max-width: 767px) {
	.sec29 {
		padding: 1px 0 30px 0;
	}

	.encriptbx {
		margin: 35px 0 0 0;
		padding: 20px 12px;
	}

	.encriptbximg,
	.s29img,
	.s31img,
	.s31img1,
	.s31img2,
	.s33img1,
	.s33img2 {
		float: none;
		margin: 12px auto -15px auto;
		display: block;
		max-width: 100%;
	}

	.encriptbximg {
		width: 200px;
		margin: 20px auto 0 auto;
	}

	.s31img1 {
		margin: 0 auto -40px auto;
	}

	.s33img2 {
		margin: 22px auto -15px auto;
	}

	.sec30 {
		padding: 30px 0 35px 0;
	}

	.giftbx {
		margin: 35px 0 0 0;
	}

	.giftbxhd {
		padding: 12px 12px;
	}

	.giftbxhd p {
		font-size: 25px;
		line-height: 35px;
		text-align: center;
	}

	.giftbxbtm {
		padding: 22px 12px;
	}

	.giftbx-imgbx {
		width: 280px;
		margin: 0 auto;
		display: block;
	}

	.giftbx-img1,
	.giftbx-img2,
	.giftbx-img3,
	.superbonusbx-img {
		float: none;
		display: inline-block;
		margin: 0 auto 15px auto;
		display: block;
		width: 220px;
	}

	.badge,
	.badge2 {
		background-size: 100%;
		height: 112px;
		width: 112px;
		top: 20px;
		right: 15px;
	}

	.badge-txt1,
	.badge-txt2 {
		font-size: 15px;
		line-height: 18px;
		padding: 19px 0 0 0;
	}

	.badge-txt1 span {
		font-size: 23px;
	}

	.badge-txt2 {
		font-size: 35px;
		line-height: 25px;
		padding: 0 0 0 0;
	}

	.badge2-txt {
		font-size: 17px;
		line-height: 21px;
		padding: 32px 0 0 0;
	}

	.super-bonusbxhd1 {
		padding: 14px 12px 8px 12px;
	}

	.super-bonusbxhd1 p {
		font-size: 20px;
		line-height: 30px;
	}

	.super-bonusbxhd2 p {
		font-size: 25px;
		line-height: 35px;
		padding: 14px 24px 5px 24px;
	}

	.superbonus-txt {
		padding-top: 0;
	}

	.superbonus-belt {
		width: 103px;
		left: -20px;
	}

	.s25txt-b {
		margin: 0 0 0 0;
	}

	.sec31 {
		padding: 0 0 30px 0;
	}

	.s31bx {
		margin: 34px 0 0 0;
		padding: 20px 12px 0 12px;
	}

	.s31bximg {
		position: inherit;
		right: auto;
		top: auto;
		margin: 24px auto 0 auto;
		display: block;
		width: 220px;
	}

	.sec32 {
		background: #213d91 url(../images/sec32-mob.jpg) top center no-repeat;
		padding: 30px 0 95px 0;
	}

	.s32txtwidth {
		width: 100%;
	}

	.sec33 {
		padding: 1px 0 30px 0;
	}

	.s33bx {
		padding: 18px 12px;
	}

	.mailicon {
		width: 60px;
		margin: -40px 0 0 5px;
	}

	.mailbx,
	.s33bx2 {
		margin: 34px 0 0 0;
		padding: 20px 12px;
	}

	.riskfree-seal {
		width: 100px;
		margin: -6px 0 -20px 10px;
	}

	.sec34 {
		padding: 0 0 35px 0;
	}

	#accordion {
		margin: 30px auto 0 auto;
	}

	.ui-accordion .ui-accordion-header {
		padding: 14px 36px 14px 55px;
	}

	.accnum {
		left: 12px;
		top: 16px;
		height: 32px;
		width: 32px;
		line-height: 32px;
	}

	.accord-txt {
		padding: 18px 12px 22px 12px;
	}

	.ref-hding {
		font-size: 20px;
		line-height: 30px;
		margin-top: 34px;
	}

	.ref-lft,
	.ref-rgt {
		width: 100%;
		padding: 0;
	}

	ul.ref-list li {
		font-size: 12px;
		line-height: 20px;
		margin: 12px 0 0 0;
		padding: 0 0 0 26px;
	}
}

@media only screen and (max-width: 479px) {
	.super-bonusbxhd2 p {
		padding: 14px 14px;
	}

	.superbonus-belt {
		top: -20px;
	}

	.riskfree-seal {
		width: 100px;
		margin: 16px 0 -20px 10px;
	}
}