@charset "UTF-8";
/* CSS Document */
/*PC Navi*/
#pc-navi{
	height:50px;
	margin-right:10px;
	float:right;
	position:relative;
	box-sizing:border-box;
	display:block;
}
/* 選單 li 之樣式 */
ul.menu {
	margin-top:0px;
	margin-left:-60px;
	line-height:70px;
	clear:both;
	font-size:14px;
}
ul.menu li {
	height:20px;
	margin:0 10px 0 0;
	line-height:40px;
	position: relative;
	box-sizing:border-box;
	float: left;
	
}
/* 選單 li 裡面連結之樣式 */
ul.menu li a{
	font-size:1.1em;
	display: block;
	color: #f90;
	padding:0 10px;
	box-sizing:border-box;
}
ul.menu li a:hover{
	font-size:1.1em;
	display: block;
	color: #f90;
	box-sizing:border-box;
	background:#ffe0af;
	border-radius:5px 5px 0 0;
}
/* 特定在第一層，以左邊灰線分隔 */
ul.menu > li > a{
}
ul.menu > li > a:hover{
}
/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
ul.menu ul{
	display: none;
	float: left;
	position: absolute;			
	left: 0;	
	margin: 0 0 0 -5px ;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul.menu li:hover > ul{
	display: block;
	font-size:1em;
	letter-spacing:0;
}			
/* 特定在第二層或以後下拉部分 li 之樣式 */
ul.menu ul li {
	width:calc(25% + 200px);
	font-weight:normal;
	font-size:15px;
	letter-spacing:0;
	border:none;
	border-radius:0;
	text-align:left;
	padding:0 5px;
	height:40px;
	line-height:40px;
	margin-top:0px;
	margin-left:-40px;
	display:block;
	
}
ul.menu ul li a{
	font-weight:normal;
	font-size:15px;
	letter-spacing:0;
	border:none;
	border-radius:0;
    background: #ffe0af;
	display:block;
	-moz-box-shadow:5px 5px rgba(100%,70%,0%,0.4);
	-webkit-box-shadow:5px 5px rgba(100%,70%,0%,0.4);
	box-shadow:5px 5px rgba(100%,70%,0%,0.4);
}
ul.menu ul li a:hover{
	font-weight:normal;
	font-size:15px;
	letter-spacing:0;
	border:none;
	border-radius:0;
    background: #ffeccf;
	color:#f90;
	display:block;
}
.menu .spr{
	border-left:1px solid #ffe0af;
}


/*Mobile*/
#mobile-navi{
	height:70px;
	margin-right:5px;
	letter-spacing:0px;
	color:#f90;
	float:right;
	position:relative;
	box-sizing:border-box;
	display:none;
}
ul.navigation {
	margin-right:15px;
}
/* 選單 li 之樣式 */
ul.navigation li {
	margin:-15px 0 0 0;
	position: relative;
	box-sizing:border-box;
	float: left;
}
ul.navigation li img{
	margin:15px auto 10px auto;
}
/* 選單 li 裡面連結之樣式 */
ul.navigation li a{
	font-size:1em;
	display: block;
	color: #f90;
	opacity:0.9;
	padding:0 5px;
}
/* 特定在第一層，以左邊灰線分隔 */
ul.navigation > li > a{
	border-left: 1px solid #ffe0af;
	box-sizing:border-box;
}
ul.navigation > li > a:hover{
	color: #f90;
	background:#ffe0af;
}
/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
ul.navigation ul{
	display: none;
	float: left;
	position: absolute;			
	left: 0;	
	margin: 0;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul.navigation li:hover > ul{
	display: block;
	margin-top:0px;
}			
/* 特定在第二層或以後下拉部分 li 之樣式 */
ul.navigation ul li {
	min-width:110px;
	height:40px;
	position:relative;
	line-height:40px;
	display:block;
	margin-top:0;
	margin-left:-40px;
	box-sizing:border-box;
}
ul.navigation ul li a{
    background: #ffe0af;
	border-bottom: 1px solid #ffe0af;
}
ul.navigation ul li a:hover{
    background: #ffeccf;
	color:#f90;
}