li .menuList { color:#000; font-size:1.5em; }
.menuText { margin-right:10px; }
#logo1 { display:none; margin-top:-8px; }
#logo2 { display:inline; margin-top:-14px; }
.menuMemberList { font-family:'tsn-bold'; font-size:1.4em; line-height:1; }
#menuLgText { display:inline; }
#nameOnTop { display:inline; }
#nameOnTopMobile { display:none; }
#memberPhotoMobile { display:inline; }
#memberPhotoMobileArea { position:absolute; right:70px; top:5px; display:inline; }

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 400px)
{
	#nameOnTopMobile { display:inline; }
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 700px)
{
	
	li .menuList { font-size:2em; }
	#menu1Text { display:none; }
	#menu2Text { display:none; }
	#menu3Text { display:none; }
	#menu4Text { display:none; }
	#menuLgText { display:none; }
	
	#logo1 { display:inline; }
	#logo2 { display:none; }
	/* #logo2 { display:inline; margin-top:-8px; } */

	#nameOnTop { font-size:0.7em; }
	#memberPhotoMobile { display:none; }
	#memberPhotoMobileArea { display:none; }
	
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1000px)
{
	li .menuList { font-size:2.2em; }
	#nameOnTop { font-size:1em; }
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1200px)
{
	#menu1Text { display:inline; }
	#menu2Text { display:inline; }
	#menu3Text { display:inline; }
	#menu4Text { display:inline; }
	#nameOnTop { font-size:0.9em; line-height:0.9; }
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1600px)
{
	#menuLgText { display:inline; }
	.menuText { margin-right:30px; }
	#nameOnTop { font-size:1em; }
}

@media (max-width: 767px) {
  
}

/*----------------------------------------- Top Menu ----------------------------------------------*/

	.topMenuArea{ position: absolute; font-family:'kanit-bold'; font-size: 1.5em; margin-top: 55px; width: 100%; /*height: 100%;*/ }
	#menuTop1 { display: none; }
	#im { height: 20px; width: 20px; margin-top: -5px; margin-right: 10px; }
	.menu1 { padding:0; margin:0; list-style: none; position: relative; }
	.menu1 .listOne { margin: -1px 0; width: auto; background-color: #FFFFFF; border-bottom: 1px dashed #ddd; }
	.menu1 .listTwo { margin: -1px 0; width: auto; background-color: #FFFFFF; border-bottom: 1px dashed #ddd; }
	.menu1 .listThree { margin: -1px 0; width: auto; background-color: #FFFFFF; border-bottom: 1px dashed #ddd; }
	.action1 { cursor:pointer; display:block; padding:14px 20px; color:black; text-decoration:none; }
	.action1:hover { transition-duration: 1s; background-color: #E4E4E4; color:black; }
	#ul1-1 #ul1-2  { display: none; position: relative; width: 100%; }
	#ul1-2 #ul1-3  { display: none; position: relative; width: 100%; }
	.menu1 .listOne:hover { transition-duration: 1s; background: #E4E4E4; }
	.menu1 .listTwo:hover { transition-duration: 1s; background: #E4E4E4; }
	.menu1 .listThree:hover { transition-duration: 1s; background: #E4E4E4; }
	.menu1 .listOne .menu1 .listOne:hover { transition-duration: 1s; background: #E4E4E4; }
	.menu1 .listTwo .menu1 .listTwo:hover { transition-duration: 1s; background: #E4E4E4; }
	.menu1 .listThree .menu1 .listThree:hover { transition-duration: 1s; background: #E4E4E4; }
	.menu1 .menu1 .listOne { position: relative; }
	.menu1 .menu1 .listTwo { position: relative; }
	.menu1 .menu1 .listThree { position: relative; }
	.menu1 .menu1 .menu1 .listOne { position: relative; }
	.menu1 .menu1 .menu1 .listTwo { position: relative; }
	.menu1 .menu1 .menu1 .listThree { position: relative; }
	.form1 { margin-left: 40px; }
	.form2 { margin-left: 80px; }
	.arrowMenu1 { margin-left: 10px; font-size: 1.3em; top: 4px !important; }
	.arrowMenu2 { margin-left: 10px; }
	.textName1 { display: inline-block; margin-left: 40px; }
	.textName2 { display: inline-block; }
	.textName3 { display: inline-block; }
	.iconMenu { margin-right: 10px; font-size: 1.3em; }
	/*-------------------------------------- ความกว้าง ไม่ต่ำกว่า 768px --------------------------------------*/
	@media all and (min-width : 768px) {
		.form1 { margin-left: 20px; }
		.form2 { margin-left: 40px; }
	}
	/*--------------------------------------- ความกว้าง ไม่ต่ำกว่า 1300px  -------------------------------------*/
	@media all and (min-width : 1300px) {
		.topMenuArea{ margin-left: 100px; margin-top: 0; width: auto; height: auto; }
		#menuTop1 { display: block; }
		.menu1 { float: left; padding:0; margin:0; list-style: none; position: relative; width: auto; }
		.menu1 .listOne { margin: 0px; display:inline-block; float: left; border-bottom: none; }
		.menu1 .listTwo { margin: 0px; display:inline-block; float: left; border-bottom: none; }
		.menu1 .listThree { margin: 0px; display:inline-block; float: left; border-bottom: none; }
		.action1 { padding:12.5px 20px; }
		#ul1-1 #ul1-2 { display: none; position: absolute; top: 55px; border: none; }
		#ul1-2 #ul1-3 { display: none; position: absolute; top: 56px; border: none; }
		#ul1-1 .listOne:hover > #ul1-2 { display:block; }
		#ul1-1 .listTwo:hover > #ul1-2 { display:block; }
		#ul1-1 .listThree:hover > #ul1-2 { display:block; }
		#ul1-2 .listOne:hover > #ul1-3 { display:block; }
		#ul1-2 .listTwo:hover > #ul1-3 { display:block; }
		#ul1-2 .listThree:hover > #ul1-3 { display:block; }
		.menu1 .menu1 .listOne { width:300px; float:none; display:list-item; position: relative; }
		.menu1 .menu1 .listTwo { width:300px; float:none; display:list-item; position: relative; }
		.menu1 .menu1 .listThree { width:300px; float:none; display:list-item; position: relative; }
		.menu1 .menu1 .menu1 .listOne { position: relative; top:-56px; left:300px; }
		.menu1 .menu1 .menu1 .listTwo { position: relative; top:-56px; left:300px; }
		.menu1 .menu1 .menu1 .listThree { position: relative; top:-56px; left:300px; }
		.form1 { margin-left: 0; }
		.form2 { margin-left: 0; }
		.textName1 { display: inline-block; margin-left: 40px; }
		.textName2 { display: inline-block; width: 70%; margin-left: 40px; }
		.textName3 { display: inline-block; width: 70%; margin-left: 40px; }
	}
	/*---------------------------------------- END Top Menu --------------------------------------------*/