body {
	padding: 0;
	margin: 0;
}
html, body, #map {
	height: 100%;
	width: 100%;
}
#graph_group{
	position:absolute;
	display:block;
	left:0;
	top:0;
}
#windy {
	opacity:1;
	width: 100%;
	height: 500px;
}
#head_map{
    margin: auto;
	margin-top:10px;
    width: 450px;
    font-weight: bold;
    z-index: 500;
    position: relative;
	background:none;
	font-size: 14px;
    line-height: 30px;
}
#fcdate{
	display:none;
}
.damname{
	font-size:16px;
}
#home_box{
	position:fixed;
	top:20px;
	left:0;
	height:30px;
	width:20px;
	background:none;
}
#show_box{
	position:fixed;
	top:100px;
	left:0;
	height:30px;
	width:30px;
	background:none;
}
	#btn_show{
		width:auto;
		padding:10px;
		border-left: 0;
	}
#show_basemap_box{
	position: absolute;
    top: 20px;
    left: 0px;
    border-radius: 10px;
    height: 30px;
    width: 30px;
    background: none;
    z-index: 500;
}
	#listMapBaseControl {
		position: absolute;
		top: 53px;
		left: 0px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
		display: block;
		background-color: white;
		padding: 10px;
		z-index: 500;
		border: solid 1px #ccc;
		display:none;
		font-weight: bold;
		font-size: 12px;
	}
	#btn_show_base{
		padding-top: 5px;
		padding-right: 9px;
		padding-bottom: 3px;
		padding-left: 9px;
		margin-bottom: 0;
	}
#forecast_box{
	position:fixed;
	top:20%;
	right:0px;
	padding:5px;
	display:block;
	width:auto;
	height:auto;
	padding-left:0px;
}	
	#forecast_choose{
		height: auto;
    	width: 220px;
		background:#FFF;
		display:inline-block;
		float:right;
		border:#09C 2px solid;
		border-top-left-radius: 0;
		border-right: 0;
		margin-bottom:0;
		padding:10px;
	}
#choose_box{
	position:fixed;
	top:100px;
	left:0px;
	display:none;
	width:auto;
	height:auto;
	padding-right:0px;
}
	#panel_choose{
		height: auto;
    	width: 220px;
		background:#FFF;
		display:inline-block;
		float:left;
		border-top-right-radius: 0;
		border-left: 0;
		margin-bottom:0;
		padding:10px;
	}
	.head_choose{
		font-size:18px;
		font-weight:bold;
		line-height: 30px;
	}
	.checkbox{
		margin-left: 10px;
		margin-bottom: 0px;
	}
	.radiobox{
		margin-left: 0px;
		margin-bottom: 0px;
	}
	label{
		font-weight: 100;
	}
	input[type="radio"]{
		margin-right: 10px;
	}
	img.icon_source{
		height:15px;
		padding-left:10px;
	}
	#notice_cal{
		color:#F00;
		font-size: 12px;
		line-height: 30px;
	}
	#btn_hide{
		width:auto;
		padding:10px;
		display:none;
		border-left: 0;
		float:left;
		margin-left:-2px;
	}
.dragbox{
	
}
#headbar{
    font-weight: bold;
	padding:10px;
	font-size: 16px;
    line-height: 30px;
	position:fixed;
	top:2%;
	left:5%;
	z-index:420;
	width:auto;
	background: rgba(255, 255, 255, 0.8);
	white-space: nowrap;
}
#bar{
	display:none;
	position:fixed;
	bottom:10%;
	right:5%;
	z-index:400;
	    width: auto;
    height: auto;
	background: rgba(255, 255, 255, 0.5);
}
#monthbar{
	display:none;
	position:fixed;
	bottom:10%;
	left:5%;
	z-index:425;
	background: rgba(255, 255, 255, 0.5);
}
#orgbar{
	display:none;
	position:fixed;
	top:35%;
	right:15%;
	z-index:405;
	background: rgba(255, 255, 255, 0.5);
}
#stationbar{
	display:none;
	position:fixed;
	top:1%;
	right:15%;
	z-index:410;
	background: rgba(255, 255, 255, 0.5);
}
#FCrainbar{
	display:none;
	position:fixed;
	top:15%;
	left:5%;
	z-index:415;
	background: rgba(255, 255, 255, 0.5);
}
#images{
	z-index:450;
	background:none;
}
#footer{
    font-size: 12px;
    line-height: 20px;
    z-index: 490;
    text-align: center;
    background-color: aliceblue;
    padding-bottom: 10px;
}


.box_at_left{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	border-left: 0;
	z-index:400;
}
.head_station{
	font-weight:bold;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loader.png) center no-repeat #fff;
}
.red{
	color:#F00006;
}
.headWIC{
    color: #0E36F3;
    font-weight: bold;
    font-size: 20px; 
}
.leaflet-popup-content {
	line-height: 1.8;
}
.show_graph{
	cursor:pointer;
	background-color:none;
}
.panel-title {
    display: inline;
}
.close-graph .glyphicon {
    padding: 5px;
    margin-top: -5px;
}
.close-graph .glyphicon:hover {
	background-color:#24649a;
	box-shadow: inset 0px 0px 10px #666;
	border-radius:5px;
	border-color:none;
}
.close-graph{
	display:inline;
	float:right;
	position:relative;
	cursor:pointer;
}

/*--------label on map-----*/
.label {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-top: -1em;
  }
.label div {
	position: relative;
	left: -50%;
	color:#000;
	text-shadow: 0px 2px 1px rgba(255,255,255,0.85);
}
.gray{
	color:#b3b3b3 !important;
}
.yellow{
	color:#f3aa39 !important;
}
.green{
	color:#2ba564 !important;
}
.red{
	color:#eb1c24 !important;
}
.navy{
	color:#2c3192 !important;
}
.blue{
	color:#21aae1 !important;
}
.pink{
	color:#ea028c !important;
}
.orange{
	color:#ffa825 !important;
}