@CHARSET "UTF-8";

#animation_time {
	font-size: 15px;
	z-index: 20;
}

#btn-6ho {
	margin-left: 0px;
}

.gmnoprint {
	display: none;
}

.map_zoom {
	left: 8px;
}
.map_zoom:hover {
	background-color: #8CB8EF;
}
.map_zoom_level {
	left: 8px;
}

#map_zoom_plus {
	top: 105px;
}
/*
#map_zoom_level16{ top: 143px; background-size: 100%; }
#map_zoom_level15{ top: 160px; background-size: 100%; }
#map_zoom_level14{ top: 177px; background-size: 100%; }
#map_zoom_level13{ top: 194px; background-size: 100%; }
#map_zoom_level12{ top: 211px; background-size: 100%; }
#map_zoom_level11{ top: 228px; background-size: 100%; }
#map_zoom_level10{ top: 245px; background-size: 100%; }
#map_zoom_level9{ top: 262px; background-size: 100%; }
#map_zoom_level8{ top: 279px; background-size: 100%; }
#map_zoom_level7{ top: 296px; background-size: 100%; }
#map_zoom_level6{ top: 313px; background-size: 100%; }
#map_zoom_level5{ top: 330px; background-size: 100%; }
#map_zoom_level4{ top: 347px; background-size: 100%; }
*/
#map_zoom_minus {
	top: 150px;
}

/*凡例*/

.legend_right {
	z-index: 2;
}
.legend_left {
	z-index: 2;
}
#at1_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201401_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201402_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201403_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201404_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201405_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201406_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201407_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201408_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201409_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201410_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201411_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#at1_201412_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#rh1_legend {
	width: calc(68px * 0.55);
	height: calc(186px * 0.55);
	background-size: 100%;
}

#prs_sea_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#wns-wnd_legend {
	width: calc(68px * 0.55);
	height: calc(152px *0.55);
	background-size: 100%;
}

#sun_legend {
	width: calc(77px *0.55);
	height: calc(152px * 0.55);
	background-size: 100%;
}

#sol_legend {
	width: calc(68px * 0.55);
	height: calc(169px * 0.55);
	background-size: 100%;
}

#wet_legend {
	width: calc(68px * 0.55);
	height: calc(67px *0.55);
	background-size: 100%;
}

#raf_legend {
	width: calc(68px * 0.55);
	height: calc(169px * 0.55);
	background-size: 100%;
}

#raf_hour_legend {
	width: calc(68px * 0.55);
	height: calc(169px * 0.55);
	background-size: 100%;
}

#era_legend {
	width: calc(85px * 0.55);
	height: calc(145px * 0.55);
	background-size: 100%;
}

#cra_legend {
	width: calc(85px * 0.55);
	height: calc(145px * 0.55);
	background-size: 100%;
}

#snd-snf_legend {
	width: calc(85px * 0.55);
	height: calc(162px * 0.55);
	background-size: 100%;
}

#wlv-wlc_legend {
	width: calc(120px * 0.55);
	height: calc(197px * 0.55);
	background-size: 100%;
}

#ri1_legend {
	width: calc(94px * 0.55);
	height: calc(271px * 0.55);
	background-size: 100%;
}

#co2_legend {
	width: calc(68px * 0.55);
	height: calc(203px*0.55);
	background-size: 100%;
}

#wbgt_legend {
	width: calc(92px * 0.55);
	height: calc(118px * 0.55);
	background-size: 100%;
}

#weather_legend {
	width: calc(139px * 0.55);
	height: calc(207px * 0.55);
	background-size: 100%;
}

#prs_sea-wns_legend {
	width: calc(68px * 0.55);
	height: calc(220px * 0.55);
	background-size: 100%;
}

#rad_legend {
	width: calc(89px * 0.55);
	height: calc(186px *0.55);
	background-size: 100%;
}

#radar_legend {
	width: calc(94px * 0.55);
	height: calc(271px * 0.55);
	background-size: 100%;
}

#trg_wns-wnd_legend {
	width: calc(170px * 0.55);
	height: calc(190px * 0.55);
	background-size: 100%;
}

#trg_raf_hour_legend {
	width: calc(200px * 0.55);
	height: calc(190px * 0.55);
	background-size: 100%;
}

#trg_ri1_legend {
	width: calc(200px * 0.55);
	height: calc(190px * 0.55);
	background-size: 100%;
}

#trg_cra_legend {
	width: calc(200px * 0.55);
	height: calc(190px * 0.55);
	background-size: 100%;
}

#trg_weather_legend {
	width: calc(165px * 0.55);
	height: calc(70px * 0.55);
	background-size: 100%;
}

#inundation_legend {
	width: calc(152px * 0.55);
	height: calc(121px * 0.55);
	background-size: 100%;
}

#flood_legend {
	width: calc(152px * 0.55);
	height: calc(208px * 0.55);
	background-size: 100%;
}

#landslide_legend {
	width: calc(152px * 0.55);
	height: calc(121px * 0.55);
	background-size: 100%;
}

#river_legend {
	width: calc(120px * 0.55);
	height: calc(197px * 0.55);
	background-size: 100%;
}

#river_radar_legend {
	width: calc(214px * 0.55);
	height: calc(271px * 0.55);
	background-size: 100%;
}

#river_landslide_legend {
	width: calc(273px * 0.55);
	height: calc(197px * 0.55);
	background-size: 100%;
}

#river_inundation_legend {
	width: calc(273px * 0.55);
	height: calc(197px * 0.55);
	background-size: 100%;
}

#river_flood_legend {
	width: calc(272px*0.55);
	height: calc(208px * 0.55);
	background-size: 100%;
}

#river_radar_landslide_legend {
	width: calc(366px * 0.55);
	height: calc(271px * 0.55);
	background-size: 100%;
}

#river_radar_inundation_legend {
	width: calc(366px * 0.55);
	height: calc(271px * 0.55);
	background-size: 100%;
}

#river_radar_flood_legend {
	width: calc(366px * 0.55);
	height: calc(271px * 0.55);
	background-size: 100%;
}
#swi_legend {
	width: calc(130px * 0.55);
	height: calc(146px * 0.55);
	background-size: 100%;
}

.infow .list {
	width: 160px;
}
.infow .btn_area {
	float: right;
}
#map-graph{
	position: absolute;
	z-index:6;
}
#map_chart {
	z-index:6;
}
#maplocked{
	height: 46px;
	width: 100px;
	background-image: url('img/maplocked.png'), url('img/bgblack.png');
	background-repeat: no-repeat, repeat;
	color: yellow;
	font-size: 12px;
	position: absolute;
	right: 400px;
	top: 250px;
	z-index: 2;
	line-height: 45px;
	padding-left: 50px;
	display: none;
	border-bottom-left-radius: 25px;
	border-top-left-radius: 25px;
}
.gm-style-iw div{
	overflow: auto !important;
}
.infow .title{
	overflow: hidden !important;
}

@media only screen and (max-width: 479px) {
	.infow{
		width: auto;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.infow .title{
		width: auto;
	}
	.infow .list{
		float: none;
	}
	.infow .btn_area{
		float: none;
		clear: both;
	}
}