@charset "utf-8";
/* CSS Document */
input[type=submit],input[type=botton],input[type=reset],a{
	cursor:pointer;
}

@font-face {
    font-family: 'THSarabunPSK';
    src: url('font/THSarabunPSK.eot?#iefix') format('embedded-opentype'),
           url('font/THSarabunPSK.woff') format('woff'),
           url('font/THSarabunPSK.ttf') format('truetype');
		   url('THSarabunPSK.svg#THSarabunPSK') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'db_admanrounded_xlight';
    src: url('font/db_admanrounded_x_li-webfont.woff2') format('woff2'),
         url('font/db_admanrounded_x_li-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_admanrounded_xbold';
    src: url('font/db_admanrounded_x_bd-webfont.woff2') format('woff2'),
         url('font/db_admanrounded_x_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
	margin-top:0px;
	margin-bottom:0px;
	font-size:20px;
	font-family: 'db_admanrounded_xlight';
}
td{
	font-family: 'db_admanrounded_xlight';
	font-size:20px;
	margin: 10px;
	
}

.td-middle{
	border-bottom:solid; border-bottom-color:#CFAC34; border-bottom-width:thin;
    border-left:solid; border-left-color:#CFAC34; border-left-width:thin;
    border-right:solid; border-right-color:#CFAC34; border-right-width:thin;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	background-color:#FFFFFF;
}
.td-bottom{
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	text-align:center;
	font-weight:normal;
	color:#FFFFFF;
	
}
.header-text{
	font-size:32px;
	text-align:center;
	color:#F60;
	font-family:'db_admanrounded_xbold';

}
.header-line{
	width:80%;
    border:0;
    height:1px;
    background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
.textbox-short{
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	width:100px;
	
	font-size:20px;
	font-family: 'db_admanrounded_xbold';
	color:#06F;
}

.textbox-medium{
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	width:200px;
	
	font-size:20px;
	font-family: 'db_admanrounded_xbold';
	color:#06F;
}
.textbox-long{
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	width:400px;
	
	font-size:20px;
	font-family: 'db_admanrounded_xbold';
	color:#06F;
}
.textarea-short{
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	width:200px;
	
	font-size:20px;
	font-family: 'db_admanrounded_xbold';
	color:#06F;
}

.textarea-medium{
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	width:400px;
	text-align:left;
	
	font-size:20px;
	font-family: 'db_admanrounded_xbold';
	color:#06F;
}
.textarea-long{
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	width:600px;
	
	font-size:20px;
	font-family: 'db_admanrounded_xbold';
	color:#06F;
}
.listbox{
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	width:150px;
	
	font-size:20px;
	font-family: 'db_admanrounded_xbold';
	color:#06F;
}

.listbox-no-color{
	-moz-border-radius: 5px;
 	border-radius: 5px;
    border:solid 1px #999;
	padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;
	width:150px;
	
	font-size:20px;
	font-family: 'db_admanrounded_xbold';
}

.option-color-red {
	color: #FF0000;
	background-color:#FFEAEA;
}
.option-color-green {
	color:#006600;
	background-color:#D2FFD2;
}
.button {
	-moz-box-shadow:inset 0px 0px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 0px 0px 0px #cae3fc;
	box-shadow:inset 0px 0px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:'db_admanrounded_xbold';
	font-size:18px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 2px 0px #287ace;
	cursor:pointer;
	width:120px;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
	width:120px;
}.button:active {
	position:relative;
	top:1px;
}
.btn {
	-moz-box-shadow:inset 0px 0px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 0px 0px 0px #cae3fc;
	box-shadow:inset 0px 0px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:'db_admanrounded_xbold';
	font-size:18px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 2px 0px #287ace;
	cursor:pointer;
	width:120px;
}.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
	width:120px;
}.btn:active {
	position:relative;
	top:1px;
}
.greenButton {
	-moz-box-shadow:inset 0px 0px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 0px 0px 0px #a4e271;
	box-shadow:inset 0px 0px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:'db_admanrounded_xbold';
	font-size:18px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 2px 0px #528009;
	width:120px;
}.greenButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
	width:120px;
}.greenButton:active {
	position:relative;
	top:1px;
}

.orangeButton {
	-moz-box-shadow:inset 0px 0px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 0px 0px 0px #a4e271;
	box-shadow:inset 0px 0px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0b235), color-stop(1, #eb9705) );
	background:-moz-linear-gradient( center top, #f0b235 5%, #eb9705 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0b235', endColorstr='#eb9705');
	background-color:#f0b235;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eb9705;
	display:inline-block;
	color:#ffffff;
	font-family:'db_admanrounded_xbold';
	font-size:18px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 2px 0px #c77a06;
	width:120px;
	cursor:pointer;
}

.orangeButton:hover {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb9705), color-stop(1, #f0b235) );
	background:-moz-linear-gradient( center top, #eb9705 5%, #f0b235 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9705', endColorstr='#f0b235');
	background-color:#f0b235;
	width:120px;
}.orangeButton:active {
	position:relative;
	top:1px;
}