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



ul.navigation{ font-size:15px; font-size: 0;}

/* 選單 li 之樣式 */
ul.navigation li{ position: relative; display: inline-block; text-align:center; transition: all 0.4s;}

/* 選單 li 裡面連結之樣式 */
ul.navigation li a{display: block;}

/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
ul.navigation ul{ display:none; float: left; position: absolute; left: 0; margin: 0; z-index:90;}

/* 當第一層選單被觸發時，指定第二層顯示 */
ul.navigation li.hover:hover > ul{display: block;}
ul.navigation li:hover{
	background: #FFF;
	transition: all 0.4s;
}

/* 特定在第二層或以後下拉部分 li 之樣式 */
ul.navigation ul li{ height:30px; line-height:30px; border-bottom:1px solid #333;}

/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
ul.navigation ul li:last-child{ border-bottom: none;}

ul.navigation ul a{ width: 100px; color: #666; background: url(../images/header/menuBg.png) repeat; color:#FFF; text-decoration:none; height:30px;}
ul.navigation ul a:hover{ background:#02abba;}

a.menu-interview,
a.menu-about,
a.menu-welfare,
a.menu-message,
a.menu-shop,
a.menu-QA,
a.menu-entry,
a.menu-midcareer,
a.menu-partTime{ transition: all 0.4s;}

a.menu-interview:hover,
a.menu-about:hover,
a.menu-welfare:hover,
a.menu-message:hover,
a.menu-shop:hover,
a.menu-QA:hover,
a.menu-entry:hover,
a.menu-midcareer:hover,
a.menu-partTime:hover{ transition: all 0.4s;}

a.menu-entry,
a.menu-midcareer,
a.menu-partTime{ display: none;}

.spMenu{
	display: none;
}
ul.navigation li.pcHideMenu{
	display: none;
}
ul.navigation li.headerSpMenu{
	display: none;
	position: relative;
}
ul.navigation li.headerSpMenu p{
	float: left;
}
ul.navigation li.headerSpMenu div{
	position: absolute;
	right: 4vw;
	top: 4vw;
}
ul.navigation li.headerSpMenu div a{
	display: inline-block;
	width: 30px;
	margin:0 5px;
}

@media all and (max-width: 1024px){
	ul.navigation{ width:100%; margin:0 auto;}
	ul.navigation ul{display: none; float: none; position: inherit; z-index:3; background-color:#6c6c6c;}
	ul.navigation ul a{ width:100%; color: #666; background: none;	color:#FFF; text-decoration:none; transition: all 0.4s; height: inherit;}
	ul.navigation ul a:hover{ background: none;}
	ul.navigation ul li{ height: auto; line-height:inherit; border-bottom:0;}
	
	ul.navigation li{ float: none; z-index:3; height:auto; overflow:hidden; display: block;}
	/* ul.navigation li:hover{ background:#02abba;} */
	ul.navigation li a{ margin:0; overflow:hidden; width:100%;}
	
	ul.navigation li{ border-bottom: 1px solid #808080;}

	

	a.menu-entry,
	a.menu-midcareer,
	a.menu-partTime{ display: block;}

	.spMenu{
		display: block;
	}
	.pcMenu{
		display: none;
	}
	ul.navigation li.pcHideMenu,
	ul.navigation li.headerSpMenu{
		display: block;
	}
}