body {
	background: #363f45;
}
hr {
	border-top: 1px solid #ccc;
}
input, select, textarea {
	color: #404040;
}
select option:disabled {
	color:#999;
}

.Abstract, .Abstract p, .Abstract span {
}



.DivShare {
	margin-top: 60px;
	padding:10px;
	background: #F5F5F5;
	border-right: 5px solid #981226;
	text-align:left;
}
.DivShare .IcnShare {
}

.ContentImage {
	float: left;
	max-width: 400px;
	max-height: 220px;
}
.DIR_1 .ContentImage {
	margin-right: 40px;
}
.DIR_2 #SearchBox {
}
.ContentAbstract {
	margin-bottom: 40px;
}

.DivBoxBlock {
	margin:0;
	padding:10px;
	padding-top: 20px;
	padding-right: 30px;
	background: #F5F5F5;
	border-right: 5px solid #981226;
}
.DivBoxBlock form {
	background: #F5F5F5;
	padding: 0;
}
.DivBoxBlockTitle {
	border-bottom: 1px solid #e8e8e8;
}


.DivContArchive {
	width:48%;
	height:110px;
	display:inline-block;
	margin:0;
	margin-top:60px;
	padding: 0;
	vertical-align: top;
	overflow:hidden;
	box-shadow: none;
	transition: all 0.5s;
}
.DivContArchive:nth-child(2n) {
	margin-right:3.5%;
}
.DivContArchive:hover {
	background: #eeeff2;
}
.DivContArchive .Title {
	color: #006261;
	font-size:16px;
}
.DivContArchive .Image {
	float:right;
	width: 200px;
	border: 1px solid #981226;
	border-right: 5px solid #981226;
	margin-left:10px;
}
.DivContArchive .Image img {
	width: 100%;
	height: 100%;
}
.DivContArchive .Rutitr, .DivContArchive .Title, .DivContArchive .Abstract {
	width: calc(100% - 217px);
}
.DivContArchive .Abstract {
	color: #5B5B5B;
	font-size: 14px;
	line-height: 23px;
	height: 65px;
	overflow: hidden;
}
.DivContArchive .Bar {
	display:none;
}


/*	Index	*/
#DivOuterHead {
	width: 100%;
	position: fixed;
	top: 0;
	right:0;
	z-index: 70;
	background: #006261;
}
#DivOuterHead.Fix, #DivOuterHead.bgFix {
}
#DivOuterTopMenu {
	width: 100%;
    border-top: 3px solid #981226;
	border-bottom: 1px solid #006261;
}
#DivHead {
	height: 120px;
	margin: 0 auto;
	position: relative;
}
#DivbgHeaderRigh {
	width: 230px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/bgHeaderRight2.png) no-repeat center;
	background-size: cover;
}
#DivbgHeaderLeft {
	width: 550px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bgHeaderLeft.png) no-repeat center;
	background-size: cover;
	opacity:0.5;
}
#DivHeadBar {
	height:38px;
	background:#0ABAB5;
	position:relative;
}
#SearchBox {
	width: 175px;
	overflow: hidden;
	position: absolute;
	top: 6px;
	left: 10px;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
}
.DIR_1 #SearchBox {
}
.DIR_2 #SearchBox {
}
#SearchBox .Text {
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	border: 0;
	background: inherit;
	color: #DCDCDC;
}
#SearchBox .Text:focus {
	border-color: #DCDCDC;
}
#SearchBox .Btn {
	width: 22px;
	height: 24px;
	background: #0abab5 url(../images/search.png) no-repeat 0px 3px;
	position: absolute;
	top: 1px;
	left: 3px;
	border:0;
	cursor: pointer;
}

.DivLogo {
	width: 200px;
	height: 100px;
	margin: 0 auto;
	top: 9px;
	overflow: hidden;
	position: relative;
}
.DivLogo a {
    display: block;
	height:100%;
}
.DivLogo img {
	height:100%;
}

.icnHome {
	width:20px;
	height:50px;
	display:inline-block;
	line-height:50px;
	text-align:center;
	vertical-align: top;
	transition:all 0.5s;
}
.icnHome:hover, .icnHome:hover:before {
	color:#7bc144;
}
.icnHome:before {
	content: '\e803';
	font-size: 150%;
	color: #fff;
	transition:all 0.5s;
}

.DivOuterBanner1 {
	width: 100%;
	background: #F5F5F5 url(../images/bgSlider.png) no-repeat 0px 0px;
	background-size: cover;
	background-position: center;
	position: relative;
	margin-top: 162px;
	overflow: hidden;
}
.DivBanner1 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}


.DivOuterBanner2 {
	width: 100%;
	background: #fff;
	position: relative;
	padding-top:60px;
	padding-bottom: 60px;
	border-top:1px solid #006261;
	border-bottom:1px solid #006261;
}
.DivBanner2 {
	width: 95%;
	margin: 0 auto;
	text-align:center;
}
.DivBanner2>.Title {
	font-size:20px;
	font-weight:900;
	line-height:45px;
	margin-bottom:30px;
	color:#006261;
	text-align: right;
	border-bottom:1px solid #D8D8D8;
}
.DivBanner2 .ViewAll {
	float: left;
	width:100px;
	height:23px;
	border: 1px solid #bfbfbf;
	margin-top: 9px;
	position: relative;
}
.DivBanner2 .ViewAll a {
	display: block;
	line-height: 23px;
	font-size:14px;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
	color:#006261;
	background:#D5D5D5;
	transition:all 0.5s;
}
.DivBanner2 .ViewAll a:hover {
	color:#fff;
	background:#006261;
}
.DivBanner2 .ViewAll svg {
	position:absolute;
	top:3px;
	left:0;
	width:17px;
	height:17px;
}
.DivBanner2 .ViewAll path {
	stroke: #981226;
	fill: none;
	stroke-width: 1500;
	stroke-linecap: round;
	transition:all 0.5s;
}
.DivBanner2 .ViewAll a:hover path {
	stroke: #fff;
	fill: #fff;
}

.DivOuterBanner3 {
	width: 100%;
	background: #F5F5F5;
	padding-top:60px;
	padding-bottom: 60px;
}
.DivBanner3 {
	width: 90%;
	max-width:1200px;
	margin: 0 auto;
	text-align:center;
	position: relative;
}
.DivBanner3 .Item {
	display:inline-block;
	width: 22.5%;
	height:165px;
	background:#ccc;
	background-size:cover;
	background-position: center;
	margin:1%;
	text-align:right;
	position:relative;
	border:1px solid #5277B9;
	transition: all 0.7s;
}
.DivBanner3 .Item:nth-child(3), .DivBanner3 .Item:nth-child(4), .DivBanner3 .Item:nth-child(9), .DivBanner3 .Item:nth-child(10), .DivBanner3 .Item:nth-child(15) {
	width: 47.5%;
}
.DivBanner3 .Item a {
	display:block;
	height: calc(100% - 4px);
	border: 3px solid #981226;
	-webkit-mask: 
		conic-gradient(from 180deg at top 3px right 3px, #0000 90deg,#000 0)
		 var(--_i,200%) 0  /200% var(--_i,3px) border-box no-repeat,
		conic-gradient(at bottom 3px left  3px,  #0000 90deg,#000 0)
		 0   var(--_i,200%)/var(--_i,3px) 200% border-box no-repeat,
		linear-gradient(#000 0 0) padding-box no-repeat;
	transition: .3s, -webkit-mask-position .3s .3s;
}
.DivBanner3 .Item a:hover {
	--_i: 100%;
	transition: .3s, -webkit-mask-size .3s .3s;
}
.DivBanner3 .Item .Title {
	font-size:16px;
	line-height:30px;
	position:absolute;
	right:10px;
	bottom:10px;
	color:#fff;
	transition: all 0.7s;
}
.DivBanner3 .Item a:hover .Title {
	right: 20px;
	bottom:20px;
	transform: scale(1.1);
}

.DivOuterBanner4 {
	width: 100%;
	background: #fff;
	position: relative;
	padding-top:60px;
	padding-bottom: 60px;
	border-top:1px solid #006261;
	border-bottom:1px solid #006261;
}
.DivBanner4 {
	width: 95%;
	margin: 0 auto;
	text-align:right;
}
.DivBanner4 .block_1, .DivBanner4 .block_2 {
	min-height:300px;
	display:inline-block;
	vertical-align: top;
}
.DivBanner4 .block_1 {
	width:30%;
}
.DivBanner4 .block_2 {
	width:65%;
	margin-right:4%;
}
.DivBanner4>.Title {
	font-size:22px;
	font-weight:900;
	margin-bottom:60px;
	color:#006261;
	text-align:center;
}
.DivBanner4 .Item {
	width: 100%;
	height: 70px;
	margin-bottom: 20px;
	position:relative;
	overflow:hidden;
	background:#0ABAB5;
	border-radius:10px;
	transition:all 0.7s;
}
.DivBanner4 .Item:hover {
	background:#006261;
}
.DivBanner4 .Item a {
	display:flex;
	height: 100%;
	align-items: center;
}
.DivBanner4 .Item .Title {
	line-height: 28px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding-right:40px;
}
.DivBanner4 .Item .Icn {
	width: 30px;
	height:100%;
	background:#981226;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	transition: .3s ease-in-out;
}
.DivBanner4 .Item:hover .Icn {
}
.DivBanner4 .Item .Icn svg {
	position:absolute;
	top:10px;
	left:0;
	width:25px;
	height:50px;
}
.DivBanner4 .Item .Icn path {
	stroke: #fff;
	fill: none;
	stroke-width: 1500;
	stroke-linecap: round;
	transition:all 0.5s;
}
.DivBanner4 .Item a:hover path {
	stroke: #fff;
}


#DivOuterBody {
	background: #fff;
	width: 100%;
	padding-top: 160px;
}
#DivBody {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 50px;
}
/*	AllContentImage	*/
.DivBodyCenter img {
	padding: 0px;
	background: #fff;
	border: 1px solid #981226;
	border-left: 5px solid #981226;
	border-radius: 0;
}
.DivBodySpace {
	width: 20px;
	height: 300px;
}
.DIR_1 .DivBodySpace, .DIR_1 .DivBodyCenter, .DIR_1 .DivBodyRight, .DIR_1 .DivBodyLeft {
	float: left;
}
.DIR_2 .DivBodySpace, .DIR_2 .DivBodyCenter, .DIR_2 .DivBodyRight, .DIR_2 .DivBodyLeft {
	float: right;
}
.DivBodyCenter1 {
	width: calc(100% - 500px);
}
.DivBodyCenter2 {
	width: calc(100% - 250px);
}
.DivBodyCenter3 {
	width: 100%;
}
.DivBodyRight {
	width: 230px;
	background: #ddd;
	padding-top: 20px;
}
.DivBodyLeft {
	width: 230px;
	min-height: 1000px;
	background: url(../images/bgHeadline11.gif);
}
#DivOuterFoot {
	width: 100%;
	background: #006261;
	border-top: 1px solid #044d4c;
	position: relative;
	overflow:hidden;
}
#DivOuterFoot2 {
	text-align: left;
	background: #044d4c;
	position: relative;
}
#DivOuterFoot2 a {
	color: #8b969d;
	padding: 0 50px;
	font-size: 13px;
}
#DivFoot {
	width: 95%;
	margin: 0 auto;
	padding: 60px 0;
	color: #FFF;
	line-height: 24px;
}
#DivFoot a {
	color: #D6DC07;
}
#DivFoot a:hover {
	color: #162333;
}
#DivFoot hr {
	border:0;
	border-top: 1px solid #8b969d;
}



#DivOthers {
	width: auto;
	height: 104px;
	background: #FFF;
	margin-top: 20px;
}
.DivCalendar {
	line-height: 40px;
}
.DivCalendar .Title {
	display: block;
	height: 40px;
	overflow: hidden;
}
.DivCalendar img {
	vertical-align: middle;
}
.DivCalendar .CalendarDate {
	color: #4fb9ac;
	line-height: 40px;
}
.DIR_1 .DivCalendar .CalendarDate {
	float: left;
}
.DIR_2 .DivCalendar .CalendarDate {
	float: right;
}
.DivPublicationsNew, .DivPublicationsNew a {
	color: #636363;
	font-size: 20px;
	line-height: 40px !important;
}
.DivPublicationsNew img {
	float:right;
	margin-left:10px;
	width:90px;
	height:118px;
}
.DivPublicationsNew div {
	color: #aa9975;
	font-size: 20px;
}
.Archive {
	position: absolute;
	bottom: 0px;
	width: 20px;
	height: 70px;
}
.DIR_1 .Archive {
	right: 0px;
}
.DIR_2 .Archive {
	left: 0px;
}
.Archive a {
	display: block;
	height: 100%;
}
.DIR_1 .Archive a {
	background: url(../images/Archive.gif);
}
.DIR_2 .Archive a {
	background: url(../images/Archive2.gif);
}

.video_1 {
	width:500px;
	max-width:100%;
	border:1px solid #207abc;
	border-radius:10px;
	overflow:hidden;
}
/*	Index	*/


/*	Contents Archive	*/
/*	Contents Archive	*/


/*	Paging	*/
/*	Paging	*/


/*	BoxBlock	*/
/*	BoxBlock	*/


/*	BoxMain	*/
/*	BoxMain	*/


/*	Top Menu	*/
.DivTopMenu {
	height: 38px;
	position: relative;
	padding:0;
	text-align: right;
}
.DivTopMenu>ul {
	display: inline-block;
}
.DivTopMenu>ul li {
	line-height: 38px;
}
.DivTopMenu>ul a {
	font-size:16px;
}
.DivTopMenu>ul>li>ul {
	background: #032828;
	margin-top: 7px;
}
.DivTopMenu>ul>li>ul:before {
	height: 7px;
	top: -7px;
}
.DivTopMenu>ul>li>a {
	padding-bottom: 0;
}
.DivTopMenu>ul>li>a:after {
	border:0;
}
/*
.DivTopMenu>ul {
	vertical-align: top;
}
.DivTopMenu>ul>li {
}

.DivTopMenu>ul>li>ul {
	width: 540px;
	padding: 15px 0;
	background: #422351;
	top: 49px;
}
.DIR_1 .DivTopMenu>ul>li>ul {
	right: 0px;
}
.DIR_2 .DivTopMenu>ul>li>ul {
	left: 0px;
}
.DivTopMenu>ul li:hover ul a {
	line-height: 35px;
}
.DivTopMenu>ul>li>ul>li {
	width: 230px;
	display: inline-block;
	vertical-align:top;
	margin: 0 20px;
}
.DivTopMenu>ul a.IsParent {
	color: #A2A2A2 !important;
	border-bottom: solid 1px #A2A2A2;
	font-size:16px;
}
.DivTopMenu>ul a.IsParent:hover {
	color: #7bc144 !important;
}
.DivTopMenu>ul>li>ul>li>ul {
	margin-bottom: 15px;
}
*/
.DivTopMenu>ul>li:hover>a {
    color:#006261;
}
.DivTopMenu>ul>li>ul a:after {
	top: 14px;
	height: 3px;
	border: 0;
}
.DivTopMenu>ul>li>ul a:hover {
	color: #7bc144;
}
.DivTopMenu>ul>li>ul a:hover:after {
	background: #7bc144;
}
.DivTopMenu_Toggle {
	width: 103px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	top: 0px;
	border:0;
	border-radius:0;
	background: none;
}
.DIR_1 .DivTopMenu_Toggle {
	right: 10px;
	text-align: right;
}
.DIR_2 .DivTopMenu_Toggle {
	left: 10px;
	text-align: left;
}
.DivTopMenu_Toggle:hover {
	background: #7bc144;
}
.DivTopMenu_Toggle .icn {
	margin: 0px 8px;
	font-size: 17px;
	font-weight: bold;
	line-height: 34px;
}
.DivTopMenu_Toggle .txt {
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
}
#TopMenu_Toggle {
	width: calc(100% - 40px);
	height: calc(100vh - 40px);
	padding: 20px;
	background: #032828;
	position: fixed;
	top: 0px;
	left: -100%;
	z-index: 1000;
	overflow: auto;
}
#TopMenu_Toggle .Close {
	width: 30px;
	height: 20px;
	line-height: 25px;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
	background: #8f5456;
	color: #fff;
	border-radius: 5px;
	border: 1px solid #fff;
	cursor: pointer;
}
#TopMenu_Toggle .Close:hover {
	background: #999;
}
#TopMenu_Toggle a {
	display: block;
	color: #FFF;
	white-space: nowrap;
	font-weight: bold;
	line-height: 28px;
	transition: all 0.4s ease;
}
#TopMenu_Toggle a:hover {
	color: #7bc144 !important;
}
#TopMenu_Toggle>ul>li>ul a {
	position: relative;
}
#TopMenu_Toggle>ul>li>ul a:after {
	content: '';
	position: absolute;
	top: 14px;
	width: 8px;
	height: 3px;
	background: #fff;
	transition: all 0.4s ease;
}
.DIR_1 #TopMenu_Toggle>ul>li>ul a:after {
	right: -15px;
}
.DIR_2 #TopMenu_Toggle>ul>li>ul a:after {
	left: -15px;
}
#TopMenu_Toggle>ul>li>ul a:hover:after {
	background: #7bc144;
}
#TopMenu_Toggle>ul>li>a {
	font-size: 14px;
	padding-top: 10px;
}
#TopMenu_Toggle>ul>li>ul {
	width: max-content;
	min-width: 250px;
}
.DIR_1 #TopMenu_Toggle>ul>li>ul {
	margin-right: 30px;
}
.DIR_2 #TopMenu_Toggle>ul>li>ul {
	margin-right: 30px;
}
#TopMenu_Toggle>ul>li>ul>li>ul {
	margin-bottom: 15px;
}
#TopMenu_Toggle>ul>li li a {
}
#TopMenu_Toggle>ul>li li a:hover {
}
#TopMenu_Toggle a.IsParent {
	color: #A2A2A2 !important;
	border-bottom: solid 1px #A2A2A2;
	font-size: 16px;
}
#TopMenu_Toggle a.IsParent:hover {
	color: #7bc144;
}
/*	Top Menu	*/


/*	Inner Menu	*/
/*	Inner Menu	*/




		/*	FieldGroup this site	*/
			#DivBody .BoxMsgOK, #DivBody .BoxMsgError {
				width: auto;
			}
		/*	FieldGroup this site	*/



		/*	myIcon this site	*/
			.myIcon.ClsIcn {
				width: 18px;
				height: 18px;
				font-size:18px;
				line-height:20px;
				text-align:center;
				display: inline-block;
				vertical-align: middle;
				position: relative;
				padding:1px;
				margin: 0 2px;
				cursor:pointer;
				color: #32aeea;
				border: 1px solid #32aeea;
				border-radius:5px;
				transition:all 0.5s;
			}
			.myIcon.ClsIcn:before {
				font-size: 16px;
				line-height: 16px;
				position: absolute;
				color: #32aeea;
				transition: all 0.5s;
			}
			.myIcon.ClsIcn:after {
				content: attr(tip);
				width: 150px;
				position: absolute;
				top: 25px;
				right: -70px;
				background: #fff;
				border: 1px solid #32aeea;
				border-radius:5px;
				opacity:0;
				visibility: hidden;
				padding:1px;
				transition: all 0.5s;
				z-index:79;
			}
			.myIcon.ClsIcn:hover:after {
				opacity:1;
				visibility: visible;
			}
			.myIcon.Teacher:before {
				content: '\e80f';
				top: 2px;
				right: 3px;
			}
			.myIcon.ClsTopic:before {
				content: '\f0f6';
				top: 2px;
				right: 3.5px;
			}
			.myIcon.ClsIcn:hover {
				background: #fff;
			}
		/*	myIcon this site	*/


		/*	Msg Box this site	*/
			.BoxMsgOK, .BoxMsgError {
				font: normal 17px/30px;
			}
		/*	Msg Box this site	*/


/*	Table1	*/
.Table1 {
	color: #404040;
}
/*	Table1	*/


/*  Gallery */
.DivGallery .Item {
	background: #00a9ab;
	border-color: #006261;
}
.DivOuterGallerySlide {
	background: #00a9ab;
}
#GallerySlide .GallerySlide img {
	border: 1px solid #006261;
	border-radius: 5px;
}
/*  Gallery */



/*  Book */
/*  Book */





.DivNews .PicSmall {
	width: 300px;
	height: 150px;
	border:1px solid #981226;
	border-left:4px solid #981226;
	border-radius:10px;
	padding:0;
}
.DivNews .PicSmall img {
	border-radius:0px;

}
.DivNews .News {
	width: calc(100% - 1px);
	padding:0;
	margin-bottom:30px;
	border:0;
}
.DivNews .News .box {
	width: calc(100% - 322px);
}
.DivNews .Title {
	color: #32528B;
	font-size:18px;
	font-weight: bold;
}
.DivNews .Abstract, .DivNews .Abstract p, .DivNews .Abstract span {
	color: #5B5B5B;
	font-size:14px;
}
.DivNews .rutitr {
	color:#981226;
	font-size:13px;
	background:inherit;
}

.DivNews2 .News {
	border:0;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 10px;
}
.DivNews2 .News .box {
	width: calc(100% - 0px);
}


/*  Home Slider_1 */
.mySwiper_main {
	width: 100%;
	height: 450px;
	/*border: 1px solid #A7B7C4;
	border-radius: 10px;*/
	overflow:hidden;
}
.mySwiper_main .swiper-slide {
	position: relative;
}
.mySwiper_main .swiper-slide img {
	display: block;
	width: calc(40% - 2rem);
	height: calc(60% - 2rem);
	position: absolute;
	top:9rem;
	left:5%;
	object-fit: cover;
	border-radius: 10px;
	margin-left: 0.5rem;
}
.mySwiper_main .swiper-slide .caption {
	width: calc(90% - 2rem);
	height: 4rem;
	line-height: 4rem;
	position: absolute;
	top:3rem;
	overflow:hidden;
	color: #fff;
	border-radius:10px;
	font-size: 20px;
	font-weight: bold;
	background: #981226;
	border-right: 18px solid #006261;
	padding-right: 1rem;
}
.mySwiper_main .swiper-slide .caption2 {
	width: 47%;
	max-height: calc(100% - 10rem);
	position: absolute;
	top:9.5rem;
	color: #5B5B5B;
	overflow:hidden;
	text-align: justify;
	padding-right: 0.5rem;
}
.mySwiper_main .swiper-slide .caption2, .mySwiper_main .swiper-slide .caption2 * {
	font-size: 15px !important;
	font-weight: normal !important;
	line-height: 26px !important;
}
.DIR_1 .mySwiper_main .swiper-slide .caption, .DIR_2 .mySwiper_main .swiper-slide .caption2 {
	left:5%;
}
.DIR_2 .mySwiper_main .swiper-slide .caption, .DIR_1 .mySwiper_main .swiper-slide .caption2 {
	right:5%;
}
.mySwiper_main .swiper-slide img, .mySwiper_main .swiper-slide .caption, .mySwiper_main .swiper-slide .caption2 {
	opacity: 0;
	transition: all 7s;
	/*transform: translateX(-50%) translateY(50px);*/
}
.mySwiper_main .swiper-slide .caption {
	transition: all 3s;
}
.mySwiper_main .swiper-slide-active img, .mySwiper_main .swiper-slide-active .caption, .mySwiper_main .swiper-slide-active .caption2 {
	opacity: 1;
	/*transform: translateX(0) translateY(0);*/
}
.DIR_1 .swiper-button-next { left: 0 !important; }
.DIR_2 .swiper-button-next { right: 0 !important; }
.DIR_1 .swiper-button-prev { right: 0 !important; }
.DIR_2 .swiper-button-prev { left: 0 !important; }
.mySwiper_main .swiper-button-next, .mySwiper_main .swiper-button-prev, .mySwiper_main .swiper-pagination {
	transition: all 0.5s;
	color: #981226;
}
.mySwiper_main .swiper-pagination-bullet-active {
	background-color: #981226;
}
.mySwiper_main .swiper-button-next:after, .mySwiper_main .swiper-button-prev:after {
	font-size: 35px !important;
}
/*	width <= 1100px	*/
@media (max-width: 1100px) {
	.mySwiper_main {
		height: 400px;
	}
}
/*	width <= 950px	*/
@media (max-width: 950px) {
	.mySwiper_main {
		height: 350px;
	}
	.mySwiper_main .swiper-slide .caption {
		height: 3rem;
		line-height: 3rem;
		top:2rem;
		font-size:16px;
	}
	.mySwiper_main .swiper-slide img { top:7.5rem; }
	.mySwiper_main .swiper-slide .caption2 { top:8rem; }
}
/*	width <= 700px	*/
@media (max-width: 700px) {
	.mySwiper_main {
		height: 270px;
	}
	.mySwiper_main .swiper-slide .caption2 {
		width: calc(90% - 2rem);
		top:6.3rem;
	}
	.mySwiper_main .swiper-slide img {
		display:none;
	}
	.mySwiper_main .swiper-button-next, .mySwiper_main .swiper-button-prev, .mySwiper_main .swiper-pagination {
		opacity: 0;
		transition: all 0.5s;
	}
	.mySwiper_main:hover .swiper-button-next, .mySwiper_main:hover .swiper-button-prev, .mySwiper_main:hover .swiper-pagination {
		opacity: 1 !important;
	}
}
/*	width <= 500px	*/
@media (max-width: 500px) {
	.mySwiper_main {
		height: 300px;
	}
	.mySwiper_main .swiper-slide .caption {
		height: 4rem;
		line-height: 2rem;
		top:2rem;
		font-size:16px;
	}
	.mySwiper_main .swiper-slide .caption2 {
		top:7rem;
	}
}
/*  Home Slider_1 */





/*  For this site */

/* Teacher */
.TechPage .Prsn {
	width:200px;	
	border:solid 1px #999;
	padding:3px;
}
.DIR_1 .TechPage .Prsn {
	float:left;
}
.DIR_2 .TechPage .Prsn {
	float:right;
}
.SlctDepartment {
	width:max-content;
	min-width:300px;
	background:#00a9ab;
	padding:10px 30px;
	margin-bottom:30px;
	border-radius:5px;
}
.SlctDepartment label {
	color:#fff;
}
.TechList {
}
.TechDiv {
	display:inline-block;
	width:200px;
	text-align:center;
	vertical-align:top;
	margin:10px;
	margin-bottom:40px;
	padding:5px;
	transition: all 0.5s;
}
.TechDiv>img {
	width:130px;
	height:130px;
	border:1.5px solid #981226;
	border-radius:10px;
	transition: .3s ease-in-out;
}
.TechDiv>div {
	color:#006261;
	font-weight:bold;
	font-size: 16px;
	line-height:25px;
}
.TechDiv>span {
	color:#82848e;
	font-size: 13px;
	line-height:20px;
}
.TechDiv:hover {
	background:#eeeff2;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.3);
}
.TechDiv:hover >img {
	border:1.5px solid #0ABAB5;
	filter: grayscale(0);
}
.TechDiv:hover >div {
	color:#0ABAB5;
}


.tech_cls {
	margin:2px;
	padding:0 4px;
	background:#b3a7a7;
	border-radius:5px;
	color:#fff;
	font-size:12px;
}
.tech_cls_2 { background:#918484; }
.tech_cls_3 { background:#8ab5b4; }
.tech_cls_4 { background:#819594; }
.tech_cls_5 { background:#919581; }
.tech_cls_6 { background:#8f8776; }
.tech_cls_7 { background:#819ea0; }
.tech_cls_8 { background:#9e93ae; }
.tech_cls_9 { background:#838ea6; }
.tech_cls_10 { background:#6d8d99; }
.tech_cls_11 { background:#8e98aa; }
.tech_cls_12 { background:#606e6f; }
.tech_cls_13 { background:#849995; }
.tech_cls_14 { background:#ae8787; }
.tech_cls_15 { background:#b19984; }
.tech_cls_16 { background:#99aaa0; }
.tech_cls_17 { background:#9b778c; }
.tech_cls_18 { background:#8f8eaa; }
/* Teacher */

/*  For this site */





/***********************************************/
/****************   Responsive   ***************/
/***********************************************/

/*	width <= 1100px	*/
@media (max-width: 1100px) {
}

/*	width <= 1000px	*/
@media (max-width: 1000px) {
	/*.News {
		width: 52%;
	}
	#DivHomeContent {
		width: 100%;
		margin:0;
	}
	.DivBodyRight, .DivBodySpace {
		display: none;
	}
	.DivBodyCenter2 {
		width: 100%;
	}*/
	.DivContArchive {
		width: 100%;
		margin-right:0 !important;
		margin-top: 40px;
	}
}

/*	width <= 900px	*/
@media (max-width: 900px) {
	#DivOuterBody {
		padding-top: 140px;
	}
	#DivHead {
		height: 100px;
	}
	#DivbgHeaderRigh {
		width: 150px;
	}
	#DivbgHeaderLeft {
		display: none;
	}
	.DivLogo {
		width:150px;
		height: 75px;
		top: 13px;
		position:absolute;
		left:10px;
	}
	.DivOuterBanner1 {
		margin-top: 142px;
	}
	.DivBanner4 .block_1, .DivBanner4 .block_2 {
		width: 100%;
		margin:0;
		min-height: auto;
	}
	.DivBanner4 .Item {
		width: 32%;
		height:60px;
		margin-left:0.5%;
		display: inline-block;
	}
	.DivBanner4 .Item .Title {
		line-height: 30px;
		font-size: 14px;
	}
	.DivBanner4 .Item .Icn svg {
		top: 5px;
	}
	.DivBanner3 {
		width: 95%;
	}
	.DivBanner2 .DivNews .PicSmall {
		width: 200px;
		height:100px;
	}
	.DivBanner2 .DivNews .News .box {
		width: calc(100% - 222px);
	}
	#DivFoot div {
		width: 100% !important;
		padding-bottom: 5px;
		margin-bottom: 15px;
		border-bottom: 1px solid #044d4c;
	}
}

/*	width <= 800px	*/
@media (max-width: 800px) {
	/*.News {
		width: 100%;
	}*/
}

/*	width <= 700px	*/
@media (max-width: 700px) {
	#DivOuterBody {
		padding-top: 130px;
	}
	#DivHeadBar, .DivTopMenu {
		height: 30px;
	}
	#DivHeadBar a {
		line-height: 30px;
	}
	.DivTopMenu > ul > li > ul {
		top: 39px;
	}
	.DivOuterBanner1 {
		margin-top: 134px;
	}
	.DivTopMenu>ul {
		display: none;
	}
	.DivTopMenu_Toggle {
		display: block;
		z-index:9;
	}
	#SearchBox {
		width: 26px;
		top: 2px;
	}
	.DivBanner4 .Item {
		width: 49%;
	}
	.DivBanner3 .Item {
		width: 47.5%;
		height: 140px;
	}
	/*.ContentAbstract {
		clear: both;
		width: calc(100% - 25px);
	}
	.tableForm {
		width: 100%;
	}*/
}

/*	width <= 600px	*/
@media (max-width: 600px) {
	#DivOuterBody {
		padding-top: 110px;
	}
	#DivHead{
		width: 95%;
		height: 80px;
		padding-top: 3px;
	}
	#DivbgHeaderRigh {
		width: 130px;
	}
	.DivLogo {
		width: 130px;
		height: 65px;
		top: 7px;
	}
	.DivOuterBanner1 {
		margin-top: 117px;
	}
	.DivBanner2 .DivNews .Title {
		font-size: 16px;
	}
	.DivBanner2 .DivNews .Abstract {
		display:none;
	}
	.DivContArchive {
		height: auto;
	}
	.DivContArchive .Image {
		width: 170px;
	}
	.DivContArchive .Rutitr, .DivContArchive .Title {
		width: calc(100% - 189px);
	}
	.DivContArchive .Abstract {
		display: none;
	}
	.DivPaging .paging2, .DivPaging .RowCount {
		display: none;
	}
}
	
/*	width <= 500px	*/
@media (max-width: 500px) {
	.DivBanner4 .Item {
		width: 100%;
	}
	.DivBanner3 .Item {
		width: 95% !important;
	}
	.DivBanner2 .DivNews .News .box {
		width:100%;
		margin-right: 0px;
	}
	.DivBanner2 .DivNews .News .Title {
		padding: 0px;
	}
}

/*	width <= 400px	*/
@media (max-width: 400px) {
}

/*	width <= 360px	*/
@media (max-width: 360px) {
}

/*	width <= 320px	*/
@media (max-width: 320px) {
	/*.ContentImage {
		display: none;
	}*/
}


/*	width >= 1000px	*/
@media (min-width: 1000px) {
}

/*	width >= 1300px	*/
@media (min-width: 1300px) {
	#DivHead, #DivBody, #DivFoot, .DivBanner1, .DivBanner2, .DivBanner3, .DivBanner4, .DivTopMenu {
		width: 1280px;
	}
	#SearchBox {
		left:0px;
	}
}

/*	width >= 1500px	*/
@media (min-width: 1500px) {
}