.bg {
  position: relative;
}
.bg-before:before ,
.bg:after {
  content: ".";
  display:block;
  height: 0;
  overflow:hidden;
  position: absolute;
  background-image: url(/images/v2/new_map/a.png?update=201411261525);
  background-repeat: no-repeat;
}
/* Pixel ratio of 2. Background-size is 1/2 = 50% */
@media  only screen and (-moz-min-device-pixel-ratio: 2),
        only screen and (max--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1), 
        only screen and (-webkit-min-device-pixel-ratio: 2), 
        only screen and (min-device-pixel-ratio: 2) {

  .bg-before:before ,
  .bg:after{
    background-image: url(/images/v2/new_map/a2.png?update=201411261525);
    background-size: 300px 300px;
  }

}


#aside #aside-control:before{
   content:"收合列表";
   width:25px;
   height: 100px;
   position: absolute;
   left:7px;
   top:37px;
   color:#FFF;
   font-size: 16px;
   font-family: "微軟正黑體";
}

#aside #aside-control:after {
  background-position: -0px -52px;
 
  width: 10px;
  padding-top: 18px;
  left:10px;
  top:7px;
  /*
   left: 7px;
  top: 16px;
  only arrow
  */
}
#aside #aside-control.closed:before {
  content:"展開列表";
}
#aside #aside-control.closed:after {
  background-position: -10px -52px;
  /*width: 10px;
  padding-top: 18px;
  left: 7px;
  top: 16px;*/
}
.multi-selectbox h4:after {
  background-position: -20px -52px;
  width: 14px;
  padding-top: 10px;
  right: 8px;
  top: 10px;
}
.multi-selectbox h4.active:after {
  background-position: -20px -62px;
  width: 14px;
  padding-top: 10px;
  right: 8px;
  top: 10px;
}
.multi-selectbox ul li:after {
  display: none;
  background-position: -34px -52px;
  width: 14px;
  padding-top: 10px;
  left: 7px;
  top: 5px;
}
.multi-selectbox ul li.selected:after ,
.multi-selectbox ul li.selected:hover:after {
  display: block;
  background-position: -34px -52px;
  width: 14px;
  padding-top: 10px;
  left: 7px;
  top: 5px;
}
.multi-selectbox ul li:hover:after {
  display: block;
  background-position: -34px -62px;
  width: 14px;
  padding-top: 10px;
  left: 7px;
  top: 5px;
}

/** shopbox controller **/
.shopbox .controller:after {
  background-position: -20px -72px;
  width: 10px;
  padding-top: 10px;
  right: 4px;
  top: 4px;
}
.shopbox .controller.open:after {
  background-position: -30px -72px;
}

/** infobox close **/
#infobox .close:after {
  background-position: -30px -72px;
  width: 10px;
  padding-top: 10px;
  right: 4px;
  top: 4px;
}
/** zoomin & zoomout **/
#zoomin:after {
  background-position: -40px -32px;
  width: 20px;
  padding-top: 20px;
  left: 5px;
  top: 5px;
}
#zoomout:after {
  background-position: -60px -32px;
  width: 20px;
  padding-top: 20px;
  right: 5px;
  top: 5px;
}
/** geolocation **/
#geolocation:after {
  background-position: -30px -82px;
  width: 30px;
  padding-top: 30px;
  right: 0;
  top: 0;
}
#geolocation.active:after {
  background-position: -0px -82px;
}

/** direction **/
#directions #travel-transit:after {
  background-position: -60px -112px;
  width: 30px;
  padding-top: 30px;
  left: 10px;
  top: 0;
}
#directions #travel-driving:after {
  background-position: -60px -82px;
  width: 30px;
  padding-top: 30px;
  left: 10px;
  top: 0;
}
#directions #travel-bicycling:after {
  background-position: -30px -112px;
  width: 30px;
  padding-top: 30px;
  left: 10px;
  top: 0;
}
#directions #travel-walking:after {
  background-position: 0 -112px;
  width: 30px;
  padding-top: 30px;
  left: 10px;
  top: 0;
}
#directions #swap:after {
  background-position: -48px -58px;
  width: 16px;
  padding-top: 22px;
  left: 7px;
  top: 14px;
}
.clear:after {
  background-position: -64px -52px;
  width: 18px;
  padding-top: 18px;
  left: 0;
  top: 0;
}
/*.discount-box:before {
  background-position: -145px -64px;
  width: 56px;
  padding-top: 36px;
  left: 0;
  top: 0;
}*/
#header h1:after {
  background-position: 0 0;
  width: 164px;
  padding-top: 32px;
  left: 20px;
  top: 8px;
}
#infobox h3 a:after {
  background-position: -82px -52px;
  width: 16px;
  padding-top: 16px;
  right: 0;
  top: 0;
}

#topicmapbox .close:after {
  background-position: -30px -72px;
  width: 10px;
  padding-top: 10px;
  right: 0;
  top: 0;
}