a:link {
	text-decoration: none;
}
a:hover {
	/*color: #0000CC; */
	/*text-decoration: none; */
}
body
{
margin:0;
padding:0 ;

 /* font-family: "tahoma", verdana, MS Sans Serif; */


 /*
   
   */
/*background-image:url("../img/bg.jpg");
background-repeat: repeat;
*/

}

.pd {
width: 480px;
padding: 5px;
border: solid 5px #000;
}

.box {
width: 600px;
position:relative;
float: none;
margin: 0 auto;
text-shadow: 2px 4px 3px rgba(255,0,153,1);
}

.box P {
color: #ff9900;
}

.box1 {
resize: horizontal;
overflow: auto;
min-width: 100px; /*suggest a min-width & min-height*/
min-height: 50px
outline: 2px dashed #30FF4C
}
.tb2 {
	background-color : #99FFCC;
	border: 1px solid #008000;
	width: 230px;
}
.tb3 {
	width: 230px;
	border: 1px solid #3366FF;
	border-left: 4px solid #3366FF;
	}
	.tb4 {
	border:2px solid #456879;
	border-radius:10px;
	height: 22px;
	width: 230px;
}
#head{ // ���ҧ id head
    background:blue; //���վ����ѧ�ͧ header
    width:100%; //�������ҧ�ͧ header ���˹�Ҩ�
    height:50px; //�����٧�ͧ header
}
.top_line {
	height: 45px;
	margin: 0px;
	background-image: url("image/top_line.png");
	background-repeat: repeat-x;
}
/* ��ͺ�ٻ*/
.picimage {
border: 1px solid #ccc; padding: 5px;

}
/* textbox*/
.textox {
   width: 189px;
   height: 25px;
   border: solid 2px #00E3E3;
   padding: 2px;
   border-radius: 5px;
   font-size: 13px;
   box-shadow: 3px 1px 3px 1px #9C9C9C;
   text-shadow: 1px 1px 0px #5E5E5E;
   background-color: #FFFFFF;
   outline: none;
   color: #474747;
  }
.textox:hover  {
   border: 2px solid #FF00D5;
  }
.textox:focus  {
   border: solid 2px #00D43C;
   box-shadow: inset 0px 1px 2px 0px #9C9C9C;
  }
.textox:active  {
   border: solid 2px #0043EB;
  }
.head
{
width:200px;
height:100px;
}
.tb_total {
/*����ҷ�����*/
box-shadow: 5px 5px 10px 10px rgba(50,50,50,.4);
list-style-type: none;
}
.box_under{

color: #FFFFFF
}
<!-- ���ͧ��ͤ������� -->
 .textbox {
height: 25px;
background-color: transparent;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: blue;
outline:0;
} 
.box_sh {
/*����ҷ�����*/
font-size:25px;  
font-weight:bold;  
text-shadow: 2px 2px 5px #808080;
}
.box_sh1 {
/*����ҷ�����*/
font-size:20px;  
font-weight:bold;  
text-shadow: 2px 2px 5px #808080;
}
.box_sh2 {
/*����ҷ�����*/
font-size:35px;  
font-weight:bold;  
text-shadow: 2px 2px 5px #808080;
}
.box_sh3 {
/*����ҷ�����*/
font-size:20px;  
font-weight:bold;  
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
border: 2px solid #090D80;
}
.box_sh3_1 {
/*����ҷ�����*/
font-size:25px;  
font-weight:bold;  
text-shadow: 2px 2px 2px #808080;
}
.box_sh4 {
/*����ҷ�����*/
font-size:44px;  
font-weight:bold;  
text-shadow: 2px 2px 5px #808080;
}
.box_sh5 {
/*����ҷ�����*/
font-size:40px;  
font-weight:bold;  
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
border: 2px solid #090D80;
}
.box_sh6 {
/*����ҷ�����*/
font-size:30px;  
font-weight:bold;  
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
border: 2px solid #090D80;
}

.box_sh7 {
/*����ҷ�����*/
font-size:35px;  
font-weight:bold;  
text-shadow: 2px 2px 5px #FFFFFF;
width:100%;
height:60px;
background-color:#CCCC00;
position:fixed;
top:0;
z-index:99;
}
.box_Rounded{
border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
border: 2px solid #090D80;
}
.from{
/*from ��͡������*/

}
inputs1:-webkit-input-placeholder {
    color: #b5b5b5;
}

inputs1-moz-placeholder {
    color: #b5b5b5;
}
.inputs1 {
    background: #f5f5f5;
    font-size: 1rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 13px 10px;
    width: 270px;
    margin-bottom: 5px;
    box-shadow: inset 0 2px 3px rgba( 0, 0, 0, 0.1 );
    clear: both;
}

.inputs1:focus {
    background: #fff;
    box-shadow: 0 0 0 3px #fff38e, inset 0 2px 3px rgba( 0, 0, 0, 0.2 ), 0px 5px 5px rgba( 0, 0, 0, 0.15 );
    outline: none;
}
/*����ŧ����¹���*/
.css_button {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #3866A3;
    padding: 9px 18px;
    text-shadow: 1px 1px 0px #5E5E5E;
    -webkit-box-shadow: inset 1px 1px 0px 0px #BEE2F9;
    -moz-box-shadow: inset 1px 1px 0px 0px #BEE2F9;
    box-shadow: inset 1px 1px 0px 0px #BEE2F9;
    cursor: pointer;
    color: #FFFFFF;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #468ccf 5%, #63b8ee 100%);
    background: -moz-linear-gradient(90deg, #468ccf 5%, #63b8ee 100%);
    background: -ms-linear-gradient(90deg, #468ccf 5%, #63b8ee 100%);
    background: linear-gradient(180deg, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#63b8ee",endColorstr="#468ccf");
}

.css_button:hover {
    background: -webkit-linear-gradient(90deg, #63b8ee 5%, #468ccf 100%);
    background: -moz-linear-gradient(90deg, #63b8ee 5%, #468ccf 100%);
    background: -ms-linear-gradient(90deg, #63b8ee 5%, #468ccf 100%);
    background: linear-gradient(180deg, #468ccf 5%, #63b8ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#468ccf",endColorstr="#63b8ee");
}

.css_button:active {
    position:relative;
    top: 1px;
}
.image img {
	width: 150px;
	height: auto;
	}
.image{
/*�ͺ�ٻ*/
border: 1px solid #ccc; padding: 7px;
-moz-box-shadow: 0px 0px 5px 4px #CCCCCC;
-webkit-box-shadow: 0px 0px 5px 4px #CCCCCC;
box-shadow: 0px 0px 5px 4px #CCCCCC;

}
.text5 {
/*����ҷ�����*/
font-size:18px;  
font-weight:bold;  
text-shadow: 2px 2px 5px #808080;
}
.text6 {
/*����ҷ�����*/
font-size:18px;  
color: #333333;
}
.style3{
font-size:25px;  
font-weight:bold;  
/*text-shadow: 2px 2px 5px #808080;*/
color: #FF0000;
}
/* resize �ٻ */

.img-resize img {
	width: 120px;
	height: auto;
}
.style4{
    font-size:22px;  
    font-weight:bold;  
    /*text-shadow: 2px 2px 5px #808080;*/
    }