@charset "utf-8";
/* CSS Document */
@import url("webfonts/Nithan/stylesheet.css");

body,td,th {
	font-family: Nithan;
	font-size: 20px;
	color: #000000;
	font-weight: bold;

}



body.font {
	font-family: Nithan;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
		
}
body.bg {
    background-color: #FFF;
	font-family: Nithan;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
		border-color: #000;


}
.headmenu {
	background-color: #000;  /* สีหัวตาราง */
		border-color: #000;
}

.textbox {


	
    border-radius: 20px;
    border: 1px solid #CCC;
    padding: 12px; 
    width: 240px;
    height: 5px; 

  } 
  
  
.textbox2 {  /*ที่อยู่ยาว*/
	
    border-radius: 20px;
    border: 1px solid #CCC;
    padding: 12px; 
    width: 700px;
    height: 5px; 

  }
  
  
  .textbox4 {  /*ชื่อเล่น-line*/
	
    border-radius: 20px;
    border: 1px solid #CCC;
    padding: 12px; 
    width: 100px;
    height: 5px; 
  } 
  
  
.textbox3 { 
	
border-radius: 20px;
    border: 1px solid #CCC;
    padding: 12px;
    width: 600px;
    height: 5px;
	

  }
  
  
	.textboxshort {  /*ชื่อ ฯลฯ*/
	
    border-radius: 20px;
    border: 1px solid #CCC;
    padding: 12px; 
    width: 130px;
    height: 5px; 
	
  } 
  
  
  .textboxshort1 {  /*id*/
	
    border-radius: 20px;
    border: 1px solid #CCC;
    padding: 12px; 
    width: 170px;
    height: 5px; 
	
  }
  
  
  .textboxshort3 {  /*อายุ*/
	
    border-radius: 20px;
    border: 1px solid #CCC;
    padding: 12px; 
    width: 60px;
    height: 5px; 
	
  }
  

  
  .textboxshort2 {  /*e-mail*/
	
    border-radius: 20px;
    border: 1px solid #CCC;
    padding: 12px; 
    width: 250px;
    height: 5px; 
	
  }
  
  	.textboxnum { 
	
    border-radius: 10px;
    border: 1px solid #CCC;
    padding: 12px; 
    width: 80px;
    height: 5px; 
  }
  
  
  
	.textboxlong { /*ที่อยู่*/
	
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 10px 20px 10px 20px;
    width: 600px;
    height: 40px; 
  } 
  
  
  .textboxlong1 { /*บริษัท*/
	
    border-radius: 10px;
    border: 1px solid #CCC;
    padding: 20px 10px 10px 20px;
    width: 200px;
    height: 25px; 
  } 
  

  .textboxlong2 {
      /*note*/

      border-radius: 10px;
      border: 1px solid #CCC;
      padding: 20px 10px 10px 20px;
      width: 700px;
      height: 170px;
  }
  
 .textboxlong3 {
            /*note*/
    
            border-radius: 10px;
            border: 1px solid #CCC;
            padding: 20px 10px 10px 20px;
            width: 700px;
            height: 130px;
        }
  
  	.button1 { 
	background-color: #F09;
    border: none;
    border-radius: 10px 10px 10px 10px;
    color: white;
    padding: 5px 27px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
  } 
  
  
  
  .button2 { 
	background-color: #000;
    border: none;
    border-radius: 10px 10px 10px 10px;
    color: white;
    padding: 5px 27px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
  } 
 
 
  	.textboxcolor1 { 
	background-color: #e70008;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  	.textboxcolor2 { 
	background-color: #007022;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  
  
  .textboxcolor3 { 
	background-color: #29c23e;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 

   .textboxcolor4 { 
	background-color: #f8aa9e;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  
  
   .textboxcolor5 { 
	background-color: #fc9d9a;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  
  
   .textboxcolor6 { 
	background-color: #f3e7a9;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
	
	
  
   .textboxcolor7 { 
	background-color: #fff200;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  
   .textboxcolor8 { 
	background-color: #f26522;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
	
	
	
  
   .textboxcolor9 { 
	background-color: #4e2f14;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  
  
   .textboxcolor10 { 
	background-color: #7f3f98;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  
   .textboxcolor11 { 
	background-color: #303082;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  
  
  
   .textboxcolor12 { 
	background-color: #1b0fbe;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
  
   .textboxcolor13 { 
	background-color: #cae9fa;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
   .textboxcolor14 { 
	background-color: #2eb04c;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
   .textboxcolor15 { 
	background-color: #c9bfb9;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
   .textboxcolor16 { 
	background-color: #818080;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
  
   .textboxcolor17 { 
	background-color: #b2892e;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
   .textboxcolor18 { 
	background-color: #FFF;
    border-radius: 15px;
    border: 1px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 
   .textboxcolor19 { 
	background-color: #000;
    border-radius: 15px;
    border: 0px solid #000;
    padding: 12px; 
    width: 70px;
    height: 40px; 
  } 


	
#container {
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom:20px;
	padding: 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 0px 0px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px; 
   border-color:#CCC;
}

.semi-square {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

/* -------------------- Colors: Background */
.black   { background-color: #FFF; }

/* -------------------- Colors: Text */
.black select   { color: #000; }


.button {
    background-color: #000; 
    border: none;
    border-radius: 20px 20px 20px 20px;
    color: white;
    padding: 5px 27px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}


fieldset, legend {
	 
    background-color: #DDD;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    }
fieldset {
    background-color: #f7f7f7;
    width: 500px;
	height: 200px;

    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px; 
	}