html,
body {
  margin: 0;
  padding: 0;
}
.leftside {
  width: 350px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}

/*ver2: advanced search START*/
.search_type {
  border-radius: 3px;
  /* width: 85px; */
  display: inline-block;
  width: auto;
  padding: 0 10px 0 5px;
  background-color: #3385ff;
  height: 30px;
  line-height: 26px;
  margin-bottom: -5px;
  color: white;
  font-size: 10px;
}
.search_type label {
  cursor: pointer;
}
.searchtype input {
  width: 20px;
  /* height: 15px; */
  vertical-align: middle;
}
/*ver2: advanced search END*/

.searchbox {
  border-radius: 2px;
  width: 400px;
  display: flex;
  z-index: 5;
  position: relative;
}
.btclose {
  display: none;
  position: absolute;
  line-height: 38px;
  right: 70px;
  cursor: pointer;
}

/*ver2: advanced search START*/
.ajaxloading {
  display: none;
  position: absolute;
  line-height: 48px;
  right: 70px;
  cursor: pointer;
}
/*ver2: advanced search END*/

.searchsuggest {
  display: none;
  flex: 5;
  margin-top: 1px;
  border-radius: 2px;
  z-index: 5;
  overflow: hidden;
  background-color: white;
  border-left: 10px solid transparent;
  border-right: 27px solid transparent;
}
.yhide {
  flex: 1;
}
.yshow {
  display: block;
}
.searchres {
  display: none;
  /* margin-top: 40px;  */
  margin-top: 1px;
  border-radius: 2px;
  width: 340px;
  z-index: 5;
  height: 65vh; /*500px;*/
  overflow-x: hidden;
  overflow-y: auto;
  background-color: white;
  /* position: absolute;
  top: 25px; */
  font-size: 14px;
}

.routing {
  display: none;
  margin-top: 1px;
  border-radius: 2px;
  width: 340px;
  z-index: 5;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: white;
  font-size: 14px;
}
.routebox {
  height: 40px;
  border-bottom: 1px solid #eaebed;
  position: relative;
}
.routing-start,
.routing-end {
  display: none;
}
.rinput {
  border: 0px;
  line-height: 38px;
  width: 90%;
}
.rinput:focus {
  outline: none;
}
.info-routing {
  margin-bottom: 15px;
}
.info-routing span {
  cursor: pointer;
  color: #666;
}
.ol-zoom {
  left: auto !important;
  right: 0.5em;
}
#kw {
  flex: 5;
  box-sizing: border-box;
  border: 0;
  padding: 9px 0;
  border-left: 10px solid transparent;
  border-right: 27px solid transparent;
  line-height: 20px;
  font-size: 16px;
  height: 38px px;
  color: #333;
  border-radius: 2px 0 0 2px;
  box-shadow: 1px 2px 1px rgb(0 0 0 / 15%);
}
#kw:focus {
  outline: none;
}
#search-button {
  flex: 1;
  pointer-events: auto;
  background-image: url(./icon/searchbox_5c0d97d.png) no-repeat 0 -76px #3385ff;
  width: 57px;
  height: 38px;
  border: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 0 2px 2px 0;
  box-shadow: 1px 2px 1px rgb(0 0 0 / 15%);
}
.poilist,
.suggestlist {
  padding: 5px 0 0;
  pointer-events: auto;
}
ul,
ol {
  list-style: none;
}
li {
  display: list-item;
  text-align: -webkit-match-parent;
}
ul.poilist li {
  padding: 5px 10px; /* 10px;*/
  cursor: pointer;
}
ul.poilist li:hover {
  background-color: #ccc;
}

/*ver2: advanced search START*/
ul.poilist li.pageli {
  border-top: solid 1px #666;
  text-align: center;
}
ul.poilist li.pageli span {
  display: block;
  padding: 3px;
  float: left;
}
ul.poilist li.pageli span:hover {
  color: blue;
  cursor: pointer;
}
ul.poilist li.pageli span.curr:hover {
  color: black;
  font-weight: normal;
}

ul.poilist li.pageli:hover {
  background-color: white;
}
/*ver2: advanced search END*/

ul.suggestlist li {
  font-size: 12px;
  padding: 2px;
  cursor: pointer;
}
ul.poilsuggestlistist li:hover {
  background-color: #ccc;
}

/*ver2: advanced search START*/
.sug_title {
  font-size: 12px;
}
.sug_addr {
  padding-left: 10px;
  color: #666;
  font-size: 10px;
}

.poi_title {
  font-size: 14px;
}
.poi_addr {
  padding-left: 10px;
  color: #666;
  font-size: 12px;
}

.iteminfo .name {
  font-size: 16px;
  color: black;
  font-weight: bold;
}
.iteminfo .other {
  font-size: 14px;
}
/*ver2: advanced search END*/
.routing_uturn {
  display: none;
  margin-top: 1px;
  border-radius: 2px;
  width: 340px;
  z-index: 5;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: white;
  font-size: 14px;
  height: 65vh; /*500px;*/
}
.routing_poilist{
  margin: 0px;
  padding: 0px;
}
.routing_poilist li{
  padding: 2px 10px;
  display: flex;
  justify-content: space-between;
}
.routing_poilist li .idx1{
  width: 40px;
}
.routing_poilist li .idx2{
  width: 180px;
}
.routing_poilist li .idx3{
  width: 80px;
}
.routing_poilist li .idx4{
  width: 80px;
}