/* faq styles */

div.info-box {
    margin-bottom: 10px;
}
div.info-box > a:hover {
    text-decoration: none;
}
div.info-box header {
    padding: 21px 30px;
    cursor: pointer;
}
div.info-box header:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 6px;
    top: 30px;
    right: 30px;
    background: url(../img/sprite.png) -23px -872px no-repeat;
}
div.info-box.active header:after {
    background-position: -23px -878px;
}
div.info-box header h4 {
    font-size: 1.059em;
    color: initial;
}
div.info-box header mark {
    background-color: #f3e286;
}
div.info-box > div.body {
    padding: 0;
}
div.info-box:not(.active) > div.body {
    display: none;
}
div.info-box > div.body > div {
    padding: 25px 30px;
}
div.info-box > div.body > div > p.note {
    padding: 23px 0 0 66px;
    font-size: 0.882em;
    position: relative;
}
div.info-box > div.body > div > p.note:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 28px;
    background: url(../img/sprite.png) right -872px no-repeat;
    left: 0;
    top: 28px;
}

.search-section {
    margin-bottom: 50px !important;
}

/*** ALL PIXEL RATIO 1.5 ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    div.info-box header:after,
    div.info-box > div.body > div > p.note:before {
        background-image: url('../img/@2x/sprite.png')!important;
        background-size: 94px auto!important;
    }
}