table {
	border-collapse: collapse;
	border-spacing: 0;
}

.bg_section {
	background: #f5f5f5;
	padding: 50px 0;
}

.bg_swiper1 {
	border-bottom: 1px solid #DEDEDE;
	padding: 40px;
}

.swiper1 .selected {
	background: #5a9ad4;
	color: #FFFFFF;
	font-weight: bold;
}

.swiper1 .swiper-slide {
	padding: 10px 0;
	cursor: pointer;
	font-size: 20px;
	box-sizing: border-box;
	text-align: center;
}

.bg_swiper2 {
	padding: 40px;
}

.swiper_content th,
.swiper2 th {
	padding: 15px 30px;
	border: 1px solid rgba(255, 255, 255, .8);
	box-sizing: border-box;
	background: #d1ddee;
	text-align: left;
	font-size: 18px;
	color: #333;
	/* border: 1px solid #dedede; */
}

.swiper_content tr:nth-child(even) td,
.swiper2 tr:nth-child(even) td {
	background: #edf3fd;
}

.swiper_content td,
.swiper2 td {
	border: 1px solid rgba(255, 255, 255, .8);
	padding: 10px 30px;
	background: #d1ddee;
	box-sizing: border-box;
	color: #222;
	font-size: 15px;
	/* font-weight: bold; */
	line-height: 2;
	vertical-align: middle;
	/* border: 1px solid #dedede; */
}

.swiper_content td img,
.swiper2 td img {
	border-radius: 5px;
	margin-right: 5px;
}

.containers {
	background: #FFFFFF;
	/* padding: 40px; */
	border-radius: 4px;
}

#dowebok .sections {
	height: 800px;
	position: relative;
}

.s1-content {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.s1-content .clearfix {
	width: 50%;
}

.s1-content .t1 {
	font-size: 30px;
	color: #fff;
}

.s1-content .t2 {
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	margin: 40px 0;
}

.s1-content .t3 {
	font-size: 18px;
	line-height: 30px;
	color: #f4f4f4;
	margin-bottom: 50px;
}

.s1-content .t4 {
	display: inline-block;
	width: 200px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 10px;
	font-size: 18px;
}

.prosum-series {
	padding-bottom: 20px;
}

@media screen and (max-width: 1500px) {
	#dowebok .sections {
		height: 700px;
	}
}

@media screen and (max-width: 1450px) {
	.box {
		max-width: 1050px;
	}
}

@media screen and (max-width: 1200px) {
	.bg_swiper1,
	.bg_swiper2 {
		padding: 20px;
	}
	.swiper1 .swiper-slide {
		font-size: 18px;
	}
	#dowebok .sections {
		height: 600px;
	}
	.s1-content .clearfix {
		width: 100%;
	}
	.s1-content .t1 {
		font-size: 18px;
		/* color: #333; */
	}
	.s1-content .t2 {
		font-size: 30px;
		font-weight: bold;
		margin: 20px 0;
	}
	.s1-content .t3 {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 30px;
	}
	.s1-content .t4 {
		width: 150px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 10px;
		font-size: 16px;
	}
}

@media screen and (max-width: 700px) {
	#dowebok .sections {
    	height: 400px;
	}
	.swiper1 .swiper-slide {
		font-size: 16px;
	}
	.swiper_content .table,
	.swiper2 .table {
		width: 250%;
	}
	.swiper_content th,
	.swiper2 th,
	.swiper_content td,
	.swiper2 td {
		padding: 15px;
	}
	.swiper_content th,
	.swiper2 th {
		font-size: 14px;
	}
	.swiper-slide {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.bg_section {
		padding: 30px 0;
	}
}