#ranking-widget {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
	margin-right: 20px;
}

.rw-title {
    display: inline-block
}

.rw-date {
    margin-left: 1em;
    color: #555555;
    display: none;
}

.rw-widget {
    overflow: hidden;
    height: 24em
}

.rw-category {
    display: inline-block;
    margin-right: 0.25em;
    padding: 0.7em 1em;
    color: #cccccc;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    cursor: pointer
}

.rw-category-selected {
    color: white;
    background: #bf0000;
    border: #bf0000
}

.rw-product {
    width: 128px;
	/*width: 8em;*/
    display: inline-block;
    padding: 0 0.5em;
    vertical-align: top;
    cursor: default
}

.rw-product:last-child {
    border-right: none
}

.rw-product h3 {
    font-size: 1em;
    line-height: 1.4em;
    height: 2.8em;
    font-weight: normal;
    overflow: hidden;
    white-space: normal;
    margin: 0.5em 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.rw-product a {
    color: #0055ac;
    text-decoration: none
}

.rw-price {
	display: none;
    font-weight: 700;
    color: #bf0000;
    font-size: 1em;
    margin: 0.5em 0
}

.rw-img-container {
    margin-top: 1em;
    height: 128px;
}

.rw-img-container img {
    /*width: 128px;*/
	/*height: 8em;*/
    display: block;
    margin: auto
}

.rw-product-list,.rw-category-list {
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
    list-style: none;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.rw-product-list::-webkit-scrollbar,.rw-category-list::-webkit-scrollbar {
    display: none
}

.rw-category-list-prev,.rw-category-list-next,.rw-product-list-prev,.rw-product-list-next {
    position: absolute;
    color: #555555;
    cursor: pointer
}

.rw-category-list-prev,.rw-category-list-next {
    padding: 0.7em 0.3em;
    margin: 1px 0
}

.rw-product-list-prev,.rw-product-list-next {
    margin-top: 2.5em;
    padding: 3.8em 0.3em
}

.rw-category-list-prev,.rw-product-list-prev {
    left: 0
}

.rw-category-list-next,.rw-product-list-next {
    right: 0
}

.rw-category-list-prev:before,.rw-product-list-prev:before {
    display: block;
    background-image: url(../../img/top/sprite.png);
    top: 10px;
    bottom: 0;
    position: absolute;
    background-position: -373px -78px;
    width: 10px;
    height: 18px;
    margin: auto;
    content: "";
    padding-left: 0.5em;
}

.rw-category-list-next:before,.rw-product-list-next:before {
    display: block;
    background-image: url(../../img/top/sprite.png);
    top: 10px;
    bottom: 0;
    position: absolute;
    background-position: -373px -106px;
    width: 10px;
    height: 18px;
    margin: auto;
    content: "";
    padding-left: 0.5em;
}

.rw-rank {
    display: block;
    font-size: 1.5em;
    font-weight: 700;
    color: #bf0000
}

.rw-icon:before {
    display: inline-block;
    font-family: "rkt-font";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.rw-rank-1:before,.rw-rank-2:before,.rw-rank-3:before {
    content: "\f113";
    padding-right: 0.3em
}

.rw-rank-1 {
    color: goldenrod
}

.rw-rank-2 {
    color: silver
}

.rw-rank-3 {
    color: chocolate
}

.rw-full-star,.rw-half-star,.rw-empty-star {
    color: gold;
    font-size: 1em
}

.rw-full-star:before {
    content: "\f11b"
}

.rw-half-star:before {
    content: "\f11c"
}

.rw-empty-star:before {
    content: "\f11d"
}

.rw-rev-num {
    padding-left: 0.3em;
    font-size: 1em;
    color: #999999
}

.rw-reviews {
    line-height: 0.875em;
    margin: 0.5em 0
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none
}

@font-face {
    font-family: "rkt-font";
    src: url("/assets/rkt-font.eot");
    src: url("/assets/rkt-font.eot?#iefix") format("embedded-opentype"),url("/en/common/css/rkt-font.woff") format("woff"),url("/assets/rkt-font.ttf") format("truetype"),url("/assets/rkt-font.svg#rkt-font") format("svg");
    font-weight: normal;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:"rkt-font";
        src: url("/assets/rkt-font.svg#rkt-font") format("svg")
    }
}
