@charset "utf-8";
@media (max-width: 1400px) {	
}

@media (max-width: 1200px) {
	.online .button-group .btn.btn-outline-dark {
		width: 100%;
	}
	.online .button-group.card-footer {
		text-align: center;
	}
	
}

@media (max-width: 992px) {
	body {
		font-size: 14px;
	}
	.category {
		padding-top:15px;
		padding-bottom: 20px;
	}
	h2 {
		margin-top: 15px;
		padding-left: 0;
		padding-right: 0;
	}
	.btn_menu a#showLeft {
		margin: 15px;
	}
	#index  .topics .details {
		border: none;
		padding-left: 0;
	}
	#index .topics .category {
		padding: 10px 0;
	}
	#index .topics h2 {
		margin-bottom: 0;
	}
	#index .topics a.link {
		float: right;
	}
	#topimg {
		padding: 0;
	}
	footer p.logo {
		padding-top: 0;
		margin-bottom: 15px;
	}
	.category.h2_area {
		padding: 0;
	}
	.modal-body .gaiyao {
		border-left: none;
	}	
	#index .online .modal-body .card-body {
		padding: 0;
	}
	.online .button-group .btn.btn-outline-dark {
		width: 110px;
	}
}

@media (max-width: 767px) {	
	.online .col-sm-12 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sub .online .category {
		padding-top: 0;
	}
	.btn_style a {
		font-size: 18px;
	}
	.register .edit dt {
		width: 8em;
	}
	.register .edit dd {
		margin-left: 8em;
	}
	.con_tel {
		font-size: 2.3em;
	}
	.con_tel .icon_tel {
		width: 70px;
		height: 70px;
		padding: 10px;
	}
	.area {
		padding: 15px;
	}
	.shaoho .card dl.edit dt {
		float: none;
	}
	.shaoho .card dl.edit dd {
		float: none;
		margin-left: 0;
	}
	.shaoho .card .btn-area .btn {
		margin-top: 5px;
	}
	#search .form-check-inline {
		display: inline-block;
	}
	#search .custom-control {
	}
	.leftbtn {
		text-align: left;
	}	
}

@media screen and (max-width: 568px) {		
	.alert ul {
		padding-left: 1em;
	}
	h2 {
		font-size: 1.5em;
	}
	h2.simple {
		font-size: 1.3em;
	}
	h3 {
		font-size: 1.3em;
	}
	.register h3 {
		margin: 0;
	}
	#login header  {
		border-bottom: 3px solid #5EBFB4;
	}
	.login-box {
		width: 100%;
		margin: 15px auto;
		padding: 30px 15px;
	}
	#index .topics .category {
		padding: 15px 0;
	}
	#index .category.details,
	#index .category.banner {
		padding-top: 0;
	}
	
	#index .topics h2 {
		margin-bottom: 0;
		padding-top: 0;
	}
	dl.edit dt {
		float: none;
	}
	dl.edit dd {
		margin-left: 0;
		line-height: 1.4em;
		padding-bottom: 10px;
	}
	.topics dl dd {
		border-bottom: 1px dotted #CCCCCC;
	}
	body.sub .topics dl dd:last-child {
		border-bottom: none;
	}
	.register .edit dt {
		background: #EEEEEE;
		width: 100%;
		padding: 1px 5px;
		margin-bottom: 5px;
	}
	.register .edit dd {
		margin-left: 0;
	}
	#index .topics a.link {
		margin-top: 0;
	}
	.online p.subject,
	body.sub .online p.subject {
		font-size: 22px;
	}
	.question {
		font-size: 1.1em;
		line-height: 1.4em;
	}
	address {
		line-height: 1.2em;
	}
	.con_time .left, 
	.con_time .right {
		text-align: center;
	}
	
}

@media screen and (max-width: 480px) {	

}

@media screen and (max-width: 375px) {	
}