/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-cat-beverage {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -196px;
  width: 72px;
  height: 23px;
}
.icon-cat-hl-beverage {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -853px -173px;
  width: 72px;
  height: 23px;
}
.icon-cat-hl-latest {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -608px -219px;
  width: 73px;
  height: 19px;
}
.icon-cat-hl-life {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -751px -196px;
  width: 68px;
  height: 23px;
}
.icon-cat-hl-shopping {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -761px -150px;
  width: 106px;
  height: 23px;
}
.icon-cat-hl-travel-life {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -706px -42px;
  width: 171px;
  height: 23px;
}
.icon-cat-hl-travel {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -683px -86px;
  width: 189px;
  height: 19px;
}
.icon-cat-latest {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -219px;
  width: 73px;
  height: 19px;
}
.icon-cat-life {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -819px -196px;
  width: 68px;
  height: 23px;
}
.icon-cat-shopping {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -747px -173px;
  width: 106px;
  height: 23px;
}
.icon-cat-travel-life {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -42px;
  width: 171px;
  height: 23px;
}
.icon-cat-travel {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -721px -65px;
  width: 189px;
  height: 19px;
}
.icon-page-bottom-download {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -65px;
  width: 186px;
  height: 21px;
}
.icon-page-bottom-more-discount {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -86px;
  width: 148px;
  height: 26px;
}
.icon-tab-1-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -226px -232px;
  width: 111px;
  height: 89px;
}
.icon-tab-1 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -337px -232px;
  width: 111px;
  height: 89px;
}
.icon-tab-2-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: 0px -232px;
  width: 133px;
  height: 117px;
}
.icon-tab-2 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -276px -114px;
  width: 133px;
  height: 117px;
}
.icon-tab-3-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -122px -349px;
  width: 122px;
  height: 121px;
}
.icon-tab-3 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: 0px -349px;
  width: 122px;
  height: 121px;
}
.icon-tab-4-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -133px -232px;
  width: 93px;
  height: 114px;
}
.icon-tab-4 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -409px -114px;
  width: 93px;
  height: 114px;
}
.icon-tab-5-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -138px -114px;
  width: 138px;
  height: 118px;
}
.icon-tab-5 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: 0px -114px;
  width: 138px;
  height: 118px;
}
.icon-tab-merchant-0-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -150px;
  width: 113px;
  height: 23px;
}
.icon-tab-merchant-0 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -648px -150px;
  width: 113px;
  height: 23px;
}
.icon-tab-merchant-1-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -679px -196px;
  width: 72px;
  height: 23px;
}
.icon-tab-merchant-1 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -607px -196px;
  width: 72px;
  height: 23px;
}
.icon-tab-merchant-2-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -173px;
  width: 106px;
  height: 23px;
}
.icon-tab-merchant-2 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -641px -173px;
  width: 106px;
  height: 23px;
}
.icon-tab-merchant-3-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -708px -19px;
  width: 173px;
  height: 23px;
}
.icon-tab-merchant-3 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -19px;
  width: 173px;
  height: 23px;
}
.icon-tab-merchant-4-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -112px;
  width: 189px;
  height: 19px;
}
.icon-tab-merchant-4 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -724px -112px;
  width: 189px;
  height: 19px;
}
.icon-tab-merchant-5-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px -131px;
  width: 189px;
  height: 19px;
}
.icon-tab-merchant-5 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -724px -131px;
  width: 189px;
  height: 19px;
}
.icon-tab-point-1-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: 0px -470px;
  width: 325px;
  height: 23px;
}
.icon-tab-point-1 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: 0px -493px;
  width: 325px;
  height: 23px;
}
.icon-tab-point-2-on {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: -535px 0px;
  width: 390px;
  height: 19px;
}
.icon-tab-point-2 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: 0px -516px;
  width: 390px;
  height: 19px;
}
.icon-title-point-1 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: 0px -60px;
  width: 489px;
  height: 54px;
}
.icon-title-point-2 {
  background-image: url(../images/sprite/sprite-eng.png);
  background-position: 0px 0px;
  width: 535px;
  height: 60px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .icon-cat-beverage {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-hl-beverage {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-hl-latest {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-hl-life {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-hl-shopping {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-hl-travel-life {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-hl-travel {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-latest {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-life {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-shopping {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-travel-life {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-cat-travel {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-page-bottom-download {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-page-bottom-more-discount {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-1-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-1 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-2-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-2 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-3-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-3 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-4-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-4 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-5-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-5 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-0-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-0 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-1-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-1 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-2-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-2 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-3-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-3 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-4-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-4 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-5-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-merchant-5 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-point-1-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-point-1 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-point-2-on {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-tab-point-2 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-title-point-1 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
  .icon-title-point-2 {
    background-image: url(../images/sprite/sprite@2x-eng.png);
    background-size: 925px 535px;
  }
}