@charset "UTF-8";

/* 垂直選單 */
/* 設定 ul 的樣式 ，選單背景*/

.vtMenu {
    --w: 1rem;
    width:100%; margin-top: 4px;
}

.vtMenu ul {
    font-size: 1.125rem;
}

.childrenSymbol, .childrenSymbol_1{
    margin: 0px !important; color: #a18046 !important; width: 1rem !important; aspect-ratio: 1/1; transform: scale(.75);
}

.vtMenu ul li {
    display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; width: 100%;
}

.vtMenu ul li a { padding: 0 !important; flex: 1; }

/* .vtMenu ul li > span:not(.childrenSymbol) { width: calc( 90% - var( --w ) ); } */


/* 第一層選單 */
.vtMenu ul li.level_1 {
    padding: .55rem .5rem .55rem 1.5rem; border-bottom: 1px dotted var( --color_brand9 ); position: relative;
}

/* 第二層選單 */
.vtMenu ul li.level_1 > ul {
    width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding: 0 0 0 1.5rem !important; border-bottom: 1px dotted var( --color_brand9 ); position: relative;
}

/* 第三層選單 */
.vtMenu ul[level="3"]  {
    width: 100%;
}

.vtMenu ul li ul[level="3"] {
    border-left: 1px dotted var( --color_brand5 ); margin-left: .5rem;
}

.vtMenu ul li ul[level="3"] li { margin-bottom: .5rem; }

span a, .vtMenu ul li.level_1 > ul { border-bottom: 0px dotted var( --color_brand9 ) !important; }

.vtMenu ul li.level_1.active > span > a,
.vtMenu ul li.level_2.active > span > a,
.vtMenu ul li.level_3.active > span > a { color: var( --color_brand11 ); }