body {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 14px;
    color: #888;
	background-color: #333;
	overflow:scroll;
}
.contentData {
	position:fixed;
	background-color: #FFF;
	min-height:100%;
	width:100%;
	min-width:700px;
	margin: auto;
	left: 0;
	right: 0;
	z-index: -1;}
.main_area {
    position: relative;
	display: block;
    z-index: 1;
    width: 700px;
    height:100%;
    /*background: #F0F0F0 none repeat scroll 0% 0%;*/
    overflow: hidden;
	padding-top:30px;
}
* {
    padding: 0px;
    margin: 0px;
}

.header_area {
    position: relative;
    z-index: 998;
    float: left;
    width: 100%;
    min-width: 320px !important;
    height: 69px;
    text-align: center;
    background: #F0F0F0 none repeat scroll 0% 0%;
    border-bottom: 3px solid #CB0148;
}
* {
    padding: 0px;
    margin: 0px;
}
.img_icon_logo2 {
    float: left;
    width: auto;
    height: auto;
}

.header_area img {
    width: 307px;
    height: auto;
    margin-top: 10px;
}
.img_icon_logo2 img {
    float: left;
    width: 272px !important;
    height: auto;
    margin: 4px 0px 4px 5px !important;
}
img {
    border: medium none;
}
* {
    padding: 0px;
    margin: 0px;
}
.err {
	display:block;
	color: #f00;
}
.correct {
	display:block;
	color:green;
}
.asterisk:after {
  content:"*";
  color:red;
  display:inline;
}
.labelTxt {
	display:inline-block;
	/*vertical-align:middle;*/
	font-weight: bold;
	height:34px;
	padding-left: 15px;
}
.rcol {
	width : 203px;
}
.headerText {
	font-style: bold;
	font-size: 27px;
	color:#626569;
	text-align:center;
	height:50px;
}

.labelCol {
	vertical-align: middle;
	text-align:left;
	width:385px;
}
.numCol {
	text-align:left;
}
.valueCol {
	width:305px;
}
.textValueCol {
	text-align:left;
}
.underlyRow {
	background-color:#ccc;
	height:3px;
}
table.resultTable {
	border: 1px solid #ccc;
	width: 90%;
}
table.resultTable tr td{
	vertical-align: middle;
	border: 1px solid #ccc;
	border-collapse: collapse;
	height:40px;
}
table.resultTable td.labelCol {
	text-align:center;
	font-weight:bold;
}
table.resultTable tbody td {
	text-align:center;
}
table.result {
	background-color:#F0F0F0;
	border: 1px solid #ccc;
	width: 70%;
	margin-top:30px;
}
table.result tr td{
	border: 1px solid #ccc;
	height: 50px;
}
table.result tr td.labelCol{
	text-align:left;
	font-weight: bold;
	padding-left:20px;
}
table.result tr td.numCol{
	text-align:สำดะ;
	width: 300px;
	padding-right:20px;
	padding-left:20px;
}
table.result tr td.txtCol{
	text-align:left;
	padding-left:20px;
}
td {
	text-align:left;
}
input.in-form {
	border: 1px solid #CCC;
	height:25px;
}
.btn {
	margin-top:30px;
    padding: 5px 20px 5px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-size: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
    background: #00B2EF;
    color: #ffffff;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #00B2EF;
}
 
.btn-primary:active, .btn-primary.active {
    background: #00B2EF;
    box-shadow: none;
}
::-webkit-input-placeholder {
   color: #AAA;
}

:-moz-placeholder { /* Firefox 18- */
   color: #AAA;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #AAA;  
}

:-ms-input-placeholder {  
   color: #AAA;  
}