
#d1 {
	margin: 0 auto; padding: 80px 0 80px 0;  border-top: 0px solid rgba(0,0,0,.02); font-weight: 300; background-repeat: no-repeat, no-repeat; background-position: left center, left center; -moz-background-size:cover, cover; -webkit-background-size:cover,cover; -o-background-size:cover,cover; background-size:cover,cover; background-image: linear-gradient(to var( --gradient_direction ), var( --footerBGColor ),  var( --footerBGColor1 )), var( --footerBGImg ); *font-style: italic !important; z-index: 111111 !important;
}
.AA {
	list-style: none;
}
.AA- li::before {
	content: "＃";
	color: var( --footerColor );
	font-weight: 800;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}
.AA >li.menu_item>a{
	font-size: 0.95rem !important;  *font-style: italic !important;
}
#d1.colour {
	background-color: rgba(var( --rgb1opacity1 ))!important; 
}
#d1.colourfade {
	background-color: rgba(var( --rgb1opacity1 ))!important; 

	background-image: linear-gradient(to bottom, rgba(var( --rgb1opacity1 )), rgba(var( --rgb2opacity1 ))); 
	border-color: rgba(var( --rgb1opacity1 )); background-size: 210% 210%; background-position: 100% 0;
} 
#d1 .a_d {
	margin: 0 auto; text-align: left; line-height: 30px; word-wrap:break-word; color: var( --footerColor ); 
}
#d1 .btn.btn-icon{
	color: var( --footerColor ); 
}
#d1 .a_d-:before {
	position: absolute; top: 1px;  left: 0%;  transform: translate(0, 0); width: calc( 100% - 70px); height: 1px; margin: 0 35px; background: rgba(0,0,0,.1); 
}
#d1 .a_d-:after {
	position: absolute; top: 0px;  left: calc( (100% - 70px) * 0.2);  transform: translate(0, 0); width: calc( (100% - 70px) * 0.6); height: 2px; margin: 0 35px; background: rgba(0,0,0,.05); 
}
#d1 >ul {
	max-width: 1600px; padding:0; 
}
#d1 >ul >li {
	padding: 0!important; text-align:center; 
}
#d1 >ul >li > ul {
	margin:0 auto; text-align:left; 
}
#d1 li a {
	color: inherit; *font-size: 1.0rem; 
}
#d1 li a:hover {
	text-decoration: none; opacity: .6; 
}
#d1 ul li:not(.menu_item) {
	display:block; font-size: 0.8rem; *letter-spacing: 0.1rem; 
}
#d1 ul li nav {
	display:inline-block; font-size: 1em; vertical-align: top;
}
#d1 ul li nav:first-child {
	width: 25px !important;
}
#d1 ul li nav:last-child {
	width: calc( 100% - 25px) !important; padding-left: 10px; 
}
li.dTITLE, li.dTITLE1 {
	font-size: 1.15rem!important; line-height: 1.0; padding-bottom: 10px; 
}
.breakline {
	display: none !important; 
}
#d1 .menu_item {
	line-height: 23px; 
}
#d1 .menu_item .row {
	padding-top: 0px!important;padding-bottom: 20px !important;
}
#d1 .menu_menu {
	font-size: 0.7em; line-height: 1.0;
}
#d1 .menu_menu > div{
	min-width: 160px!important; padding: 0 12px 4px 0!important; width: 95%; ;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
#d1 .menu_menu > div a{
	font-size: 0.8rem;
}
.menu_item ul li {
	padding-left: 25px
}
.menu_item > div {
	padding-left: 15px
}
.menu_item > div > div {
	padding: 0!important
}
#d2 {
	position: absolute; display: none; bottom: 0; width:100%; background: rgba(0,0,0,.5); height: 40px; padding: 0 40px; 
}
#d2 > div {
	position: relative; display: flex; align-items: center; padding: 0 50px; height: 100%; margin: 0 auto; width:100%; color: #aaa; font-size: 1em; 
}
#d2 #LOGO2 {
	height: 30px; -webkit-filter: drop-shadow(1px 1px 1px #aaa); filter: drop-shadow(1px 1px 1px #aaa); 
}
.linkicon  {
	display: inline-block;
}
.linkicon img {
	-webkit-filter: drop-shadow( 1px 1px 8px rgba(0, 0, 0, 0.25)); filter: drop-shadow( 1px 1px 8pxx rgba(0, 0, 0, 0.25)); padding: 0px; transition: .2s; max-width: 100px;
}
.linkicon img:hover {
	opacity: .75; -webkit-filter: drop-shadow( 1px 1px 8px rgba(255,255,255, 0.25)); filter: drop-shadow( 1px 1px 8px rgba(255,255,255, 0.25)); 
}
.linkicon {
	padding:0 10px 10px 0!important; 
}
.a_d.tw {
	letter-spacing: 0.15em; 
}
.a_d.en {
	letter-spacing: 0.05em; 
}
#footer {
	position: relative; 
}
#d1:after {
	content: "" !important; display: block !important; clear: both !important; /*解決子元素 col-* 造成父元素的高度塌陷*/
}
#d2:after {
	content: "" !important; display: block !important; clear: both !important; 
}
#footer:after {
	content: "" !important; display: block !important; clear: both !important; 
}	
.footer-policy-links {
	padding: 20px 16px 24px; text-align: center; color: var( --footerColor ); font-size: 0.85rem;
}
.footer-policy-link {
	margin: 0; padding: 3px 5px; border: 0; border-bottom: 1px solid transparent; background: transparent; color: inherit; font: inherit; cursor: pointer; transition: opacity .2s ease, border-color .2s ease;
}
.footer-policy-link:hover, .footer-policy-link:focus-visible {
	opacity: .7; border-bottom-color: currentColor; outline: 0;
}
.footer-policy-separator {
	display: inline-block; margin: 0 7px; opacity: .45;
}
html.policy-modal-open, body.policy-modal-open {
	overflow: hidden !important;
}
.policy-modal {
	position: fixed; inset: 0; z-index: 2147483646; display: flex; align-items: center; justify-content: center; padding: 24px; visibility: hidden; opacity: 0; background: rgba(15, 18, 24, .46); -webkit-backdrop-filter: blur(6px) grayscale(.25); backdrop-filter: blur(6px) grayscale(.25); transition: opacity .2s ease, visibility .2s ease;
}
.policy-modal.is-open {
	visibility: visible; opacity: 1;
}
.policy-modal-dialog {
	display: flex; flex-direction: column; width: min(1060px, 100%); max-height: min(82vh, 960px); overflow: hidden; border-radius: 12px; background: #fff; color: #333; text-align: left; box-shadow: 0 20px 70px rgba(0, 0, 0, .32); transform: translateY(12px) scale(.985); transition: transform .2s ease;
}
.policy-modal.is-open .policy-modal-dialog {
	transform: translateY(0) scale(1);
}
.policy-modal-header {
	display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; min-height: 64px; padding: 12px 16px 12px 24px; border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#policy-modal-title {
	margin: 0; color: #222; font-size: 1.5rem !important; font-weight: 600; line-height: 1.4;
}
.policy-modal-close {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #555; font: 300 32px/1 Arial, sans-serif; cursor: pointer; transition: background-color .2s ease, color .2s ease;
}
.policy-modal-close:hover, .policy-modal-close:focus-visible {
	background: rgba(0, 0, 0, .08); color: #000; outline: 0;
}
.policy-modal-content {
	flex: 1 1 auto; min-height: 140px; padding: 24px; overflow: auto; color: #444; font-size: .95rem; line-height: 1.8; overscroll-behavior: contain;
}
.policy-modal-content:focus {
	outline: 0;
}
.policy-modal-content img, .policy-modal-content table {
	max-width: 100%;
}
.policy-modal-loading, .policy-modal-error {
	padding: 44px 10px; text-align: center; color: #777;
}		
.Group .btn.btn-icon {
	width: 49px;	height:49px;	margin-right: 7px;	border-radius: 50%;	background-color: transparent;	border-color: var( --footerColor ); font-size:28px !important;	color: var( --footerColor )!importamt;	transition: all .6s ease; 
	display: inline-flex;	align-items: center;	justify-content: center;	vertical-align: middle;	padding: 0.5rem 1rem;
}				
.Group .btn.btn-icon:hover {
	background-color: rgba(255,255,255,.75); 
}				
.Group .btn.btn-icon:hover i{
	color: var(--BarColorHover);
}
.Group .bi{
	position: relative; top: 5px; ledt: 5px;
}
.Group .icon-primary, .Group .icon-info, .Group .icon-success, .Group .icon-warning, .Group li .bi {
	font-size: 1rem!important;
}
.Group .icon-img{
	position: relative; max-width: 30px; max-height: 30px; *top: 6px;
}
.Group .btn.btn-icon, #float-icon .btn.btn-icon{
  line-height: 1 !important;
  padding: 0.4rem 0.5rem !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
}
.Group .btn.btn-icon i.bi, #float-icon .btn.btn-icon i.bi{
  display: block !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  transform: translateY(0) !important;
  font-size: 1.5rem !important;    /* 視覺大小可微調 */
}
.Group .btn.btn-icon i.bi, #float-icon .btn.btn-icon i.bi{ position: relative; top: 0 !important; } /* 或 top: 1px; */
#float-icon {
	position: fixed; right: 23px; top: 45%; transform: translateY(-45%);  z-index: 98; width: 50px;
}
#float-icon .btn.btn-icon {
	width: 49px; height:49px; margin-top: 5px; border-radius: 50%; background-color: #ffffff; border-color: rgba(60,64,79,.5); font-size: 28px !important; color: var( --footerColor )!importamt; text-align: center; color: rgb(60,64,79); transition: all .6s ease; 	
	display: inline-flex;	align-items: center;	justify-content: center;	vertical-align: middle;	padding: 0.5rem 1rem;
}
#float-icon .bi{
	position: relative; top: 3px; ledt: 4px;
}
#float-icon .icon-img{
	position: relative; max-width: 30px; max-height: 30px;
}
#float-icon .btn.btn-icon:hover {
	border-color: #ffffff; background-color: rgba(60,64,79,1); color: #fff; *transform: rotate3d(0, -1, 0, -180deg)
}
.dui_alert {
	background: #a87e00; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9
}
.dui_alert_bg {
	background: #000; width: 80%;margin: 0 auto;
}
.dui_alert img{
	max-width : 100%; margin: 0 auto;
}
.dui_alert_space{
	height: 46px;
}
.dui_alert.ajax {
	bottom: 50px !important; z-index: 999999999999999999
}
@media only screen and (max-width: 992px) 
{
	#d1 {
		padding: 0 0 80px 0!important; margin:0; background-position: center center, center center;
	}
	#d1 >ul >li {
		padding: 20px 20px !important; margin: 0!important; 
	}
	#d1 >ul >li >ul {
		padding: 0px !important; 
	}
	#d1 >ul >li >ul >li {
		padding-bottom: 0px !important; 
	}
	#d1 >ul >li >ul >li >ul >li{
		margin-left: 20px !important; 
	}
	#d2 {
		display: block; padding: 0 10px; 
	}
	.breakline {
		display: block !important; 
	}
	.breakline ul li {
		height: 3px; padding: 0 !important; display: block !important; 
	}
	.breakline ul li div:first-child {
		height: 100%; width: 40%; padding: 0; margin: 0; border-top:2px solid  var( --footerColor ); border-bottom:1px solid rgba(0,0,0,.05); display: inline-block;opacity:.8
	}
	.breakline ul li div:last-child {
		height: 100#%; width: 60%; padding: 0; margin: 0; border-top:2px solid  var( --footerColor ); border-bottom:1px solid rgba(255,255,255,.2); display: inline-block;opacity:.3
	}
	#d1 .icon-primary, #d1 .icon-info, #d1 .icon-success, #d1 .icon-warning {
		font-size: 0.94444rem!important; 
	}
	.menu_item ul li {
		padding-left: 0px
	}
	.menu_menu {
		margin-left: 17px;
	}
	.AA {
		padding-left: 0px
	}
	.AA- li::before {
		content: "√";
	}
}
@media only screen and (max-width: 576px) {
	.policy-modal { padding: 12px; }
	.policy-modal-dialog { max-height: 88vh; border-radius: 9px; }
	.policy-modal-header { min-height: 56px; padding: 9px 10px 9px 18px; }
	#policy-modal-title { font-size: 1.1rem; }
	.policy-modal-content { padding: 18px; }
}