@charset "utf-8";
/* CSS Document */

.emergency {
	/* margin:0; */
	/* padding:0; */
	/* height:898px; */
	width: 1360px;
	/* padding-top:68px!important; */
	/* background: url(../images/emergency/bg.jpg) top center no-repeat; */
}

.emergency .e-white {
	padding: 0px 43px;
	padding-bottom: 30px;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	max-height: 560px;
	overflow: hidden scroll;
}

.emergency .e-white .top {
	padding: 22px 0px;
}

.emergency .e-white .top img {
	max-width: 100%;
	height: auto;
}

.emergency .e-white .mid {}

.emergency .e-white .mid .map {}

.emergency .e-white .mid .map img {
	max-width: 100%;
	height: auto;
}

.emergency .e-white .mid .search {
	padding: 5px;
	width: 492px;
	height: 78px;
	background: #fafafa;
	border: 1px solid #a1a1a1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.emergency .e-white .mid .search input {
	border: none;
	background: none;
	height: 67px;
}

.emergency .e-white .mid .list {
	margin-top: 20px;
	border-top: #dadada 1px solid;
	padding-top: 20px;

}

.emergency .e-white .mid .list ul {}

.emergency .e-white .mid .list ul li {
	padding-bottom: 20px;
	border-bottom: #dadada 1px solid;
	margin-bottom: 20px;
}

.emergency .e-white .mid .list ul li .pic {
	margin: 0 auto;
	text-align: center;
}

.emergency .e-white .mid .list ul li .pic img {
	max-width: 70%;
	height: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.emergency .e-white .mid .list ul li .text {
	font: 22px/22px 'kanit', Arial, sans-serif;
}

.emergency .e-white .mid .list ul li .text a {
	color: #000000;
}

.emergency .e-white .mid .list ul li .text a:hover {
	color: #772ddd;
}

.emergency .e-white .mid .list .name {
	margin-bottom: 20px;
}

.emergency .e-white .mid .list .detail {
	font: 14px/18px 'kanit', Arial, sans-serif;
	margin-bottom: 20px;
}

.emergency .e-white .mid .list .length {
	font: 12px/18px 'kanit', Arial, sans-serif;
}

.emergency .e-white .mid .list .length span {
	color: #a3a3a3;
}

.emergency .e-white .mid .list .green {
	color: #02a02e;
	font: 18px/18px 'kanit', Arial, sans-serif;
}

.emergency .e-white .mid .list .orange {
	color: #ff8400;
	font: 18px/18px 'kanit', Arial, sans-serif;
}

.emergency .e-white .mid .list .red {
	color: #ff0024;
	font: 18px/18px 'kanit', Arial, sans-serif;
}

.emergency .e-white .bottom {
	text-align: right;
}

@media (max-width: 374px) {
	.emergency {
		height: auto;
		background: url(../images/emergency/bg.jpg) top center repeat-y;
	}

	.emergency .e-white .mid .search {
		margin-top: 20px;
		/* width: 100%; */
		width: 242px;
	}

	.emergency .e-white .mid .list .detail {
		font: 13px/20px 'kanit', Arial, sans-serif;
	}

	.emergency .e-white .mid .list .length {
		font: 16px/18px 'kanit', Arial, sans-serif;
	}

	.emergency .e-white .mid .search .col-10 {
		-ms-flex: 0 0 72%;
		flex: 0 0 67%;
		max-width: 67%;
	}
}

@media (min-width: 375px) and (max-width: 991px) {
	.emergency {
		height: auto;
		background: url(../images/emergency/bg.jpg) top center repeat-y;
	}

	.emergency .e-white .mid .search {
		margin-top: 20px;
		/* width: 100%; */
		width: 302px;
	}

	.emergency .e-white .mid .list .detail {
		font: 16px/20px 'kanit', Arial, sans-serif;
	}

	.emergency .e-white .mid .list .length {
		font: 16px/18px 'kanit', Arial, sans-serif;
	}

	.emergency .e-white .mid .search .col-10 {
		-ms-flex: 0 0 72%;
		flex: 0 0 72%;
		max-width: 72%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.emergency {
		height: auto;
		background: url(../images/emergency/bg.jpg) top center repeat-y;
	}

	.emergency .e-white .mid .search {
		margin-top: 20px;
	}

	.emergency .e-white .mid .list .detail {
		font: 16px/20px 'kanit', Arial, sans-serif;
	}

	.emergency .e-white .mid .list .length {
		font: 16px/18px 'kanit', Arial, sans-serif;
	}
}

@media (min-width: 1200px) {
	...
}