@font-face {
    font-family: 'handTimes';
    src: url('../fonts/handtimes/handtimes-webfont.eot');
    src: url('../fonts/handtimes/handtimes-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/handtimes/handtimes-webfont.woff2') format('woff2'),
         url('../fonts/handtimes/handtimes-webfont.woff') format('woff'),
         url('../fonts/handtimes/handtimes-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'LINE Seed Sans TH';
	src: url('../fonts/Line/LINESeedSansTH_W_Rg.eot');
	src: url('../fonts/Line/LINESeedSansTH_W_Rg.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Line/LINESeedSansTH_W_Rg.woff2') format('woff2'),
	url('../fonts/Line/LINESeedSansTH_W_Rg.woff') format('woff'),
	url('../fonts/Line/LINESeedSansTH_W_Rg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LINE Seed Sans TH Thin';
	src: url('../fonts/Line/LINESeedSansTH_W_Th.eot');
	src: url('../fonts/Line/LINESeedSansTH_W_Th.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Line/LINESeedSansTH_W_Th.woff2') format('woff2'),
	url('../fonts/Line/LINESeedSansTH_W_Th.woff') format('woff'),
	url('../fonts/Line/LINESeedSansTH_W_Th.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LINE Seed Sans TH ExtraBold';
	src: url('../fonts/Line/LINESeedSansTH_W_XBd.eot');
	src: url('../fonts/Line/LINESeedSansTH_W_XBd.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Line/LINESeedSansTH_W_XBd.woff2') format('woff2'),
	url('../fonts/Line/LINESeedSansTH_W_XBd.woff') format('woff'),
	url('../fonts/Line/LINESeedSansTH_W_XBd.ttf') format('truetype');
	url('../fonts/Line/LINESeedSansTH_W_XBd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LINE Seed Sans TH Heavy';
	src: url('../fonts/Line/LINESeedSansTH_W_He.eot');
	src: url('../fonts/Line/LINESeedSansTH_W_He.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Line/LINESeedSansTH_W_He.woff2') format('woff2'),
	url('../fonts/Line/LINESeedSansTH_W_He.woff') format('woff'),
	url('../fonts/Line/LINESeedSansTH_W_He.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
a:link {
	color: #222;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #222;
}
a:hover {
	text-decoration: underline;
	color: #D80043;
}
a:active {
	text-decoration: none;
	color: #333;
}
body,td,th {
	font-family: "LINE Seed Sans TH";
	color: #565656;
	font-size: 14px;
}
.maincolor{
	background-color:#2A2A2A;
	background-color:#313131;
	background-color:#363636;
	background-color:#565656;
	background-color:#DDFF30;
	background-color:#ECFF8A;
	background-color:#F6FFCC;
	background-color:#D80043;
	background-color:#B60038;
	background-color:#A8506B;
	background-color:#00B9D8;	
	background-color:#6A9AA2;
	background-color:#008BB6;
	background-color:#23486B;
	background-color:#2D455D;
	background-color:#0068BE;
	background-color:#E4E4E4;
	background-color:#CFCFCF;
	background-color:#F5F5F5;
	background-color:#EED2FF;
	background-color:#FF9876;
	background-color:#FF9E3F;
	background-color:#CC6400;
}
.screen {
	width: 1900px;
	margin-left: auto;
	margin-right: auto;
	height: 968px;
	position: relative;
	margin-top: 56px;
}
.backgrond {
	float: left;
	width: 100%;
	height: 100%;
	border: 1.1px #FFFFFF dashed;
	box-sizing: border-box;
}
.title {
	font-family: "LINE Seed Sans TH ExtraBold";
	font-size: 6.5em;
	color: #FFFFFF;
	text-shadow: 2px 2px 6px #565656;
	text-align: center;
}
.title_box {
	font-family: "LINE Seed Sans TH ExtraBold";
	font-size: 2em;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #565656;
	text-align: center;
}
.textbox {
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	background-color:#FFFFFF;
	color: #565656;
	border-radius: 8px;
	box-sizing: border-box;
}
.textbox_d {
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	background-color:#e2e2e2;
	color: #565656;
	border-radius: 8px;
	box-sizing: border-box;
}
.button {
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
}
.add {
	padding-left: 30px;
	background-image: url(../images/add.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.search {
	padding-left: 30px;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.enter {
	padding-left: 30px;
	background-image: url(../images/enter.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.save {
	padding-left: 30px;
	background-image: url(../images/save.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.delete {
	padding-left: 30px;
	background-image: url(../images/delete.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.update {
	padding-left: 30px;
	background-image: url(../images/update.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.close {
	padding-left: 30px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.edit {
	padding-left: 30px;
	background-image: url(../images/edit.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.clear {
	padding-left: 30px;
	background-image: url(../images/clear.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
.back {
	padding-left: 65px;
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 46px 29px;
	font-family:'LINE Seed Sans TH';
	font-size: 15px;
	color:#565656;
	border-radius: 6px;
}
#status{
	float: left;
	width: 100%;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
	font-family: "LINE Seed Sans TH";
	text-align: left;
}
.tools_col1 {
	float: left;
	width: 35%;
	text-align: left;
	padding-left: 10px;
	box-sizing: border-box;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #0b0b0b;
	font-weight: bold;
}
.tools_col2 {
	float: left;
	width: 30%;
	text-align: center;
	box-sizing: border-box;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #0b0b0b;
	font-weight: bold;
}
.tools_col3 {
	float: left;
	width: 35%;
	text-align: right;
	padding-right: 10px;
	box-sizing: border-box;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #0b0b0b;
	font-weight: bold;
}
.add_box {
	margin: auto;
	width: 60%;
}
.box_border {
	margin: 3px;
	border: 1px dashed #2A2A2A;
	padding: 80px 16px 80px 16px;
	box-sizing: border-box;
}
.add_row {
	float: left;
	width: 100%;
}
.add_col1 {
	float:  left;
	width: 30%;
	height: 34px;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #0b0b0b;
	font-weight: bold;
	text-align: right;
	font-size: 18px;
}
.add_col2 {
	float:  left;
	width: 70%;
	padding-left: 8px;
	box-sizing: border-box;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #0b0b0b;
	font-weight: bold;
	font-size: 18px;
}
.yes {
	color: #FFFFFF;text-shadow: 2px 2px 3px #565656;
	font-size: 18px;
}
.no {
	color: #FFFFFF;text-shadow: 3px 3px 6px #FF0000;
	font-size: 18px;
}
.list {
	text-align:center;
	background-color: #FFFFFF;
	cursor: pointer;
}
.listover {
	text-align:center;
	background-color: #F6FFCC;
	cursor: pointer;
}
.ui-datepicker {
	z-index: 9999 !important;
}