.box_menu {
	position: absolute;
	width: 257px;
	height: auto;
	overflow: hidden;
}
#menu {
	text-decoration: none;
	background-image: url(image/concept/bg_menuleft.jpg);
	border-radius:0px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#menu li {
	width: 255px;
	margin: 0px;
	padding: 0px;
}
#menu li a {
	position: relative;
	display: block;
	width: 246px;
	height: 85px;
	margin: 0px 5px 2px 0px;
	text-decoration: none;
}
#bt_1, #bt_2, #bt_3, #bt_4, #bt_5, #bt_6, #bt_7, #bt_8, #bt_9, #bt_10, #bt_11, #bt_12 {
	background-image: url(image/concept/b1.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 255px;
	height: 85px;
	left: 2px;
	top: 2px;
}
.bg_menu {
	position: relative;
	background-image: url(image/concept/b2.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 255px;
	height:85px;
	left: 0px;
	top: 0px;
	opacity: 0;
}
.tha_mn {
	position: relative;
	width: 246px;
	height: 38px;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	color: #FFFFFF;
	text-shadow: 2px 2px 3px #000000;
	text-align:center;
	top:-59px;
}
.tha_mn2 {
	position: relative;
	width: 246px;
	height: 38px;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	color: #FFFFA0;
	text-shadow: 2px 2px 3px #000000;
	text-align:center;
	top:-98px;
	opacity:0;
}
#subMn {
	padding: 0px;
	margin: 0px;
}
#subMn li {
	top: 0px;
	list-style: none;
}
#subMn li a {
	position: relative;
	background-image: url(image/concept/sub1.png), linear-gradient(90deg, rgba(191 251 199), rgba(215,216,215,0.5), rgba(241,241,241,0));
	background-repeat:no-repeat;
	border-radius: 10px;
	width: 236px;
	height: 100%;
	left: 10px;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 16px;
	color: #000c96;
	line-height: 35px;
	text-indent: 30px;
	text-decoration: none;
}
#subMn li a:hover {
	color: #F10000;
	-webkit-animation: acSubMn 0.5s forwards;
	animation: acSubMn 0.5s forwards;
}
#sSubMn {
	padding: 0px;
	margin: 0px;
}
#sSubMn li {
	top: 0px;
	list-style: none;
}
#sSubMn li a {
	position: relative;
	background-image: url(image/concept/subs1.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width: 240px;
	height: auto;
	left: 5px;
	text-decoration: none;
	font-family: 'THSarabunPSKRegular';
	font-weight: bold;
	font-size: 15px;
	color: #333333;
	text-indent: 20px;
	line-height: 25px;
}
#sSubMn li a:hover {
	color: #F2401A;
	-webkit-animation: acsSubMn 0.5s forwards;
	animation: acsSubMn 0.5s forwards;
}
.pad1 {
	height: 2px;
}
.pad2 {
	height: 18px;
}

/*animation SubMenu*/
@-webkit-keyframes acSubMn {/*Chrom,Safari,Opera*/
	50% {
		text-indent: 25px;
		background-image: url(image/concept/sub1.png), linear-gradient(90deg, rgba(191 251 199), rgba(215,216,215,0.5), rgba(241,241,241,0));
		border-radius:10px;
		background-repeat:no-repeat;
		background-position: 0px 0px;
  }
  100% {
		text-indent: 35px;
		background-image: url(image/concept/sub2.png), linear-gradient(90deg, rgba(191 251 199), rgba(215,216,215,0.5), rgba(241,241,241,0));
		border-radius:10px;
		background-repeat:no-repeat;
		background-position: 0px 0px;
  }
}
@-moz-keyframes acSubMn {/*FireFox*/
	50% {
		text-indent: 25px;
		background-image: url(image/concept/sub1.png), linear-gradient(90deg, rgba(191 251 199), rgba(215,216,215,0.5), rgba(241,241,241,0));
		border-radius:10px;
		background-repeat:no-repeat;
		background-position: 0px 0px;
  }
  100% {
		text-indent: 35px;
		background-image: url(image/concept/sub2.png), linear-gradient(90deg, rgba(191 251 199), rgba(215,216,215,0.5), rgba(241,241,241,0));
		border-radius:10px;
		background-repeat:no-repeat;
		background-position: 0px 0px;
  }
}
@-ms-keyframes acSubMn {/*IE*/
	50% {
		text-indent: 25px;
		background-image: url(image/concept/sub2.png), linear-gradient(90deg, rgba(191 251 199), rgba(215,216,215,0.5), rgba(241,241,241,0));
		border-radius:10px;
		background-repeat:no-repeat;
		background-position: 0px 0px;
  }
  100% {
		text-indent: 35px;
		background-image: url(image/concept/sub1.png), linear-gradient(90deg, rgba(191 251 199), rgba(215,216,215,0.5), rgba(241,241,241,0));
		border-radius:10px;
		background-repeat:no-repeat;
		background-position: 0px 0px;
  }
}
@-webkit-keyframes acsSubMn {/*Chrom,Safari,Opera*/
	50% {
		text-indent: 30px;
		background: url(image/concept/subs1.png) no-repeat -10px 0px;
  }
  100% {
		text-indent: 25px;
		background: url(image/concept/subs2.png) no-repeat 5px 0px;
  }
}
@-moz-keyframes acsSubMn {/*FireFox*/
	50% {
		text-indent: 30px;
		background: url(image/concept/subs1.png) no-repeat -10px 0px;
  }
  100% {
		text-indent: 25px;
		background: url(image/concept/subs2.png) no-repeat 5px 0px;
  }
}
@-ms-keyframes acsSubMn {/*IE*/
	50% {
		text-indent: 30px;
		background: url(image/concept/subs1.png) no-repeat -10px 0px;
  }
  100% {
		text-indent: 25px;
		background: url(image/concept/subs2.png) no-repeat 5px 0px;
  }
}