@charset "UTF-8";

.i-con {
    background-repeat: no-repeat!important;
    position: relative;
    background-size: 24px;
}
.i-box-wrap {
    height: 100%;
    position: relative;
    display: inline-block;
    margin-right: 40px;
}
.i-box {
    background-size: 24px !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
h2.i-con {
    background-size: 24px;
    background-position: 0% 40%;
    padding-left: 35px;
}
p.i-con {
    background-size: 24px;
    background-position: 0% 50%;
    padding-left: 30px;
}
span.i-con {
    background-size: 12px;
    background-position: 0% 50%;
    padding-left: 17px;
}
.link-box .i-con {
    background-size: 28px;
    background-position: 10px 50%;
}

.arrowtop-gray  { background: url(/img/icon/arrowtop_gray64.png);  }
.arrowtop-white { background: url(/img/icon/arrowtop_white64.png); }
.arrowtop-green { background: url(/img/icon/arrowtop_green64.png); }
.bill-gray      { background: url(/img/icon/bill_gray64.png);      }
.bill-white     { background: url(/img/icon/bill_white64.png);     }
.bill-green     { background: url(/img/icon/bill_green64.png);     }
.cart-gray      { background: url(/img/icon/cart_gray64.png);      }
.cart-white     { background: url(/img/icon/cart_white64.png);     }
.cart-green     { background: url(/img/icon/cart_green64.png);     }
.clock-gray     { background: url(/img/icon/clock_gray64.png);     }
.clock-white    { background: url(/img/icon/clock_white64.png);    }
.clock-green    { background: url(/img/icon/clock_green64.png);    }
.crown-gray     { background: url(/img/icon/crown_gray64.png);     }
.crown-white    { background: url(/img/icon/crown_white64.png);    }
.crown-green    { background: url(/img/icon/crown_green64.png);    }
.download-gray  { background: url(/img/icon/download_gray64.png);  }
.download-white { background: url(/img/icon/download_white64.png); }
.download-green { background: url(/img/icon/download_green64.png); }
.goods-gray     { background: url(/img/icon/goods_gray64.png);     }
.goods-white    { background: url(/img/icon/goods_white64.png);    }
.goods-green    { background: url(/img/icon/goods_green64.png);    }
.heart-gray     { background: url(/img/icon/heart_gray64.png);     }
.heart-white    { background: url(/img/icon/heart_white64.png);    }
.heart-green    { background: url(/img/icon/heart_green64.png);    }
.login-gray     { background: url(/img/icon/login_gray64.png);     }
.login-white    { background: url(/img/icon/login_white64.png);    }
.login-green    { background: url(/img/icon/login_green64.png);    }
.mail-gray      { background: url(/img/icon/mail_gray64.png);      }
.mail-white     { background: url(/img/icon/mail_white64.png);     }
.mail-green     { background: url(/img/icon/mail_green64.png);     }
.new-gray       { background: url(/img/icon/new_gray64.png);       }
.new-white      { background: url(/img/icon/new_white64.png);      }
.new-green      { background: url(/img/icon/new_green64.png);      }
.person-gray    { background: url(/img/icon/person_gray64.png);    }
.person-white   { background: url(/img/icon/person_white64.png);   }
.person-green   { background: url(/img/icon/person_green64.png);   }
.plus-gray      { background: url(/img/icon/plus_gray64.png);      }
.plus-white     { background: url(/img/icon/plus_white64.png);     }
.plus-green     { background: url(/img/icon/plus_green64.png);     }
.postage-gray   { background: url(/img/icon/postage_gray64.png);   }
.postage-white  { background: url(/img/icon/postage_white64.png);  }
.postage-green  { background: url(/img/icon/postage_green64.png);  }
.question-gray  { background: url(/img/icon/question_gray64.png);  }
.question-white { background: url(/img/icon/question_white64.png); }
.question-green { background: url(/img/icon/question_green64.png); }
.report-gray    { background: url(/img/icon/report_gray64.png);    }
.report-white   { background: url(/img/icon/report_white64.png);   }
.report-green   { background: url(/img/icon/report_green64.png);   }
.sales-gray     { background: url(/img/icon/sales_gray64.png);     }
.sales-white    { background: url(/img/icon/sales_white64.png);    }
.sales-green    { background: url(/img/icon/sales_green64.png);    }
.search-gray    { background: url(/img/icon/search_gray64.png);    }
.search-white   { background: url(/img/icon/search_white64.png);   }
.search-green   { background: url(/img/icon/search_green64.png);   }
.sell-gray      { background: url(/img/icon/sell_gray64.png);      }
.sell-white     { background: url(/img/icon/sell_white64.png);     }
.sell-green     { background: url(/img/icon/sell_green64.png);     }
.speaker-gray   { background: url(/img/icon/speaker_gray64.png);   }
.speaker-white  { background: url(/img/icon/speaker_white64.png);  }
.speaker-green  { background: url(/img/icon/speaker_green64.png);  }
.track-gray     { background: url(/img/icon/track_gray64.png);     }
.track-white    { background: url(/img/icon/track_white64.png);    }
.track-green    { background: url(/img/icon/track_green64.png);    }
.trash-gray     { background: url(/img/icon/trash_gray64.png);     }
.trash-white    { background: url(/img/icon/trash_white64.png);    }
.trash-green    { background: url(/img/icon/trash_green64.png);    }
.history-gray   { background: url(/img/icon/history_gray64.png);   }
.history-white  { background: url(/img/icon/history_white64.png);  }
.history-green  { background: url(/img/icon/history_green64.png);  }
.calender-gray  { background: url(/img/icon/calender_gray64.png);  }
.calender-white { background: url(/img/icon/calender_white64.png); }
.calender-green { background: url(/img/icon/calender_green64.png); }
