/*---------------------------------- main css ----------------------------------*/
body,td,th {
	font-family: Ms Sans Serif;
	font-size: 14px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color:#ff7a8d;
}
a:active {
	text-decoration: none;
}
 
/*---------------------------------- CSS thai font ----------------------------------*/
.gray01{
font-family: Ms Sans Serif;
color:#dadada;
}
.gray02{
font-family: Ms Sans Serif;
color:#7f7f7f;
}
.gray03{
font-family: Ms Sans Serif;
color:#3f3f3f;
}
.gray04{
font-family: Ms Sans Serif;
color:#7a7a7a;
	font-size: 14px;
}
.gray05{
font-family: Ms Sans Serif;
color:#c0c0c0;
}
.gray06{
font-family: Ms Sans Serif;
color:#8b9ca4;
	font-size: 14px;
}

.green01{
font-family: Ms Sans Serif;
color:#335956;
	
}
.green02{
font-family: Ms Sans Serif;
color:#274537;	
}
.green03{
font-family: Ms Sans Serif;
color:#66c7c1;	
}
.pink{
font-family: Ms Sans Serif;
color:#ff7a8d;
}
.white{
font-family: Ms Sans Serif;
color:#ffffff;
}
.trajan{ 
font-family:trajan pro ;
font-size: 12px;
color:#7a7a7a;
}
@font-face {  
	font-family:  AngsanaUPC;  
	src: url('fonts/AngsanaUPC.ttf');
}
.angsana{ 
font-family:AngsanaUPC;
font-size: 50px;
line-height: 70%;
}
/*---------------------------------- text field----------------------------------*/
.search_style {
background-color: transparent;
color: #000000;
border-color: none;
font-size: 10pt;
font-family: Ms Sans Serif;
border-width:0;
border-style: solid;
color: #757575;
}
.textarea {background-color: transparent;
color: #000000;
border-color: none;
font-size: 10pt;
border-width:0;
border-style: solid;
color: #757575;
	font-family: Ms Sans Serif;
}
/*---------------------------------- delete gap images---------------------------------*/
.img_gap{display: block;}
/*---------------------------------- redius image---------------------------------*/
.img_border{
border-radius: 4px;
}

.img_border2{
	border-radius: 50px;
}

.img_border3{
	border-radius: 100px;
}
/*---------------------------------- text gap---------------------------------*/
.text_gap{
	letter-spacing: 3px;
}
/*---------------------------------- text area---------------------------------*/
.border_line{
	border-style:solid;
	border-width:1px;
	border-color: #dddddd;
}
/*---------------------------------- brackground set---------------------------------*/
.bg_center{
	background-position: center;
}

.bgnorepeat{
	background-repeat: no-repeat;
}

.bgw100{
	background-position: center;
	background-size: 100%;
}

/*---------------------------------- dropdown menu css--------------------------------*/

.form-control, .input-text,
.wc-stripe-elements-field {
  display: block;
  width: 100%;
  padding: 0.6rem 1rem;
  font-size: 14px;
  line-height: 1.25;
  color: #898988;
  background-color: #f5f5f5;
  background-image: none;
  background-clip: padding-box;
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }

.wc-stripe-elements-field::-ms-expand {
    background-color: transparent;
    border: 0; }

.form-control:focus, .input-text:focus,
.wc-stripe-elements-field:focus {
    color: #898988;
    background-color: #f5f5f5;
    border-color: #c6c6c6;
    outline: none; }

.text-gray-soft {
  color: #898988 !important; 
font-family: "MS Sans Serif";
}
/*---------------------------------- placeholder color--------------------------------*/
::placeholder {
  color: #c6c6c6;
}


.alerttable {
    display:  table;
	display: table-cell;
    width:447px;
	height:35px;
	background-color:#fff2cf;
   border:1px solid  #fcedc2;
	border-radius: 4px;
	padding-left: 15px;
	 text-align: left;
	vertical-align: middle;
	color: #785e2b;
	margin: 12px;
}

.hand{
	cursor: pointer;
}