html.ilevel-nav-yscroll { overflow-y: scroll; }
/*============================================================================*/
.body-nvopen {
	/*position: fixed;*/ width: 100%; min-height: 100%;
	overflow: visible;
}
/*.nvcontainer strong { text-shadow: none; }*/
/*============================================================================*/
#jPowerTip, #jPowerTipList { z-index: 9999999; }
/*============================================================================*/
.cell.owl.start { z-index: -2; position: fixed; }
.owloverlay {
	z-index: -1; position: fixed; width: 100vw; height: 100vh;
	/*background-color: rgba(0, 0, 0, .65);*/
	background-color: transparent;
}
/*============================================================================*/
/* navigation star */
/*----------------------------------------------------------------------------*/
nav.ilevel-offcanvas-nav {
	opacity: 0; 
	-webkit-transition: opacity 500ms linear; transition: opacity 500ms linear;
}
nav.ilevel-offcanvas-nav.nvisopen {
	opacity: 1;
}
/*----------------------------------------------------------------------------*/
.ilevel-offcanvas-nav {
	z-index: 999999; display: none; position: fixed; top: 0; height: 100%;
	visibility: hidden;
}
/* overlay */
.ilevel-offcanvas-nav::after,
.ilevel-offcanvas-nav .nvwrapper::after{
	background: transparent; background-color: transparent;
	/*background: rgba(0, 0, 0, .35); background-color: rgba(0, 0, 0, .35);*/
	-webkit-transition: background-color 500ms linear; transition: background-color 500ms linear;
}
/*--------------------------------------*/
/* 裝置 */
.ilevel-offcanvas-nav.is-ios * { cursor: pointer !important; }
/*--------------------------------------*/
/* 方向 */
.ilevel-offcanvas-nav.rtl .nav-item-link::before { margin-left: 15px; margin-right: 0 !important; }
.ilevel-offcanvas-nav.rtl .nav-item.collections > .nav-item-wrapper .nav-item-link span { float: left; }
.ilevel-offcanvas-nav.rtl { text-align: right; direction: rtl; }
/*--------------------------------------*/
/* 位置 */
.ilevel-offcanvas-nav.nav-position-top ul.bottom-nav,
.ilevel-offcanvas-nav.nav-position-bottom ul.bottom-nav { position: relative; border-top: none; }

.ilevel-offcanvas-nav.nav-position-top .nvwrapper-0 > .nvcontent,
.ilevel-offcanvas-nav.nav-position-bottom .nvwrapper-0 > .nvcontent { padding-bottom: 0; }
/*--------------------------------------*/
.ilevel-offcanvas-nav:not(.user-is-tabbing) .nvclose-btn:focus,
.ilevel-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus { outline: none; }
/*--------------------------------------*/
.ilevel-offcanvas-nav.disable-body::after,
.ilevel-offcanvas-nav .nvwrapper::after {
	content: '';
	z-index: 999990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; visibility: hidden;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	opacity: 0;
	transition: visibility 0s linear 400ms, opacity 400ms linear;
}
.ilevel-offcanvas-nav.disable-body::after { position: fixed; }
.ilevel-offcanvas-nav .nvwrapper::after { position: absolute; }

.ilevel-offcanvas-nav.disable-body.nvisopen::after,
.ilevel-offcanvas-nav .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: 500ms; }

.ilevel-offcanvas-nav:not(.nvisopen)::after { pointer-events: none; }

.ilevel-offcanvas-nav.nav-levels-expand .nvwrapper::after { display: none; }
.ilevel-offcanvas-nav.nav-levels-expand .nvwrapper.nvwrapper-0 { max-height: 100vh; }
.ilevel-offcanvas-nav.nav-levels-expand .nvwrapper.nvwrapper-0 > .nvcontent { overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; max-height: 100vh; }
.ilevel-offcanvas-nav.nav-levels-expand ul .nvwrapper { min-width: 0; max-height: 0; visibility: hidden; /*overflow: hidden;*/ transition: height 0s ease 400ms; }
.ilevel-offcanvas-nav.nav-levels-expand .level-open > .nvwrapper { max-height: none; overflow: visible; visibility: visible; }
/*--------------------------------------*/
.ilevel-offcanvas-nav.nav-levels-overlap .nvcontent { overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box; max-height: 100vh; }
.ilevel-offcanvas-nav.nav-levels-overlap .nvwrapper { max-height: 100vh; }
.ilevel-offcanvas-nav.nav-levels-overlap ul:not(.ft-nav) { margin: 0 0 41px 0; } /*41x3*/
.ilevel-offcanvas-nav.nav-levels-overlap ul .nvwrapper{ position: absolute; z-index: 999999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease 400ms, transform 400ms ease; }
.ilevel-offcanvas-nav.nav-levels-overlap ul li.nav-parent { position: static; }
.ilevel-offcanvas-nav.nav-levels-overlap ul li.level-open > .nvwrapper { visibility: visible; transform: translate3d(0, 0, 0); transition: transform 400ms ease; }
/*--------------------------------------*/
.ilevel-offcanvas-nav.nav-position-left { left: 0; }
.ilevel-offcanvas-nav.nav-position-left .nvcontainer { left: 0; }
.ilevel-offcanvas-nav.nav-position-left.nav-levels-overlap li .nvwrapper { left: 0; transform: translate3d(-100%, 0, 0); }
/*-------------------*/
.ilevel-offcanvas-nav.nav-position-right { right: 0; }
.ilevel-offcanvas-nav.nav-position-right .nvcontainer { right: 0; }
.ilevel-offcanvas-nav.nav-position-right.nav-levels-overlap li .nvwrapper { right: 0; transform: translate3d(100%, 0, 0); }
/*-------------------*/
.ilevel-offcanvas-nav.nav-position-top { top: 0; }
.ilevel-offcanvas-nav.nav-position-top .nvcontainer { top: 0; width: 100%; }
.ilevel-offcanvas-nav.nav-position-top.nav-levels-overlap li .nvwrapper { left: 0; transform: translate3d(0, -100%, 0); }
/*-------------------*/
.ilevel-offcanvas-nav.nav-position-bottom { top: auto; bottom: 0; }
.ilevel-offcanvas-nav.nav-position-bottom .nvcontainer { top: auto; bottom: 0; width: 100%; }
.ilevel-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nvwrapper { left: 0; transform: translate3d(0, 100%, 0); }
/*----------------------------------------------------------------------------*/
.ilevel-offcanvas-nav.nvisopen[class*='ilevel-nav-'] div.nvcontainer { transform: translate3d(0, 0, 0); }
/*----------------------------------------------------------------------------*/
/* container */
.ilevel-offcanvas-nav .nvcontainer {
	z-index: 999998; position: fixed; top: 0; max-width: 100%; height: 100%; max-height: 100vh;
	transition: transform 400ms ease;
}

.ilevel-offcanvas-nav li.level-open > .nvwrapper { visibility: visible; }

.nvcontainer .nvwrapper-0 > .nvcontent {  }

.nvcontainer .nvwrapper { width: 100%; height: 100%; -ms-scroll-chaining: none; overscroll-behavior: none; }
.nvcontainer .nvwrapper .nvcontent { height: 100%; }



/* main */
.nvcontainer {
	border-right: 1px solid rgba(1, 66, 105, .95);
	/*box-shadow: -1px -1px 10px 0.5px rgba(255, 255, 255, .65) inset, 0 0 8px rgba(0, 0, 0, .15), 1px 1px 5px rgba(0, 0, 0, .15), -1px -1px 5px rgba(0, 0, 0, .15);*/
	/*background: transparent url(../images/navigation/nvcontainer_bg.png) no-repeat center top fixed;*/
}
.nvcontainer .nvwrapper[class*='nvwrapper-']:not(.nvwrapper-0) {
	border-right: 1px solid rgba(1, 66, 105, .25);
	box-shadow: 1px 1px 30px 15px rgba(255, 255, 255, .85);
	background: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
	background-size:cover;
}
.nvcontainer > .nvwrapper > .nvcontent {
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .35);
	/*background: linear-gradient(135deg, rgba(43,43,43,1) 0%, rgba(0,0,0,0.99) 10%, rgba(18,18,18,0.94) 39%, rgba(43,43,43,0.87) 85%, rgba(18,18,18,0.86) 95%, rgba(19,19,19,0.85) 100%);*/
	/*background: rgba(0, 0, 0, .15) url(../../../graphics/common/logo/300x150.png) no-repeat right center fixed;*/
	/*background-color: rgba(255, 255, 255, 1);*/
}



/* title close */
.ilevel-offcanvas-nav mark {
	z-index: 999998; position: fixed; top: 20px; left: 340px; width: 40px; height: 40px;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: left 150ms linear, opacity 50ms linear; transition: left 150ms linear, opacity 50ms linear;
}
.ilevel-offcanvas-nav[aria-hidden="false"] mark { opacity: 1; left: 340px; }
.ilevel-offcanvas-nav[aria-hidden="true"] mark { opacity: 0; left: -100px; }
.ilevel-offcanvas-nav.nvisopen mark {  }

.nvcontainer .nvclose-btn { display: block; position: relative; }
.nvcontainer .nvtitle + .nav-close a:not(.has-label) {
	position: fixed;
}
.nvcontainer .nvcontent > .nav-close a:not(.has-label) {  }

.nvcontainer .nvclose-btn mark {  }
.nvcontainer .nvclose-btn mark::after {
	content: '\f00d';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 26px; color: rgba(255, 255, 255, .85);
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	-webkit-transition: text-shadow 300ms linear; transition: text-shadow 300ms linear;
}
.nvcontainer .nvclose-btn mark:hover:after { content: '\f060'; text-shadow: -1px -1px rgba(1, 140, 190, .65), -1px 1px rgba(1, 140, 190, .65), 1px -1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65); }
/*
.nvcontainer .nav-close:focus,
.nvcontainer .nav-next:focus,
.nvcontainer .nav-back:focus { z-index: 10; }
*/
/* arrow */
.nvcontainer .nav-parent .nav-next,
.nvcontainer .nav-back span{
	z-index: 11; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; text-align: center;
	cursor: pointer;
}

.nvcontainer a.nav-next { border-left: 1px solid rgba(1, 66, 105, .25); }
.nvcontainer .nav-next span::before,
.nvcontainer .nav-back span::before{
	content:'';
	position: absolute; top: 50%; left: 50%; margin-top: -6px;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 14px; color: rgba(1, 140, 190, .95);
	text-shadow: none;
}
.nvcontainer .nav-next span::before { content: "\f105"; margin-top: -6px; margin-left: -2px; } /* 點擊 子選項 */
.nvcontainer .nav-next:hover span::before {
	content: "\f324";
	margin-left: -5px;
	-webkit-animation: 1000ms 50ms normal ease infinite jellen-moveright; animation: 1000ms 50ms normal ease infinite jellen-moveright;
}
.nvcontainer .nav-back span::before { content: "\f08b"; margin-left: -5px; } /* 返回 */
.nvcontainer .nav-back:hover span::before { content: "\f343"; margin-left: -5px; }

@keyframes jellen-moveright {
	0%   { transform: translate(-2px, 0); }
	50%   { transform: translate(2px, 0); }
	100%   { transform: translate(-2px, 0); }
}
/*如果選項被展開*/
.nvcontainer [aria-expanded] span::before { -webkit-transition: -webkit-transform 500ms ease; transition: transform 500ms ease; }
.nvcontainer [aria-expanded="flase"] span::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.nvcontainer [aria-expanded="true"] span::before {
	/*content: "\f104";*/
	/*font-weight: 900 !important;*/ color: rgba(200, 100, 0, .95);
	/*text-shadow: -1px -1px rgba(1, 66, 105, .05), -1px 1px rgba(1, 66, 105, .05), 1px -1px rgba(1, 66, 105, .05), 1px 1px rgba(1, 66, 105, .05), 1px 1px rgba(1, 66, 105, .05);*/
	-webkit-transform: rotate(900deg) scale(1.25); transform: rotate(900deg) scale(1.25);
}


/* footer nav */
.nvcontainer ul.ft-nav {
	z-index: 10; display: flex; flex-wrap: nowrap; align-items: stretch; position: absolute; left: 0; right: 0; bottom: 0; width: 100%;
	border-top: 1px solid rgba(1, 66, 105, .25);
	background-color: transparent;
}
.nvcontainer ul.ft-nav li { flex: auto; border-left: 1px solid rgba(1, 66, 105, .25); }
.nvcontainer ul.ft-nav li:first-child { border-left: none; }
.nvcontainer ul.ft-nav li.sp div.btn,
.nvcontainer ul.ft-nav li a { padding: 10px; text-align: center; height:100%; border-bottom: none; }

.nvcontainer ul.ft-nav li.sp div.btn,
.nvcontainer ul.ft-nav li a i {
	color: rgba(255, 255, 255, .95); font-size: 18px;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	-webkit-transition: text-shadow 300ms linear; transition: text-shadow 300ms linear;
}
.nvcontainer ul.ft-nav li.sp:hover div.btn i,
.nvcontainer ul.ft-nav li:hover a i {
	text-shadow: -1px -1px rgba(1, 140, 190, .65), -1px 1px rgba(1, 140, 190, .65), 1px -1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65);
}
.nvcontainer ul.ft-nav li.sp:hover div.btn.opened i,
.nvcontainer ul:is(.ft-nav) li.active i {
	text-shadow: -1px -1px rgba(171, 71, 188, .65), -1px 1px rgba(171, 71, 188, .65), 1px -1px rgba(171, 71, 188, .65), 1px 1px rgba(171, 71, 188, .65), 1px 1px rgba(171, 71, 188, .65);
}
.nvcontainer ul.ft-nav li.ftitem.sp { cursor: pointer; }
.nvcontainer ul.ft-nav li.ftitem.sp div span { padding: 0; }

.nvcontainer ul.ft-nav li.ftitem.sp { position: relative; }
.nvcontainer ul.ft-nav li .nav-item-wrapper .nav-item-link .btn ins {
	position: absolute; top: 5px; right: 5px;
	
}
.nvcontainer ul.ft-nav li .nav-item-wrapper .nav-item-link .btn ins strong { font-size: 12px; }

.nvcontainer ul.ft-nav li.ftitem.sp:hover div i.fa-power-off { text-shadow: -1px -1px rgba(255, 0, 0, .65), -1px 1px rgba(255, 0, 0, .65), 1px -1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65); }



/* footer nav for search */
.nvcontainer ul.ft-nav li.ftitem.search { display: none; width: 100%; }

.nvcontainer ul.ft-nav li.ftitem.search .nav-item-wrapper {  }

.nvcontainer ul.ft-nav li.ftitem.search .nav-item-wrapper span.nav-item-link { border-bottom: none; padding: 10px; }

.nvcontainer ul.ft-nav li.ftitem.search .nav-item-wrapper span.nav-item-link i {
	position: absolute; top: 10px; left: 10px;
	font-size: 16px;
}

.nvcontainer ul.ft-nav li.ftitem.search .nav-item-wrapper span.nav-item-link input {
	border: 0; margin: 0 0 0 30px; width: 250px;
	background-color: transparent;
}
@media screen and (min-width: 1px) and (max-width: 1279px) {
	.nvcontainer ul.ft-nav li.ftitem.search { display: inline-block; }
}


/* li */
.nvcontainer input[type="checkbox"] { display: none; }

.nvcontainer.nav-levels-expand li.level-open,
.nvcontainer.nav-levels-none li.level-open { background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(217,217,217,0) 15%, rgba(0,0,0,0) 100%); }

.nvcontainer ul li a:is(.active) { cursor: not-allowed; pointer-events: none; } /*禁止點選*/
/*.nvcontainer ul li a:is(.active) small { cursor: pointer; pointer-events: auto; }*/
.nvcontainer ul li a:not(.active) { cursor: pointer; pointer-events: auto; }

.nvcontainer ul li a.ban-click { pointer-events: none; } /*本身就禁止點選*/

/*title*/
nav.ilevel-offcanvas-nav.nvclose-btnempty .nvtitle {
	display: inline-block; /*padding-right: 55px;*/ /*padding: 32px 20px 12px 20px;*/ padding: 15px 0 13px 0; width: 100%; height: 50px; text-align: center;
	border-bottom: 1px solid rgba(1, 66, 105, .25);
	/*background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);*/
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
/*最上方 背景佈景*/
nav.ilevel-offcanvas-nav > .nvcontainer > .nvwrapper > .nvcontent > em.firstem {
	z-index: -1; position: absolute; top: -5px; width: 100%; height: 50px;
	background: transparent url(../images/navigation/title_bg_1.png) no-repeat center top;
	opacity: 1;
}
/*不使用
nav.ilevel-offcanvas-nav .nvcontainer .nvwrapper .nvcontent em.childem {
	position: absolute; top: 0; width: 100%; height: 11px;
	background: transparent url(../../../graphics/common/package/xxx/xxx.png) repeat-x;
	opacity: .35;
}
*/
/* 標題 左右兩邊 */
/*
nav.ilevel-offcanvas-nav .nvcontainer .nvwrapper .nvcontent .nvtitle:before,
nav.ilevel-offcanvas-nav .nvcontainer .nvwrapper .nvcontent .nvtitle:after,
nav.ilevel-offcanvas-nav .nvcontainer .nvwrapper .nvcontent .level-title:before,
nav.ilevel-offcanvas-nav .nvcontainer .nvwrapper .nvcontent .level-title:after {
	display: inline-block;/*position: absolute; width: 20px; height: 20px;*
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 14px; color: rgba(255, 255, 255, .85);
}
.nvcontainer .nvwrapper .nvcontent .nvtitle:before { /*top: 36px; left: 20px;* -webkit-transform: -webkit-translate(-3px, 10px); transform: translate(-3px, 10px); }
.nvcontainer .nvwrapper .nvcontent .nvtitle:after { /*top: 36px; right: 20px;* -webkit-transform: -webkit-translate(3px, 10px); transform: translate(3px, 10px); }
.nvcontainer .nvwrapper .nvcontent .level-title:before { /*top: 15px; left: 30px;* -webkit-transform: -webkit-translate(-15px, 0px); transform: translate(-15px, 0px); }
.nvcontainer .nvwrapper .nvcontent .level-title:after { /*top: 15px; right: 30px;* -webkit-transform: -webkit-translate(15px, 0px); transform: translate(15px, 0px); }

nav .nvcontainer .nvwrapper .nvcontent .nvtitle:before { content: ''; width: 40px; height: 30px; background: transparent url(../images/navigation/title_left.png) no-repeat center center; opacity: .85; }
nav .nvcontainer .nvwrapper .nvcontent .nvtitle:after { content: ''; width: 40px; height: 30px; background: transparent url(../images/navigation/title_right.png) no-repeat center center; opacity: .85; }
*/
nav.ilevel-offcanvas-nav .nvcontainer .nvwrapper .nvcontent .nvtitle:before {
	content: '';
	position: absolute; top: 10px; left: 10px; width: 50px; height: 30px;
	background: transparent url(../../../graphics/common/logo/300x150.png) no-repeat center center;
	background-size: cover;
}
/* 不使用
nav .nvcontainer .nvwrapper .nvcontent .level-title:before { content: '\e065'; }
nav .nvcontainer .nvwrapper .nvcontent .level-title:after { content: '\f594'; }
*/

.nvcontainer .nvcontent > strong { color: rgba(1, 66, 105, .85); font-size: 18px; }

.nvcontainer .nvcontent > strong:not(.nvtitle):not(.level-title) {  }
/*第 N 層標題*/
.nvcontainer .nvcontent > strong.level-title {
	display: inline-block; padding: 16px 15px; width: 100%; text-align: center;
	/*text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);*/
	/*background: linear-gradient(145deg, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);*/
}

.nvcontainer li {
	display:block; position: relative;
	color: rgba(0, 0, 0, .95);
	overflow: hidden;
}
.nvcontainer li a span,
.nvcontainer li a strong {
	/*text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);*/
}
.nvcontainer li > .nav-item-wrapper > a.active > strong {
	color: rgba(80, 100, 10, .95);
	/*text-shadow: -1px -1px rgba(25, 25, 25, .65), -1px 1px rgba(25, 25, 25, .65), 1px -1px rgba(25, 25, 25, .65), 1px 1px rgba(25, 25, 25, .65), 1px 1px rgba(25, 25, 25, .65);*/
}
.nvcontainer li:hover > .nav-item-wrapper > a > strong {
	color: rgba(1, 66, 105, .95);
	/*text-shadow: -1px -1px rgba(1, 140, 190, .65), -1px 1px rgba(1, 140, 190, .65), 1px -1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65);*/
	/*background: transparent url(../images/navigation/li_normal_bg.png) no-repeat left center;*/
}
/*
.nvcontainer li.active > .nav-item-wrapper > a > strong { color: rgba(80, 100, 10, .95); }
.nvcontainer li.active:hover > .nav-item-wrapper > a > strong,
*/
.nvcontainer li:hover > .nav-item-wrapper > a.active > strong {
	color: rgba(200, 100, 0, .95);
	/*text-shadow: -1px -1px rgba(171, 71, 188, .65), -1px 1px rgba(171, 71, 188, .65), 1px -1px rgba(171, 71, 188, .65), 1px 1px rgba(171, 71, 188, .65), 1px 1px rgba(171, 71, 188, .65);*/
}
.nvcontainer li:hover > .nav-item-wrapper > a > span {
	text-shadow: -1px -1px rgba(50, 75, 240, .65), -1px 1px rgba(50, 75, 240, .65), 1px -1px rgba(50, 75, 240, .65), 1px 1px rgba(50, 75, 240, .65), 1px 1px rgba(50, 75, 240, .65);
}

.nvcontainer li:hover > .nav-item-wrapper > a:not(.active) > strong {
	-webkit-transform: scale(1.02); transform: scale(1.02);
}

.nvcontainer li a { position: relative; }
/*
.nvcontainer li.nav-parent .nav-item-link:last-child { padding-right: 58px; }
.nvcontainer li.nav-parent .nav-item-link:not(:last-child) { margin-right: 40px; }
*/

.nvcontainer li:not(.custom-content) a { display: block; position: relative; cursor: pointer; }
.nvcontainer li:not(.custom-content) a[disabled] { cursor: not-allowed; }

.nvcontainer li:not(.custom-content) a,
.nvcontainer li:not(.custom-content) a:hover {  }

/* em 底下 光暈 不使用
.nvcontainer li > .nav-item-wrapper > a > em {
	z-index: -1; position: absolute; bottom: -30px; left: 0; width: 100%; height: 40px;
	background: radial-gradient(ellipse at center, rgba(50, 185, 225, .85) 0%, rgba(50, 185, 225, 0) 50%, rgba(50, 185, 225, 0) 100%);
	-webkit-transition: bottom 500ms ease; transition: bottom 500ms ease;
}
.nvcontainer li:hover > .nav-item-wrapper > a > em {
	bottom: -23px;
}

.nvcontainer li > .nav-item-wrapper > a.active > em {
	bottom: -23px;
	background: radial-gradient(ellipse at center, rgba(120, 200, 35, .85) 0%, rgba(255,0,0,0) 50%, rgba(255,0,0,0) 100%);
}
.nvcontainer li:hover > .nav-item-wrapper > a.active > em {
	bottom: -23px;
	background: radial-gradient(ellipse at center, rgba(150, 50, 200, .85) 0%, rgba(255,0,0,0) 50%, rgba(255,0,0,0) 100%);
}
*/

/* 如果移至 next */
.nvcontainer li:not(.custom-content):not(.active) a:after,
.nvcontainer li:not(.custom-content):not(.active) a > strong {
	-webkit-transform: -webkit-translate(0, 0); transform: translate(0, 0);
	-webkit-transition: -webkit-transform 300ms linear; transition: transform 300ms linear;
}
.nvcontainer li:not(.custom-content):not(.active) a.jTouchNext:after,
.nvcontainer li:not(.custom-content):not(.active) a.jTouchNext > strong { -webkit-transform: -webkit-translate(10px, 0); transform: translate(10px, 0); }
/*
.nvcontainer li.level-open:not(.custom-content) a > strong,
.nvcontainer li.level-open:not(.custom-content) a:after { -webkit-transform: -webkit-translate(20px, 0); transform: translate(20px, 0); }
*/


/* ► */
.nvcontainer ul:not(.ft-nav) li a:not(.nav-back-button):not(.nav-next):before {
	content: "\f0da";
	position: absolute; top: 10px; left: -20px;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-size: 18px; color: rgba(1, 66, 105, .35);
	-webkit-transition: left 300ms linear; transition: left 300ms linear;
}
.nvcontainer ul:not(.ft-nav) li a:not(.nav-back-button):not(.nav-next):hover:before { left: -5px; }

.nvcontainer ul:not(.ft-nav)  > li.active > a:not(.nav-back-button):not(.nav-next):before { content: ''; }

.nvcontainer .nav-item-link {
	z-index: 1; padding: 12px 15px 12px 50px;
	border-bottom: 1px solid rgba(1, 66, 105, .25);
	transition: background-color 500ms linear;
}
.nvcontainer .nav-item-link strong {
	color: rgba(1, 140, 190, .95); font-size: 16px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}



/* 如過有  其它訊息需要 tooltips */
.nvcontainer .nav-item-link small {
	z-index: 12; position: absolute; top: 10px; width: 20px; height: 20px; /*width: 9px; height: 9px;*/
	background: transparent url(../../../graphics/common/package/home_1/1.gif) no-repeat;
}
.nvcontainer .nav-item-link:hover small { background: transparent url(../../../graphics/common/package/home_1/1.gif) no-repeat; }
.nvcontainer .nav-item-link small:hover { background: transparent url(../../../graphics/common/package/home_1/2.gif) no-repeat; }
.nvcontainer .nav-item-link small.hasChildren { right: 50px; }
.nvcontainer .nav-item-link small.noChildren { right: 10px; }

.ilevel-offcanvas-nav label {
	z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	cursor: pointer;
}
.ilevel-offcanvas-nav .nav-item-wrapper { position: relative; }
.ilevel-offcanvas-nav .nav-item-link { display: block; position: relative; }



/*移至*/
.nvcontainer:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover { /*background: #ff0000;*/ }



/* custom-message 純文字 描述 describe */
.nvcontainer .describe { padding: 12px 15px; border-bottom: 1px solid rgba(255, 255, 255, .35); }
.nvcontainer li .custom-message {  }
.nvcontainer li .custom-message strong { font-size: 14px; }
.nvcontainer li .custom-message a {  }
.nvcontainer li .custom-message a:hover {  }

/*返回*/
.nvcontainer ul:not(.ft-nav) li a:is(.nav-back-button) {
	padding: 12px 15px;
	color: rgba(80, 40, 0, .95); font-size: 15px;
	border-top: 1px solid rgba(1, 66, 105, .25); border-bottom: 1px solid rgba(1, 66, 105, .25);
	/*text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);*/
}
.nvcontainer ul:not(.ft-nav) li a:is(.nav-back-button):hover {
	color: rgba(200, 0, 0, .95);
	/*text-shadow: -1px -1px rgba(150, 140, 80, .65), -1px 1px rgba(150, 140, 80, .65), 1px -1px rgba(150, 140, 80, .65), 1px 1px rgba(150, 140, 80, .65), 1px 1px rgba(150, 140, 80, .65);*/
}

/*no link*/
.nvcontainer .nav-highlight { border-left: 5px solid rgba(255, 255, 255, .65); }


/*disabled*/
.nvcontainer .nav-item-link[disabled],
.nvcontainer li.nav-close a[disabled],
.nvcontainer .nav-back a[disabled] { /*color: rgba(255, 255, 255, .5);*/ }




/*============================================================================*/
/* 內容 */
/*============================================================================*/
.ncontainer {  }
.ncontainer .op-container {  }
.ncontainer .op-container iframe { width: 100vw; height: 100vh; }
.ncontainer .op-container iframe.opiframe {  }
/*============================================================================*/
.ncontainer .nav-btn {  }
.nav-btn {
	z-index: 999998; display: flex; position: fixed; top: -100px; left: 20px;
	background-color: transparent;
	-webkit-transition: left 500ms linear; transition: left 500ms linear; /* 不跟 busyload 秒數 同步 */
}
.nav-btn.start {
	-webkit-transition: left 500ms 3000ms linear; transition: left 500ms 3000ms linear; /* 跟 busyload 秒數 同步 */
}
.nav-btn.opened {
	left: -500px;
	-webkit-transition: left 300ms linear; transition: left 300ms linear;
}
.nav-btn .line {
	fill: none;
	stroke: rgba(255, 255, 255, .85);
	filter: drop-shadow(5px 5px 3px rgb(0 0 0 / .65));
	stroke-width: 6;
	-webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1), filter 300ms linear;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1), filter 300ms linear;
}
.nav-btn:hover .line {
	filter: drop-shadow(5px 5px 3px rgb(1 140 190 / .65));
}
.nav-btn .line1 {stroke-dasharray: 60 207; stroke-width: 6; }
.nav-btn .line2 { stroke-dasharray: 60 60; stroke-width: 6; }
.nav-btn .line3 { stroke-dasharray: 60 207; stroke-width: 6; }
.nav-btn.opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
.nav-btn.opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; }
.nav-btn.opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }

/*----------------------------------------------------------------------------*/


/*============================================================================*/

/*----------------------------------------------------------------------------*/

.nvcontent ul:not(.ft-nav) > li > div.nav-item-wrapper:before {
	content: " ";
	position: absolute; top: 5px; left: 15px; width: 30px; height: 30px;
	background: transparent url(../../../graphics/common/package/home_1/1_s.gif) no-repeat left center;
}
.nvcontent ul:not(.ft-nav) > li > div.nav-item-wrapper:hover:before {
	background: transparent url(../../../graphics/common/package/home_1/2_s.gif) no-repeat left center;
}
.nvcontent ul:not(.ft-nav) > li.active > div.nav-item-wrapper:before {
	background: transparent url(../../../graphics/common/package/home_1/4_s.gif) no-repeat left center;
}
.nvcontent ul:not(.ft-nav) li.active > div.nav-item-wrapper:hover:before {
	background: transparent url(../../../graphics/common/package/home_1/6_s.gif) no-repeat left center;
}

.nvisopen .nvcontainer .nvwrapper[class*='nvwrapper-'] {
	/*-webkit-transition: background 300ms linear; transition: background 300ms linear;*/
}

/*----------------------------------------------------------------------------*/
.nvisopen .nvcontainer .nvwrapper.nvwrapper-0 { background: rgba(255, 255, 255, 1) url(../../../upfiles/bgimg/nbg.jpg) no-repeat bottom left; } /*第 0 層*/
.nvisopen .nvcontainer .nvwrapper.nvwrapper-1 { background: rgba(255, 255, 255, 1) url(../../../upfiles/bgimg/nbg-sub.jpg) no-repeat bottom left; } /*第 1 層*/
.nvisopen .nvcontainer .nvwrapper.nvwrapper-2 { background: rgba(255, 255, 255, 1) url(../../../upfiles/bgimg/nbg-sub-sub.jpg) no-repeat bottom left; } /*第 2 層*/
/*.nvisopen .nvcontainer .nvwrapper.nvwrapper-3 { background: rgba(0, 0, 0, .65) url(img/4.png) no-repeat left bottom; } /*第 3 層*/
/*.nvisopen .nvcontainer .nvwrapper.nvwrapper-4 { background: rgba(0, 0, 0, .65) url(img/5.png) no-repeat left bottom; } /*第 4 層*/
/*.nvisopen .nvcontainer .nvwrapper.nvwrapper-5 { background: rgba(0, 0, 0, .65) url(img/6.png) no-repeat left top; } /*第 5 層*/
/*.nvisopen .nvcontainer .nvwrapper.nvwrapper-6 { background: rgba(0, 0, 0, .65) url(img/7.png) no-repeat left bottom; } /*第 6 層*/

/*============================================================================*/