@CHARSET "UTF-8";

@import url(fonts/thsarabunnew.css);
/* @font-face { */
/*     font-family: thSarabun; */
/*     src: url(fonts/thsarabunnew-webfont.ttf); */
/* } */

@font-face {
    font-family: thSarabunBold;
    src: url(fonts/thsarabunnew_bold-webfont.ttf);
}

body {
	margin: 0;
	padding: 0;
/* 	font-family: thSarabun; */
	font-family: 'THSarabunNew';
	color: #2b4965;
	/* 	background: #F9F9F9; */
	background: #FFFFFF;
	font-size: 14px;
}

p {
	margin: 0;
}

a{
	cursor: pointer;
}

header {
	background: url(../images/333.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	/*     height: 223px; */
	height: 187.5px;
	width: 100%;
}

footer {
	background: url(../images/333.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 135px;
	overflow: hidden;
}

html {
	background: #288500;
}

td {
	padding-top: 5px;
}

.left{
	float:left;
}

.left_menu a {
	text-decoration: none;
}

.main_frame {
	width: 1000px;
	height: auto;
	overflow-y: auto;
	margin: 0 auto;
}

.normal_rows {
	height: auto;
	line-height: 28px;
	font-size: 15px;
}

.button {
    background: #288500;
    color: #FFFFFF;
    border-radius: 5px;
    border: 0;
    line-height: 30px;
    font-size: 20px;
    width: 90%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input_rows {
	height: auto;
	line-height: 34px;
	font-size: 15px;
	padding: 0;
}

.input_rows_warning {
	height: auto;
	line-height: 24px;
	font-size: 12px;
	padding: 0;
}

.input_warning {
	font-size: 12px;
	color: #FF0000;
	padding: 0;
}

.ton_btn {
	width: 90%;
	margin: 0 auto;
	float: right;
	font-weight: bold;
	min-width: 75px;
}

.banner {
	padding: 15px;
	/* 	height: 143px; */
	background: rgba(255, 255, 255, 0.7);
	width: 1170px;
	margin: 0 auto;
	height: auto;
	overflow: auto;
}

.pre_button {
	border-top: 1px solid #EEEEEE;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 24px;
}

.pre_detail_button {
	border-top: 1px solid #EEEEEE;
	padding-top: 20px;
	padding-bottom: 20px;
/* 	margin-top: 24px; */
}

.space_more_detail{
	height: 8px;
}

.bg_more_detail{
	background : rgba(40,133,0,0.03);
}

.btn-green_ton {
	color: #FFFFFF !important;
	background-color: #288500;
	border-color: #227100;
}

.btn-green_ton:hover {
	color: #FFFFFF;
	background-color: #2E9900;
	border-color: #227100;
}

.btn-red_ton {
    color: #FFFFFF;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-red_ton:hover {
	color: #FFFFFF;
	background-color: #d15b57;
	border-color: #227100;
}

.btn-black_ton {
	color: #FFFFFF !important;
	background-color: #333333;
	border-color: #222222;
}

.btn-black_ton:hover {
	color: #FFFFFF;
	background-color: #222222;
	border-color: #2222222;
}

.container {
	width: 100%;
	/*     height: 223px; */
	height: 187.5px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0)',
		endColorstr='rgba(255,255,255,1)', GradientType=0);
	background-position: 0px 0px;
}

.font_normal{
	 font-family: thSarabun;
}

.font_bold {
	font-weight: bold;
/* 	font-family: thSarabunBold; */
}

.left {
	float: left;
}

.right {
	float: right;
}

.font_white {
	color: #FFFFFF;
}

.curve {
	background: #288500;
	color: #FFFFFF;
	border-radius: 5px;
	border: 0;
	line-height: 30px;
	font-size: 20px;
	width: 90%;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE/Edge */
	user-select: none;
}

.menu_item {
	height: 50px;
	line-height: 50px;
	font-size: 15px;
}

.menu_item a, .a_item {
	text-decoration: none;
}

.menu_item a:hover, .a_item:hover {
	text-decoration: underline;
}

.content {
	min-height: 700px;
}

.content_left {
	width: 268px;
}

.field_content_box{
	border: 1px solid #EEE;
	overflow: auto;
}

.content_right {
	width: 880px;
	/* 	height: 800px; */
	height: auto;
	overflow: auto;
	margin-left: 20px;
/* 	border: 1px solid #EEE; */
	background: #FFFFFF;
	/* 	background: #fafafa; */
	/* 	padding: 25px 0 0 0; */
	padding: 0;
	min-height: 420px;
}

.left_menu {
/* 	height: 300px; */
/* 	border: 1px solid #EEEEEE; */
/* 	border-bottom: 0; */
	background: #FFFFFF;
	padding:0;
	padding-bottom: 10px;
/* 	min-height: 300px; */
	min-height: 312px;
}

.left_menu_item {
	width: 100%;
	padding: 8px 20px;
/* 	border-bottom: 1px solid #EEEEEE; */
	border-bottom: 1px solid #333333;
	background: #FFFFFF;
	font-weight: bold;
	color: #2b4965;
	cursor: pointer;
	line-height:26px;
/* 	text-indent: 15px; */
	
/* 	overflow: hidden; */
/*     text-overflow: ellipsis; */
/*     white-space: nowrap; */
/*     display: block; */
}

.left_menu_item_header {
	background: #333333;
/* 	margin-bottom: 10px; */
	color: #FFFFFF;
	font-weight: bold;
	width: 100%;
	padding: 20px 0;
/* 	padding-bottom: 20px; */
}

.left_menu_item_last {
	border-bottom: 0px;
}

.left_menu_item:hover {
	background: #288500;
	color: #FFFFFF;
}

.left_menu_item_active {
	background: #288500;
	color: #FFFFFF;
}

.container_footer {
	width: 100%;
	height: auto;
	overflow: auto;
	background: rgba(40, 133, 0, 0.75);
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	padding: 35px 0;
	padding-bottom: 0;
}

.title_content_right {
	line-height: 30px;
	height: 30px;
	padding: 0;
	padding-top: 4px;
	font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rows_title_content_right {
	line-height: 20px;
	width: 95%;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 3px solid #333333;
	margin: 0 10px;
	padding: 10px 0;
	height: auto;
	overflow: auto;
}

.pre_rows_95 {
	width: 95%;
	margin: 0 10px;
}

.bold {
	font-weight: bold;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	/*     margin: 15px 0; */
}

.pagination .links {
	float: left;
	margin-right: 10px;
}

.pagination .links a {
	display: inline-block;
	padding: 4px 10px;
	text-decoration: none;
	color: #777;
	border: 1px solid #dcdcdc;
}

.pagination .links b {
	color: #000;
	border: 1px solid #dcdcdc;
	background: #f4f4f4;
	display: inline-block;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: top;
}

.results {
	line-height: 37px;
}

.no_result_data {
	margin: 15px;
	padding: 15px 0;
	background: #F9F9F9;
	max-width: 100%;
	height: 130px;
	line-height: 80px;
	font-weight: bold;
}

.custom_w16{
	width:16.67%;
	float: left;
}

.custom_w20{
	width:20%;
	float: left;
}

.custom_w30{
	width:30%;
	float: left;
}

.custom_w33{
	width:33.33%;
	float: left;
}

.custom_w40{
	width:40%;
	float: left;
}

.custom_w60{
	width:60%;
	float: left;
}

.custom_w66{
	width:66.67%;
	float: left;
}

.custom_w50{
	width:50%;
	float: left;
}

.custom_w30{
	width:30%;
	float: left;
}

.custom_w46{
	width:46%;
	float: left;
}

.custom_w70{
	width:70%;
	float: left;
}

.custom_w80{
	width:80%;
	float: left;
}

.custom_w100{
	width:100%;
	float: left;
}

.act_permit_type_11_id{
/* 	background: #0000FF; */
}

.act_permit_type_15_id{
/* 	background: #FF0000; */
}

.act_permit_type_29_id{
/* 	background: #FFFF00; */
}

.act_permit_type_29a_id{
/* 	background: #FF00FF; */
}

#content_data{
	margin-top: 10px;
}

#login_box {
	width: 50%;
	border: 1px solid #EEE;
	height: auto;
	overflow: auto;
	margin: 100px auto;
	background: #FFFFFF;
	/* 		background: #F9F9F9; */
	/* 	height: 400px; */
	padding: 2%;
}

#location_layout{
	overflow-y: auto;
}

#fade_footer {
	height: 60px;
	background: -moz-linear-gradient(top, rgba(40, 133, 0, 0.75) 0%,
		rgba(40, 133, 0, 1) 100%); /*FF3.6+*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(40,
		133, 0, 0.75)), color-stop(100%, rgba(40, 133, 0, 1)));
	/*Chrome,Safari4+*/
	background: -webkit-linear-gradient(top, rgba(40, 133, 0, 0.75) 0%,
		rgba(40, 133, 0, 1) 100%); /*Chrome10+,Safari5.1+*/
	background: -o-linear-gradient(top, rgba(40, 133, 0, 0.75) 0%,
		rgba(40, 133, 0, 1) 100%); /*Opera 11.10+*/
	background: -ms-linear-gradient(top, rgba(40, 133, 0, 0.75) 0%,
		rgba(40, 133, 0, 1) 100%); /*IE10+*/
	background: linear-gradient(top, rgba(40, 133, 0, 0.75) 0%,
		rgba(40, 133, 0, 1) 100%); /*W3C*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(40,133,0,0.75)',
		endColorstr='rgba(40,133,0,1)', GradientType=0); /*IE6-9*/
	background-position: 0px 0px;
}