@charset "utf-8";
/* CSS Document */
/* 16px = 1em */

/* ========================================================================= */
/* ****** ContentPlaceContent_ContentConentA 內頁 CSS 設定 ****************** */
/* ========================================================================= */

/* ****** ContentPlaceContent_ContentThirdMenu 內頁第二/三層 MENU ***** */
#page-leftmenu ul.leftmenuBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	
	list-style: none;
	padding-left: 0px;
	margin-top: 0;
	margin-bottom: 0rem;
}

#page-leftmenu ul.leftmenuBox ul {
	list-style: none;
	padding: 0;
}

#page-leftmenu ul.leftmenuBox li {
	position: relative;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}
@media (min-width: 320px) and (max-width: 992px) {
	#page-leftmenu ul.leftmenuBox li {
		margin-left: 2.5px;
        margin-right: 2.5px;
		width: calc((100% - (2.5px * 4)) / 2);
	}
}

#page-leftmenu ul.leftmenuBox li a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	
    font-size: 93.75%;
	color: #333333;
	width: 100%;
	
	/*min-height: 74px;*/
	border-radius: 4px;
	padding: 10px 15px;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
}
@media (min-width: 320px) and (max-width: 992px) {
	#page-leftmenu ul.leftmenuBox li a {
		padding: 15px 15px;
		padding: 10px 15px;
	}
}
#page-leftmenu ul.leftmenuBox li a:hover {
	color: #FFFFFF;
	background-color: #0263b8;
	border: 1px solid #0263b8;
}
#page-leftmenu ul.leftmenuBox li a.active,
#page-leftmenu ul.leftmenuBox li a:focus,
#page-leftmenu ul.leftmenuBox li a:active {
	color: #FFFFFF;
	background-color: #0263b8;
	border: 1px solid #0263b8;
}
/*第三層 LI a */
#page-leftmenu ul.leftmenuBox li ul li a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	
	color: #333333;
	width: 100%;
	border-top: 1px solid transparent;
	border-left: 1px solid #0263b8;
	border-right: 1px solid transparent;
	border-bottom: 1px solid rgba(0,0,0,.125);
	/*min-height: 74px;*/
	border-radius: 0px; /*4px*/
	background-color: #FFFFFF;
	padding: 10px 15px;
}
#page-leftmenu ul.leftmenuBox.third li a {
	padding-left: 25px;
}
/*第三層 LI a */

/* + 號 / - 號 */
#page-leftmenu ul.leftmenuBox li a.menu-open-plus-icon::after {
	position: absolute;
	font-size: 100%;
	font-family: "FontAwesome";
	right: 5px;
	color: #999999;
	/*color: #337ab7;*/
	margin-right: 5px;
	content: "\f055";
	content: "\f0d7";
}
@media (min-width: 320px) and (max-width: 992px) {
	#page-leftmenu ul.leftmenuBox li a.menu-open-plus-icon::after {
		position: absolute;
		right: 5px;
		/*bottom: 0;*/		
	}
}
#page-leftmenu ul.leftmenuBox li a.menu-open-plus-icon.active::after,
#page-leftmenu ul.leftmenuBox li a.menu-open-plus-icon:hover::after,
#page-leftmenu ul.leftmenuBox li a.menu-open-plus-icon:focus::after,
#page-leftmenu ul.leftmenuBox li a.menu-open-plus-icon:active::after {
	color: #FFFFFF;
	content: "\f055";
	content: "\f0d7";
}

#page-leftmenu ul.leftmenuBox li a.menu-open-minus-icon::after {
	position: absolute;
	font-size: 100%;
	font-family: "FontAwesome";
	right: 5px;
	color: #0263b8;
	margin-right: 5px;
	content: "\f056";
	content: "\f0d8";
}
#page-leftmenu ul.leftmenuBox li a.menu-open-minus-icon.active::after,
#page-leftmenu ul.leftmenuBox li a.menu-open-minus-icon:hover::after,
#page-leftmenu ul.leftmenuBox li a.menu-open-minus-icon:focus::after,
#page-leftmenu ul.leftmenuBox li a.menu-open-minus-icon:active::after {
	color: #FFFFFF;
	content: "\f056";
	content: "\f0d8";
}
/* + 號 / - 號 */

#page-leftmenu ul.leftmenuBox li .card.card-body {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	/*background-color: rgba(0, 0, 0, 0.125);*/
	background-clip: border-box;
	border: 0;
	border-radius: 0;
	padding: 5px 2px; /*5px 5px*/
}
#page-leftmenu ul.leftmenuBox .top-5 {
	position: relative;
	top: -5px;
}
/* ****** ContentPlaceContent_ContentThirdMenu 內頁第二/三層 MENU ***** *
/* ================================================================== */


/* ========================================================================= */
/* ****** ContentPlaceContent_ContentThirdMenu 內頁第四/五 / 六層 MENU  ****** */

/* ------ MENU Toggler Menu ------------------ */
.thirdmenu_section {
	position: relative; 
	display: block;

	/*background-image: url(../images/);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: top;*/
	
	background: transparent; /*transparent*/
	
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.thirdmenu_section .customMENU_Box {
    position: relative;
    display: block;
}

.thirdmenu_section .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 125%; /*1.25em*/
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
	border-radius: .25rem;
}

.thirdmenu_section .navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border: none;
}

/*----------------------------------------------------------------*/
.thirdmenu_section .navbar-toggler-icon {
    display: inline-block;
    width: 32px;
	height: 32px;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
	background-image: none;
}
.thirdmenu_section .navbar-dark .navbar-toggler-icon {
    background-image: url("../../images/navbar-toggler-icon/navbar-toggler-icon_B.svg");
}
.thirdmenu_section .navbar-dark .navbar-toggler-icon:hover {
    background-image: url("../../images/navbar-toggler-icon/navbar-toggler-icon_B_hover.svg");
}
/*----------------------------------------------------------------*/
.thirdmenu_section .navbar-toggler > .close {
	display: inline-block;
    
    font-size: 150%; /*1.5em*/
    font-weight: 700;
    line-height: 1;
    color: #333333;
    text-shadow: none; /*0 1px 0 #fff;*/
    
    float: right;
    
    width: 32px;
	height: 32px;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
	background-image: none;
	opacity: 1;    
}
.thirdmenu_section .navbar-toggler.collapsed > .close, .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display: none !important;
}

.thirdmenu_section .navbar-toggler > .close {
    background-image: url("../../images/navbar-toggler-icon/navbar-close-icon_B.svg");
}
.thirdmenu_section .navbar-toggler > .close:hover {
    /*color: #0263b8;*/
    background-image: url("../../images/navbar-toggler-icon/navbar-close-icon_B_hover.svg");
}

/* ------ MENU Toggler Menu ------------------ */


/* ========================================= */
/* ==  SM-CORE-CSS MENU BAR ================ */
/* ========================================= */
.sm-subpage {
    box-sizing: border-box;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm-subpage,
.sm-subpage ul,
.sm-subpage li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
}

.sm-subpage-rtl,
.sm-subpage-rtl ul,
.sm-subpage-rtl li {
    direction: rtl;
    text-align: right;
}

.sm-subpage > li > h1,
.sm-subpage > li > h2,
.sm-subpage > li > h3,
.sm-subpage > li > h4,
.sm-subpage > li > h5,
.sm-subpage > li > h6 {
    margin: 0;
    padding: 0;
    font-size: inherit;
}

.sm-subpage > li > h_2menu {
    margin: 0;
    padding: 0;
    font-size: inherit;
}

.sm-subpage ul {
    display: none;
}

.sm-subpage li,
.sm-subpage a {
    position: relative;
}

.sm-subpage a {
    display: block;
}

.sm-subpage a.disabled {
    cursor: default;
}

.sm-subpage::after {
    content: "";
    display: block;
    height: 0;
    /*font: 0px/0 serif;*/
    font-size: 0;
    line-height: 0;
    font-family: serif;
    clear: both;
    overflow: hidden;
}

.sm-subpage *,
.sm-subpage *::before,
.sm-subpage *::after {
    box-sizing: inherit;
}

/* ========================================= */
/* ==  SM-CORE-CSS MENU BAR ================ */
/* ========================================= */

/* ========================================== */
/* ==  SM-CLEAN MENU BAR START ============== */
/* ========================================== */
.sm-subpage-clean {
    background: transparent;
    border-radius: 0px;
}

/* JESS 新增 20210910 */
@media (max-width: 991px) {
    .sm-subpage-clean {
        height: 240px;
        overflow: auto;
        scrollbar-width: thin;        /* "auto" or "thin" */
        scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3);
		
		padding: 20px 10px;
    }
}
/* JESS 新增 20210910 */

.sm-subpage-clean a,
.sm-subpage-clean a:hover,
.sm-subpage-clean a:focus,
.sm-subpage-clean a:active {
    padding: 15px 20px;
    /* make room for the toggle button (sub indicator) */
    padding-right: 58px;
    color: #333333;
    font-family: "open sans", "微軟正黑體", sans-serif;
    font-size: 97.5%;    /*1.125em*/ /*18*/
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
}

.sm-subpage-clean a.current {
    color: #D23600;
}

.sm-subpage-clean a.disabled {
    color: #bbbbbb;
}

.sm-subpage-clean a .sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    /*font: bold 16px/34px monospace !important;*/
    font-size: 100%;    /*1em*//*16*/
    line-height: 34px;
    font-weight: bold;

    text-align: center;
    text-shadow: none;
    /*background: rgba(255, 255, 255, 0.5);*/
    border-radius: 5px;
}

.sm-subpage-clean a .sub-arrow::before {
    content: '+';
}

.sm-subpage-clean a.highlighted .sub-arrow::before {
    content: '-';
}

.sm-subpage-clean > li:first-child > a,
.sm-subpage-clean > li:first-child >  :not(ul) a {
    border-radius: 0px;
}


/*第一層*/
.sm-clean > li:last-child > a,
.sm-clean > li:last-child > *:not(ul) a,
.sm-clean > li:last-child > ul,
/*第二層*/
.sm-clean > li:last-child > ul > li:last-child > a,
.sm-clean > li:last-child > ul > li:last-child > *:not(ul) a,
.sm-clean > li:last-child > ul > li:last-child > ul,
/*第三層*/
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul,
/*第四層*/
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
/*第五層*/
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {    
    border-radius: 0px;    /*0 0 5px 5px*/
}


/*第一層*/
.sm-clean > li:last-child > a.highlighted,
.sm-clean > li:last-child > *:not(ul) a.highlighted,
/*第二層*/
.sm-clean > li:last-child > ul > li:last-child > a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
/*第三層*/
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
/*第四層*/
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
/*第五層*/
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
    border-radius: 0;
}

.sm-subpage-clean li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sm-subpage-clean > li:first-child {
    border-top: 0;
}

.sm-subpage-clean ul {
    background: rgba(162, 162, 162, 0.1);
}

.sm-subpage-clean ul a,
.sm-subpage-clean ul a:hover,
.sm-subpage-clean ul a:focus,
.sm-subpage-clean ul a:active {
    font-size: 100%;    /*1em*/    /*16*/
    /*border-left: 8px solid transparent;*/
}

.sm-subpage-clean ul ul a,
.sm-subpage-clean ul ul a:hover,
.sm-subpage-clean ul ul a:focus,
.sm-subpage-clean ul ul a:active {
    border-left: 16px solid transparent;
}

.sm-subpage-clean ul ul ul a,
.sm-subpage-clean ul ul ul a:hover,
.sm-subpage-clean ul ul ul a:focus,
.sm-subpage-clean ul ul ul a:active {
    border-left: 24px solid transparent;
}

.sm-subpage-clean ul ul ul ul a,
.sm-subpage-clean ul ul ul ul a:hover,
.sm-subpage-clean ul ul ul ul a:focus,
.sm-subpage-clean ul ul ul ul a:active {
    border-left: 32px solid transparent;
}

.sm-subpage-clean ul ul ul ul ul a,
.sm-subpage-clean ul ul ul ul ul a:hover,
.sm-subpage-clean ul ul ul ul ul a:focus,
.sm-subpage-clean ul ul ul ul ul a:active {
    border-left: 40px solid transparent;
}

/*@media (min-width: 768px) {*/
@media (min-width: 991px) {

    /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
    /* start... (it's not recommended editing these rules) */
    .sm-subpage-clean ul {
        position: absolute;
        width: 16em !important;        /*12em*/        
    }
    /* JESS 新增 20210910 */
    .sm-subpage-clean ul,
    .sm-subpage-clean ul ul,
    .sm-subpage-clean ul ul ul,
    .sm-subpage-clean ul ul ul ul,
    .sm-subpage-clean ul ul ul ul ul {
        width: 16em;        /*12em*/
        z-index: 10;
    }
    /* JESS 新增 20210910 */

    .sm-subpage-clean li {
        float: left;
    }

    .sm-subpage-clean.sm-subpage-rtl li {
        float: right;
    }

    .sm-subpage-clean ul li,
    .sm-subpage-clean.sm-subpage-rtl ul li,
    .sm-subpage-clean.sm-subpage-vertical li {
        float: none;
    }

    .sm-subpage-clean a {
        white-space: nowrap;
    }

    .sm-subpage-clean ul a,
    .sm-subpage-clean.sm-subpage-vertical a {
        white-space: normal;
    }

    .sm-subpage-clean .sm-subpage-nowrap > li > a,
    .sm-subpage-clean .sm-subpage-nowrap > li >  :not(ul) a {
        white-space: nowrap;
    }
    /* ...end */

    .sm-subpage-clean {
        padding: 0 10px;
		background: transparent;	/* #eeeeee */
		border-radius: 0px;	/* 100px */
    }

    .sm-subpage-clean a,
    .sm-subpage-clean a:hover,
    .sm-subpage-clean a:focus,
    .sm-subpage-clean a:active,
    .sm-subpage-clean a.highlighted {
        padding: 15px 15px;        /* 12 12 重要 MENU 第一層 LI 邊寬*/
        color: #FFFFFF;
        border-radius: 0px !important;		
    }

    /* JESS 新增 20210910 */
    .sm-subpage-clean a:hover,
    .sm-subpage-clean a:focus,
    .sm-subpage-clean a:active,
    .sm-subpage-clean a.highlighted {
        color: #ff7004;
    }
    /* JESS 新增 20210910 */

    .sm-subpage-clean a.disabled {
        color: #bbbbbb;
    }

    .sm-subpage-clean a.has-submenu {
        padding-right: 24px;
    }

    .sm-subpage-clean a .sub-arrow {
        top: 50%;
        margin-top: -2px;
        right: 12px;
        width: 0;
        height: 0;
        border-width: 4px;
        border-style: solid dashed dashed dashed;
        border-color: #333333 transparent transparent transparent;
        background: transparent;
        border-radius: 0;
    }

    .sm-subpage-clean a .sub-arrow::before {
        display: none;
    }

    .sm-subpage-clean li {
        border-top: 0;
    }

    .sm-subpage-clean > li > ul::before,
    .sm-subpage-clean > li > ul::after {
        content: '';
        position: absolute;
        top: -18px;
        left: 30px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 9px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #bbbbbb transparent;
    }

    .sm-subpage-clean > li > ul::after {
        top: -16px;
        left: 31px;
        border-width: 8px;
        border-color: transparent transparent #FFFFFF transparent;
    }

    .sm-subpage-clean > li > ul:hover::after {
        border-color: transparent transparent #FFFFFF transparent;
    }

    .sm-subpage-clean ul {
        border: 1px solid #bbbbbb;
        padding: 4px;    /*5px 0*/
        background: #FFFFFF;
        border-radius: 4px !important;
        box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);		
    }

    .sm-subpage-clean ul a,
    .sm-subpage-clean ul a:hover,
    .sm-subpage-clean ul a:focus,
    .sm-subpage-clean ul a:active,
    .sm-subpage-clean ul a.highlighted {
        border: 0 !important;
        padding: 15px 20px;    /*10px 20px*/
        color: #333333;
    }

    .sm-subpage-clean ul a:hover,
    .sm-subpage-clean ul a:focus,
    .sm-subpage-clean ul a:active,
    .sm-subpage-clean ul a.highlighted {
        color: #FFFFFF;
        background: #0263b8;
    }

    .sm-subpage-clean ul a.current {
        color: #D23600;
    }

    .sm-subpage-clean ul a.disabled {
        background-color: #FFFFFF;
        
        color: #CCCCCC;
    }

    .sm-subpage-clean ul a.has-submenu {
        padding-right: 20px;
    }

    .sm-subpage-clean ul a .sub-arrow {
        right: 8px;
        top: 50%;
        margin-top: -5px;
        border-width: 5px;
        border-style: dashed dashed dashed solid;
        
        border-color: transparent transparent transparent #333333;
    }

    .sm-subpage-clean .scroll-up,
    .sm-subpage-clean .scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        
        background-color: #FFFFFF;
        
        height: 20px;
    }

    .sm-subpage-clean .scroll-up:hover,
    .sm-subpage-clean .scroll-down:hover {
        background-color: #EEEEEE;
    }

    .sm-subpage-clean .scroll-up:hover .scroll-up-arrow {
        border-color: transparent transparent #D23600 transparent;
    }

    .sm-subpage-clean .scroll-down:hover .scroll-down-arrow {
        border-color: #D23600 transparent transparent transparent;
    }

    .sm-subpage-clean .scroll-up-arrow,
    .sm-subpage-clean .scroll-down-arrow {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -6px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 6px;
        border-style: dashed dashed solid dashed;
        
        border-color: transparent transparent #333333 transparent;
    }

    .sm-subpage-clean .scroll-down-arrow {
        top: 8px;
        border-style: solid dashed dashed dashed;
        
        border-color: #333333 transparent transparent transparent;
    }

    .sm-subpage-clean.sm-subpage-rtl a.has-submenu {
        padding-right: 12px;
        padding-left: 24px;
    }

    .sm-subpage-clean.sm-subpage-rtl a .sub-arrow {
        right: auto;
        left: 12px;
    }

    .sm-subpage-clean.sm-subpage-rtl.sm-subpage-vertical a.has-submenu {
        padding: 10px 20px;
    }

    .sm-subpage-clean.sm-subpage-rtl.sm-subpage-vertical a .sub-arrow {
        right: auto;
        left: 8px;
        border-style: dashed solid dashed dashed;
        
        border-color: transparent #333333 transparent transparent;
    }

    .sm-subpage-clean.sm-subpage-rtl > li > ul::before {
        left: auto;
        right: 30px;
    }

    .sm-subpage-clean.sm-subpage-rtl > li > ul::after {
        left: auto;
        right: 31px;
    }

    .sm-subpage-clean.sm-subpage-rtl ul a.has-submenu {
        padding: 10px 20px !important;
    }

    .sm-subpage-clean.sm-subpage-rtl ul a .sub-arrow {
        right: auto;
        left: 8px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #333333 transparent transparent;
    }

    .sm-subpage-clean.sm-subpage-vertical {
        padding: 10px 0;
        border-radius: 5px;
    }

    .sm-subpage-clean.sm-subpage-vertical a {
        padding: 10px 20px;
    }

    .sm-subpage-clean.sm-subpage-vertical a:hover,
    .sm-subpage-clean.sm-subpage-vertical a:focus,
    .sm-subpage-clean.sm-subpage-vertical a:active,
    .sm-subpage-clean.sm-subpage-vertical a.highlighted {
        background-color: #FFFFFF;
    }

    .sm-subpage-clean.sm-subpage-vertical a.disabled {
        background-color: #EEEEEE;
    }

    .sm-subpage-clean.sm-subpage-vertical a .sub-arrow {
        right: 8px;
        top: 50%;
        margin-top: -5px;
        border-width: 5px;
        border-style: dashed dashed dashed solid;
        
        border-color: transparent transparent transparent #333333;
    }

    .sm-subpage-clean.sm-subpage-vertical > li > ul::before,
    .sm-subpage-clean.sm-subpage-vertical > li > ul::after {
        display: none;
    }

    .sm-subpage-clean.sm-subpage-vertical ul a {
        padding: 10px 20px;
    }

    .sm-subpage-clean.sm-subpage-vertical ul a:hover,
    .sm-subpage-clean.sm-subpage-vertical ul a:focus,
    .sm-subpage-clean.sm-subpage-vertical ul a:active,
    .sm-subpage-clean.sm-subpage-vertical ul a.highlighted {
        background-color: #EEEEEE;
    }

    .sm-subpage-clean.sm-subpage-vertical ul a.disabled {
        background-color: #FFFFFF;
    }
}

/* ========================================== */
/* ==  SM-CLEAN MENU BAR END ================ */
/* ========================================== */


/* ========================================== */
/* == 重要 JESS 新增 20210910 START ========== */
/* ========================================== */

/* == //PC模式 選擇 UL 不重疊設定 // == */
/* --------------------------------- */
.sm-subpage-clean ul,
.sm-subpage-clean ul ul,
.sm-subpage-clean ul ul ul,
.sm-subpage-clean ul ul ul ul,
.sm-subpage-clean ul ul ul ul ul {
    left: 7px !important;
}

.sm-subpage-clean ul {
    margin-top: 10px !important;
	margin-top: 8px !important;
}

.sm-subpage-clean ul ul,
.sm-subpage-clean ul ul ul,
.sm-subpage-clean ul ul ul ul,
.sm-subpage-clean ul ul ul ul ul {
    left: 7px !important;
    margin-top: -1px !important;    /*-15px*/
}

@media (max-width: 991px) {
    .sm-subpage-clean ul ul,
    .sm-subpage-clean ul ul ul,
    .sm-subpage-clean ul ul ul ul,
    .sm-subpage-clean ul ul ul ul ul {
        margin-top: 0px !important;
    }
}

/* --------------------------------- */
/* == //PC模式 選擇 UL 不重疊設定 // == */


/* == //PC模式 第一層 UL a 箭頭 HOVER 顏色 // == */
/* ------------------------------------------- */
@media (min-width: 992px) {
    .sm-subpage-clean a .sub-arrow {
        top: 50%;
        margin-top: -2px;
        right: 12px;     /*5px*/
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid dashed dashed dashed;        
        border-radius: 0;
        
        border-color: #AAAAAA transparent transparent transparent;        /* ======================>>> 重要 需換顏色 V 箭頭 === */
        
        background: transparent;
    }

    .sm-subpage-clean a .sub-arrow::before {
        display: none;
    }

    /*第一層箭頭*/
    .sm-subpage-clean a:hover .sub-arrow,
    .sm-subpage-clean a:focus .sub-arrow,
    .sm-subpage-clean a:active .sub-arrow,
    .sm-subpage-clean a.highlighted .sub-arrow {
        border-width: 5px;
        border-style: solid dashed dashed dashed;
        
        border-color: #FFFFFF transparent transparent transparent;        /* ======================>>> 重要 需換 HOVER 顏色 V 箭頭 === */
    }
    /*第一層箭頭 END*/

    /*第二層箭頭 START*/
    .sm-subpage-clean ul a:hover .sub-arrow,
    .sm-subpage-clean ul a:focus .sub-arrow,
    .sm-subpage-clean ul a:active .sub-arrow,
    .sm-subpage-clean ul a.highlighted .sub-arrow,
    /*第三層箭頭 START*/
    .sm-subpage-clean ul ul a:hover .sub-arrow,
    .sm-subpage-clean ul ul a:focus .sub-arrow,
    .sm-subpage-clean ul ul a:active .sub-arrow,
    .sm-subpage-clean ul ul a.highlighted .sub-arrow,
    /*第四層箭頭 START*/
    .sm-subpage-clean ul ul ul a:hover .sub-arrow,
    .sm-subpage-clean ul ul ul a:focus .sub-arrow,
    .sm-subpage-clean ul ul ul a:active .sub-arrow,
    .sm-subpage-clean ul ul ul a.highlighted .sub-arrow,
    /*第五層箭頭 START*/
    .sm-subpage-clean ul ul ul a:hover .sub-arrow,
    .sm-subpage-clean ul ul ul a:focus .sub-arrow,
    .sm-subpage-clean ul ul ul a:active .sub-arrow,
    .sm-subpage-clean ul ul ul a.highlighted .sub-arrow {
        border-color: #FFFFFF transparent transparent transparent;        /* ======================>>> 重要 需換第二層/第三層/第四層/第五層顏色 V 箭頭 === */
        transform: rotate(-90deg);
    }
}
/* ------------------------------------------- */
/* == //PC模式 第一層 UL a 箭頭 HOVER 顏色 // == */


/* == //手機模式 選擇 HOVER 顏色 // == */
/* --------------------------------- */

/* 取代上方 105行 顏色 CSS*/
.sm-subpage-clean a {
    color: #333333;
}

.sm-subpage-clean a:hover,
.sm-subpage-clean a:focus,
.sm-subpage-clean a:active {
    color: #ffc871;

    background-size: 100% 1px;
}

.sm-subpage-clean a.highlighted {
    color: #FFFFFF;
}

/* 取代上方 105行 CSS*/

@media (max-width: 991px) {

    /* 手機模式 字的顏色 */
    .sm-subpage-clean a {
        color: #FFFFFF;
    }

    /* PC版 / 手機模式 選取的顏色 */
    .sm-subpage-clean a:hover,
    .sm-subpage-clean a:focus,
    .sm-subpage-clean a:active {
        color: #FFFFFF;
        background: #36494f;
        /*#9b5f00 /#00bad9*/
    }
}

/* --------------------------------- */
/* == //手機模式 選擇 HOVER 顏色 // == */


/* -------------------------------------------- */
/* == //手機模式 下拉選單框 浮動於 BANNER 上 // == */
@media (max-width: 991px) {

    /* 手機模式 字的顏色 */
    .sm-subpage-clean .h2menu a {
        color: #FFFFFF;
    }
    .sm-subpage-clean a {
        color: #000000;
    }
	.sm-subpage li {
		display: inline-block;
		width: 100%;
	}
}

/* -------------------------------------------- */
/* == //手機模式 下拉選單框 浮動於 BANNER 上 // == */
.thirdmenu_section .navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {	
	.thirdmenu_section .navbar-collapse {
		background: #FFFFFF; /*transparent*/
		margin-top: 0;
		margin-left: 0; /*-15px*/
		margin-right: 0;
		margin-bottom: -4px;
		
		/*border: 1px solid #bbbbbb;*/
		border-radius: 0px !important;
		/*box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);*/
		/*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)*/
	}
	.thirdmenu_section .navbar-collapse {
		position: absolute;
		top: 42px;
		width: 100%;
		height: auto;
		/*overflow-y: scroll;*/
		/*scrollbar-width: thin;*/	/* "auto" or "thin" */
        /*scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3);*/
		z-index: 1000;
	}
	
	.navbar-collapse .ml-auto.mr-4 {
		margin-right: 0 !important;
	}
}
@media (max-width: 576px) {	
	.thirdmenu_section .navbar-collapse {
		position: absolute;
		top: 42px;
		width: 100%;
		height: auto;
		/*overflow-y: scroll;*/
		/*scrollbar-width: thin;*/	/* "auto" or "thin" */
        /*scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3);*/
		z-index: 1000;
	}
}
@media (max-width: 480px) {	
	.thirdmenu_section .navbar-collapse {
		position: absolute;
		top: 42px; /*48px*/
		width: 100%;
		height: auto;
		/*overflow-y: scroll;*/
		/*scrollbar-width: thin;*/	/* "auto" or "thin" */
        /*scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3);*/
		z-index: 1000;
	}
}
/* == //手機模式 下拉選單框 浮動於 BANNER 上 // == */
/* ------------------------------------------- */

.sm-subpage li.layer-li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    
    margin-right: 5px;
    margin-bottom: 5px;
    width: calc((100% - (5px * 4)) / 4);
}
@media (min-width: 320px) and (max-width: 992px) {
    .sm-subpage li.layer-li {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
}

.sm-subpage li .h2menu {
	display: block;
	list-style: none;
	margin: 0;
	/*padding: 0px 5px;*/
	line-height: normal;
	direction: ltr;
	border-radius: 0px !important;
}

.sm-subpage li .h2menu a {
	padding: 16px 50px;	
	border-radius: 4px !important;	
	
	font-weight: bold;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
}
.sm-subpage li:last-child .h2menu a {
	margin-right: 0;
}


.sm-subpage-clean a:hover, 
.sm-subpage-clean a:focus, 
.sm-subpage-clean a:active,
.sm-subpage-clean .h2menu a:hover,
.sm-subpage-clean .h2menu a:focus,
.sm-subpage-clean .h2menu a:active,
.sm-subpage-clean .h2menu a.active,
.sm-subpage-clean .h2menu a.highlighted {
	color: #FFFFFF !important;
	border: 1px solid #0263b8;
	background-color: #0263b8;	
}
.sm-subpage-clean .h2menu a.has-submenu.active,
.sm-subpage-clean ul a.has-submenu.active,
.sm-subpage-clean ul ul a.active {
	color: #FFFFFF !important;
	border: 1px solid #0263b8;
	background-color: #0263b8;	
}

@media (max-width: 991px) {
    .sm-subpage-clean {
        height: auto; /*240px;*/
        overflow: auto;
        scrollbar-width: thin;        /* "auto" or "thin" */
        scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3);
        padding: 0 !important;
    }
}
@media (max-width: 991px) {
    .sm-subpage li .h2menu a {
        padding: 10px 20px;
		margin-right: 0px;
        border: 1px solid transparent;
        border-radius: 0px !important;
    }
}
/* ========================================== */
/* == 重要 JESS 新增 20210910 END ============ */
/* ========================================== */


/* ================================================== */
/* == 重要 JESS 新增 MEGA MENU 20220610 ============== */
/* ================================================== */
.sm-subpage-clean ul.mega-menu .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
}
.sm-subpage-clean ul.mega-menu li {
	float: left;
}

.sm-subpage-clean ul.mega-menu li .mega-h2::before {
	float: left;
	color: #000000;
	content: "▍";
	left: 10px;
	position: absolute;
}
.sm-subpage-clean ul.mega-menu li .mega-h2:hover::before {
	color: #FFFFFF;
}
/* == //PC模式 設定 // == */
/* --------------------------------- */
@media (min-width: 1200px) {
  .sm-subpage-clean ul.mega-menu .container-custom {
    max-width: 1500px; /*1170 / 1500*/
	max-width: 100%;
  }
}
@media (min-width: 991px) {
    .sm-subpage-clean ul.mega-menu {
        position: fixed;
        width: calc(100% - 21.2%) !important; /*calc(100% - 200px)*/
		left: calc(21.2% - 21.2% / 2) !important; /*100px*/
		
		width: calc(100% - 11.2%) !important;
		left: calc(11.2% - 11.2% / 2) !important;

        padding: 20px 0;
		
		height: 500px;
		overflow-y: scroll;
    }
	/*----------------------------------*/
	/* scrollbar 樣式 ------------------*/
	/*Firefox 用*/
	.sm-subpage-clean ul.mega-menu {
		scrollbar-width: thin; /*auto | thin | none | <length >  這幾種選項*/
		scrollbar-border: 1px solid #FFFFFF;
		scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.25);	/*(前)滾動條 (底)滾動底區塊*/
	}
	/*Firefox 用*/
	/*Chrome 用*/
	.sm-subpage-clean ul.mega-menu::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, 0.25);; /*transparent;*/       /* color of the 滾動區塊 */
	}
	.sm-subpage-clean ul.mega-menu::-webkit-scrollbar {
		width: 8px;               /* width of the 滾動條寬度 */
	}
	.sm-subpage-clean ul.mega-menu::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0.5);    /* color of the 滾動條顏色 */
		border-radius: 20px;       /* roundness of the 滾動條寬度圓角 */
		/*border: 1px solid #FFFFFF;*/  /* creates padding around 滾動條邊框+顏色 */
	}
	/*Chrome 用*/
	/* scrollbar 樣式 ------------------*/
	/*----------------------------------*/

    .sm-subpage-clean ul.mega-menu li a {
        color: inherit;
        border: 0 !important;
        padding: 0 !important;
		line-height: initial;
    }

    .sm-subpage-clean ul.mega-menu li .mega-h2 {
        font-size: 1.125rem;        /*18px*/
        font-weight: 600;
        line-height: initial;
        text-decoration: none;
        text-align: left;

        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        border-bottom: 1px solid #d7d6d6 !important;

        padding: 15px 20px;
        color: #FFFFFFF;
    }

    .sm-subpage-clean ul.mega-menu li a.text-item {
        border: 0 !important;
        padding: 15px 20px !important;
        color: #FFFFFFF;
    }

    .sm-subpage-clean  >  li  >  ul.mega-menu::before,
    .sm-subpage-clean  >  li  >  ul.mega-menu::after {
        content: '';
        /*position: absolute;*/
        top: -18px;
        left: calc(50% + 5%); /*69%*/
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 9px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #bbbbbb transparent;
    }

    .sm-subpage-clean  >  li  >  ul.mega-menu::after {
        top: -16px;
        left: calc(50% + 5%); /*69%*/
        border-width: 8px;
        border-color: transparent transparent #fff transparent;
    }
}

/* == //手機模式 設定 // == */
/* --------------------------------- */
@media (max-width: 991px) {
	.sm-subpage-clean ul.mega-menu li a.mega-a  {
		padding: 15px 20px;
		padding-right: 0px !important;
		border-bottom: 1px solid #fff;
	}
	
	.sm-subpage-clean ul.mega-menu li a.text-item  {
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 20px !important;
		padding-mottom: 15px;
	}	
	
	.sm-subpage-clean ul.mega-menu li a mega-h2,
	.sm-subpage-clean ul.mega-menu li a mega-h2:hover,
	.sm-subpage-clean ul.mega-menu li a mega-h2:focus,
	.sm-subpage-clean ul.mega-menu li a mega-h2:active {
		color: inherit;
		font-size: 1.125rem;/*18px*/
		text-decoration: none;
		text-align: left;
	
		margin-bottom: 0;
		padding-bottom: 5px;
		border-bottom: 1px solid #d7d6d6 !important;
	}
	
	.sm-subpage-clean ul.mega-menu li .mega-h2::before {
		float: left;
		color: #FFFFFF;
		content: "▍";
	}
	.sm-subpage-clean ul.mega-menu li .mega-h2:hover::before {
		color: #FFFFFF;
	}
}
/* ================================================== */
/* == 重要 JESS 新增 MEGA MENU 20220610 ============== */
/* ================================================== */

/* ****** ContentPlaceContent_ContentThirdMenu 內頁第四/五 / 六層 MENU  ****** */
/* ========================================================================= */
/* ****** ContentPlaceContent_ContentConentA 內頁 CSS 設定 ****************** */
/* ========================================================================= */