.nav.nav-vertical {
    float: right;
    display: flex;
		 padding-top:0; 
		margin-top:0;
    flex-flow: column; /* 保持垂直佈局 */
}
.tabbed-content .tab-panels{
		float: left;
		padding-top:0;
		width: 75%;
    display: flex;
    flex-flow: column; /* 保持垂直佈局 */
}
.nav>li>a {
		color:#000000;
		font-size: 0.9rem;
		letter-spacing:0px; 
}		
@media screen and (max-width: 849px) {.tabbed-content .tab-panels{width: 100%;}}
 /* #col-21913376{padding:0 !important;}*/
.nav-vertical.nav-line>li>a:before{ width:0 !important;}
.nav.nav-vertical li{padding-left:20px; padding-right:20px;}
.tab.active{background:#0d6efd; color:#fff !important;}
.tab.active span{color:#fff !important;}
.opacity-slider-bg{background:rgb(255,255,255, 0.4)}
.flickity-slider .col{padding: 0  !important;}


.mid-tab .tabbed-content {
    position: relative;
}

.mid-tab .tabbed-content .tab-panels {
    position: relative;
    z-index: 1; /* 保持 .tab-panels 的層次較低 */
}

.mid-tab .tabbed-content .nav {
    position: absolute;
    top: -50px; /* 調整這個數值以確保  在正確的位置 */
    left: 0;
    width: 100%;
    z-index: 2; /* 讓  顯示在 .tab-panels 上面 */
}