/*rest*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none; border:none; background-color:none;}
textarea{resize:none;}
a{text-decoration:none; color:#656565;}

/* clear float*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}


body{background-color:#f2f2f2;}
ul {list-style-type: none;}
span{display:inline-block;}
.row{margin-bottom:10px;}

.container{width:100%;}
.well{background-color: #fff;}
#map_wrapper {height: 800px;}
#map_canvas {width: 100%;height: 100%;}
.infoWindow{font-size:16px;}
.infoWindow .row{margin: 3% 0;}
.charts{width: 100%; height: 400px;}
#info{font-size: 14px;margin-left: 1.3%;}
.distance{margin:0 30%;}
.current{margin:5% 30%;}
#getDis{font-size:16px;}
.instructionTitle{text-align: center; margin:3% 0;}
.instructionContent{margin:3% 0;}
#distance li{font-size:16px;}
#map{width:calc(100% - 655px);float:left;}
#instrucition{width:630px;height:1410px;float:right;}
ul#distance li{margin-top:2%;}
#reference div{margin-top:2%;}
.well1{background-color:  #f2f2f2; margin: 1% auto;}
#changeFilter{margin: 20% -18%;}
#getFilter{margin: 0 -5%;}