/* mega-menus */
#globalnav ul > li ul.menu_second {
    width: 350px;
    left: calc(50% - 175px);
}

#globalnav ul > li ul.menu_second li a {
    text-align: left;
    padding: 15px 15px 15px 75px;
    background-color: #014099;
    color: #ffffff;
    font-weight: bold;
}

#globalnav ul > li ul.menu_second li a {
    border-bottom: 1px solid #676767;
}

#globalnav ul > li ul.menu_second li:last-child a {
    border-bottom: none;
}

/* globalnav01 */
#globalnav01 .menu_second li a {
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    text-align: left;
}

#globalnav01 .menu_second li:nth-child(1) a {
	background-image: url(../image/automatic_img01.jpg);
}
#globalnav01 .menu_second li:nth-child(2) a {
	background-image: url(../image/manual_img01.jpg);
}
#globalnav01 .menu_second li:nth-child(3) a {
	background-image: url(../image/single_axis_actuators_img01.jpg);
}
#globalnav01 .menu_second li:nth-child(4) a {
	background-image: url(../image/optronics_img01.jpg);
}
#globalnav01 .menu_second li:nth-child(5) a {
	background-image: url(../image/photodetector_img04.jpg);
}
#globalnav01 .menu_second li:nth-child(6) a {
	background-image: url(../image/optical_fiber_img01.jpg);
}


/* globalnav02 */
#globalnav02 .menu_second li a {
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    text-align: left;
}

#globalnav02 .menu_second li:nth-child(1) a {
	background-image: url(../image/mm_img02_01.png);
}
#globalnav02 .menu_second li:nth-child(2) a {
	background-image: url(../image/mm_img02_02.png);
}
#globalnav02 .menu_second li:nth-child(3) a {
	background-image: url(../image/mm_img02_03.jpg);
}
#globalnav02 .menu_second li:nth-child(4) a {
	background-image: url(../image/mm_img02_04.png);
}
#globalnav02 .menu_second li:nth-child(5) a {
	background-image: url(../image/mm_img02_05.jpg);
}
#globalnav02 .menu_second li:nth-child(6) a {
	background-image: url(../image/mm_img02_06.jpg);
}





/* hov */
#top_box01_in dl dd {
	transition-duration:0.3s;
	width: 200px;
/*	height: 112px;*/
	max-width: 200px;
}

#top_box01_in dl:hover dd {
	transition-duration:0.3s;
	width: 100%;
/*	height: 112px;*/
	max-width: 100%;
}


#top_box01_in dl dd .hov_conts {
	display: none;
}

#top_box01_in dl:hover dd {
	z-index: 50;
}

#top_box01_in dl:hover dd a {
/*	background-color: rgba(245,245,245,0.9)!important;*/
border-bottom: 1px solid #cccccc;
}

#top_box01_in dl:hover dd a .v_m {
	font-weight: bold;
	background-color: rgba(1,63,153,1);
	color: #ffffff;
}

#top_box01_in dl:hover dd .hov_conts {
	display: block;
}

#top_box01_in dl:hover dd .hov_conts ul{
	display: flex;
	flex-wrap:wrap;
}

#top_box01_in dl:hover dd .hov_conts li {
	width: 100%;
}

#top_box01_in dl:hover dd .hov_conts li a{
	font-size: 14px;
	height: auto!important;
	padding: 5%;
	text-align: left;
}

#top_box01_in dl:hover dd .hov_conts li a:hover{
	background-color: rgba(1,63,153,1);
	color: #ffffff;
}











@media only screen and (max-width:1024px) {

.rsaquo {font-size: 10px;}

	#top_box01_in dd a {
	    display: block;
	    max-width: 100%;
	    float: right;
	}

	#top_box01_in dl dd {
	    transition-duration: 0.3s;
	    width: 100%;
	    /* height: 112px; */
	    max-width: 100%;
	}

	#top_box01_in dl dd .hov_conts {
	    display: block;
	}

	#top_box01_in dl dd .hov_conts ul {
	    display: block;
	    flex-wrap: wrap;
	}

	#top_box01_in dl dd .hov_conts li a{
		font-size: 12px;
		height: auto!important;
		padding: 5%;
		text-align: left;
		font-size: 12px;
	}

	#top_box01_in dl:hover dd .hov_conts li a {
	    font-size: 12px;
	    height: auto!important;
	    padding: 5%;
	    text-align: left;
	}

	#top_box01_in dl dd a {
		/*	background-color: rgba(245,245,245,0.9)!important;*/
		border-bottom: 1px solid #cccccc;
	}

	#top_box01_in dl dd a .v_m {
		font-weight: bold;
		background-color: rgba(1,63,153,1);
		color: #ffffff;
		padding: 15px 0;
	}

	#top_box01_in dl:hover dd .hov_conts ul {
	    display: block;
	    flex-wrap: wrap;
	}

	#top_box01_in .v_m {
		display: block;
		vertical-align: middle;
		background-color: #013F99;
		color: #ffffff;
	}


	#top_box01_in dt {
		height: 210px;
		overflow: hidden;
	}

#top_box01_in dd {
    width: 100%;
    max-width: 200px;
    height: auto;
    position: static;
    right: 0;
    bottom: 0;
}


}




@media only screen and (max-width:640px) {

.rsaquo {font-size: 10px;}

	#top_box01_in dd a {
	    display: block;
	    max-width: 100%;
	    float: right;
	}

	#top_box01_in dl dd {
	    transition-duration: 0.3s;
	    width: 100%;
	    /* height: 112px; */
	    max-width: 100%;
	}

	#top_box01_in dl dd .hov_conts {
	    display: block;
	}

	#top_box01_in dl dd .hov_conts ul {
	    display: block;
	    flex-wrap: wrap;
	}

	#top_box01_in dl dd .hov_conts li a{
		font-size: 12px;
		height: auto!important;
		padding: 5%;
		text-align: left;
		font-size: 12px;
	}

	#top_box01_in dl:hover dd .hov_conts li a {
	    font-size: 12px;
	    height: auto!important;
	    padding: 5%;
	    text-align: left;
	}

	#top_box01_in dl dd a {
		/*	background-color: rgba(245,245,245,0.9)!important;*/
		border-bottom: 1px solid #cccccc;
	}

	#top_box01_in dl dd a .v_m {
		font-weight: bold;
		background-color: rgba(1,63,153,1);
		color: #ffffff;
		padding: 15px 0;
	}

	#top_box01_in dl:hover dd .hov_conts ul {
	    display: block;
	    flex-wrap: wrap;
	}

	#top_box01_in .v_m {
		display: block;
		vertical-align: middle;
		background-color: #013F99;
		color: #ffffff;
	}


	#top_box01_in dt {
		height: 105px;
		overflow: hidden;
	}





}