@charset "utf-8";
/* CSS Document */

<style>
#wholebg { background-color: #336699;
					height:690px;
				}
body {  
				margin-top:0px;
				margin-left:10px;       
				
			}  	
footer{
			color:#336600;
			background-color:#0DA4DD;
			width:100%;
			text-align:center;
			}	
#wrapper {
					text-align:center;
					width:900px;
					color:#696969;			
					margin:auto;
					}
.head0 {
	font-family: "Tahoma", CordiaUPC, MS Sans Serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ff3300;
}
.head1 {
	font-family: "Tahoma",MS Sans Serif,CordiaUPC;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099ff;
}
.head2 {
	font-family: "Tahoma",MS Sans Serif,CordiaUPC;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000ff;
}
.text1 {
	font-family: "Ekkamai Standard",MS Sans Serif,CordiaUPC;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00000;
        text-align: left;
    }
.text2 {
	font-family: "Tahoma",MS Sans Serif,CordiaUPC;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #00000;
}
.kanit1 {
	font-family: 'Kanit', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00000;
	}
.kanit2 {
	font-family: 'Kanit', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00000;
	}
.kanit3 {
	font-family: 'Kanit', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	}			
.Prompt1 {
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00000;
	}
.Prompt2 {
	font-family: 'Prompt', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00000;
	}
.Prompt3 {
	font-family: 'Prompt', sans-serif;
	font-size: 30px;
	font-style: normal;
	/* [disabled]font-weight: normal; */
	font-variant: normal;
	color: #336699;
	text-align: center;
	}	
.Prompt4 {
	font-family: 'Prompt', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	}
.Prompt5 {
	font-family: 'Prompt', sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	}	
.Prompt6 {
	font-family: 'Prompt', sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FF6600;	
	}			
.Athiti1 {
	font-family: 'Athiti', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00000;	
	}
.Athiti2 {
	font-family: 'Athiti', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ff0000;	
	}
.Athiti3 {
	font-family: Athiti, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #417EBC;
	}	
.Athiti4 {
	font-family: 'Athiti', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;	
	}
.Athiti5 {
	font-family: 'Athiti', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;	
	}		
	
.BaiJamjuree1 {
	font-family: 'Bai Jamjuree', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00000;	
	}		
.Kodchasan1 {
	font-family: 'Kodchasan', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00000;	
	}	

.text3 {
	font-family: "Tahoma",MS Sans Serif,CordiaUPC;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ff3300;
}
.text6 {	font-family: "Tahoma",MS Sans Serif,CordiaUPC;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.text61 {	font-family: "MS Sans Serif",Tahoma,CordiaUPC;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.style138 {
	font-size: 24px;
	font-family: "TH Sarabun New", Tahoma, "Courier New", sans-serif;
}
.style141 {
	font-family: "TH Sarabun New", Tahoma, "Courier New", sans-serif;
	font-weight: bold;
	color: #336666;
	font-size: 20px;
}
a:link {
    text-decoration: none;
    color: #000000;}
a:visited {
    text-decoration: none;
    color: #000000;}

a:hover {
    text-decoration: none;
    color: #000000;
}
a:active {
    text-decoration: none;
    color: #000000;
}

.table {
	display: table;
	font-size: 16px;
	width: 100%;
}
.tr {
	display: table-row;
	width: auto;
}
.td {
    display: table-cell;
}


.block {
    clear: both;
    width: 800px;
}
.block > div {
    float: left;
	width: 33.33%;
}
.line{
bodding-bottom:#999999 1px dotted;
}

.wrapper {
    display: grid;
    grid-gap: 10px;
        grid-template-columns: auto auto auto auto auto auto;
    }

    .box {
        border-radius: 0px;
        padding: 0px;
        font-size: 150%;

    }

    .a {
        grid-column: 1 ;
        grid-row: 1/3;
    }
    .b {
	grid-column: 2;
	grid-row: 1;
    }
    .c {
        grid-column: 3 ;
        grid-row: 1 ;
    }
    .d {
        grid-column: 4;
        grid-row: 1;
    }
	.e {
        grid-column: 5;
        grid-row: 1;
    }
	.f {
        grid-column: 6;
        grid-row: 1;
    }
	.g{
        grid-column: 2;
        grid-row: 2;
    }
	.h{
        grid-column: 3;
        grid-row: 2;
    }
	.i{
        grid-column: 4;
        grid-row: 2;
    }
	.j{
        grid-column: 5;
        grid-row: 2;
    }
	.k{
        grid-column: 6;
        grid-row: 2;
    }
	.l{
        grid-column: 1/7;
        grid-row: 3;
    }
	
</style>
