body{font-size: 15px;color:#000;line-height:17px;}
.logo{margin: 10px 0px}
.logo img{width:250px}
.content{margin: 0px 15px 0px 20px}
.title{font-size:20px;line-height:25px;color:#000;font-weight:bold;margin:30px 0px}
#map{width: 100%; height: 800px;margin: 10px 0px 0px}
#map-aree{width: 100%; height: 800px;margin: 10px 0px 40px}
.cust-row{margin-left: 2px;margin-right:2px}
.cust-row .cust-col{padding-left: 2px;padding-right:2px}

.switch_radius{margin-right:20px;margin-bottom:30px;}

.area .title-field{font-size: 16px;line-height: 20px;font-weight: bold;padding-bottom: 5px}

.lbl-aree{font-weight: normal;margin-left: 6px;font-size: 18px;line-height: 20px;}

.legend{margin-bottom: 21px;font-size: 19px;line-height: 20px;border: 1px #cdcdcd solid;padding: 11px;}
.legend .info{margin-top: 6px;font-size: 16px;line-height: 18px;padding-right: 9px;margin-right: 7px;}
.legend .info span{display: block;margin-bottom: 10px;margin-top: 10px;}

.lists-items{height:725px;overflow-y:auto}
.lists-items .items{padding: 20px 50px 20px 0px;border-bottom: 1px #cdcdcd solid;cursor: pointer;}
.lists-items .items:hover{background: #f8f8f8}
.lists-items .items .rag_soc{font-size: 16px;line-height: 18px;font-weight: bold;padding-bottom:3px;}
.lists-items .items .rag_soc span{width: 9px;display: inline-block;height: 10px;border-radius: 10px;line-height: 10px;margin-right: 8px;}
.lists-items .items .email{padding-top:5px;}
.lists-items .items .phone{padding-top:5px;}

@media only screen and (max-width: 767px) {

}