.sub-in {
	width: 100%;
	position: relative;
	/* background: #fff; */
}

.top-name {
	padding-top: 32px;
	font: 23px/20px 'kanit', Arial, sans-serif;
	font-weight: bold;
	color: #027acf;
	position: relative;
	z-index: 1;
	text-align: center;
}

.suball {}

.subbody {
	margin-top: 40px;
	display: block;
	width: 100%;
	marker-top: 15px;
	min-height: 500px;
}



.sub-in {
	width: 100%;
	margin-top: 0px;
	position: relative;
	/* background: url(../images/sub-81-1/bg-sub1.png) top center no-repeat; */
}




/**********************************************************/
.new-content {}

.new-content .news-filter {
	padding: 15px 8px;
	width: 972px;
	margin: 0 auto;
}

.new-content .btn-outline-content {
    font-family: "lineseed", Arial, sans-serif;
    cursor: pointer;
    color: #fff;
    background-color: transparent;
    background-image: none;
    background: #2b858d;
    border-radius: 6px;
    border: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    padding: 0.2rem 0.6rem;
    outline: none;
}

.new-content .news-filter .list-style {}

.new-content .news-filter .list-style .normal {
	margin: 0 4px 0 0;
	width: 40px;
	height: 40px;
	padding: 1px;
	background: #fff;
	border: #1c5283 1px solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}


.new-content .news-filter .list-style .select {
	background: #1c5283;
}

.new-content .news-filter .list-style .select .pic {
	filter: brightness(600%);


}

.new-content .news-filter .list-style .select .pic img {
	filter: grayscale(100%);


}

.new-content .news-total {
	padding: 15px 8px;
	font: 16px/20px 'lineseed', Arial, sans-serif;
	color: #013a88;
}

.new-content .news-block {
	width: 100%;
	height: auto;
	margin: 0px 5px 30px 0;
	background: #ffff;
	border-radius: 12px;

}

.new-content .news-block:hover {
	box-shadow: 0px 10px 15px 3px rgba(0, 0, 0, 0.2);
}

.new-content .news-block .news-pic {
	margin: 0;
	padding: 0;
	border-radius: 12px;
	padding: 8px;
}

.new-content .news-block .news-pic img {
	max-width: 100%;
	height:
		auto;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.new-content .news-block .news-text {
	margin: 0;
	padding: 7px 8px;
	/* height: 172px; */
	padding-bottom: 20px;
}

.new-content .news-block .news-text .news-title {
	padding: 0;
	height: 55px;
	overflow: hidden;
	font: 20px/25px 'lineseed', Arial, sans-serif;
	font-weight: bold;
	color: #000;
}

.new-content .news-block .news-text .news-title a {
	color: #000;
}

.new-content .news-block .news-text .news-topic {
	padding: 0;
	height: 87px;
	overflow: hidden;
	font: 16px/22px 'lineseed', Arial, sans-serif;
	color: #000;
}

.new-content .news-block .news-text .news-topic a {
	color: #000;
}

.new-content .news-block .news-text .news-topic a:hover {
	color: #000;
}

.new-content .news-block .news-text .news-d {
	font: 15px/18px 'lineseed', Arial, sans-serif;
	margin-top: 0px;
	padding: 0px 0;
	color: #5f5f5f;
}

.new-content .news-block .news-text .news-date {
	padding: 0px 0;
	font: 12px/20px 'lineseed', Arial, sans-serif;
	color: #000;
	margin-top: 15px;
}

.new-content .news-block .news-text .news-view {
	width: 50px;
	margin-top: 5px;
	font: 13px/20px 'lineseed', Arial, sans-serif;
	color: #5f5f5f;
	padding-left: 25px;
	background: url(../images/newcontent/eye.png) top left no-repeat;
}

.new-content .news-block .news-text .news-share {
	width: 50px;
	margin-top: 5px;
	font: 13px/20px 'lineseed', Arial, sans-serif;
	color: #000;
	padding-left: 25px;
	background: url(../images/newcontent/share.png) top left no-repeat;
}

.new-content .news-block .news-text .news-share a {
	color: #000;
}

/*************************/
.news-filter .regis {}

.news-filter .regis .r-form {
	margin-right: 5px;
	padding-right: 5px;
}


.news-filter .regis ::placeholder {
	color: #000;
}

.news-filter .regis .r-form input[type=text],
select,
textarea {
	width: 100%;
	padding: 12px 4px;
	padding-left: 20px;
	margin: 3px 0;
	margin-bottom: 15px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: 17px/22px 'Kanit', Arial, sans-serif;
}


.news-filter .regis select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
	background-position: right .1rem center;
	background-repeat: no-repeat;
	background-size: 2.3em 2.3em;
	padding-right: 2.3rem;
	/* color: #ef77d4; */
}

.news-filter .regis button {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
	background-position: right 0.1rem center;
	background-repeat: no-repeat;
	background-size: 2.3em 2.3em;
	padding-right: 2.3rem;
	/* color: #1c5283; */
	width: 100%;
	padding: 8px 4px;
	padding-left: 9px;
	margin: 0px 0;
	margin-bottom: 17px;
	display: inline-block;
	border: 1px solid #1c5283;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: 16px / 22px "lineseed", Arial, sans-serif;
	background-color: #fff;
	text-align: left;
}

.news-filter .regis .r-form-2 {}

.news-filter .regis .r-form-2 input[type=text],
select {
	width: 100%;
	padding: 8px 4px;
	padding-left: 9px;
	margin: 0px 0;
	margin-bottom: 17px;
	display: inline-block;
	border: 1px solid #1c5283;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: 16px/22px 'lineseed', Arial, sans-serif;
}

.news-filter .regis .r-form-2 .topic {
	position: absolute;
	top: -7px;
	left: 22px;
	font: 15px/20px 'Kanit', Arial, sans-serif;
	background: #fff;
	padding: 0px 8px;
	color: #929292;
}

.news-filter .regis .r-form-2 .topic2 {
	position: absolute;
	top: -7px;
	left: 53px;
	font: 15px/20px 'Kanit', Arial, sans-serif;
	background: #fff;
	padding: 0px 8px;
	color: #929292;
}

.news-filter .regis .topic {
	position: absolute;
	top: -10px;
	left: 10px;
	font: 16px/20px 'lineseed', Arial, sans-serif;
	background: #fff;
	padding: 0px 8px;
	color: #848484;
}

.news-filter .regis .topic2 {
	position: absolute;
	top: -7px;
	left: 53px;
	font: 15px/20px 'Kanit', Arial, sans-serif;
	background: #fff;
	padding: 0px 8px;
	color: #929292;
}

/**********************************************************/

.new-content .news-detail {

	padding: 0 8px;
}

.new-content .news-detail .top {
	font: 25px/25px 'lineseed', Arial, sans-serif;
	color: #013a88;
	padding-bottom: 15px;

}

.new-content .news-detail .title {
	padding-bottom: 0px;
}

.new-content .news-detail .title h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font: 30px/30px 'lineseed', Arial, sans-serif;
	color: #262425;
	font-weight: bold;
}

.new-content .news-detail .date {
	font: 16px/20px 'lineseed', Arial, sans-serif;
	color: #5f5f5f;
}




.new-content .news-detail .mid {
	padding-bottom: 20px;

}


.new-content .news-detail .mid .pic-box {
	border-bottom: #a8a8a8 2px dotted;
	padding-bottom: 20px;


}

.new-content .news-detail .mid .pic-box img {
	max-width: 100%;
	height: auto;
}

.new-content .news-detail .mid .large-pic {
	overflow: hidden;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	margin-bottom: 2.2%;
	text-align: center;
}

.new-content .news-detail .mid .small-pic {
	width: 22.5%;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	margin: 0 1.1% 2.2% 1.1%;
	text-align: center;
}

.new-content .news-detail .mid .small-pic:first-child {}

.new-content .news-detail .mid .small-pic:last-child {}


.new-content .news-detail .mid .pic {
	padding-bottom: 20px;

}

.new-content .faceboox-icon {
	padding: 1px 0;
	padding-left: 22px;
	background: url(../images/newcontent/facebook-icon.png) top left no-repeat;
	font: 15px/14px 'lineseed', Arial, sans-serif;
	color: #000;
}

.new-content .news-view {

	margin-right: 15px;
	margin-top: 12px;
	font: 15px/20px 'lineseed', Arial, sans-serif;
	color: #5f5f5f;
	padding-left: 25px;
	background: url(../images/newcontent/eye.png) top left no-repeat;
}

.new-content .news-text {
	padding: 0 0 15px 0;
	font: 18px/25px 'lineseed', Arial, sans-serif;
	color: #000;
}

.new-content .tools {
	padding: 15px 0;
}

.new-content .news-share {
	margin-right: 15px;
	width: 50px;
	margin-top: 12px;
	font: 16px/18px 'lineseed', Arial, sans-serif;
	color: #000;
	padding-left: 25px;
	background: url(../images/newcontent/share.png) top left no-repeat;
}

.new-content .news-share a {
	color: #000;
}


.relate-box {}

.relate-box .top {
	padding: 15px 8px;
	font: 28px/30px 'lineseed', Arial, sans-serif;
	color: #000;
	font-weight: bold;
}


/*************************************************/
.new-piccontent {
	position: absolute;
	background: #0006;
	width: 100%;
	top: 0;
	bottom: 0;
}

.new-piccontent .text-content {
	position: absolute;
	width: 100%;
	top: 47%;
	text-align: center;
	font: 39px/39px 'lineseed', Arial, sans-serif;
	color: #fff;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25);
}

.new-piccontent .breadcrumb {
	position: absolute;
	top: 30px;
	left: 40px;
	background: #00000054;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font: 16px/24px "lineseed", Arial, sans-serif;
}

.new-piccontent .breadcrumb a {
	color: #fff;
}

.new-piccontent .breadcrumb-item.active a {
	color: #f0f0f0;
	font: 16px/24px "lineseed", Arial, sans-serif;
}

.new-piccontent .breadcrumb-item+.breadcrumb-item::before {
	color: #fff;
	content: ">";
	font: 16px/24px "lineseed", Arial, sans-serif;
}

/*************************************************/











@media (min-width: 320px) and (max-width: 767px) {
	.new-content .news-filter {
		width: 100%;
	}


	.new-content .news-block {
		width: 100%;

	}

	.news-filter .regis .r-form {
		margin-right: 0;
		padding-right: 5px;
	}

	.news-filter .regis .r-form-2 input[type=text],
	select {
		font: 15px / 22px 'lineseed', Arial, sans-serif;
	}

	.small-list {
		margin: 0 12px;
	}

	.new-content .news-detail .title h1 {
		font: 25px / 25px 'lineseed', Arial, sans-serif;
		padding-bottom: 7px;

	}

	.new-piccontent .text-content {
		font: 25px/25px 'lineseed', Arial, sans-serif;

	}

}