body {                             /* กำหนดพื้นหลังของ body เช่น #D0DCE8 url(../image/bg-pri.gif) repeat-x;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font: 15px MS Sans Serif;}

.div_main {                      /* กำหนดขนาดของ div_main*/
     width: 780px; }

.table_header {                                       /* กำหนดสไตล์ให้กับ table_header */
     width: 715px;
	 background-color: #FFFFFF;
	 margin-top: 0px;                               /* กำหนดระยะห่างด้านบนจาก div_main 10 pixel */
	 float: ;   left  }                                      /* กำหนดตำแหน่งให้อยู่ด้ายซ้ายของ div_main */

.table_header  #text_header {               /* กำหนดสไตล์ให้กับ text_header ซึ่งเป็นคอลัมน์แสดงข้อความ */
	      font: bolder 26px LilyUPC;
		  letter-spacing:0px;
		  text-align: center;
		  background-color: #9900FF;
		  color: #FFFFFF;      }

.table_header #img_header {                      /* กำหนดขนาดให้กับ  img_header ซึ่งเป็นคอลัมน์แสดงรูปภาพ */
     width: 180px;      }

#img_header img {                                      /* จัดตำแหน่งรูปภาพใน img_header .sh=b-;k8v]y,oN */
     float: right;     }

.table_detail {                                             /* กำหนดสไตล์ให้กับ text_detail ซึ่งแสดงรายละเอียดคุณสมบัติรถยนต์ */
     width: 977px;                                        /* กำหนดขนาดความกว้างให้กับตาราง */
	 height: ;
	 border-spacing:  ;                                  /* กำหนดระยะห่างระหว่างเซลล์ (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ ระบุตัวเลขของหน่วยต่างๆ เช่น border-spacing: 2px; */
	 border-collapse:  ;                                 /* กำหนดให้เส้นขอบระหว่าง 2 เซลล์ที่แยกกันอยู่ ยุบรวมเป็นเส้นเดียวกัน  ค่าที่สามารถกำหนดได้คือ collapse (ยุบรวมเส้นขอบเป็นเส้นเดียวกัน) 
	                                                                  , separate (ค่า Default : แยกเส้นขอบระหวางเซลล์ออกจากกัน) เช่น border-collapse: collapse; */
	 caption-side:  ;                                      /* กำหนดตำแหน่งของ แฟยะรนื (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ top, bottom, left และ right เช่น capption-side: right; */
	 empty-cells:  ;                                       /* กำหนดรูปแบบของเซลล์ว่าง (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ show (แสดงเซลล์ว่าง) , hidden (ซ่อนเซลล์ว่าง) เช่น empty-cells: show; */
	 margin: 0px;                                          /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบทั้ง 4 ด้าน  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-top: 0px;                                   /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านบน  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-right: 0px;                                 /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านขวา  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-bottom: 0px;                             /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านล่าง  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-left: 0px;                                   /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านซ้าย  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 table-layout: fixed;                                /* กำหนดรูปแบบการแสดงตารางบนเพจ  ค่าที่สามารถกำหนดได้คือ  auto (ตารางสามารถเปลี่ยนแปลงขนาดได้ตามความเหมาะสมของข้อมูล)
	                                                                  , fixed (กำหนดความก้วางของตารางตายตัว ไม่สามารถเปลี่ยนแปลงได้) เช่น table-layout:fixed; */
     border-style: ;                             /* กำหนดลักษณะของเส้นขอบ  ค่าที่สามารถกำหนดได้คือ  none, solid, dashed, dotted, double, groove, ridge, inset, outset, hidden (ซ่อนลักษณะของเส้นขอบ) */
	 border-color: red;                            /* กำหนดสีขอบเส้นขอบ  ค่าที่สามารถกำหนดได้คือ ชื่อสี ค่า RGB หรือเลขฐาน 16 เช่น border-color: #000000; */
	 background: #FFFFFF;                        /* กำหนดสีพื้นหลังให้กับตาราง */
	 float: ;                                           /* จัดตำแหน่งตารางให้ชิดขวาของ div_main */
	 border-right: ;
	 border-bottom: ; }

.table_detail .text {                              /* กำหนดรูปแบบตัวอักษรใน class "text1" */
     text-align: left;                              /* ใช้กำหนดตำแหน่งของข้อความ  ค่าที่สามารถกำหนดได้คือ  left, right, center และ justify */
	 float: ;                                          /* ให้แสดงเนื้อหาด้านซ้าย */
	 width: 500px;                                   /* กำหนดความยาวของบรรทัด  ค่าที่สามารถกำหนดได้คือ เลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin: 0px;                                     /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบทั้ง 4 ด้าน ค่าที่สามารถกำหนดได้คือ auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 padding: 0px;                                  /* กำหนดระยะห่างระหว่างข้อความกับแท็กทั้ง 4 ด้าน ค่าที่สามารถกำหนดได้คือ auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 font-family: Tahoma,serif,sans-serif,cursive,fantasy,monospaced;    /* กำหนดรูปแบบ font โดยสามารถกำหนดได้มากกว่า 1 ชนิด  */
	 font-size: 20px;                                /* กำหนดขนาด font ค่าที่สามารถกำหนดได้คือ xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger length และ percentage*/
	 font-style: normal;                             /* กำหนดรูปแบบของตัวอักษร ค่าที่สามารถกำหนดได้คือ normal, italic และ oblique */
	 font-weight: normal;                           /* กำหนดระดับความหนาของตัวอักษร  ค่าที่สามารถกำหนดได้คือ normal, bold, bolder และ lighter หรือกำหนดเป็นตัวเลขในช่วง 1-900 ได้ */
	 color: red;                                         /* กำหนดสี font */
	 text-transform: none;                        /* ใช้เปลี่ยนแปลงรูปแบบของข้อความให้เป็นแบบตัวพิมพ์ใหญ่ - เล็ก ค่าที่สามารถกำหนดได้คือ  none, capitalize, uppercase และ lowercase */
	 word-spacing: px;                             /* ใช้กำหนดระยะห่างระหว่างข้อความ  ค่าที่สามารถกำหนดได้คือ  เลขจำนวนเต็มพร้อมหน่าวยที่ใช้ */
	 letter-spacing: px;                          /* ใช้กำหนดระยะห่างระหว่างตัวอักษร  ค่าที่สามารถกำหนดได้คือ  เลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 line-height: px;                              /* ใช้กำหนดระยะห่างของบรรทัด  ค่าที่สามารถกำหนดได้คือ เลขจำนวนเต็มพร้อมหน่วยที่ใช้  */
	 text-indent: 5cm;  }                          /* กำหนดย่อหน้าให้กับข้อความ */

.table_detail .header_series {                       /* กำหนดสไตล์ให้กับ header_series ซึ่งแสดงชื่อประเภทรถยนต์ */
     width: 70px;
	 text-align: center;
	 vertical-align: middle;
	 background: #9999FF;
	 font: bolder 14px LilyUPC;
	 color: #FFFFFF;
	 border-top: 1px solid #9999FF;
	 border-bottom: 1px solid #9999FF;
	 border-left: 1px solid #FFFFFF;   }

.table_detail .title {                                     /* กำหนดสไตล์ให้กับ title */
     font: bold 24px LilyUPC;
	 color: #000000;
	 letter-spacing: 1px;                                 /* กำหนดระยะห่างของตัวอักษรในคอลัมน์ */
	 text-align: center;                                        /* กำหนดให้ข้อความชิดซ้ายคอลัมน์ */
	 text-indent: 20px;                                   /* กำหนดให้ข้อความย่อหน้าเข้าไป 20 pixel */
	 border-right: 0px solid #9999FF;  }

.table_detail .title img {                          /* กำหนดสไตล์ให้กับรูปภาพในคอลัมน์ title */
     margin-left: 20px;                             /* ให้รูปภาพอยู่ห่างจากข้อความ 20 pixel */
	 vertical-align: text-bottom;   }           /* ให้ข้อความอยู่ต่ำกว่ารูปภาพ */

.row_odd {                                               /* กำหนดสไตล์ให้กับแถวเลขคี่ (แถวที่เป็นสีฟ้า) */
     background: #99FFFF center;
	 font-family: 16px LilyUPC;  }

.table_detail .title_space   {                        /* กำหนดสไตล์ให้กับ title_space (หัวข้อที่แสดงคุณสมบัติที่ใช้เปรียบเทียบ) */                          
     font: bolder 24px "Cordia New";
	 text-align: left;
	 text-indent: 20px;
	 border: 1px solid #9999FF;  }

.row_odd td {                                          /* กำหนดสไตล์ให้กับคอลัมน์ในแถวเลขคี่ */
	  font: 24px "Cordia New";
	  color: #000000;
	  text-align: center;
	  border: 1px solid #9999FF;    }

.row_even td {                                                   /* กำหนดสไตล์ให้กับคอลัมน์ในแถวเลขคู่ (แถวที่เป็นสีขาว) */
     font: 24px "Cordia New";
	 color: #000000;
	 text-align: center;
	 border: 1px solid #9999FF;  }

.row_odd:hover, .row_event:hover {                    /* กำหนดสไตล์ให้กับแถวที่นำเมาส์ไปวาง */
     background: #FFFF00;   }
-------------------------------------------------------------------------------------------------------------------------------------------------------------
#table_center {                                             /* กำหนดสไตล์ให้กับ text_detail ซึ่งแสดงรายละเอียดคุณสมบัติรถยนต์ */
     width: 590px;                                        /* กำหนดขนาดความกว้างให้กับตาราง */
	 height: 400px;
	 border-spacing:  ;                                  /* กำหนดระยะห่างระหว่างเซลล์ (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ ระบุตัวเลขของหน่วยต่างๆ เช่น border-spacing: 2px; */
	 border-collapse:  ;                                 /* กำหนดให้เส้นขอบระหว่าง 2 เซลล์ที่แยกกันอยู่ ยุบรวมเป็นเส้นเดียวกัน  ค่าที่สามารถกำหนดได้คือ collapse (ยุบรวมเส้นขอบเป็นเส้นเดียวกัน) 
	                                                                  , separate (ค่า Default : แยกเส้นขอบระหวางเซลล์ออกจากกัน) เช่น border-collapse: collapse; */
	 caption-side:  ;                                      /* กำหนดตำแหน่งของ แฟยะรนื (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ top, bottom, left และ right เช่น capption-side: right; */
	 empty-cells:  ;                                       /* กำหนดรูปแบบของเซลล์ว่าง (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ show (แสดงเซลล์ว่าง) , hidden (ซ่อนเซลล์ว่าง) เช่น empty-cells: show; */
	 margin: px;                                          /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบทั้ง 4 ด้าน  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-top: px;                                   /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านบน  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-right: px;                                 /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านขวา  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-bottom: px;                             /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านล่าง  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-left: px;                                   /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านซ้าย  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 table-layout: fixed;                                /* กำหนดรูปแบบการแสดงตารางบนเพจ  ค่าที่สามารถกำหนดได้คือ  auto (ตารางสามารถเปลี่ยนแปลงขนาดได้ตามความเหมาะสมของข้อมูล)
	                                                                  , fixed (กำหนดความก้วางของตารางตายตัว ไม่สามารถเปลี่ยนแปลงได้) เช่น table-layout:fixed; */
     border-style: none;                             /* กำหนดลักษณะของเส้นขอบ  ค่าที่สามารถกำหนดได้คือ  none, solid, dashed, dotted, double, groove, ridge, inset, outset, hidden (ซ่อนลักษณะของเส้นขอบ) */
	 border-color: yellow;                            /* กำหนดสีขอบเส้นขอบ  ค่าที่สามารถกำหนดได้คือ ชื่อสี ค่า RGB หรือเลขฐาน 16 เช่น border-color: #000000; */
	 background: yellow;                        /* กำหนดสีพื้นหลังให้กับตาราง */
	 float: ;                                           /* จัดตำแหน่งตารางให้ชิดขวาของ div_main */
	 border-right: 0px double #9999FF;
	 border-bottom: 0px double #9999FF; }
..................................................................
table_left {                                             /* กำหนดสไตล์ให้กับ text_detail ซึ่งแสดงรายละเอียดคุณสมบัติรถยนต์ */
     width: 200px;                                        /* กำหนดขนาดความกว้างให้กับตาราง */
	 height: 400px;
	 border-spacing:  ;                                  /* กำหนดระยะห่างระหว่างเซลล์ (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ ระบุตัวเลขของหน่วยต่างๆ เช่น border-spacing: 2px; */
	 border-collapse:  ;                                 /* กำหนดให้เส้นขอบระหว่าง 2 เซลล์ที่แยกกันอยู่ ยุบรวมเป็นเส้นเดียวกัน  ค่าที่สามารถกำหนดได้คือ collapse (ยุบรวมเส้นขอบเป็นเส้นเดียวกัน) 
	                                                                  , separate (ค่า Default : แยกเส้นขอบระหวางเซลล์ออกจากกัน) เช่น border-collapse: collapse; */
	 caption-side:  ;                                      /* กำหนดตำแหน่งของ แฟยะรนื (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ top, bottom, left และ right เช่น capption-side: right; */
	 empty-cells:  ;                                       /* กำหนดรูปแบบของเซลล์ว่าง (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ show (แสดงเซลล์ว่าง) , hidden (ซ่อนเซลล์ว่าง) เช่น empty-cells: show; */
	 margin: px;                                          /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบทั้ง 4 ด้าน  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-top: px;                                   /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านบน  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-right: px;                                 /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านขวา  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-bottom: px;                             /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านล่าง  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-left: px;                                   /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านซ้าย  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 table-layout: fixed;                                /* กำหนดรูปแบบการแสดงตารางบนเพจ  ค่าที่สามารถกำหนดได้คือ  auto (ตารางสามารถเปลี่ยนแปลงขนาดได้ตามความเหมาะสมของข้อมูล)
	                                                                  , fixed (กำหนดความก้วางของตารางตายตัว ไม่สามารถเปลี่ยนแปลงได้) เช่น table-layout:fixed; */
     border-style: none;                             /* กำหนดลักษณะของเส้นขอบ  ค่าที่สามารถกำหนดได้คือ  none, solid, dashed, dotted, double, groove, ridge, inset, outset, hidden (ซ่อนลักษณะของเส้นขอบ) */
	 border-color: yellow;                            /* กำหนดสีขอบเส้นขอบ  ค่าที่สามารถกำหนดได้คือ ชื่อสี ค่า RGB หรือเลขฐาน 16 เช่น border-color: #000000; */
	 background: #000000;                        /* กำหนดสีพื้นหลังให้กับตาราง */
	 float: ;                                           /* จัดตำแหน่งตารางให้ชิดขวาของ div_main */
	 border-right: 0px double #9999FF;
	 border-bottom: 0px double #9999FF; }
	 ...............................................................
	 #table_right {                                             /* กำหนดสไตล์ให้กับ text_detail ซึ่งแสดงรายละเอียดคุณสมบัติรถยนต์ */
     width: 200px;                                        /* กำหนดขนาดความกว้างให้กับตาราง */
	 height: 400px;
	 border-spacing:  ;                                  /* กำหนดระยะห่างระหว่างเซลล์ (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ ระบุตัวเลขของหน่วยต่างๆ เช่น border-spacing: 2px; */
	 border-collapse:  ;                                 /* กำหนดให้เส้นขอบระหว่าง 2 เซลล์ที่แยกกันอยู่ ยุบรวมเป็นเส้นเดียวกัน  ค่าที่สามารถกำหนดได้คือ collapse (ยุบรวมเส้นขอบเป็นเส้นเดียวกัน) 
	                                                                  , separate (ค่า Default : แยกเส้นขอบระหวางเซลล์ออกจากกัน) เช่น border-collapse: collapse; */
	 caption-side:  ;                                      /* กำหนดตำแหน่งของ แฟยะรนื (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ top, bottom, left และ right เช่น capption-side: right; */
	 empty-cells:  ;                                       /* กำหนดรูปแบบของเซลล์ว่าง (ไม่สนับสนุนการทำงานบน IE 6.0) ค่าที่สามารถกำหนดได้คือ show (แสดงเซลล์ว่าง) , hidden (ซ่อนเซลล์ว่าง) เช่น empty-cells: show; */
	 margin: px;                                          /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบทั้ง 4 ด้าน  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-top: px;                                   /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านบน  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-right: px;                                 /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านขวา  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-bottom: px;                             /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านล่าง  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 margin-left: px;                                   /* กำหนดระยะห่างระหว่างแท็กนั้นๆ กับแท็กที่อยู่โดยรอบด้านซ้าย  ค่าที่สามารถกำหนดได้คือ  auto และเลขจำนวนเต็มพร้อมหน่วยที่ใช้ */
	 table-layout: fixed;                                /* กำหนดรูปแบบการแสดงตารางบนเพจ  ค่าที่สามารถกำหนดได้คือ  auto (ตารางสามารถเปลี่ยนแปลงขนาดได้ตามความเหมาะสมของข้อมูล)
	                                                                  , fixed (กำหนดความก้วางของตารางตายตัว ไม่สามารถเปลี่ยนแปลงได้) เช่น table-layout:fixed; */
     border-style: none;                             /* กำหนดลักษณะของเส้นขอบ  ค่าที่สามารถกำหนดได้คือ  none, solid, dashed, dotted, double, groove, ridge, inset, outset, hidden (ซ่อนลักษณะของเส้นขอบ) */
	 border-color: yellow;                            /* กำหนดสีขอบเส้นขอบ  ค่าที่สามารถกำหนดได้คือ ชื่อสี ค่า RGB หรือเลขฐาน 16 เช่น border-color: #000000; */
	 background: #000000;                        /* กำหนดสีพื้นหลังให้กับตาราง */
	 float: ;                                           /* จัดตำแหน่งตารางให้ชิดขวาของ div_main */
	 border-right: 0px double #9999FF;
	 border-bottom: 0px double #9999FF; }
.......................................................................................
TR H {
    BACKGROUND-COLOR:#ffccdd
	}