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

    /* mega menu list */
    #menu-lg .nav-menu {
        display: block;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 15;
    }

    /* a top level navigation item in the mega menu */
    #menu-lg .nav-item {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
		
    }


    /* first descendant link within a top level navigation item */
    #menu-lg .nav-item > a {
        position: relative;
        display: inline-block;
        padding: 0.4em 30px;
        margin: 0 0 -1px 0;
		color: #000;
		font-size: 1.1rem !important;
		line-height: 150%;
    }

    #menu-lg .nav-item a:hover {
        background: #b88519;
		color: #FFF;
    }

    /* focus/open states of first descendant link within a top level 
       navigation item */
    #menu-lg .nav-item > a:focus,
    #menu-lg .nav-item > a.open {
        border: none;
		color: #000;
    }

    #menu-lg .nav-item > a:hover{
        background: #b88519;
		color: #FFF;
    }

    /* open state of first descendant link within a top level 
       navigation item */
    #menu-lg .nav-item > a.open {
        border-bottom: none;
        z-index: 1;
    }

    /* sub-navigation panel */
    .sub-nav {
        position: absolute;
        display: none;
        top: 2.6em;
        margin-top: -1px;
        border: 1px solid #B88519;
        background-color: #fff;
		min-width: 240px;
    }

    /* sub-navigation panel open state */
    .sub-nav.open {
        display: block;
    }

.sub-nav::before{
	content: "";
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-bottom: 10px solid #b88519;
	display: block;
	position: absolute;
	left: 56px;
	top: -10px;
	z-index: 5;
}

    /* list of items within sub-navigation panel */
    .sub-nav ul {
        margin: 0;
        padding: 0;
    }

    /* list item within sub-navigation panel */
    .sub-nav li {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0.5em 1em;
		text-align: left;
		background: #FFF;
    }

    .sub-nav li a{
		width: 100%;
		display: block;
        color: #000;
    }

    .sub-nav li:hover{
		background: #B88519;
    }

    .sub-nav li:hover a{
		color: #FFF;
}


.identity {
	font-family: "微軟正黑體";
	font-size: 1.1rem;
	text-align: center;
	padding: .5rem 1rem;
	color: #000;
	text-decoration: none;
	transition-duration: 0.4s;
}

.identity:hover {
	color: #FFF;
	background: #A79983;
	transition-duration: 0.4s;
}

@media all and (max-width: 420px) {
	.identity {
		font-size: .85rem;
		text-align: center;
		padding: .5rem 1rem;
		color: #756356;
		background: #f3f1ee;
		text-decoration: none;
	}
}