/*
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-balloon {
  background-image: url(../images/sprite.png);
  background-position: -834px -288px;
  width: 62px;
  height: 29px;
}
.icon-close-index {
  background-image: url(../images/sprite.png);
  background-position: -875px -606px;
  width: 25px;
  height: 24px;
}
.icon-close-large {
  background-image: url(../images/sprite.png);
  background-position: -834px -401px;
  width: 35px;
  height: 35px;
}
.icon-close-popup-b {
  background-image: url(../images/sprite.png);
  background-position: -834px -178px;
  width: 45px;
  height: 45px;
}
.icon-close-popup-g {
  background-image: url(../images/sprite.png);
  background-position: -834px -327px;
  width: 37px;
  height: 37px;
}
.icon-close-popup-w {
  background-image: url(../images/sprite.png);
  background-position: -834px -233px;
  width: 45px;
  height: 45px;
}
.icon-close-popup {
  background-image: url(../images/sprite.png);
  background-position: -881px -327px;
  width: 32px;
  height: 32px;
}
.icon-close {
  background-image: url(../images/sprite.png);
  background-position: -770px -457px;
  width: 16px;
  height: 16px;
}
.icon-down-arrow-g {
  background-image: url(../images/sprite.png);
  background-position: -799px -248px;
  width: 20px;
  height: 20px;
}
.icon-download {
  background-image: url(../images/sprite.png);
  background-position: -807px -388px;
  width: 16px;
  height: 20px;
}
.icon-folder {
  background-image: url(../images/sprite.png);
  background-position: -357px -652px;
  width: 213px;
  height: 28px;
}
.icon-gray-triangle {
  background-image: url(../images/sprite.png);
  background-position: -900px -725px;
  width: 13px;
  height: 15px;
}
.icon-guide {
  background-image: url(../images/sprite.png);
  background-position: -870px -725px;
  width: 20px;
  height: 18px;
}
.icon-indexIMG {
  background-image: url(../images/sprite.png);
  background-position: -834px -446px;
  width: 33px;
  height: 30px;
}
.icon-learn1 {
  background-image: url(../images/sprite.png);
  background-position: -109px -652px;
  width: 114px;
  height: 92px;
}
.icon-learn2 {
  background-image: url(../images/sprite.png);
  background-position: -233px -652px;
  width: 114px;
  height: 91px;
}
.icon-learningmap {
  background-image: url(../images/sprite.png);
  background-position: -781px -329px;
  width: 18px;
  height: 20px;
}
.icon-left-arrow-g {
  background-image: url(../images/sprite.png);
  background-position: -889px -178px;
  width: 17px;
  height: 29px;
}
.icon-left-arrow {
  background-image: url(../images/sprite.png);
  background-position: -901px -693px;
  width: 12px;
  height: 20px;
}
.icon-lock {
  background-image: url(../images/sprite.png);
  background-position: -781px -419px;
  width: 16px;
  height: 20px;
}
.icon-logo {
  background-image: url(../images/sprite.png);
  background-position: -652px -586px;
  width: 153px;
  height: 36px;
}
.icon-mute {
  background-image: url(../images/sprite.png);
  background-position: -799px -216px;
  width: 19px;
  height: 22px;
}
.icon-next-result {
  background-image: url(../images/sprite.png);
  background-position: -781px -359px;
  width: 18px;
  height: 19px;
}
.icon-next {
  background-image: url(../images/sprite.png);
  background-position: -809px -329px;
  width: 12px;
  height: 20px;
}
.icon-num1-h {
  background-image: url(../images/sprite.png);
  background-position: -877px -446px;
  width: 31px;
  height: 30px;
}
.icon-num1 {
  background-image: url(../images/sprite.png);
  background-position: -834px -486px;
  width: 31px;
  height: 30px;
}
.icon-num2-h {
  background-image: url(../images/sprite.png);
  background-position: -875px -486px;
  width: 31px;
  height: 30px;
}
.icon-num2 {
  background-image: url(../images/sprite.png);
  background-position: -834px -526px;
  width: 31px;
  height: 30px;
}
.icon-num3-h {
  background-image: url(../images/sprite.png);
  background-position: -875px -526px;
  width: 31px;
  height: 30px;
}
.icon-num3 {
  background-image: url(../images/sprite.png);
  background-position: -834px -566px;
  width: 31px;
  height: 30px;
}
.icon-num4-h {
  background-image: url(../images/sprite.png);
  background-position: -875px -566px;
  width: 31px;
  height: 30px;
}
.icon-num4 {
  background-image: url(../images/sprite.png);
  background-position: -834px -606px;
  width: 31px;
  height: 30px;
}
.icon-pause-large {
  background-image: url(../images/sprite.png);
  background-position: -834px 0px;
  width: 79px;
  height: 109px;
}
.icon-pause {
  background-image: url(../images/sprite.png);
  background-position: -781px -388px;
  width: 16px;
  height: 21px;
}
.icon-play-large {
  background-image: url(../images/sprite.png);
  background-position: 0px -652px;
  width: 99px;
  height: 108px;
}
.icon-play {
  background-image: url(../images/sprite.png);
  background-position: -799px -278px;
  width: 19px;
  height: 21px;
}
.icon-pointer {
  background-image: url(../images/sprite.png);
  background-position: -879px -401px;
  width: 33px;
  height: 33px;
}
.icon-prev {
  background-image: url(../images/sprite.png);
  background-position: -770px -483px;
  width: 12px;
  height: 20px;
}
.icon-quiz-o-f-h {
  background-image: url(../images/sprite.png);
  background-position: 0px -227px;
  width: 217px;
  height: 216px;
}
.icon-quiz-o-f {
  background-image: url(../images/sprite.png);
  background-position: -227px -227px;
  width: 217px;
  height: 216px;
}
.icon-quiz-o-h {
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
  width: 217px;
  height: 217px;
}
.icon-quiz-o-on {
  background-image: url(../images/sprite.png);
  background-position: -396px -453px;
  width: 181px;
  height: 180px;
}
.icon-quiz-o {
  background-image: url(../images/sprite.png);
  background-position: -227px 0px;
  width: 217px;
  height: 217px;
}
.icon-quiz-result-a {
  background-image: url(../images/sprite.png);
  background-position: -652px -183px;
  width: 137px;
  height: 136px;
}
.icon-quiz-result-arrow {
  background-image: url(../images/sprite.png);
  background-position: -834px -374px;
  width: 68px;
  height: 17px;
}
.icon-quiz-result-b {
  background-image: url(../images/sprite.png);
  background-position: -652px -329px;
  width: 119px;
  height: 118px;
}
.icon-quiz-star {
  background-image: url(../images/sprite.png);
  background-position: -834px -646px;
  width: 57px;
  height: 13px;
}
.icon-quiz-x-f-h {
  background-image: url(../images/sprite.png);
  background-position: -454px 0px;
  width: 188px;
  height: 189px;
}
.icon-quiz-x-f {
  background-image: url(../images/sprite.png);
  background-position: -454px -199px;
  width: 188px;
  height: 189px;
}
.icon-quiz-x-h {
  background-image: url(../images/sprite.png);
  background-position: 0px -453px;
  width: 188px;
  height: 189px;
}
.icon-quiz-x-on {
  background-image: url(../images/sprite.png);
  background-position: -652px 0px;
  width: 172px;
  height: 173px;
}
.icon-quiz-x {
  background-image: url(../images/sprite.png);
  background-position: -198px -453px;
  width: 188px;
  height: 189px;
}
.icon-replay {
  background-image: url(../images/sprite.png);
  background-position: -652px -457px;
  width: 108px;
  height: 119px;
}
.icon-scroll {
  background-image: url(../images/sprite.png);
  background-position: -834px -669px;
  width: 52px;
  height: 14px;
}
.icon-skip {
  background-image: url(../images/sprite.png);
  background-position: -834px -119px;
  width: 78px;
  height: 49px;
}
.icon-speed {
  background-image: url(../images/sprite.png);
  background-position: -834px -725px;
  width: 26px;
  height: 18px;
}
.icon-stick {
  background-image: url(../images/sprite.png);
  background-position: -906px -288px;
  width: 2px;
  height: 18px;
}
.icon-stop {
  background-image: url(../images/sprite.png);
  background-position: -889px -233px;
  width: 22px;
  height: 22px;
}
.icon-sub {
  background-image: url(../images/sprite.png);
  background-position: -889px -265px;
  width: 10px;
  height: 10px;
}
.icon-subtitle {
  background-image: url(../images/sprite.png);
  background-position: -869px -693px;
  width: 22px;
  height: 22px;
}
.icon-summary-chk {
  background-image: url(../images/sprite.png);
  background-position: -901px -646px;
  width: 6px;
  height: 7px;
}
.icon-three-square {
  background-image: url(../images/sprite.png);
  background-position: -796px -457px;
  width: 16px;
  height: 16px;
}
.icon-unlock {
  background-image: url(../images/sprite.png);
  background-position: -807px -419px;
  width: 16px;
  height: 20px;
}
.icon-volume {
  background-image: url(../images/sprite.png);
  background-position: -834px -693px;
  width: 25px;
  height: 22px;
}
.icon-word-book {
  background-image: url(../images/sprite.png);
  background-position: -799px -183px;
  width: 20px;
  height: 23px;
}