@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	width:100%; 
	height:100%;
	font-size:13px;
}
a{
	color:#a71f21;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
#fontred {
	color:#a71f21;
}
.header {
	height: 80px;
	width: 1082px;
	position: relative;
	font-family: "db_moment_xlight";
	font-size: large;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.menu_bar {
	background-color: #A72024;
	width: 1082px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-family: "db_moment_xregular";
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	height: 42px;
	list-style-type: none;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-radius: 10px 0px 10px 0px;
}

.menu_bar li {
	float: left;
	position: relative;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	cursor: pointer;
}
.menu_bar button {
	border:none;
	padding:2px 10px;
	background:#F3B537;
	color:#FFFFFF;
	font-family: db_moment_xmedium;
	cursor: pointer;
	border-radius:6px;
	opacity:0.9;
}
.menu_bar button:hover {
	opacity:1;
}
.sub_menu {
	position: absolute;
	list-style-type: none;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C8C8C8;
	border-right-color: #726569;
	border-bottom-color: #726569;
	border-left-color: #726569;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 220px;
	z-index: 999;
	padding: 0px;
	display: none;
	font-family: "db_moment_xregular";
}
.sub_menu li {
	position: relative;
	cursor: pointer;
	z-index: 999;
	color: #A72024;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #726569;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #FFFFFF;
	width: 180px;
	left: 10px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 14px;
}
.sub_menu li:hover {
	font-weight: bold;
}
.sub_menu li a {
	text-decoration: none;
	color: #A72024;
}
.content {
	width: 1082px;
	margin-right: auto;
	margin-left: auto;
}
.content .title_page {
	font-size: 28px;
	font-family: "db_moment_xregular";
	color: #A72024;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.content .input_detail {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-family: "db_moment_xregular";
	position: relative;
}
.msg_confirm_box {
	width: 100%;
	position: fixed;
	z-index: 1000;
	height: 100%;
	top: 0px;
	display: none;
}
.msg_confirm_box #msg_bg{
	position:absolute;
	z-index:1001;
	opacity:0.6;
	background-color:#333333;
	height:100%;
	width:100%;
	top: 0px;
}
.msg_confirm_box #msg_content{
	position: relative;
	z-index: 1002;
	background-color: #FFFFFF;
	width: 800px;
	top: 10%;
	padding: 30px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.msg_confirm_box #msg_title {
	font-size: 24px;
	font-family: "db_moment_xregular";
	color: #231F20;
	background-color: #EAEBEC;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 20px;
}
.msg_confirm_box button {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	font-family: "db_moment_xmedium";
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 14px;
	border-radius:5px;
	cursor:pointer;
	opacity:0.9;
}
.msg_confirm_box button:hover {
	opacity:1;
}
.msg_confirm_box .btn_del_rec {
	cursor:pointer;
	opacity:0.5;
}
.msg_confirm_box .btn_del_rec:hover {
	opacity:1;
}

.msg_confirm_box1 {
	width: 100%;
	position: fixed;
	z-index: 1000;
	height: 100%;
	top: 0px;
	display: none;
}
.msg_confirm_box1 #msg_bg{
	position:absolute;
	z-index:1001;
	opacity:0.6;
	background-color:#333333;
	height:100%;
	width:100%;
	top: 0px;
}
.msg_confirm_box1 #msg_content{
	position: relative;
	z-index: 1002;
	background-color: #FFFFFF;
	width: 900px;
	top: 5%;
	padding: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.msg_confirm_box1 #msg_title {
	font-size: 24px;
	font-family: "db_moment_xregular";
	color: #231F20;
	background-color: #EAEBEC;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 20px;
}
.msg_confirm_box1 button {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	font-family: "db_moment_xmedium";
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 14px;
	border-radius:5px;
	cursor:pointer;
	opacity:0.9;
}
.msg_confirm_box1 button:hover {
	opacity:1;
}
.msg_confirm_box1 .btn_del_rec {
	cursor:pointer;
	opacity:0.5;
}
.msg_confirm_box1 .btn_del_rec:hover {
	opacity:1;
}
/* หัวตาราง */
.title_column{
	font-family:"db_moment_xregular";
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	background-color: #C72527; background-image: -webkit-gradient(linear, left top, left bottom, from(#C72527), to(#A71F21));
	background-image: -webkit-linear-gradient(top, #C72527, #A71F21);
	background-image: -moz-linear-gradient(top, #C72527, #A71F21);
	background-image: -ms-linear-gradient(top, #C72527, #A71F21);
	background-image: -o-linear-gradient(top, #C72527, #A71F21);
	background-image: linear-gradient(to bottom, #C72527, #A71F21);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C72527, endColorstr=#A71F21);
}
/* ใช้สำหรับหัวข้อที่เล็กลงไประดับนึง */
.title_column1{
	font-family:"db_moment_xregular";
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
	background-image: -webkit-linear-gradient(top, #45484d, #000000);
	background-image: -moz-linear-gradient(top, #45484d, #000000);
	background-image: -ms-linear-gradient(top, #45484d, #000000);
	background-image: -o-linear-gradient(top, #45484d, #000000);
	background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/* ตารางที่ชื่อ Grid Table ที่เป็น Class */
.grid_table {
	border: 1px solid #9DA0AA;
	position: relative;
}
.grid_table thead tr td,
.grid_table thead tr th{
	font-size: 13px;
	border-bottom: 1px solid #9DA0AA;
	border-right: 1px solid #9DA0AA;
	padding:5px;
	cursor:pointer;
	background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
}
.grid_table thead tr th:hover{
	background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
.grid_table thead tr th:active{
	background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
	background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}
.grid_table tbody {
	background-color: #FFFFFF;
}
.grid_table tbody tr td  {
	font-size: 13px;
	border-bottom: 1px solid #9DA0AA;
	border-right: 1px solid #9DA0AA;
	padding:5px;
}
.grid_table tbody tr:nth-child(2n+1){
	background-color: #f4f5f5;
}
.grid_table tbody tr{
	cursor:pointer;
}
.grid_table tbody tr:hover{
	background-color: #c6c3c3;
}
.grid_table tfoot tr td{
	padding:15px 10px;
	background-color: #dfdddd;
}
.grid_table tbody tr a{
	color:#A72024;
}
/* ตารางที่ชื่อ Sale Table */
#sale_table {
	border: 1px solid #9DA0AA;
	position: relative;
}
#sale_table thead tr td,
#sale_table thead tr th{
	font-size: 13px;
	border-bottom: 1px solid #9DA0AA;
	border-right: 1px solid #9DA0AA;
	padding:5px;
	cursor:pointer;
	background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
}
#sale_table thead tr th:hover{
	background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
#sale_table thead tr th:active{
	background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
	background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}
#sale_table tbody {
	background-color: #FFFFFF;
}
#sale_table tbody tr td  {
	font-size: 13px;
	border-bottom: 1px solid #9DA0AA;
	border-right: 1px solid #9DA0AA;
	padding:5px;
}
#sale_table tbody tr:nth-child(2n+1){
	background-color: #f4f5f5;
}
#sale_table tbody tr{
	cursor:pointer;
}
#sale_table tbody tr:hover{
	background-color: #c6c3c3;
}
#sale_table tfoot tr td{
	padding:15px 10px;
	background-color: #dfdddd;
}
#sale_table tbody tr a{
	color:#A72024;
}
/* ปุ่มบันทึกต่างๆ */
.button_action {
	cursor:pointer;
	border:1px solid #c7161b; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:"db_moment_xregular"; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#A72024));
	background-image: -webkit-linear-gradient(top, #f62b2b, #A72024);
	background-image: -moz-linear-gradient(top, #f62b2b, #A72024);
	background-image: -ms-linear-gradient(top, #f62b2b, #A72024);
	background-image: -o-linear-gradient(top, #f62b2b, #A72024);
	background-image: linear-gradient(to bottom, #f62b2b, #A72024);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#A72024);
}
.button_action:hover {
	color: #FFFFFF;
	border:1px solid #b30808;
	background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#611215));
	background-image: -webkit-linear-gradient(top, #e40a0a, #611215);
	background-image: -moz-linear-gradient(top, #e40a0a, #611215);
	background-image: -ms-linear-gradient(top, #e40a0a, #611215);
	background-image: -o-linear-gradient(top, #e40a0a, #611215);
	background-image: linear-gradient(to bottom, #e40a0a, #611215);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#611215);
}
/* ปุ่มค้นหาต่าง ใช้กับปุ่มค้นหากับเคลียร์ๆ */
.button_action1 {
	cursor:pointer;
	border:1px solid #616261; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:"db_moment_xregular"; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
}
.button_action1:hover{
	border:1px solid #4a4b4a;
	background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
	background-image: -webkit-linear-gradient(top, #646464, #282828);
	background-image: -moz-linear-gradient(top, #646464, #282828);
	background-image: -ms-linear-gradient(top, #646464, #282828);
	background-image: -o-linear-gradient(top, #646464, #282828);
	background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
} 
/* ปุ่มตอนเรียงลำดับๆ */
.button_sort{
	text-decoration : underline;
	cursor:pointer;
}
.button_sort:hover {
	text-decoration : none;
}
/* ปุ่มในตาราง */
.button_tran{
	text-decoration : underline;
	cursor:pointer;
}
.button_tran:hover {
	text-decoration : none;
}