/*** .mapnav Class ************************/
.custom-map-yidong{ position:relative; padding:15px; min-height:440px;}
.mapnav{width:100%;margin:0px auto;overflow:hidden;text-align: left;border:0px solid;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; padding:0px;}
.mapnav label{display: block;padding:10px 20px; height:40px;cursor: pointer;position:relative;z-index:20;opacity: 0.9;border-radius:0px;margin-top:5px;margin-bottom:0px;
transition:background-color .7s;-webkit-transition:background-color .7s;-moz-transition:background-color .7s;-o-transition:background-color .7s;-ms-transition:background-color .7s;}
.mapnav label i{display:block;padding:3px 17px 0 0;font-size:20px;}
.mapnav input{display: none;}
.mapnav input:checked + label,
.mapnav input:checked + label:hover{}
/*** .content Class **************/
.mapcontent{height:;margin-top:0px; margin-bottom:5px;overflow:hidden;z-index: 10; }
.mapcontent div{background: #000; position:relative;z-index: 10;padding:10px 20px;opacity: 0.8;border: solid #a38a3e 2px; border-top: none;}
.mapnav input:checked ~ div.mapcontent{box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);-webkit-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);-moz-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);}
.mapnav .mapcontent ss{ display:block; width:100%; height:100%; position:absolute;z-index:1; left:0; top:0;  background-size:cover; background-position:center center; background-repeat:no-repeat;}
.mapnav div:nth-child(1) .mapcontent ss{ background: #000;}
.mapnav div:nth-child(2) .mapcontent ss{ background: #000;}
.mapnav div:nth-child(3) .mapcontent ss{ background: #000;}
.mapnav div:nth-child(4) .mapcontent ss{ background: #000;}
.mapcontent h3{color: #a38a3e; font-size: 16px; font-weight: bold;}
.mapcontent p{ font-size: 16px;}

/*** font *****************/
.mapnav label{line-height:20px;font-size:20px;text-transform:uppercase; font-weight:200;}
.mapnav h4{font-size: 19px; z-index:9;position:relative;}
.mapnav h6{font-size:14px;line-height:1.4;z-index:9;position:relative;}
.mapnav p{font-size:16px;line-height:22px; padding:10px 0;text-align:justify;z-index:9;position:relative;}
.mapnav i{display:block;}
.mapnav div:nth-child(1) label{margin-top:0px;}
/* Nav color */
.mapnav a,.mapnav h4, .mapnav h6, .mapnav p{color: #fff;}
.mapnav label{background-color: #000; color:#a38a3e; border: solid #a38a3e 2px;}
.mapnav label:hover{background: #a38a3e; color:#fff;}
.mapnav input:checked + label,
.mapnav input:checked + label:hover{color:#fff; font-weight: bold; }
.mobile-label-active { background: #a38a3e!important; color: #FFF!important;}
/*** Right Icon ***/
.mapnav label i.i-right1,
.mapnav label i.i-right2{float:right;margin:2px 0 0 0; font-size:18px;
transition:all .7s;-webkit-transition:all .7s;-moz-transition:all .7s;-o-transition:all .7s;-ms-transition:all .7s;}
.mapnav label i.i-right2{display:none;}
.menu-down{ display:block; width:18px; height:18px; background:url(img/menu-down.svg) no-repeat; background-size:100% auto;}
.menu-up{display:block; width:18px; height:18px; background:url(img/menu-up.svg) no-repeat; background-size:100% auto;}
/*** Animation ****/
.mapnav input:checked ~ .mapcontent p{-webkit-animation: fadeIn 2s 1;animation: fadeIn 2s 1;}
.mapnav .mapcontent ss{
-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.7s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 0.7s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 0.7s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: 0.7s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-o-animation-name: fadeout;
	animation-name: fadeout; 
	}
.mapnav input:checked ~ .mapcontent ss{
-webkit-animation-duration: 2s;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 2s;
	-moz-animation-delay: 0.3s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 2s;
	-ms-animation-delay: 0.3s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 2s;
	animation-delay: 0.3s;
	animation-timing-function: ease;
	animation-fill-mode: both;

	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn; 
}