@charset "utf-8";
/* CSS Document */

.header-58-1{
	margin:0;
	padding:0;
	position:relative;
	z-index: 9999;
}

.header-58-1 .logoheader-58-1{
    position: absolute;
    top: 17px;
    left: 38px;
    z-index: 999;
}
.header-58-1 .logoheader-58-1 img{
	max-width:100%;
	height:auto;
}

.header-58-1 .nameheader-58-1{
    position: absolute;
    top: 24px;
    left: 156px;
     z-index: 999;
}
.header-58-1 .nameheader-58-1 img{
	max-width:100%;
	height:auto;
}


.header-58-2{
	margin:0;
	padding:0;
	position:relative;
}

.header-58-2 .logoheader-58-2{
	width:679px;
	height:202px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;		
}
.header-38-2 .logoheader-58-2 img{
	max-width:100%;
	height:auto;
}



#nav-58-1{
    /* top: 46px; */
    /* right: 0; */
    /* position:absolute; */
    /* background: url(../images/header-25-1/bg-menu.png)  top right no-repeat; */
    height:167px;
    text-align: right;
    margin-top: 0px;
    position:absolute;
    top:16px;
    right:0;
    left: 0;
    z-index:2;
 }
#nav-58-1 ul.top{
	/* margin-left: 383px; */
	/*position:relative;*/
	/*background: url(../images/header-25-1/bg-menu.png) top right no-repeat;*/
	}

#nav-58-1 ul.top li{
	display:inline-block;
	/* height:40px; */
	margin-left:0px;
	padding:26px 0px;
	font: 23px/38px 'thaisanslite', Arial, sans-serif;
	text-align: center;
	}
#nav-58-1 ul.top li:last-child{
	background:none;
}

#nav-58-1 ul.top li a:hover{
	
	color:#fce660;
	}
#nav-58-1 ul.top li:hover ul.sub{
	display:block;
	}
	
#nav-58-1 ul.top li a{
	width:100%;
	height:auto;
	padding:0 0px;
	display:block;
	color:#ffff;
	}
#nav-58-1 ul.top li a:hover{
	color:#fceb8c;
}
@media (max-width: 1200px)
 {
#nav-58-1 ul.top{
	margin-left:100px;
	}
 }
@media (max-width: 1024px)
 {
#nav-58-1 ul.top{
	margin-left:0px;
	}
#nav-58-1 ul.top li {
    padding: 0px 12px;
}
}	

/*************************/	
#nav-58-1 ul.sub{
	position:absolute;
	padding-top:20px;
	top: 60px;
	left:0;
	right:0;
	height: 524px;
	display:none;
	z-index:1;
	}
#nav-58-1 ul.sub li{
	display:inline-block;
	width:100%;
	position:relative;
	margin:0px 3px;
	padding:5px 5px;
	font-family: thaisanslite,Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height:20px;
	background:none;
	text-align: left;
	}
	#nav-58-1 ul.sub li a{
		color:#000;	
	}
	#nav-58-1 ul.sub li a:hover{
		color:#e84c0f;	
	}

#nav-58-1 ul li a{
	width:100%;
	display:block;
	color:#fff;
	text-decoration:none;
	}		

/*******************/

@media (max-width: 575px) { 
.header-58-1 .logoheader-58-1{
	display:none;
}
.header-58-2 .logoheader-58-2{
	display:none;
}
.header-58-1 .nameheader-58-1{
	display:none;	
}
#nav-58-1{
	display:none;	
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.header-58-1 .logoheader-58-1{
	display:none;
}
.header-58-2 .logoheader-58-2{
	display:none;
}
.header-58-1 .nameheader-58-1{
	display:none;	
}
#nav-58-1{
	display:none;	
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.header-58-1 .logoheader-58-1{
	display:none;
}
.header-58-2 .logoheader-58-2{
	display:none;
}
.header-58-1 .nameheader-58-1{
	display:none;	
}
#nav-58-1{
	display:none;	
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.header-58-1 .logoheader-58-1 img{
	max-width:70%;
	height:auto;
}
.header-58-2 .logoheader-58-2 img{
	max-width:70%;
	height:auto;
}
.header-58-1 .nameheader-58-1{
	display:none;	
}
#nav-58-1{
	top:25px;
}
#nav-58-1 ul.sub{
	top: 35px;
}
 }
@media (min-width: 1200px) and (max-width: 1281px) { 
.header-58-1 .logoheader-58-1 img{
	max-width:70%;
	height:auto;
}
.header-58-2 .logoheader-58-2 img{
	max-width:70%;
	height:auto;
}
.header-58-1 .nameheader-58-1{
	    top: 18px;
    left: 120px;

}
.header-58-1 .nameheader-58-1 img{
	max-width:80%;
	height:auto;	
}
 }
@media (min-width: 1282px) and (max-width: 1366px) { 
 #nav-58-1{
	top: 18px; 
 }
 }
@media (min-width: 1367px) and (max-width: 1440px) { 
 #nav-58-1{
	top: 18px; 
 }
 }
@media (min-width: 1441px) and (max-width: 1600px) { 
 #nav-58-1{
	top: 18px; 
 }
 }