.toggle,
[id^=drop] 
{

	display: none;

}

menu 
{ 

	margin: 0;
	padding: 0;
	background-color: #F8F9FA; /*#df162f;/


	/* ตรึง div เมนูให้อยู่บนสุดเสมอ */
	position: fixed; 

	top: 0;
  	left: 0;
	z-index: 999;
	width:100%

}


menu:after 
{

	content:"";
	display:table;
	clear:both;

}


menu ul 
{

	float: left;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;

}
	
menu ul li 
{

	margin: 0px;
	display:inline-block;
	float: left;
	
}

menu a , a:visited
{

	display:block;
	padding:16px 20px;	
	color: rgb(59, 59, 59);
	font-size:0.8em; /*ปรับขนาดฟอนต์ทั้งเมนู*/
	text-decoration:none;

}

/* สำหรับพีซีเท่านั้น */
menu ul li ul li:hover 
{ 

	background-color: #eee;

} 

menu a:hover 
{ 
	/* สีฟอนต์เวลาเอาเมาส์ชี้ */
	background-color:none;
	color: rgb(39, 4, 95);

}

menu ul ul 
{

	display: none;
	position: absolute; 
	top: 48px; 

}

menu ul li:hover > ul 
{

	display:inherit;

}
	
menu ul ul li 
{

	width:250px;
	float:none;
	display:list-item;
	position: relative;
	border-bottom: 0.1px solid rgb(209, 209, 209);
	background-color: #F8F9FA;
	
	
}

menu ul ul ul li 
{

	position: relative;
	top: -48px; /*ปรับระยะขอบมีแค่ -48 หรือ -49 เท่านั้น */
	left: 250px; 
	background-color: #F8F9FA;
	border-bottom: 0.1px solid rgb(209, 209, 209);

}

	
li > a:after 
{ 

	content:  ''; font-size:0.1px;

}

li > a:only-child:after 
{ 

	content: ''; 

}


/* มือถือ */
@media all and (max-width: 768px) 
{
	menu 
	{
		margin: 0;
	}

	.toggle + a,
	.menu 
	{
		display: none;
	}

	.toggle 
	{
		display: block;
		background-color: #F8F9FA;
		padding:14px 20px;	
		/* color:#0094cd; */
		font-size:0.8em; /*ปรับขนาดฟอนต์ทั้งเมนู*/
		text-decoration: none;
		border:none;
	}

	.toggle:hover 
	{
		background-color: #F8F9FA;
		font-weight:bold;
		font-size:0.8em; /*ปรับขนาดฟอนต์ทั้งเมนู*/
		/* color:yellow;	 */
	}

	[id^=drop]:checked + ul 
	{
		display: block;
	}

	menu ul li 
	{
		display: block;
		width: 100%;
		
	}

	menu ul ul .toggle, 
	menu ul ul a 
	{
		padding: 0 40px;
	}

	menu ul ul ul a 
	{
		padding: 0 80px;
	}

	menu a:hover,
	menu ul ul ul a 
	{
		background-color: #F8F9FA;
	}
  
	/* หัวข้อย่อย */
	menu ul li ul li .toggle,
	menu ul ul a,
	menu ul ul ul a
	{
		padding:14px 20px;	
		/* color:#fff; */
		font-size:0.8em; /*ปรับขนาดฟอนต์ทั้งเมนู*/ 
	}
  
	/* หัวข้อหลัก */
	menu ul li ul li .toggle,
	menu ul ul a 
	{
		
		background-color: #F8F9FA;
		/* color: #fff; */
		font-size:0.8em; /*ปรับขนาดฟอนต์ทั้งเมนู*/
	}

	menu ul ul 
	{
		float: none;
		position:static;
		/* color: #ffffff; */
	}
		
	menu ul ul li:hover > ul,
	menu ul li:hover > ul 
	{
		display: none;	
	}

	menu ul ul li 
	{
		display: block;
		width: 100%;
	}

	menu ul ul ul li 
	{
		position: static;
	}
}

@media all and (max-width: 330px) 
{
	menu ul li 
	{
		display:block;
		width: 94%;	
	}
	
}