@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.collapse:not(.show) {
		display: none;
	}
	.navbar-expand-md .navbar-collapse{
		display: none!important;
	}
	.navbar-expand-md .navbar-collapse.show{
		display: block!important;
	}
	.navbar-collapse {
		flex-basis: 100%;
		flex-grow: 1;
		align-items: center;
	}
	.slide img {
		height: 22vw;
	}
	#WRAPPER>.container{
		margin-top: 0;
	}
	.navbar-expand-md{
		display: block;
	}
	.navbar-expand-md .navbar-toggler {
		display: block;
		float: right;
	}
	.events li p{
		overflow : hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
	}
	.navbar form {
		display: inline-block;
	}
	.nav-top{
		background: none;
		margin-left: 10px;
	}
	.nav-top .nav-item{
		margin-left: 0;
		margin-right: 5px;
		padding-left: 10px;
		display: inline-block;
		font-size: .9em;
	}
	.nav-top .nav-item a{
		color: #fff;
		padding-right: .5rem;
		padding-left: .5rem;
	}
	.nav-main{
		position: initial;
		left: auto;
		top: auto;
		height: auto;
		box-shadow:none;
		padding: 0 10px 15px 10px;
		margin-top: 20px;
	}
	.nav-main .nav-item{
		border-bottom: 1px solid #69BBC7;
	}
	.nav-main .nav-item:last-child{
		border: none;
	}
	.nav-main li{
		display: block;
		border-bottom: 1px solid #007591;
	}
	.nav-main li:last-child{
		border: none;
	}
	.nav-main a.btn{
		height: 48px;
		line-height: 48px;
	}
	#WRAPPER>.container.inbox {
		margin-top: 30px;
	}
}
@media screen and (min-width: 903px) and (max-width: 1300px) {
	.listall span.tt{
		width: 55%;
	}
	h1, h2{font-size: 1.5em;text-align: left}
	.tag-btn button {
		font-size: 1.1em;
	}
	
	footer .map ul{
		display: inline-block;
		padding-right: 2%;
		text-align: left;
	}
	footer .map ul:first-child{
		padding-right: 2%;
	}
	footer .map a{
		font-size: .95em;
	}
	.insearch .form-control{
		margin-bottom: 5px;
	}
	.main-con h2 div {
		position: initial;
		padding-left: 0;
		padding-top: 10PX;
	}
	.nav-main .nav-item{
		border-bottom: none;
	}
	}/*<1300*/

	@media screen and (min-width: 903px) and (max-width: 992px) {
		.eventbox .img{
			width: 100%;
			max-height: 150px;
			margin-bottom: 10px;
		}
		.eventbox .img img{
			width: 100%;
		}
		.eventbox .top>div:last-child {
			text-align: left;
		}
		.mstag{display: block;}
		.stag{display: none;}
		.events li div.img{
			margin-bottom: 10px;
		}
		.events li div.img>img{
			height: auto;
			width: 100%;
		}
		.pr-space{
			padding-right: 15px;
		}
		}/*>903<992*/

		@media screen and (min-width: 768px) and (max-width: 902px) {

			.navbar input.form-control{
				width: 100px;
			}
			.listall span.tt{
				width: 45%;
			}
			.listgroup .listall span.tt{
				width: 52%;
			}
			.listall .time{
				font-size: .8em;
			}
			h1, h2{font-size: 1.5em;text-align: left}
			.tag-btn button {
				font-size: 1em;
				padding: .375rem 0;
			}
			footer .map ul{
				padding-right: 0;
				width: 20%;
			}
			footer .map ul.sub{
				width: 20%;
			}
			footer .map ul:first-child{
				width: 20%;
			}
			footer .map a{
				font-size: .95em;
			}
			footer .info li{
				margin-bottom: 5px;
			}
			footer .info img.pass{
				float: initial;
				margin-top: 15px;
			}
			.insearch .form-control{
				margin-bottom: 5px;
			}
			.insearch button{
				width: 34px;
				margin-left: 5px;
			}
			.main-con h2 div {
				position: initial;
				padding-left: 0;
				padding-top: 10PX;
			}
			.eventbox .img{
				width: 100%;
				max-height: 250px;
				margin-bottom: 10px;
			}
			.eventbox .img img{
				width: 100%;
			}
			.eventbox .top>div:last-child {
				text-align: left;
			}
			.eventbox p{
				margin-bottom: 0;
				display:block;
				margin-right: 0;
			}
			.eventbox .badge-pill{
				margin-bottom: 5px;
			}
			.mstag{display: block;}
			.stag{display: none;}
			.events li div.img{
				margin-bottom: 10px;
			}
			.events li div.img>img{
				height: auto;
				width: 100%;
			}
			.pr-space{
				padding-right: 15px;
			}

			}/*>768<902*/


			@media screen and (max-width: 767px) {
				.navbar-brand img{width: 260px;}
				.navbar-nav{
					display: block;
				}
				.navbar form{
					display: inline-block;
				}
				.nav-top{
					background: none;
					margin-left: 10px;
				}
				.nav-top .nav-item{
					margin-left: 0;
					margin-right: 5px;
					padding-left: 10px;
					display: inline-block;
					font-size: .9em;
				}
				.nav-top .nav-item a{
					color: #fff;
					padding-right: .5rem;
					padding-left: .5rem;
				}
				.nav-main{
					position: initial;
					left: auto;
					top: auto;
					height: auto;
					box-shadow:none;
					padding: 0 10px 15px 10px;
					margin-top: 20px;
				}
				.nav-main .nav-item{
					border-bottom: 1px solid #69BBC7;
				}
				.nav-main .nav-item:last-child{
					border: none;
				}
				.nav-main li{
					display: block;
					border-bottom: 1px solid #007591;
				}
				.nav-main li:last-child{
					border: none;
				}
				.nav-main a.btn{
					height: 48px;
					line-height: 48px;
				}
				.navbar-toggler{
					padding: 0;
				}
				.carousel-indicators{
					bottom: -35px;
				}
				.listall span.tt{
					width: 58%;
				}
				.listgroup .listall span.tt{
					width: 30%;
				}
				.tag-btn button {
					font-size: 1.2em;
				}
				#WRAPPER>.container{
					margin-top: 0;
				}
				#WRAPPER>.container.inbox{
					margin-top: 20px;
				}
				h1,h2{
					text-align: left;
					font-size: 1.3em;
				}
				h1 span, h2 span{
					padding-left: 0;
				}
				footer .map ul{
					padding-right: 0;
					width: 24%;
				}
				footer .map ul.sub{
					width: 24%;
				}
				footer .map ul:first-child{
					width: 24%;
				}
				footer .map a{
					font-size: .95em;
				}
				footer .info li{
					margin-bottom: 5px;
				}
				footer .info img.pass{
					float: initial;
					margin-top: 10px;
					margin-right: 10px;
				}
				footer .code{
					margin-top: 10px;
					margin-left: 0;
				}
				.clinks a{
					padding: 8px 20px;
				}
				.left-menu{
					display: none;
				}
				.main-con{
					margin-left: 0;
				}
				.insearch .form-control{
					margin-bottom: 5px;
				}
				.goback>div:last-child{
					margin-top: 15px;
					text-align: center;
				}
				.inbox{
					margin-top: 70px;
				}
				.main-con h2{
					padding: 15px;
				}
				.tag{
					padding-left: 0;
				}
				.tag span{
					padding: 0 10px;
					display: block;
					margin-right: 0;
				}
				.tag span:last-child{
					float: inherit;
				}
				.main-con h2 div {
					position: initial;
					padding-left: 0;
					padding-top: 10PX;
				}
				.rulelist button{
					position: initial;
					margin-bottom: 20px;
				}
				.rulelist .tag span{
					margin-right: 5px;
				}
				.rulelist .row p {
					margin: 10px 0 5px 0;
				}
				.zone>div{
					border-right:none;
					border-bottom:1px solid #EEEEEE;
					padding: 10px;
					text-align: left;
				}
				.links>div{
					padding: 0;
				}
				.insearch .form-check-label{
					margin-right: 40px;
				}
				.insearch form{
					padding: 0;
				}
				.eventbox .img{
					max-height: 200px;
					margin-bottom: 10px;
				}
				.eventbox{
					padding: 20px;
				}
				.eventbox.in {
					margin-left: 0;
				}
				.eventbox .img img{
					width: 100%;
				}
				.eventbox h2{
					padding: 0;
				}
				.main-con h3{
					margin-left: 0;
				}
				.eventbox p{
					margin-bottom: 0;
					display:block;
					margin-right: 0;
				}
				.edit p{
					padding-left: 0;
				}

				.eventbox ul{
					margin-top: 10px;
				}
				.eventbox a{
					margin: 5px 0 0 0;
				}
				.eventbox .badge-pill{
					margin-bottom: 5px;
				}
				.main-con h4{
					margin-left: 0;
					font-size: 1.1em;
				}
				.mstag{display: block;}
				.stag{display: none;}
				.main-con .carousel-indicators{
					display: block;
					text-align: center;
				}
				.main-con .carousel-indicators li{display: inline-block;}
				.slide.project .carousel-indicators {
					bottom: -20px;
				}
				.lot-link{
					display: none;
				}
				.m-lot-link{
					display: block;
				}
				
				.topic,.topic .item{
					height: 200px;
				}
				.events li div.img{
					margin-bottom: 10px;
				}
				.events li div.img>img{
					height: auto;
					width: 100%;
				}
				.pr-space{
					padding-right: 15px;
				}
				.slide img{
					height: 28vw;
				}
				.f-size{
					text-align: left;
				}
				.dload{
					padding-right: 15px;
					padding-left: 0;
				}
				.main-con .carousel-item h4{
					margin-left: 0;
					text-align: left;
					background: #F8F8F8;
				}
				.schoolist div .school{
					text-align: left;
					padding-left: 31px;
				}
				.career{
					padding-bottom: 70px;
				}
				.career a{
					bottom: -40px;
				}
				.career h2{
					margin: 0;
					padding: 0 0 10px 0;
				}



				}/*<767*/
				@media screen and (max-width: 576px){
					button.advanced{
						margin-left: 5px;
					}
					.navbar .form-control{
						width: 150px;
						margin-right: 5px;
					}
					.navbar-brand{margin-right: 0;}
					.navbar form{display: flex;}
					.navbar .btn-group{margin-left: 10px;}
					.listall span.tt{
						width: 50%;
					}
					.listgroup .listall span.tt{
						width: 24%;
					}
					.listall .badge{
						padding: 4px 5px;
					}
					.listall li a img{
						margin-right: 5px;
					}
					.tag-btn button {
						font-size: 1.1em;
						padding: 2px 5px;
					}
					footer .map h4 {
						color: #FFF6A1;
						font-size: 1em;
					}
					footer .map ul{
						padding-right: 0;
						width: 45%;
						margin-bottom: 30px;
					}
					footer .map ul.sub{
						width: 45%;
					}
					footer .map ul:first-child{
						width: 45%;
					}
					footer .map a{
						font-size: .95em;
						padding: 2px 0;
					}
					footer .info{
						font-size: .9em;
					}
					.insearch.form-inline {
						display: block;
					}
					.insearch .sp{
						display: none;
					}
					.insearch .form-control{
						display: inline-block;
					}
					.insearch .form-group{
						margin-bottom: 0;
					}

					.breadcrumb{
						font-size: .9em;
					}

					}/*<576*/

					@media screen and (max-width: 479px) {
						h1,h2{
							font-size: 1.2em;
						}
						h1 span, h2 span{
							padding: 0 5px;
						}
						h1 div, h2 div{
							padding-left: 0;
						}
						.navbar{
							padding: .5rem .5rem;
						}
						.tag-btn{
							padding: 0 10px;
						}
						.tag-btn button{
							padding: 0 5px;
							font-size: 1em;
							height: 50px;
						}
						.tag-btn>div{
							padding: 0 5px;
						}
						.insearch .form-group:first-child{
							margin-right: 0;
						}
						.listall span.tt,.listgroup .listall span.tt{
							display: block;
							width: 100%;
							padding: 0 10px;
						}
						.listall .employer{
							padding: 0 5px;
							font-size: .9em;
							width: 120px;
						}
						.listall .badge{
							font-size: .9em;
							padding: 4px 5px;
							margin-right: 5px;
						}
						.listall li a img{
							margin:0 5px 0 10px;
						}
						.listall li{
							position: relative;
						}
						.listall .time{
							font-size: .8em;
							position: absolute;
							right:0;
							top: 15px;
						}
						.topic .all{
							font-size: .6em;
						}
						.newslist>.row>div:first-child {
							padding: 20px 10px 0 25px;
						}
						.newslist div .badge {
							font-size: .8em;
							padding: 4px 10px;
						}
						.newslist div a {
							font-size: .9em;
						}
						.inbox h1{
							font-size: 1.4em;
						}
						.insearch,.insearch .form-control{
							font-size: .9em;
							padding: 6px;
						}
						.insearch .form-control.sm {
							width: 94px;
						}
						.insearch label.date-label{display: block;}
						.container{
							padding-right: 8px;
							padding-left: 8px;
						}
						.breadcrumb .title-right {
							position: initial; 
							right: auto;
							padding-left: 0;
							margin-top: 10px;
							display: block;
							width: 100%;
						}
						.pagnav a {padding: 3px 5px;}
						.newslist div {padding: 0 10px 10px;}
						.newslist div .school{padding-bottom: 0;}
						.rulelist .tag span{
							padding: 1px 10px;
						}
						.acc span {
							display: block;
						}
						.eventbox{
							font-size: .95em;
						}
						.insearch form .form-control.lg{
							width: 200px;
						}
						.insearch form{
							padding: 0 10px;
						}
						.insearch form button{
							margin-bottom: 5px;
						}
						.schoolist div .school{
							text-align: left;
							padding:10px 0 0 25px;
						}

}/*<479*/