@charset "UTF-8";
/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/
ul.block
{
	position: ;
	margin: 0em;
	padding: 0;
	list-style-type: none;
	font-size: ;
	font-family: "TH SarabunPSK";
	font-weight: bold;
	cursor: default;
	width: auto;
	left: 0%;
	text-align: center;
}
/*li.block0
{
	position: ;
	margin: 0em;
	padding: 0;
	list-style-type: none;
	font-size: 2.5vw;
	font-family: "TH SarabunPSK";
	font-weight: bold;
	cursor: default;
	width: auto;
	left: 0%;
	text-align: center;
}
li.block1
{
	position: ;
	margin: 0em;
	padding: 0;
	list-style-type: none;
	font-size: 2vw;
	font-family: "TH SarabunPSK";
	font-weight: bold;
	cursor: default;
	width: auto;
	left: 0%;
	text-align: center;
}
li.block2
{
	position: ;
	margin: 0em;
	padding: 0;
	list-style-type: none;
	font-size: 2vw;
	font-family: "TH SarabunPSK";
	font-weight: bold;
	cursor: default;
	width: auto;
	left: 0%;
	text-align: center;
}
li.block3
{
	position: ;
	margin: 0em;
	padding: 0;
	list-style-type: none;
	font-size: 2vw;
	font-family: "TH SarabunPSK";
	font-weight: bold;
	cursor: default;
	width: auto;
	left: 0%;
	text-align: center;
}
li.block4
{
	position: ;
	margin: 0em;
	padding: 0;
	list-style-type: none;
	font-size: 2vw;
	font-family: "TH SarabunPSK";
	font-weight: bold;
	cursor: default;
	width: auto;
	left: 0%;
	text-align: center;
}
li.block0 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/bg1-layer4.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 0.6vw;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: .05vw solid #930;
	text-align: center;
	text-shadow: .15vw .15vw black;
}*/
li.block1 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/a1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2vw;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: .025vw solid #930;
	text-align: center;
}
li.block2 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/b1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2vw;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: .025vw solid #930;
	text-align: center;
}
li.block3 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/c1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2vw;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: .025vw solid #930;
	text-align: center;
}
li.block4 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/d1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2vw;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: .025vw solid #930;
	text-align: center;
}
li.block5 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/e1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2vw;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: .025vw solid #930;
	text-align: center;
}
li.block6 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/f1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2vw;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: .025vw solid #930;
	text-align: center;
}
li.block7 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/g1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2vw;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: .025vw solid #930;
	text-align: center;
}
li.block8 a
{
	position: ;
	display: block;
	cursor: pointer;
	background-color: #;
	background-image: url(../Images/h1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 2vw;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: .025vw solid #930;
	text-align: center;
}
/* Menu items that have mouse over or focus have a blue background and white text */
li.block1 a:hover, li.block a:focus
{
	background-image: url(../Images/a2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #;
	color: #fff;
	text-shadow: .1vw .1vw #000;
}
li.block2 a:hover, li.block a:focus
{
	background-image: url(../Images/b2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #;
	color: #fff;
	text-shadow: .1vw .1vw #000;
}
li.block3 a:hover, li.block a:focus
{
	background-image: url(../Images/c2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #;
	color: #fff;
	text-shadow: .1vw .1vw #000;
}
li.block4 a:hover, li.block a:focus
{
	background-image: url(../Images/d2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #;
	color: #fff;
	text-shadow: .1vw .1vw #000;
}
li.block5 a:hover, li.block a:focus
{
	background-image: url(../Images/e2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #;
	color: #fff;
	text-shadow: .1vw .1vw #000;
}
li.block6 a:hover, li.block a:focus
{
	background-image: url(../Images/f2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #;
	color: #fff;
	text-shadow: .1vw .1vw #000;
}
li.block7 a:hover, li.block a:focus
{
	background-image: url(../Images/g2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #;
	color: #fff;
	text-shadow: .1vw .1vw #000;
}
li.block8 a:hover, li.block a:focus
{
	background-image: url(../Images/h2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #;
	color: #fff;
	text-shadow: .1vw .1vw #000;
}