/*  =============================================================================
	=============================================================================
	=============================================================================
	客製化 FOOTER CSS 設計
	=============================================================================
	=============================================================================
	=============================================================================
	========================================================================== */
#sitemap {
	padding-top: 49px;
	padding-bottom: 48px;
	overflow-x: hidden;
}

#sitemap #sitemap_title_box{
	float: left;
	width: 100%;
}

#sitemap #sitemap_content_box #sitemap_content{
	margin-top: 15px;
	width: 100%;
	float: left;
}

.tags_list_style{
	margin-left: -1px;
	margin-right: -1px;
}

.tags_list_style .tag{
	float: left;
	line-height: 0px;
	padding: 1px;
}

.tags_list_style .tag a{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 0px;
	letter-spacing: 0.1em;
	color: #ffffff;
	display: block;
	background-color: #A1ADB9;
	padding: 16px 15.5px 16px 15.5px;
}

.tags_list_style .tag a span{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 4px;
	letter-spacing: 0.1em;
	color: #ffffff;
}

.tags_list_style .tag a.disable-link{
	opacity: 0.4;
	cursor: default;
}

#content_info {
	width: 100%;
	float: left;
	padding-top: 32px;
	padding-bottom: 30px;
	overflow-x: hidden;
}

#content_info #info_with_copyright{
	float: left;
	width: 500px;
}

#content_info #info_with_copyright #info{
	width: 100%;
	float: left;
}

#content_info #info_with_copyright #info .address{
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0.1em;
	line-height: 24px;
	width: 100%;
	float: left;
	font-weight: bold;
}

.lang-en #content_info #info_with_copyright #info .address{
	letter-spacing: 0.06em;
	line-height: 16px;
	margin-bottom: 6px;
}

#content_info #info_with_copyright #info .tel{
	font-size: 13px;
	color: #ffffff;
	letter-spacing: 0.1em;
	line-height: 24px;
	width: 100%;
	float: left;
}

#content_info #info_with_copyright #info .mail{
	font-size: 13px;
	color: #ffffff;
	letter-spacing: 0.1em;
	line-height: 24px;
	width: 100%;
	float: left;
}

#content_info #info_with_copyright #info .mail a{
	font-size: 13px;
	color: #ffffff;
	letter-spacing: 0.1em;
	line-height: 24px;
	text-decoration: none;
}

#content_info #info_with_copyright #info .mail a span{
	font-size: 13px;
	color: #ffffff;
	letter-spacing: 0.1em;
}

#content_info #info_with_copyright #info .mail a:hover{
/* 	text-decoration: underline; */
}

#content_info #info_with_copyright #info .mail a span:after{
	background-color: #fff;
}

#content_info #info_with_copyright #copyright{
	width: 100%;
	float: left;
	margin-top: 7px;
}

#content_info #info_with_copyright #copyright .copyright{
	font-size: 10px;
	color: #919191;
	letter-spacing: 0.1em;
	line-height: 24px;
	width: 100%;
	float: left;
}

#content_info #footer_logo{
	float: right;
}

#content_info #footer_logo a{
	display: block;
	width: 160px;
	height: 69px;
}

@media (max-width: 768px) {
	#content_info #info_with_copyright{
		width: 100%;
	}
	#content_info #info_with_copyright #copyright .copyright{
		text-align: center;
	}

	#content_info #info_with_copyright #info .mail a:hover{
		text-decoration: none;
	}
	#content_info #footer_logo{
		float: left;
		width: 100%;
	}
	#content_info #footer_logo a{
		margin: 0 auto;
	}
	#content_info{
		padding-top: 20px;
		padding-bottom: 16px;
	}
	#content_info #info_with_copyright #info{
		margin-top: 10px;
	}
	#content_info #info_with_copyright #info .address,
	#content_info #info_with_copyright #info .tel,
	#content_info #info_with_copyright #info .mail,
	#content_info #info_with_copyright #info .tel span a {
		text-align: center;
		font-size: 8px;
		line-height: 14px;
	}
	.tel,
	.tel span,
	.tel a span,
	span.wt,
	#content_info #info_with_copyright #info .tel a span {
		color: #FFF!important;
		text-align: center;
		font-size: 86%;
		line-height: 14px;
	}
	.lang-en #content_info #info_with_copyright #info .address{
		font-size: 8px;
		line-height: 14px;
	}
	#content_info #info_with_copyright #info .mail a,
	#content_info #info_with_copyright #info .mail a span{
		font-size: 8px;
		line-height: 14px;
	}
	.Android #content_info #info_with_copyright #info{
		width: 200%;
		margin-left: -50%;
	}
	.Android:not(.Android_native_browser) #content_info #info_with_copyright #info .address,
	.Android:not(.Android_native_browser) #content_info #info_with_copyright #info .tel,
	.Android:not(.Android_native_browser) #content_info #info_with_copyright #info .mail{
		-webkit-transform:scale(0.66);
		transform:scale(0.66);
		display:inline-block;
		text-align: center;
		transform-origin: center;
	}
	#content_info #info_with_copyright #copyright{

	}
	#content_info #info_with_copyright #copyright .copyright{
		font-size: 6px;
		line-height: 6px;
	}
	.Android:not(.Android_native_browser) #content_info #info_with_copyright #copyright .copyright{
		-webkit-transform:scale(0.5);
		transform:scale(0.5);
		display:inline-block;
		text-align: center;
		transform-origin: center;
	}
}

@media (max-width: 600px) {
	#sitemap {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	#sitemap #sitemap_title_box h2,
	#sitemap #sitemap_title_box svg{
		width: 65px;
		height: 22px;
	}
	.tags_list_style .tag a{
		font-size: 6px;
		padding: 11px 7.7px 11px 7.7px;
	}
	.Windows.Chrome .tags_list_style .tag a,
	.Android.Chrome:not(.Android_native_browser) .tags_list_style .tag a{
		padding: 11px 0px 11px 0px;
	}
	.Windows.Chrome .tags_list_style .tag a span,
	.Android.Chrome:not(.Android_native_browser) .tags_list_style .tag a span{
		-webkit-transform:scale(0.66);
		transform:scale(0.66);
		display:inline-block;
		text-align: center;
		transform-origin: center;
	}
	#sitemap #sitemap_content_box #sitemap_content{
		margin-top: 8px;
	}

	#content_info #footer_logo a,
	#content_info #footer_logo a svg{
		width: 74px;
		height: 32px;
	}

}