@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: 22px;

	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: 32px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: #336699;

	}	

.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;	

	}

.Prompt7 {

	font-family: 'Prompt', sans-serif;

	font-size: 24px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: #00000;	

	}

.Prompt8 {

	font-family: 'Prompt', sans-serif;

	font-size: 32px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: #009999	

	}	

				

.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: #336699;	

	}	

.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;	

	}		

.Athiti6 {

	font-family: 'Athiti', sans-serif;

	font-size: 20px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: #FFC000;	

	}

.Athiti7 {

	font-family: 'Athiti', sans-serif;

	font-size: 20px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: #00B050;	

	}

.Athiti8 {

	font-family: 'Athiti', sans-serif;

	font-size: 20px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: #003CFA;	

	}

.Athiti9 {

	font-family: 'Athiti', sans-serif;

	font-size: 20px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: #FF0000;	

	}

.Athiti10 {

	font-family: 'Athiti', sans-serif;

	font-size: 20px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: #C70000;	

	}	

.Athiti11 {

	font-family: 'Athiti', sans-serif;

	font-size: 18px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: #ffffff;	

	}

.Athiti12 {

	font-family: 'Athiti', sans-serif;

	font-size: 16px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color:  #0f697c;

	}

.Athiti13 {

	font-family: 'Athiti', sans-serif;

	font-size: 16px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color:  #a13422;

	}

.Athiti14 {

	font-family: 'Athiti', sans-serif;

	font-size: 20px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color:  #0f697c;

	}

.Athiti15 {

	font-family: 'Athiti', sans-serif;

	font-size: 20px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color:  #a13422;

	}

	

	

		

			

.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;

	width : 800;

}

.tr {

    display: table-row;

}

.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 auto;

    }



    .box {

        border-radius: 0px;

        padding: 0px;

        font-size: 100%;



    }



    .a1 {

        grid-column: 1 ;

        grid-row: 1;

    }

    .b1 {

		grid-column: 2;

		grid-row: 1;

    }

    .c1 {

        grid-column: 3 ;

        grid-row: 1 ;

    }

    .d1 {

        grid-column: 4;

        grid-row: 1;

    }

	.e1 {

        grid-column: 5;

        grid-row: 1;

    }

	.f1 {

        grid-column: 6;

        grid-row: 1;

    }

	.g1 {

        grid-column: 7;

        grid-row: 1;

    }

	.h1 {

        grid-column: 8;

        grid-row: 1;

    }

	.i1 {

        grid-column: 9;

        grid-row: 1;

    }

	.j1 {

        grid-column: 10;

        grid-row: 1;

    }

	.k1 {

        grid-column: 1;

        grid-row: 2;

    }

	.l1{

        grid-column: 2;

        grid-row: 2;

    }

	.m1 {

        grid-column: 3;

        grid-row: 2;

    }

	.n1 {

        grid-column: 4;

        grid-row: 2;

    }

	.o1 {

        grid-column: 5;

        grid-row: 2;

    }

	.p1 {

        grid-column: 6;

        grid-row: 2;

    }

	.q1 {

        grid-column: 7;

        grid-row: 2;

    }

	.r1 {

        grid-column: 8;

        grid-row: 2;

    }

	.s1 {

        grid-column: 9;

        grid-row: 2;

    }

	.t1 {

        grid-column: 10;

        grid-row: 2;

    }









    .a2 {

        grid-column: 1 ;

        grid-row: 3;

    }

    .b2 {

		grid-column: 2;

		grid-row: 3;

    }

    .c2 {

        grid-column: 3 ;

        grid-row: 3 ;

    }

    .d2 {

        grid-column: 4;

        grid-row: 3;

    }

	.e2 {

        grid-column: 5;

        grid-row: 3;

    }

	.f2 {

        grid-column: 6;

        grid-row: 3;

    }

	.g2 {

        grid-column: 7;

        grid-row: 3;

    }

	.h2 {

        grid-column: 8;

        grid-row: 3;

    }

	.i2 {

        grid-column: 9;

        grid-row: 3;

    }

	.j2 {

        grid-column: 10;

        grid-row: 3;

    }

	.k2 {

        grid-column: 1;

        grid-row: 4;

    }

	.l2{

        grid-column: 2;

        grid-row: 4;

    }

	.m2 {

        grid-column: 3;

        grid-row: 4;

    }

	.n2 {

        grid-column: 4;

        grid-row: 4;

    }

	.o2 {

        grid-column: 5;

        grid-row: 4;

    }

	.p2 {

        grid-column: 6;

        grid-row: 4;

    }

	.q2 {

        grid-column: 7;

        grid-row: 4;

    }

	.r2 {

        grid-column: 8;

        grid-row: 4;

    }

	.s2 {

        grid-column: 9;

        grid-row: 4;

    }

	.t2 {

        grid-column: 10;

        grid-row: 4;

    }













.Row

{

    display: table;

    width: 100%;

    border-spacing: 10px;

}



.Column

{

    display: table-cell;

	width:40%;

}



.wrapper1 {

    display: grid;

    grid-gap: 10px;

        grid-template-columns: auto auto;

}



.box {

        border-radius: 0px;

        padding: 0px;

        font-size: 100%;



    }



    .a {

        grid-column: 1 ;

        grid-row: 1;

    }

    .b {

		grid-column: 2;

		grid-row: 1;

    }



</style>