@charset "utf-8";
/** Sitemap **/
#sitemap {
	width:100%;
	margin:30px auto 0 auto;
}
#sitemap .info {
	width:100%;color:#333;
	font-size:1.7em;line-height:165%;	
}
#sitemap .info .color-font {color:#0e872a;}
#sitemap .info p {
	text-align:justify;
	margin:15px 0;
}
#sitemap .info ul {
	list-style:none;	
	margin:10px 0; 
	padding:0px;
}
#sitemap .info ul li {
	margin:10px 0 10px 1.5em;
}
#sitemap .sitemapList {
	width:100%;
	padding-top:25px;
	margin-top:20px;
	border-top:1px dashed #CCC;
}
#sitemap .sitemapList > ul {
	list-style:none;
	display:flex;flex-wrap:wrap;
	margin:-10px;
}
#sitemap .sitemapList > ul > li {
	display:inline-block;
	width:calc(50% - 20px);
	vertical-align:top;padding:0;
	box-sizing:border-box;
	background:#f5f5f5;
	margin:10px;
    border-radius:0 0 15px 15px;	
}
#sitemap .sitemapList > ul > li > a {
	display:block;
	color:#FFF;
	font-family:"Noto Serif TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:2.1em ;
	font-weight:bold;
	line-height:135%;
	padding:15px 20px;
	background:#0b724a;
    border-radius:15px 15px 0 0;	
}
#sitemap .sitemapList > ul > li > a:hover,
#sitemap .sitemapList > ul > li > a:focus {
	background:#5D761E;
}
#sitemap .sitemapList > ul > li ul {
	list-style:none;
	padding:10px 20px;
}
#sitemap .sitemapList > ul > li li {
	padding:10px 0;
}
#sitemap .sitemapList > ul > li > ul > li + li{
	border-top:1px dashed #ccc;
}
#sitemap .sitemapList > ul > li li a {
	position:relative;
	display:block;
	color:#333;
	font-size:1.7em ;
	line-height:135%;
	padding-left:40px;	
}
#sitemap .sitemapList > ul > li li li a { padding-left:60px;}
#sitemap .sitemapList > ul > li li a span {
	position:absolute;
	left:0;
	top:0;
	font-size:1rem ;
}
#sitemap .sitemapList > ul > li li a:hover,
#sitemap .sitemapList > ul > li li a:focus {
	color:#B94F22;
}
#sitemap .sitemapList > ul > li li a.link:after,
#sitemap .sitemapList > ul > li li a.download:after {
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin-left:5px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#9fa3a6;
	-webkit-mask-size:15px 15px;
			mask-size:15px 15px;
	-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
			transform:rotate(0deg);
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;    
		 -o-transition:all 0.3s;
			transition:all 0.3s;
}
#sitemap .sitemapList > ul > li li a.link:after {
	-webkit-mask-image:url(../images/nav-icon-link.svg);
			mask-image:url(../images/nav-icon-link.svg);
}
#sitemap .sitemapList > ul > li li a.download:after {
	-webkit-mask-image:url(../images/nav-icon-download.svg);
			mask-image:url(../images/nav-icon-download.svg);
}
#sitemap .sitemapList > ul > li li a.link:hover:after,
#sitemap .sitemapList > ul > li li a.link:focus:after,
#sitemap .sitemapList > ul > li li a.download:hover:after,
#sitemap .sitemapList > ul > li li a.download:focus:after {
	background-color:#99322b;
	opacity:.5;
}
@media screen and (max-width:580px) {
	#sitemap .sitemapList > ul > li {width:100%;}
}
@media screen and (min-width:768px) {	
	#sitemap .sitemapList > ul > li {width:calc(33.33% - 20px);}
}
@media screen and (min-width:991px) {
	#sitemap .info{ font-size:1.9em;}
	#sitemap .sitemapList > ul > li > a { font-size:2.3em;}
	#sitemap .sitemapList > ul > li li a { font-size:1.9em;}
	#sitemap .sitemapList {
		padding-top:30px;margin-top:25px;
	}
	#sitemap .sitemapList > ul > li > a {
		padding:15px 25px;
	}
	#sitemap .sitemapList > ul > li ul {
		padding:10px 25px;
	}
}

/* ---------- contactForm ---------- */
.contactForm {
	width:100%;
	margin:0 auto; 
}
.contactForm .word {
	width:100%;
    font-size:1.7em;
	line-height:170%;
    font-weight:600;
	box-sizing:border-box;
	margin-bottom:20px;
}
.contactForm .word p:has(+p){
	margin-bottom:1em;
}
.red-font{color:#D90000;}
.contactForm .spNote em {
 	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	text-indent:-999px;
	overflow:hidden;
	background:#DB0010;
	vertical-align:middle;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.contactForm .box {
	padding:20px 0 0;
	border-top:1px dashed #CCC;
}
@media screen and (min-width:991px) {
	.contactForm .word {
	    margin-bottom:30px;
	}
	.contactForm .box {
		padding-top:30px;
	}
}
@media screen and (min-width:1200px) {
	.contactForm .word {
		font-size:1.9em;
	}
}
@media screen and (min-width:1600px) {
	.contactForm .word {
		margin-bottom:35px;
	}
	.contactForm .box {
		padding-top:35px;
	}
}
/* ---------- form-list ---------- */
.form-list {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:20px auto 0 auto;
}
.form-list:first-child {
	margin-top:0;
}
.form-list .formLabel {
	display:inline-block;
	width:140px;
	color:#000;
    font-size:1.7em;
    font-weight:bold;
	line-height:130%;
	letter-spacing:0;
	word-break:break-word;
	overflow:hidden;
	vertical-align:top;
}
.form-list .formLabel.lb2 {
	line-height:25px;
}
.form-list .formLabel > span {
	position:relative;
	width:100%;
	padding:0 0 0 25px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
    align-items:center;
	align-content:center;
	min-height:50px;
}
.form-list .formLabel > span strong {
	display:block;
}
.form-list .formLabel > span:before {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:3.5px;
	width:9px;
	height:9px;
	background:#000;
	margin:-4.5px 0 0 0;
}
.form-list .formLabel > span.required:before {
	display:none;
}
.form-list .formLabel > span.wd2{
	letter-spacing:3em;
	white-space:nowrap;
}
.form-list .formLabel > span.wd3 {
	letter-spacing:1em;
	white-space: nowrap;
}
.form-list .formLabel > span.wd4 {
    letter-spacing: 0.33em;
	white-space: nowrap;
}
.form-list .formLabel > span em {
 	content:"";
	display:block;
	position:absolute;
	top:50%;
    left:2px;
	width:15px;
	height:15px;
	text-align:left;
	text-indent:-999px;
	background:#ff0000;
	margin:-6.5px 0 0 0;
	z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
			clip-path:polygon(50% 0%, 64% 30%, 98% 35%, 70% 58%, 80% 93%, 50% 74%, 20% 93%, 30% 58%, 2% 35%, 36% 30%);
}
.form-list .formBox {
	width:calc(100% - 140px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.form-list .formInput {
	display:inline-block;
	width:100%;
	max-width:100%;
	height:50px;
    padding:0 10px;
    font-family:"Noto Serif TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	letter-spacing:0;
    line-height:50px;    
    vertical-align:middle;
	box-sizing:border-box;
    border:1px solid #CCC;
	background:#FFF;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formInput:focus {
	outline:none;
	background-color:#f8f2e2;
    border:1px solid #FF9933;
}
.form-list .formInput:disabled,
.form-list .formInput[readonly] {
    background:#e8f4cd;
	border-color:#e8f4cd;
}
.form-list .formInput.w1 {
	width:calc(50% - 5px);
}
.form-list .formInput.w2 {
    width:130px;
	margin-right:10px;
}
.form-list .formBox input + span:has(+input),
.form-list .formBox .inSpan{
	margin-left:10px;
	margin-right:10px;
	font-size: 1.7em;
    line-height: 130%;
}
.form-list .note {
	display:inline-block;
	width:100%;	
	color:#E00013;
	font-size:1.5em;
	letter-spacing:0;
	line-height:135%;
	vertical-align:top;
	margin-top:10px;
}
.form-list .note.n1 {
	width:calc(50% - 5px);
	margin-left:10px;
	margin-top:0;
}
.form-list .note.n1 span {
	display:flex;
	width:100%;
	height:100%;
	min-height:50px;
	justify-content:left;
	align-items:center;
}
.form-list fieldset {
	display:inline-block;
	vertical-align:middle;
}
.form-list fieldset.sexRadio {
	margin-left:10px;
}
.form-list fieldset legend {
    position:fixed;
    width:1px;
    height:1px;
	color:#000;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;	
}
.form-list .radionote {
	font-size:1.7em;
	margin:-5px;
	letter-spacing:-9px;
	vertical-align:top;
}
.form-list .radionote > label  {
	position:relative;
	display:inline-block;
	color:#000;
	font-family:"Noto Serif TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size:1em;
	line-height:28px;
	letter-spacing:0;
	padding:0;
	box-sizing:border-box;
	margin:5px;
	cursor:pointer;
	transition:all 0.5s ease;
}
.form-list .radionote > label > input[type="radio"] {
	position:relative;
	display:inline-block;
	width:28px;
    height:28px;
	background:#007d99;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background:#FFFFFF;
	vertical-align:middle;
	cursor:pointer;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.form-list .radionote > label > input[type="radio"]:checked:before {
	content:"";
	position:absolute;
    display:block;
	top:7px;
	left:7px;
	width:14px;
    height:14px;
	background:#000;
    z-index:2;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}
.form-list .radionote > label > input[type="radio"]:checked:before {
	top:6px;
	left:6px;
}
.form-list .radionote > label > input[type="text"] {
    width:120px;
	font-size:1em;
}
.form-list .listBar {
	width:100%;
	height:50px;
	font-family:"Noto Serif TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
    line-height:165%;
	vertical-align:top;
	letter-spacing:0;
	vertical-align:middle;
	cursor:pointer;
	text-indent:0.01px;
	text-overflow:"";
	padding:0 10px;
	background:#FFFFFF url(../images/select-bg.svg) no-repeat right center;
	box-sizing:border-box;
	border:1px solid #CCC;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
	-webkit-appearance:none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance:none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance:none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance:none;
}
.form-list .listBar:focus {
	background:#f8f2e2 url(../images/select-bg-on.svg) no-repeat right center;
    border:1px solid #FF9933;
    outline:0;	
}
.form-list .listBar option {
	background:#FFFFFF url(../images/select-bg-on.svg) no-repeat right center;
	border:none;
}
.form-list .listBar:-ms-expand {
	display:none; /* hide default arrow in IE10 */
}
.form-list .formText {
	width:100%;
    padding:10px;
    font-family:"Noto Serif TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:1.7em;
    line-height:165%;
	letter-spacing:0;
    vertical-align:middle;
	background:#FFFFFF;
	box-sizing:border-box;
    border:1px solid #CCC;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
            border-radius:5px;
}
.form-list .formText:focus {
	outline:none;
	background-color:#f8f2e2;
    border:1px solid #FF9933;
}
.form-list .btnTxt,
.form-list .btnReload,
.form-list .btnVoice{
	position:relative;
	color:#FFF;
	font-size:0;
	width:50px;
	height:50px;	
	background:#757575;
	vertical-align:middle;
	margin-left:5px;
	border-radius:4px;
	display:inline-block;
}
.form-list .btnTxt:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:50px;
    height:50px;    
    background:url(../images/btnTxt-icon.svg) 50% 50% no-repeat;
}
.form-list .btnReload:after {
	content:"";
	position:absolute;
    top:0;
	left:0;
	display:block;
    width:50px;
    height:50px;    
    background:url(../images/btnReload-icon.svg) 50% 50% no-repeat;
}
.form-list .btnVoice:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/btnVoice-icon.svg) 50% 50% no-repeat;
    background-size: cover;
}
.form-list .btnTxt:hover,
.form-list .btnTxt:focus,
.form-list .btnReload:hover,
.form-list .btnReload:focus {
	background:#99322b;
}
.form-list:has(.btnReload) a + input{
	margin-left:5px;
}
@media screen and (max-width:620px) {
	.form-list .formLabel {
		width:100%;
		text-align:left;
		line-height:100%;
		margin-bottom:15px;
	}
	.form-list .formLabel > span{ min-height:inherit;}
	.form-list .formLabel > span strong { display:inline; }
	.form-list .formBox { width:100%; }
	.form-list .formInput.add {
		float:left;
		width:100%;
		margin-top:10px;
	}
	.form-list .formInput.w1 {
		width:100%;
	}
	.form-list .formInput:has(+*){
		margin-bottom:10px;
	}
	.form-list .note.n1 {
		width:100% !important;
		margin:10px 0 0 0 !important;
	}
	.form-list .note.n1 span {
		display:inline-block;
		min-height:inherit;
	}
	.form-list fieldset.sexRadio {
		margin-left:0;
	}
	.form-list .radionote > label {

		padding-bottom:0;
	}
}
@media screen and (min-width:991px) {
}
@media screen and (min-width:1200px) {
	.form-list .listBar,
	.form-list .formInput,
	.form-list .readonlyTx {
		padding:0 12px;
	}
	.form-list .formText {
		padding:12px;
	}
	.form-list .formLabel,
	.form-list .formBox > span,
	.form-list .formBox .inSpan,
	.form-list .listBar,
	.form-list .formInput,
	.form-list .radionote,
	.form-list .formText,
	.form-list .readonlyTx,
	.form-list .fileList {
		font-size:1.9em;
	}
	.form-list .note {
		font-size:1.7em;
	}
	.form-list .formInput.w2 {
		width:150px;
	}
}
@media screen and (min-width:1600px) {
	.form-list .formLabel,
	.form-list .formBox > span,
	.form-list .formBox .inSpan,
	.form-list .listBar,
	.form-list .formInput,
	.form-list .radionote,
	.form-list .formText,
	.form-list .readonlyTx,
	.form-list .fileList {
		font-size:2.1em;
	}
	.form-list .note {
		font-size:1.9em;
	}
	.form-list .formLabel {
		width:160px;
	}
	.form-list .formLabel > span {
		min-height:55px;
	}
	.form-list .formBox {
		width:calc(100% - 160px);
	}
	.form-list .listBar,
	.form-list .formInput,
	.form-list .readonlyTx {
		height:55px;
		line-height:55px;
		padding:0 15px;
	}
	.form-list .formInput.w2 {
		width:160px;
	}
	.form-list .formText {
		padding:15px;
	}
	.form-list .radionote {
		margin:0 -7.5px;
	}
	.form-list .radionote > label  {
		margin:0 7.5px;
	}
	.form-list .btnReload span {
		width:55px;
		height:55px;
	}
}


/* ----- spCheck ----- */
.spCheck {
	position:relative;
    width:100%;
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	line-height:150%;
	margin-top:15px;
}
.spCheck input[type="checkbox"] {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	border-color:transparent;
	background-color:transparent;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}
.spCheck input[type="checkbox"] + label  {
	display:inline-block;
	width:100%;
	padding:30px 20px;
	box-sizing:border-box;
	vertical-align:middle;
	cursor:pointer;
	background:none;
	color:#000;
	background-color:#eeeeee;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
            border-radius:10px;
}
.spCheck input[type="checkbox"] + label span {
	position:relative;
	display:inline-block;
	padding-left:1.5em;
	text-align:left;
}
.spCheck input[type="checkbox"] + label span:after {
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:0;    
    padding:0;
    width:22px;
    height:22px;
    background:#fff;
	margin:-11px 0 0 0;
	border-radius:4px;
	box-sizing:border-box;
	border:1px solid #ccc;
}
.spCheck input[type="checkbox"]:hover + label,
.spCheck input[type="checkbox"]:focus + label,
.spCheck input[type="checkbox"]:checked + label,
.spCheck input[type="checkbox"]:checked:hover + label {
	background:#e5f2f5;
}
.spCheck input[type="checkbox"]:checked + label span:before,
.spCheck input[type="checkbox"]:checked:hover + label span:before,
.spCheck input[type="checkbox"]:checked:focus + label span:before{
	content:"";
	position:absolute;
    display:block;
	top:50%;
	left:7px;
	width:5px;
    height:10px;
    border-right:4px solid #fff;
    border-bottom:4px solid #fff;
    margin-top:-8px;
    z-index:2;
	transform:rotate(45deg);
}
.spCheck input[type="checkbox"]:checked + label span:after,
.spCheck input[type="checkbox"]:checked:hover + label span:after,
.spCheck input[type="checkbox"]:checked:focus + label span:after{
	background:#000;
	border-color:transparent;
}
.spCheck input[type="checkbox"] + label span a,
.spCheck input[type="checkbox"]:hover + label span a,
.spCheck input[type="checkbox"]:checked:hover + label span a,
.spCheck input[type="checkbox"]:checked + label span a {
	color:#D13F00;
}
.spCheck input[type="checkbox"] + label span a:hover,
.spCheck input[type="checkbox"] + label span a:focus {
	color:#D90000;
}
@media screen and (min-width:1200px) {
	.spCheck {font-size:1.9em;}
}
@media screen and (min-width:1600px) {
	.spCheck {font-size:2.1em;}
}


/* ----- formBtn ----- */
.formBtn {
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
}
.formBtn .box {
	margin:-5px;
}
.formBtn a,
.formBtn button {
	position:relative;	
	display:inline-block;
	width:45%;
	max-width:150px;
	color:#fff;
	font-family:"Noto Serif TC", "微軟正黑體", "Microsoft JhengHei";
	font-size:1.7em;
	font-weight:bold;
	line-height:25px;
	padding:15px 0;
	border:none;
	cursor:pointer;
	background:#0b724a;
	box-sizing:border-box;
	margin:5px;
	border-radius:10px;
}
.formBtn .btnClear {
	background:#333;
}
.formBtn a:hover,
.formBtn a:focus,
.formBtn button:hover,
.formBtn button:focus {
	background:#D90000;
}
.formBtn a span,
.formBtn button span {
	position:relative;
	display:inline-block;
}
@media screen and (max-width:360px) {
	.formBtn a span:after,
	.formBtn button span:after{ display:none;}
}
@media screen and (min-width:991px){
	.formBtn {
		margin-top:40px;
	}
}
@media screen and (min-width:1200px) {
	.formBtn a,
	.formBtn button {
		max-width:200px;
		font-size:1.9em;
	}
}
@media screen and (min-width:1600px) {
	.formBtn {
		margin-top:50px;
	}
	.formBtn a,
	.formBtn button {
		max-width:240px;
		font-size:2.1em;
		padding:20px 0;
	}
}

/* ---------- contactWrap ---------- */
.contactWrap{width:100%;}
.mapBox {
	width:100%;
	margin-top:20px;
}
.map-title{
	position:relative;
	font-family:"Noto Serif TC", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;	
	font-size:1.6rem;
	font-weight:bold;
	padding-left:38px;
}
.map-title:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
	top:-2px;
    width:30px;
    height:30px;
    z-index:1;
	background:#000 url(../images/icon-label.svg) 60% 50% no-repeat;
	background-size:auto 70%;	
	border-radius:30px;
	box-sizing:border-box;
}
.map-iframe{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	border:solid 1px #ddd;
	margin:15px auto 0;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
	overflow:hidden;
}
.map-iframe iframe{
	width:100%;
	height:500px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;	
}
/** 聯絡資訊 **/
.map-info {
	width:97%;
	margin:30px auto 0;
	font-size:120%;		
}
.map-info .contactInfo{ 
	width:100%;
	margin-top:-10px;
}
.map-info .contactInfo dl {
	border-right: 1px dashed #ddd;
	height:100%;
}
.map-info .contactInfo dt {
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:10px;
}
.map-info .contactInfo dd,
.map-info .trafficInfo dd {
	font-size:1.6em;
	line-height:1.8;			
}
/** 交通資訊 **/
.map-info .trafficInfo {
	margin-top:40px;
}
.map-info .trafficInfo dl {
	width:100%;	
	padding:0 0 15px 70px;
	box-sizing:border-box;
	position:relative;
}
.map-info .trafficInfo dl::before{
	content:"";
	display:block;
	width:60px;
	height:60px;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	left:0%;top:0%;
}
.map-info .trafficInfo dl.ico1::before{background-image:url(../images/tf-icon1.svg);}
.map-info .trafficInfo dl.ico2::before{background-image:url(../images/tf-icon2.svg);}
.map-info .trafficInfo dl.ico3::before{background-image:url(../images/tf-icon3.svg);}
.map-info .trafficInfo dl.ico4::before{background-image:url(../images/tf-icon4.svg);}
.map-info .trafficInfo dt {
	font-size:1.8em;	
	font-weight:bold;
	margin-bottom:6px;
}
.map-info .trafficInfo span[class^="font-"]{
	font-weight:600;
}
.map-info .trafficInfo .font-green{
	color:#0b724a;
}
.map-info .trafficInfo .font-orange{
	color:#C75300;
}
@media screen and (max-width:991px) {
	.map-info { width:100%; font-size:100%;}	
	.map-info .contactInfo dd,
	.map-info .trafficInfo dd{
		font-size:1.6em;
	}		
}
@media screen and (max-width:720px) {
	.map-info {flex-direction: column;}	
	.map-info .contactInfo { width:100%; }	
	.map-info .trafficInfo { width:100%; }
	.map-info .contactInfo dl {
		width:100%;
		margin-bottom:15px;
		padding-bottom:15px;
	}
	.map-info .trafficInfo dl {
		padding:0 0 15px 49px;
	}	
	.map-info .trafficInfo dl::before{
		background-size:42px 42px;
	}
}



@media print {

}