.color-tabs-wrapper{ position: relative; padding-top: 30px; }
	.color-tabs-wrapper input[name="color-tabs-filter"]{ display: block;
	position: relative; top:0; left:0; float: left;
	width: 1px;
	height: 1px;
	margin: 0;
	z-index: -1;
	opacity: 0.01 !important;
	outline: none;
	clip: rect(1px 1px 1px 1px) !important;
	clip: rect(1px,1px,1px,1px) !important;
	}
	
.color-tabs-wrapper .color-tabs-nav{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; width: 100%; font-size: 24px; line-height: 1; position: relative; z-index: 1;}
.color-tabs-wrapper .color-tabs-nav>label{ -ms-flex:0 1 auto; flex:0 1 auto; padding: 1em 2em; background-color: #FFF; border: none; outline: none; border-radius: 20px 20px 0 0; margin: 0 2px 0 0; cursor: pointer;
-webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.16);
box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.16);
transition: 0.35s background-color, 0.35s color; 
-webkit-transition: 0.35s background-color, 0.35s color; 
-moz-transition: 0.35s background-color, 0.35s color; 
-o-transition: 0.35s background-color, 0.35s color; 
-ms-transition: 0.35s background-color, 0.35s color;
	}
.color-tabs-wrapper #color-tabs-area-al:checked ~ .color-tabs-nav label[for="color-tabs-area-al"]{background-color:#BA784F;color:#FFF;}
.color-tabs-wrapper #color-tabs-area-hk:checked ~ .color-tabs-nav label[for="color-tabs-area-hk"]{background-color:#359AB6;color:#FFF;}
.color-tabs-wrapper #color-tabs-area-kle:checked ~ .color-tabs-nav label[for="color-tabs-area-kle"]{background-color:#DD5237;color:#FFF;}
.color-tabs-wrapper #color-tabs-area-klw:checked ~ .color-tabs-nav label[for="color-tabs-area-klw"]{background-color:#419372;color:#FFF;}
.color-tabs-wrapper #color-tabs-area-nt:checked ~ .color-tabs-nav label[for="color-tabs-area-nt"]{background-color:#C377CC;color:#FFF;}
	.color-tabs-wrapper .color-tabs-contents{ height: 600px; overflow-x: hidden; overflow-y: auto; border: 16px currentColor solid; padding: 20px; border-radius: 20px; background-color: #FFF; position: relative; z-index: 2;
		transition: 0.35s border-color; -webkit-transition: 0.35s border-color; -moz-transition: 0.35s border-color; -o-transition: 0.35s border-color; -ms-transition: 0.35s border-color;
		-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.16);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.16);
	}
	.color-tabs-wrapper .color-tabs-contents::before{ content: attr(data-empty-msg); display: block; position: absolute; top:240px; right:0; left:0; margin: auto; text-align: center; font-size: 24px; color:#999;}
	.color-tabs-wrapper label[for="color-tabs-area-al"], .color-tabs-wrapper #color-tabs-area-al:checked ~ .color-tabs-contents{color:#BA784F;}
	.color-tabs-wrapper label[for="color-tabs-area-hk"], .color-tabs-wrapper #color-tabs-area-hk:checked ~ .color-tabs-contents{color:#359AB6;}
	.color-tabs-wrapper label[for="color-tabs-area-kle"], .color-tabs-wrapper #color-tabs-area-kle:checked ~ .color-tabs-contents{color:#DD5237;}
	.color-tabs-wrapper label[for="color-tabs-area-klw"], .color-tabs-wrapper #color-tabs-area-klw:checked ~ .color-tabs-contents{color:#419372;}
	.color-tabs-wrapper label[for="color-tabs-area-nt"], .color-tabs-wrapper #color-tabs-area-nt:checked ~ .color-tabs-contents{color:#C377CC;}
	.color-tabs-wrapper #color-tabs-area-hk:checked ~ .color-tabs-contents .unit-data{ display:none;}
	.color-tabs-wrapper #color-tabs-area-hk:checked ~ .color-tabs-contents .unit-data[data-filter="area-hk"]{ display: -ms-flexbox; display: flex;}
	.color-tabs-wrapper #color-tabs-area-kle:checked ~ .color-tabs-contents .unit-data{ display:none;}
	.color-tabs-wrapper #color-tabs-area-kle:checked ~ .color-tabs-contents .unit-data[data-filter="area-kle"]{ display: -ms-flexbox; display: flex;}
	.color-tabs-wrapper #color-tabs-area-klw:checked ~ .color-tabs-contents .unit-data{ display:none;}
	.color-tabs-wrapper #color-tabs-area-klw:checked ~ .color-tabs-contents .unit-data[data-filter="area-klw"]{ display: -ms-flexbox; display: flex;}
	.color-tabs-wrapper #color-tabs-area-nt:checked ~ .color-tabs-contents .unit-data{ display:none;}
	.color-tabs-wrapper #color-tabs-area-nt:checked ~ .color-tabs-contents .unit-data[data-filter="area-nt"]{ display: -ms-flexbox; display: flex;}
	
	.unit-data{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 30px 28px 30px 0; border-bottom: 1px #CCC solid; background-color: #FFF; font-size: 18px; position: relative; z-index: 1; }
	.unit-data .unit-data-image{ -ms-flex:0 1 auto; flex:0 1 auto; max-width: 24%; min-width: 308px; order: 9;}
	.unit-data .unit-data-content{ -ms-flex:0 1 auto; flex:0 1 auto; max-width: 76%; order: 0; padding:0 28px;}
	.unit-data-title{ display: inline-block; background-color: currentColor; font-size: 20px; padding: 0.35em 2.5em; margin: 0 -28px 0.8em; border-radius: 2.5em; font-weight: bold; min-width: 22em;}
	.unit-data-title span{color:#FFF;}
	.unit-data-address, .unit-data-tel, .unit-data-email, .unit-data-website{ position: relative; padding-left: 2em; margin-top: 0.5em;}
	.unit-data-address::before, .unit-data-tel::before, .unit-data-email::before, .unit-data-website::before{ content: ""; display:block; width: 20px; height: 20px; position: absolute; top:0; left:0; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: currentColor;}
	.unit-data-address::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M0 0v20h20V0H0zm10 19S3.7 12 3.7 7.3C3.7 3.8 6.5 1 10 1s6.3 2.8 6.3 6.3C16.3 12 10 19 10 19z'/%3E%3Ccircle fill='%23FFF' cx='10' cy='7.3' r='2.2'/%3E%3C/svg%3E")}
	.unit-data-tel::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M0 0v20h20V0H0zm17.6 16.4l-.7.7c-.3.3-.6.5-1 .6-.3.2-.6.3-1 .3-.2 0-3.9.4-8.6-4.3C2.9 10.3 1.7 7.8 2 5.1c0-.3.1-.7.2-1 .2-.3.4-.7.6-1l.7-.7c.5-.5 1.3-.6 1.8-.1L7.8 5c.5.5.5 1.3 0 1.8l-.4.4-.8.8s.1.1.1.2c1.1 2.2 3 4.1 5.2 5.2l.2.1 1.3-1.3c.5-.5 1.3-.5 1.8 0l2.5 2.5c.5.5.5 1.3-.1 1.7z'/%3E%3C/svg%3E");}
	.unit-data-email::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M0 0v20h20V0H0zm2.1 4.3h15.8c.1 0 .2 0 .3.1l-5.9 5.1-.8.6-1.5 1.3-1.5-1.3-.8-.6-5.9-5.1c.1 0 .2-.1.3-.1zM1 15.5v-10s0-.1.1-.3l5.9 5-5.9 5.6c-.1-.1-.1-.2-.1-.3zm16.9 1.1H2.1c-.1-.1-.2-.1-.3-.1l5.9-5.7 2.3 1.9 2.3-1.9 5.9 5.7c-.1 0-.2.1-.3.1zM19 5.5v10c0 .1 0 .2-.1.3l-5.8-5.6 5.9-5v.3z'/%3E%3C/svg%3E");}
	.unit-data-website::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M0 0v20h20V0H0zm17 18.9c0 .1-.1.1 0 0l-4.8.1c-.1 0-.1-.1-.1-.1v-6.1c0-.1-.1-.1-.1-.1H8c-.1 0-.1.1-.1.1v6.1c0 .1-.1.1-.1.1H3.1c-.1 0-.1-.1-.1-.1v-10l.1-.1 6.8-5.4h.2l6.8 5.5c.1 0 .1 0 .1.1v9.9zm1.5-10c-.2 0-.3 0-.4-.1l-8-6.4h-.2l-8 6.4c-.1.1-.3.1-.4.1s-.3-.1-.4-.2v-.1c-.2-.2-.1-.6.1-.8l1.9-1.5v-4c0-.1.1-.1.1-.1h2.5c.1 0 .1.1.1.1v1.8l3.6-2.8c.4-.3.9-.3 1.2 0l8.2 6.5c.1.1.2.2.2.4 0 .4-.3.6-.5.7z'/%3E%3C/svg%3E");}
	.unit-data-address span, .unit-data-tel span, .unit-data-email span, .unit-data-website span{color: #000;}
	.unit-data-email span, .unit-data-website span{ word-break: break-all; }
		@media (max-width: 991px){
			.color-tabs-wrapper .color-tabs-nav>label{ font-size: 18px; padding: 1em 2em;}
			.unit-data .unit-data-image{min-width: 200px;}
			.unit-data-title{display:block; min-width: 0; padding: 0.25em 1em;}
		}
		@media (max-width: 767px){
			.color-tabs-wrapper .color-tabs-nav>label{ font-size: 14px; padding: 10px;}
			.unit-data{ -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 1em 0}
			.unit-data .unit-data-image{ order:-1; width: 100%; max-width: 100%; text-align: center; margin-bottom: 1em;}
			.unit-data .unit-data-image img{margin: 0 auto;}
			.unit-data .unit-data-content{ order: 9; width: 100%; max-width: 100%;}
		}
	@media (max-width: 400px){
		.color-tabs-wrapper .color-tabs-nav{width: 100%;}
		.color-tabs-wrapper .color-tabs-nav>label{ -ms-flex: 1 1 auto; flex: 1 1 auto;}
		.color-tabs-wrapper .color-tabs-contents{ border-radius: 0 0 20px 20px;}
	}