/*** 首頁上標樣式 ***/
/* 上標 header */
.row.header+.row{ padding-top:0;  }
.row.header.gizle+.row{ padding-top:0; }
.header .xpert_header{ position: fixed; background: transparent; width: auto; left: 0; right: 0; display: block; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .xpert_header{ background-color: #acc9df; }
/* 主選單 nav */
.header .xpert_nav .header-part .navbar-brand { height: 92px; padding: 10px 0; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .xpert_nav .header-part .navbar-brand { height:54px; padding: 5px 0; outline: none;}
.header .xpert_nav .header-part .navbar-brand img {opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }
.header.gizle .xpert_nav .header-part .navbar-brand img {opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s;} 
.header .xpert_nav .header-part .navbar-brand::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/xpert/images/1e94dc89-5f9a-4918-bf7f-6401856b9509.png) no-repeat center; width: 137px; height: 100%; background-size: 137px; left: 15px; top: 0;  opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s;}
.header.gizle .xpert_nav .header-part .navbar-brand::before{ opacity: 0;  -webkit-transition: all 0.2s; transition: all 0.2s;} 
.header .xpert_nav .header-part{ position: relative;  padding: 0 15px; z-index: 1030; height: 94px; align-items:center; backdrop-filter: blur(4px);  -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .xpert_nav .header-part{ height: 54px;  border-bottom: 0;}
.header .xpert_nav .header-part .navbar-nav .nav-link{ color:#ffffff; }
.header.gizle .xpert_nav .header-part .navbar-nav .nav-link{ color:#2d3b56; }
.xpert_nav .header-part .navbar-nav li a, .xpert_nav .header-part .navbar-nav .nav-link { line-height: 17px; font-size: 17px; letter-spacing: 0.03rem; padding: 15px 22px; outline: none; }
.xpert_nav .header-part .dropdown-menu{ border-radius: 8px !important;}
.xpert_nav .header-part .navbar-nav li a.dropdown-item { padding: 11px; font-size: 16px; text-align: center; }
.xpert_nav .header-part .navbar-nav li a.dropdown-item:hover{ color:#c79d7f; background: transparent;}
.xpert_nav .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid #d8d6d6; }
.xpert_nav .header-part .dropdown.show,
.xpert_nav .header-part .navbar-nav .nav-link:hover,.xpert_nav .header-part .dropdown.show,
.xpert_nav .header-part .dropdown.show a:hover,.xpert_nav .header-part .dropdown-menu.show .nav-link:hover{ background-color: transparent; color: #ffffff; text-shadow: 0px 0px 8px rgb(255 255 255 / 80%);}
.xpert_nav .header-part .dropdown-toggle::after { background: url(https://materials.fillo.com.tw/materials/funvoyage/images/476b6129-6787-4b49-9d6e-9c6cdeb4761a.svg); background-position: center; background-repeat: no-repeat; background-size: 11px; width: 12px; height: 6px; border: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.xpert_nav .header-part .dropdown.show .dropdown-toggle::after  { transform: rotate(180deg);}
.xpert_nav .header-part .dropdown-menu.show::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; position: absolute; top: -8px; left: 50%; transform: translate(-50%, 0); }
.xpert_nav .showName { padding: 0;  }
.header .xpert_nav .showName .member-name { border-bottom: 1px solid #ffffff; }
.header.gizle .xpert_nav .showName .member-name { border-bottom: 1px solid #2d3b56; }
.header .xpert_nav .header-part .navbar-nav li a.SignOut { background: transparent; color: #ffffff; border: 0; border-radius: 0; padding: 0; font-size: 15px; border-bottom: 1px solid #ffffff; margin-left: 10px; }
.header.gizle .xpert_nav .header-part .navbar-nav li a.SignOut{ color: #2d3b56; border-bottom: 1px solid #2d3b56;}
@media (max-width: 1260px){
	.header .xpert_nav .header-part{ padding: 0 0 0 15px;}
	.xpert_nav .header-part .navbar-nav li a, .xpert_nav .header-part .navbar-nav .nav-link{ padding: 15px 10px; letter-spacing: 0;}
}
@media (max-width: 991px){
	.header .xpert_nav .header-part { padding: 0; height: 54px; background: #acacac3b;}
	.header .xpert_nav .header-part .navbar-toggler{ border: 0; outline: none;  padding: 12px 16px; position: absolute; right: 0; top: 0; height: 54px;}
	.header .xpert_nav .header-part .navbar-toggler-icon{ width: 24px; height: 24px;  background-size: 24px; background-image: url(https://materials.fillo.com.tw/materials/xpert/images/87a3e14b-d482-4340-ac48-82fd7c394ce9.svg); -moz-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; -webkit-transition: 0.5s ease 0s; transition: 0.5s ease 0s; display: block;}
	.header .xpert_nav .header-part button[aria-expanded="true"] .navbar-toggler-icon { width: 24px; height: 24px; background-size: 24px; background-image: url(https://materials.fillo.com.tw/materials/xpert/images/22b6f795-1a9d-4e12-aa5c-4d8b73b9c936.svg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform:rotate(180deg);}
	.header .xpert_nav .header-part .navbar-brand{ padding: 5px 0; margin-left: 10px; height: 54px;}
	.header .xpert_nav .header-part .navbar-brand::before { background-size: 84px; left: 10px; top: 5px; width: 84px; height: 44px; }
	.header .xpert_nav .header-part .navbar-collapse>ul { background: rgb(0 0 0 / 60%); }
	.header.gizle .xpert_nav .header-part .navbar-collapse>ul { background:#acc9df; }
	.xpert_nav .header-part .dropdown-menu{ background: transparent !important; box-shadow: none !important;}
	.xpert_nav .header-part .dropdown-menu.show::before{ display: none;}
	.xpert_nav .header-part .navbar-nav li a, .xpert_nav .header-part .navbar-nav .nav-link{padding:15px;} 
	.xpert_nav .header-part .navbar-nav li a.dropdown-item { padding:15px 30px; color: #ffffff; text-align: left; }
	.xpert_nav .header-part .navbar-nav li+li, .xpert_nav .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid rgb(255 255 255 / 20%); }
	.xpert_nav.public .header-part .navbar-toggler-icon{background-image: url(https://materials.fillo.com.tw/materials/xpert/images/87a3e14b-d482-4340-ac48-82fd7c394ce9.svg);}
	.xpert_nav.public .header-part button[aria-expanded="true"] .navbar-toggler-icon { background-image: url(https://materials.fillo.com.tw/materials/xpert/images/22b6f795-1a9d-4e12-aa5c-4d8b73b9c936.svg);  }
	.header.gizle .xpert_nav.public .header-part .navbar-toggler-icon,.header.gizle .xpert_nav.public .header-part button[aria-expanded="true"] .navbar-toggler-icon{  -webkit-filter: brightness(10);}
	.xpert_nav.public .header-part .navbar-collapse>ul { background:#ffffff; }
	.xpert_nav.public .header-part .navbar-nav li+li,.xpert_nav.public .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid rgb(237 237 237); }
	.header.gizle .xpert_nav.public .header-part .navbar-nav li+li,.header.gizle .xpert_nav.public .header-part .navbar-nav li a.dropdown-item+.dropdown-item { border-top: 1px solid rgb(255 255 255 / 20%);}
	.xpert_nav.public .header-part .navbar-nav li a.dropdown-item{ color:#545454; }
	.header.gizle .xpert_nav.public .header-part .navbar-nav li a.dropdown-item{ color:#ffffff; }
}
@media (max-width: 767px){
	.xpert_nav .showName { padding: 0; align-items: center; }
	.xpert_nav .header-part .navbar-nav li a.SignOut { background: transparent; border: 1px solid rgb(255 255 255 / 50%); border-radius: 0}
}
@media (max-width: 400px){
	.xpert_nav .header-part .navbar-toggler { padding: 12px 10px; }
}