/**************************************************************
										六按鈕 - 下拉式選單
**************************************************************/
.hide-menu > ul {
	position: relative;
    text-align: center;
    opacity: 1;
    width: 100%;
	padding: 30px 60px;
    float: left;
    display: block;
}
.hide-menu > ul > li {/*次選單項目*/
    display: block;
    position: relative;
    width: 20%;
    float: left;
    padding: 5px 0;
}
.hide-menu > ul > li > a {
	display: block!important;
    padding: 0!important;
}

/*次選單文字*/
.hide-menu > ul > li > a b {
	color: #000;
    font-size: 15px;
    line-height: 50px;
    width: calc(100% - 45px);
    float: left;
    position: relative;
	z-index: 1;
	white-space: nowrap;
}

/****** 平行四邊形 - 藍邊 ******/
.hide-menu > ul > li > a b:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 64 143 / 10%);
    border: solid 1px #00408e;
	transform: skew(-15deg); 
    width: 195px;
    height: 50px;
	-o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	z-index: -1;
}

/*平行四邊形 - 黃邊*/
.hide-menu > ul > li:nth-of-type(2n-1) > a b:before{border: solid 1px #f5a900;}

/*最左*/
.hide-menu > ul > li:nth-of-type(5n-4) > a b:before {transform: none;}

/*滑過文字*/
.hide-menu > ul > li > a b:hover {color: #fff;}

/*滑過特效 - 藍底*/
.hide-menu > ul > li > a:hover b:before {background: #00408e;}

/*滑過特效 - 黃底*/
.hide-menu > ul > li:nth-of-type(2n-1) > a:hover b:before {background: #f5a900;}

/************ 小箭頭 - 藍 ************/
.hide-menu > ul > li > a b:after {
	position: absolute;
    content: "▽";
    font-size: 24px;
    left: 100%;
    color: #00408e;
    background: #fff;
    border: solid 1px #00408e;
    width: 35px;
    height: 50px;
    transform: skew(-15deg);
}

/*小箭頭 - 黃*/
.hide-menu > ul > li:nth-of-type(2n-1) > a b:after{
	color: #f5a900;
	border: solid 1px #f5a900;
}

/*小箭頭 - 最右*/
.hide-menu > ul > li:nth-of-type(5n) > a b:after {transform: none;}

.hidden {
  display: none;
}

/*------------------------------------------------------
Media Queries 
--------------------------------------------------------*/
@media (max-width:991px){
	/*次選單項目*/
	.hide-menu > ul > li {width: 100%;}
	
	/*平行四邊形*/
	.hide-menu > ul > li > a b:before {width: 100%;}
	
	/*最左*/
	.hide-menu > ul > li:nth-of-type(5n-4) > a b:before {transform: skew(-15deg);}
	
	/*小箭頭 - 最右*/
	.hide-menu > ul > li:nth-of-type(5n) > a b:after {transform: skew(-15deg);}
}