#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 );
}
.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-family: 'Noto Sans TC'; font-size: 0.88rem !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 .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: 0.8rem; 
}
#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; 
}
.dTITLE, .dTITLE1 {
	font-size: 1.15rem!important; line-height: 45px;
}
.breakline {
	display: none !important; 
}
#d1 .menu_item {
	line-height: 23px; 
}
#d1 .menu_item .row {
	padding-top: 10px!important;padding-bottom: 10px !important;
}
#d1 .menu_menu {
	font-size: 0.7em; line-height: 1.0;
}
#d1 .menu_menu >div{
	min-width: 160px!important; padding: 0 12px 8px 0!important; width: 95%; ;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.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; 
}			
#d1 .btn.btn-icon {
	width: 44px; height:44px; margin-right: 10px; border-radius: 50%; background-color: transparent; border-color: var( --footerColor ); font-size: 1.3333rem; padding: 3px 0 0 0; color: var( --footerColor )!importamt; text-align: center;
}				
#d1 .btn.btn-icon:hover {
	background-color: #eee; *color: var(--BarColorHover);
}			
#d1 .icon-primary, #d1 .icon-info, #d1 .icon-success, #d1 .icon-warning, #d1 li .bi {
	font-size: 1rem!important;
}
#d1 .icon-img{
	max-width: 36px; max-height: 36px
}
@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: "√";
	}
}