html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    height: 100%;
    font-size: 100%
}

body {
    position: relative;
    height: inherit;
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background: #4B4B4B
}

a {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

#wrap {
    min-width: 320px;
    margin: 0 auto;
    background: #fff
}

#content {
    position: relative
}

@font-face {
    font-family: 'bf-iconfont';
    src: url("/assets/font/bf-iconfont.eot?95647836");
    src: url("/assets/font/bf-iconfont.eot?95647836#iefix") format("embedded-opentype"), url("/assets/font/bf-iconfont.woff2?95647836") format("woff2"), url("/assets/font/bf-iconfont.woff?95647836") format("woff"), url("/assets/font/bf-iconfont.ttf?95647836") format("truetype"), url("/assets/font/bf-iconfont.svg?95647836#bf-iconfont") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "bf-iconfont";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.icon-up-open:before {
    content: '\e800'
}

.icon-right-open:before {
    content: '\e801'
}

.icon-down-open:before {
    content: '\e802'
}

.icon-left-open:before {
    content: '\e803'
}

.icon-clock:before {
    content: '\e804'
}

.icon-thumbs-up:before {
    content: '\e805'
}

.icon-search:before {
    content: '\e806'
}

.icon-award:before {
    content: '\e807'
}

.icon-heart:before {
    content: '\e808'
}

.icon-heart-empty:before {
    content: '\e809'
}

.icon-mail:before {
    content: '\e80a'
}

.icon-check:before {
    content: '\e80b'
}

.icon-user:before {
    content: '\e80c'
}

.icon-right-dir:before {
    content: '\e80d'
}

.icon-basket:before {
    content: '\e80e'
}

.icon-close:before {
    content: '\e80f'
}

.icon-ok:before {
    content: '\e810'
}

.icon-megaphone:before {
    content: '\e811'
}

.icon-star:before {
    content: '\e812'
}

.icon-cog:before {
    content: '\e813'
}

.icon-cancel:before {
    content: '\e814'
}

.icon-users:before {
    content: '\e815'
}

.icon-logout:before {
    content: '\e816'
}

.icon-attention:before {
    content: '\e819'
}

.icon-global:before {
    content: '\e81a'
}

.icon-gift:before {
    content: '\e81b'
}

.icon-store:before {
    content: '\e840'
}

.icon-link-ext:before {
    content: '\f08e'
}

.icon-check-empty:before {
    content: '\f096'
}

.icon-twitter:before {
    content: '\f099'
}

.icon-facebook:before {
    content: '\f09a'
}

.icon-filter:before {
    content: '\f0b0'
}

.icon-menu:before {
    content: '\f0c9'
}

.icon-list-bullet:before {
    content: '\f0ca'
}

.icon-mail-alt:before {
    content: '\f0e0'
}

.icon-gauge:before {
    content: '\f0e4'
}

.icon-angle-left:before {
    content: '\f104'
}

.icon-angle-right:before {
    content: '\f105'
}

.icon-angle-up:before {
    content: '\f106'
}

.icon-angle-down:before {
    content: '\f107'
}

.icon-desktop:before {
    content: '\f108'
}

.icon-spinner:before {
    content: '\f110'
}

.icon-rocket:before {
    content: '\f135'
}

.icon-dollar:before {
    content: '\f155'
}

.icon-thumbs-up-alt:before {
    content: '\f164'
}

.icon-thumbs-down-alt:before {
    content: '\f165'
}

.icon-cab:before {
    content: '\f1b9'
}

.icon-calc:before {
    content: '\f1ec'
}

.icon-diamond:before {
    content: '\f219'
}

.icon-opera:before {
    content: '\f26a'
}

.icon-points:before {
    content: '\f288'
}

.icon-question-circle-o:before {
    content: '\f29c'
}

body.fixed {
    overflow: hidden
}

body.fixed.opera_mini {
    overflow: auto;
    position: static;
    height: auto !important
}

body.fixed.opera_mini #content, body.fixed.opera_mini #recommend-content, body.fixed.opera_mini .footer, body.fixed.opera_mini .fixed-button-are, body.fixed.opera_mini .customer-review {
    display: none
}

.is-sign-in #header.open-login, .is-sign-in #header.open-login nav {
    height: 522px;
    height: calc(100% - 46px);
    -moz-height: calc(100% - 46px)
}

.is-sign-in #header.open-login nav {
    -webkit-height: calc(100% - 46px);
    -o-height: calc(100% - 46px)
}

.opera_mini .is-sign-in #header.open-login nav .toggle-nav {
    display: block
}

.is-sign-in #header.open-login #nav_scroll {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.opera_mini .is-sign-in #header.open-login #nav_scroll {
    height: auto
}

.is-sign-out #header.open-login, .is-sign-out .is-sign-in #header.open-login nav, .is-sign-in #header.open-login .is-sign-out nav {
    height: auto;
    background: transparent
}

.is-sign-out #header.open-login nav, .is-sign-in #header.open-login .is-sign-out nav nav {
    height: auto
}

.opera_mini .is-sign-out #header.open-login nav .toggle-nav, .is-sign-in #header.open-login .opera_mini .is-sign-out nav nav .toggle-nav {
    display: block
}

#header.open, #header.open nav {
    height: 522px;
    height: calc(100% - 46px);
    -moz-height: calc(100% - 46px);
    background: transparent
}

#header.open nav {
    -webkit-height: calc(100% - 46px);
    -o-height: calc(100% - 46px)
}

.opera_mini #header.open nav .toggle-nav, #header.open .opera_mini nav nav .toggle-nav {
    display: block
}

#wrap #header {
    z-index: 9999;
    width: 100%;
    min-width: 320px
}

@media all and (orientation: landscape) {
    #wrap #header {
        position: absolute
    }
}

#wrap #header.orders-header {
    position: absolute;
    padding: 10px 0;
    text-align: center;
    background: #000
}

#wrap #header.orders-header img {
    width: 100px
}

#wrap #header.open-login .toggle-nav.menu-login, .is-sign-in #header.open-login #wrap nav .toggle-nav.menu-login, #wrap #header.open-login-on .toggle-nav.menu-login-on {
    overflow: visible;
    height: auto
}

#wrap #header.open-login .toggle-nav.menu-login li, .is-sign-in #header.open-login #wrap nav .toggle-nav.menu-login li, #wrap #header.open-login-on .toggle-nav.menu-login-on li {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

#wrap #header.open #global-nav, #header.open #wrap nav #global-nav {
    position: relative;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3)
}

#wrap #header.open #local-nav-trigger, #header.open #wrap nav #local-nav-trigger {
    background: #dd0404
}

#wrap #header #menu_nav {
    height: 40px;
    padding-bottom: 6px;
    background-color: #222
}

#wrap #header #menu_nav #global-nav {
    display: table;
    height: 40px;
    width: 100%;
    background: #222
}

#wrap #header #menu_nav #global-nav li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 16%;
    vertical-align: bottom
}

#wrap #header #menu_nav #global-nav li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    text-align: center
}

#wrap #header #menu_nav #global-nav li a .menu-icon {
    font-size: 2em
}

#wrap #header #menu_nav #global-nav li a .menu-name {
    margin: 3px 0 0;
    font-size: 1.1em
}

.opera_mini #wrap #header #menu_nav #global-nav li a .menu-name {
    margin: 0
}

#wrap #header #menu_nav #global-nav li#logo {
    width: auto
}

#wrap #header #menu_nav #global-nav li#logo .header-logo {
    width: 100%;
    max-width: 100px
}

#wrap #header #menu_nav #global-nav li.global-nav-sign-in .menu-icon i {
    font-size: 23px
}

#wrap #header #menu_nav #global-nav li.global-nav-sign-in .menu-name {
    margin-top: 0
}

#wrap #header #menu_nav #global-nav li.global-nav-sign-out a {
    color: #dd0404
}

#wrap #header #menu_nav #global-nav li.global-nav-sign-out a .menu-icon i {
    height: 20px;
    padding-bottom: 1px;
    font-size: 22px;
    height: 20px;
    overflow: hidden
}

#wrap #header #menu_nav #global-nav li.global-nav-sign-out a .menu-name {
    margin-top: 0
}

#wrap #header #menu_nav #global-nav li#buy-now-count {
    position: relative;
    width: 16%;
    padding: 0 7px 0 4px;
    text-align: center
}

#wrap #header #menu_nav #global-nav li#buy-now-count > a {
    position: relative;
    width: 60px;
    margin: 0 auto
}

#wrap #header #menu_nav #global-nav li#buy-now-count > a img {
    display: block;
    height: 22px;
    width: 25px;
    text-align: center;
    margin: 5px auto 2px auto;
    background: none
}

#wrap #header #menu_nav #global-nav li#buy-now-count > a .number {
    display: inline-block;
    position: absolute;
    left: 21px;
    top: 0px;
    width: 20px;
    font-size: 13px;
    color: #dd0404;
    font-weight: normal;
    text-align: center
}

#wrap #header #menu_nav #global-nav li#buy-now-count > a .text {
    color: #fff;
    font-size: 11px;
    font-weight: normal
}

#wrap #header #menu_nav #global-nav li#favorite-count {
    position: relative;
    text-align: center;
    font-size: 11px;
    width: 16%
}

#wrap #header #menu_nav #global-nav li#favorite-count > a {
    width: 60px;
    margin: 0 auto;
    position: relative
}

#wrap #header #menu_nav #global-nav li#favorite-count > a .number {
    background-color: rgba(0, 0, 0, 0.55);
    position: absolute;
    left: 34px;
    top: 2px;
    line-height: 1;
    padding: 2px;
    border-radius: 2px;
    text-align: center;
    color: #fff
}

#wrap #header #menu_nav #global-nav li#favorite-count > a img {
    padding-bottom: 3px
}

#wrap #header #menu_nav #global-nav li#favorite-count > a .text {
    color: #fff
}

#wrap #header #menu_nav #global-nav li#favorite-no-count {
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 11px;
    width: 16%
}

#wrap #header #menu_nav #global-nav li#favorite-no-count i {
    display: block;
    font-size: 21px;
    padding-bottom: 2px
}

#header-menu-contents #nav_scroll_menu, #header-menu-contents .account-form {
    background: #414141;
    overflow-y: auto;
    z-index: 10003;
    -webkit-overflow-scrolling: touch
}

.opera_mini #header-menu-contents #nav_scroll_menu, .opera_mini #header-menu-contents .account-form {
    height: 1430px
}

#header-menu-contents .scrollable {
    overflow-y: auto;
    overscroll-behavior: none
}

#header-menu-contents .flags {
    margin-right: 8px;
    vertical-align: -1px
}

#header-menu-contents .menu-close {
    height: 30px;
    padding: 0px 0 0 9px;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    background: #414141 !important;
    border-bottom: 1px solid #2d2d2d !important
}

#header-menu-contents .menu-close .img-wrap {
    vertical-align: 6px;
    margin-right: 10px
}

#header-menu-contents .menu-close .menu-close-title {
    vertical-align: super
}

#header-menu-contents .menu-close img.icon-close {
    position: absolute;
    right: 0;
    padding: 10px;
    cursor: pointer
}

#header-menu-contents #nav_scroll_menu {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: -500px;
    width: 500px;
    height: 100%
}

#header-menu-contents #nav_scroll_menu.open {
    transform: translate3d(500px, 0, 0);
    -webkit-transform: translate3d(500px, 0, 0);
    transition: all 0.5s ease 0s
}

#header-menu-contents #nav_scroll_menu.close {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.5s ease 0s
}

#header-menu-contents #nav_scroll_menu.down_open_list {
    display: none
}

#header-menu-contents #nav_scroll_menu ul li.right_open_list {
    position: absolute;
    width: 500px;
    height: 100%;
    top: 30px;
    left: 500px;
    z-index: 10004
}

#header-menu-contents #nav_scroll_menu ul li.right_open_list.open {
    transform: translate3d(-500px, 0, 1px);
    -webkit-transform: translate3d(-500px, 0, 1px);
    transition: all 0.5s ease 0s
}

#header-menu-contents #nav_scroll_menu ul li.right_open_list.close {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.5s ease 0s
}

#header-menu-contents .toggle-nav li {
    background: #2d2d2d;
    border-bottom: 1px solid #414141
}

#header-menu-contents .toggle-nav li.is-empty-li {
    height: 18px
}

.opera_mini #header-menu-contents .toggle-nav li:last-child {
    margin-bottom: 36px
}

#header-menu-contents .toggle-nav li.back {
    font-weight: bold;
    border-top: 1px solid #2d2d2d;
    background: #414141
}

#header-menu-contents .toggle-nav li.back > a {
    padding: 10px 10px 10px 10px
}

#header-menu-contents .toggle-nav li.back > a i {
    font-size: 18px;
    overflow: hidden;
    margin-right: 9px
}

#header-menu-contents .toggle-nav li.back > a i:before {
    margin-left: 0
}

#header-menu-contents .toggle-nav li .currency-change-form label {
    *zoom: 1;
    display: block;
    padding: 5px 10px 6px 40px
}

#header-menu-contents .toggle-nav li .currency-change-form label:after {
    content: "";
    display: table;
    clear: both
}

#header-menu-contents .toggle-nav li .currency-change-form label span {
    display: inline-block;
    float: left;
    padding: 7px 0;
    color: #fff;
    font-size: 1.4em
}

#header-menu-contents .toggle-nav li .currency-change-form label select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 120px;
    height: 40px;
    margin: 4px 0 0;
    padding: 0 0 0 6px;
    color: #000;
    font-size: 1.6em;
    line-height: 40px;
    background-color: #fff;
    background-image: url("/assets/images/select-down.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right center;
    background-position: right 4px bottom 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 25px;
    width: 75px;
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 1;
    background-image: none;
    appearance: menulist;
    -webkit-appearance: menulist
}

#header-menu-contents .toggle-nav li.campaign-link a, #header-menu-contents .toggle-nav li.recently-link a, #header-menu-contents .toggle-nav li.buynow-link a, #header-menu-contents .toggle-nav li.fav-link a {
    padding: 14px 10px
}

#header-menu-contents .toggle-nav li.buynow-link .buynow-number {
    display: none;
    position: absolute;
    right: 34px;
    top: 10px;
    min-width: 38px;
    padding: 4px 0;
    text-align: center;
    line-height: 1;
    background: #e9e9e9;
    border-radius: 10px
}

#header-menu-contents .toggle-nav .nav_title {
    padding: 10px 0 10px 8px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #2d2d2d;
    background: #414141
}

#header-menu-contents .toggle-nav .nav_title i {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    margin-right: 8px;
    font-size: 18px;
    color: #dd0404;
    text-align: center
}

#header-menu-contents .toggle-nav .nav_title i:before {
    width: auto;
    margin: 0
}

#header-menu-contents .toggle-nav .nav_title i.icon-search, #header-menu-contents .toggle-nav .nav_title i.icon-star, #header-menu-contents .toggle-nav .nav_title i.icon-user, #header-menu-contents .toggle-nav .nav_title i.icon-gauge, #header-menu-contents .toggle-nav .nav_title i.icon-store {
    position: relative;
    top: -1px
}

#header-menu-contents .toggle-nav .nav_title i.icon-store {
    font-size: 16px
}

#header-menu-contents .toggle-nav .nav_title .img-wrap {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 23px;
    margin-right: 8px;
    text-align: center
}

#header-menu-contents .toggle-nav .nav_title .img-wrap.img-wrap-iphone img, #header-menu-contents .toggle-nav .nav_title .img-wrap.img-wrap-photocopier img {
    margin-top: -2px
}

#header-menu-contents .toggle-nav .nav_title.no_open_link a {
    padding: 0
}

#header-menu-contents .toggle-nav .nav_title.no_open_link.nav_title_customer_reviews, #header-menu-contents .toggle-nav .nav_title.no_open_link.nav_title_auto_parts {
    margin-top: 1px;
    margin-bottom: -1px
}

#header-menu-contents .toggle-nav .nav_title.no_open_link.electronics-items-title a {
    padding-left: 31px
}

#header-menu-contents .toggle-nav .user-info {
    line-height: 1.3;
    padding: 9px 0 8px 10px;
    background: #414141;
    border-bottom: 1px solid #2d2d2d
}

#header-menu-contents .toggle-nav .user-info .name {
    font-size: 15px;
    font-weight: bold
}

#header-menu-contents .toggle-nav .user-info .grade {
    margin: 6px 0 0;
    font-size: 0.9em
}

#header-menu-contents .toggle-nav .user-info .grade .gold {
    color: #d1b313
}

#header-menu-contents .toggle-nav .user-info .grade .silver {
    color: #a7a9ac
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box {
    margin: 12px 0 3px
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-icon-area {
    vertical-align: top;
    margin-left: 6px;
    margin-right: 16px;
    display: inline-block
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 90px);
    line-height: 1.4
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .bfpoint-info-current-point {
    margin-bottom: 4px;
    line-height: 14px;
    font-size: 14px
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .bfpoint-info-current-point .bfpoint-info-current-point-view {
    font-size: 16px;
    font-weight: bold
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .bfpoint-info-expirationdate {
    font-size: 13px
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .bfpoint-info-expirationdate .bfpoint-info-expirationdate-view {
    font-weight: bold
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .bfpoint-info-history-link {
    display: inline-block;
    width: 133px;
    margin-top: 4px;
    padding: 0;
    font-size: 13px;
    color: #dd0404;
    line-height: 1
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .expire-point-area {
    margin-top: 8px
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .expire-point-area > p {
    font-size: 13px;
    color: #999999;
    line-height: 1.2
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .expire-point-area .expire-point-value {
    margin: 6px 0;
    font-size: 12px;
    background-image: linear-gradient(to right, #999999, #999999 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 4px);
    background-size: 4px 1px;
    background-position: 0px 10px;
    background-repeat: repeat-x
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .expire-point-area .expire-point-value:first-child {
    margin-top: 4px
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .expire-point-area .expire-point-value:last-child {
    margin-bottom: 0
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .expire-point-area .expire-point-value > p {
    display: inline-block;
    float: right;
    padding: 0px 0 2px 6px;
    background-color: #414141
}

#header-menu-contents .toggle-nav .user-info .bfpoint-info-box .bfpoint-info-point-area .expire-point-area .expire-point-value > span {
    background-color: #414141;
    padding: 0px 6px 2px 0
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav {
    *zoom: 1;
    background: #414141;
    border-bottom: 1px solid #2d2d2d
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav:after {
    content: "";
    display: table;
    clear: both
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .fav-nav {
    width: 50%;
    float: left
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .fav-nav .nav-item-wrap {
    color: #fff;
    padding: 9px 0;
    position: relative;
    text-align: center;
    line-height: 1
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .buynow-nav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    border-left: 1px solid #2d2d2d
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap {
    color: #fff;
    padding: 9px 0;
    position: relative;
    text-align: center;
    line-height: 1
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap .fn-buynow-count {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 66px;
    min-width: 20px;
    color: #dd0404;
    font-weight: bold
}

@media screen and (max-width: 320px) {
    #header-menu-contents .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap .fn-buynow-count {
        left: 60px
    }
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap:after {
    display: none
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .nav-icon {
    font-size: 26px;
    color: #d93005
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .fn-favorites-count {
    background-color: rgba(0, 0, 0, 0.55);
    position: absolute;
    right: 59px;
    top: 14px;
    padding: 2px;
    border-radius: 2px;
    font-size: 10px
}

@media screen and (max-width: 320px) {
    #header-menu-contents .toggle-nav .fn-fav-buynow-nav .fn-favorites-count {
        right: 52px
    }
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .nav-name {
    margin: 4px 0 0 2px
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .nav-name .icon-css-arrow {
    display: inline-block;
    height: 14px;
    width: 14px
}

#header-menu-contents .toggle-nav .fn-fav-buynow-nav .nav-name .icon-css-arrow:after {
    content: "";
    height: 0;
    width: 0;
    margin: -5px 0 0;
    border-style: solid;
    border-top-color: transparent;
    border-top-width: 5px;
    border-right-color: transparent;
    border-right-width: 0;
    border-bottom-color: transparent;
    border-bottom-width: 5px;
    border-left-color: #3366d0;
    border-left-width: 5px
}

#header-menu-contents .toggle-nav .buynow-area, #header-menu-contents .toggle-nav .favorite-area {
    overflow: hidden;
    height: 40px;
    padding-top: 12px;
    background-color: #414141;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#header-menu-contents .toggle-nav .buynow-area span, #header-menu-contents .toggle-nav .favorite-area span {
    float: left;
    font-size: 13px;
    font-weight: bold
}

#header-menu-contents .toggle-nav .buynow-area span .icon-basket, #header-menu-contents .toggle-nav .favorite-area span .icon-basket {
    padding: 0 2px 0 6px;
    font-size: 15px
}

#header-menu-contents .toggle-nav .buynow-area span .icon-heart, #header-menu-contents .toggle-nav .favorite-area span .icon-heart {
    padding: 0 2px 0 6px;
    font-size: 15px;
    color: #d93005
}

#header-menu-contents .toggle-nav .buynow-area .see-all-text, #header-menu-contents .toggle-nav .favorite-area .see-all-text {
    float: right;
    padding: 0;
    margin-top: 2px;
    color: #dd0404;
    font-size: 13px
}

#header-menu-contents .toggle-nav .buynow-area .see-all-text .icon-angle-right, #header-menu-contents .toggle-nav .favorite-area .see-all-text .icon-angle-right {
    margin: -2px 0 0 -4px
}

#header-menu-contents .toggle-nav .buynow-cars-list, #header-menu-contents .toggle-nav .favorite-cars-list {
    background: #2d2d2d
}

#header-menu-contents .toggle-nav .buynow-cars-list li, #header-menu-contents .toggle-nav .favorite-cars-list li {
    border-bottom: 1px solid #343434
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box {
    overflow: hidden;
    padding: 10px
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-left-area, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-image, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-left-area, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-image, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-left-area, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-image, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-left-area, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-image {
    float: left;
    width: 100px;
    height: auto;
    margin-right: 18px
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-left-area a, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-image a, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-left-area a, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-image a, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-left-area a, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-image a, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-left-area a, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-image a {
    padding: 0
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-right-area, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-detail-area, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-right-area, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-detail-area, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-right-area, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-detail-area, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-right-area, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-detail-area {
    overflow: hidden
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-right-area .item-title, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-detail-area .item-title, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-right-area .item-title, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-detail-area .item-title, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-right-area .item-title, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-detail-area .item-title, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-right-area .item-title, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-detail-area .item-title {
    margin-bottom: 2px;
    line-height: 1.4
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-right-area .item-title a, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-detail-area .item-title a, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-right-area .item-title a, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-detail-area .item-title a, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-right-area .item-title a, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-detail-area .item-title a, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-right-area .item-title a, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-detail-area .item-title a {
    padding: 0;
    color: #dd0404;
    font-size: 11px;
    font-weight: bold
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-right-area .item-price, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-detail-area .item-price, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-right-area .item-price, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-detail-area .item-price, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-right-area .item-price, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-detail-area .item-price, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-right-area .item-price, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-detail-area .item-price {
    margin-bottom: 6px
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-right-area .item-price .price-name, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-detail-area .item-price .price-name, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-right-area .item-price .price-name, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-detail-area .item-price .price-name, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-right-area .item-price .price-name, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-detail-area .item-price .price-name, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-right-area .item-price .price-name, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-detail-area .item-price .price-name {
    margin-right: 16px;
    font-size: 11px
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-right-area .item-price .price-value, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-detail-area .item-price .price-value, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-right-area .item-price .price-value, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-detail-area .item-price .price-value, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-right-area .item-price .price-value, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-detail-area .item-price .price-value, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-right-area .item-price .price-value, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-detail-area .item-price .price-value {
    display: inline-block;
    font-size: 12px;
    font-weight: bold
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-right-area .item-add-point, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-detail-area .item-add-point, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-right-area .item-add-point, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-detail-area .item-add-point, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-right-area .item-add-point, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-detail-area .item-add-point, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-right-area .item-add-point, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-detail-area .item-add-point {
    color: #dd0404;
    font-size: 11px
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-right-area .item-add-point span, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .favorite-side-detail-area .item-add-point span, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-right-area .item-add-point span, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .favorite-side-detail-area .item-add-point span, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-right-area .item-add-point span, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .favorite-side-detail-area .item-add-point span, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-right-area .item-add-point span, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .favorite-side-detail-area .item-add-point span {
    margin-left: 4px;
    line-height: 13px;
    vertical-align: top
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-button-area, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .detail-button-area, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-button-area, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .detail-button-area, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-button-area, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .detail-button-area, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-button-area, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .detail-button-area {
    width: 100%
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-button-area .bf-btn, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .detail-button-area .bf-btn, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-button-area .bf-btn, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .detail-button-area .bf-btn, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-button-area .bf-btn, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .detail-button-area .bf-btn, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-button-area .bf-btn, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .detail-button-area .bf-btn {
    margin: 10px 0 0 0;
    padding: 0;
    background-color: #dd0404;
    font-size: 11px
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-button-area .bf-btn .icon-basket, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .detail-button-area .bf-btn .icon-basket, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-button-area .bf-btn .icon-basket, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .detail-button-area .bf-btn .icon-basket, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-button-area .bf-btn .icon-basket, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .detail-button-area .bf-btn .icon-basket, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-button-area .bf-btn .icon-basket, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .detail-button-area .bf-btn .icon-basket {
    font-size: 12px
}

#header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .buynow-button-area .bf-btn-primary, #header-menu-contents .toggle-nav .buynow-cars-list li .buynow-cars-box .detail-button-area .bf-btn-primary, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .buynow-button-area .bf-btn-primary, #header-menu-contents .toggle-nav .buynow-cars-list li .favorite-box .detail-button-area .bf-btn-primary, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .buynow-button-area .bf-btn-primary, #header-menu-contents .toggle-nav .favorite-cars-list li .buynow-cars-box .detail-button-area .bf-btn-primary, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .buynow-button-area .bf-btn-primary, #header-menu-contents .toggle-nav .favorite-cars-list li .favorite-box .detail-button-area .bf-btn-primary {
    background-color: #dd0404;
    font-size: 12px
}

#header-menu-contents .toggle-nav .verification-email-text {
    padding-top: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-bottom: -6px
}

#header-menu-contents .toggle-nav .verification-email-text.hide {
    display: none
}

#header-menu-contents .toggle-nav .verification-area {
    padding: 10px;
    font-size: 12px;
    line-height: 1.5
}

#header-menu-contents .toggle-nav .verification-area .message-text {
    padding-bottom: 8px
}

#header-menu-contents .toggle-nav .verification-area .expiration-text {
    text-align: center
}

#header-menu-contents .toggle-nav .verification-area .verification-email-link {
    padding: 0;
    text-align: center;
    font-size: 13px;
    color: #dd0404
}

#header-menu-contents .toggle-nav .verification-area .display-verification-email {
    font-weight: bold;
    display: block
}

#header-menu-contents .toggle-nav a {
    position: relative;
    display: block;
    padding: 12px 3px 12px 40px;
    color: #fff;
    font-size: 14px
}

#header-menu-contents .toggle-nav a .icon-angle-right {
    float: right;
    font-size: 17px;
    margin-top: -1px
}

#header-menu-contents .toggle-nav a .icon-link-ext {
    margin-right: 1px;
    font-size: 14px;
    color: #fff
}

#header-menu-contents .account-form {
    position: fixed;
    height: 100%;
    top: 0;
    right: -500px;
    width: 500px
}

.opera_mini #header-menu-contents .account-form {
    right: initial;
    left: -500px
}

#header-menu-contents .account-form.open {
    transform: translate3d(-500px, 0, 0);
    -webkit-transform: translate3d(-500px, 0, 0);
    transition: all 0.5s ease 0s
}

.opera_mini #header-menu-contents .account-form.open {
    transform: translate3d(500px, 0, 0);
    -webkit-transform: translate3d(500px, 0, 0)
}

#header-menu-contents .account-form.close {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.5s ease 0s
}

#header-menu-contents .account-form ul {
    color: #fff;
    font-size: 14px
}

#header-menu-contents .account-form ul li.menu-close {
    height: 30px;
    border-bottom: 1px solid #212121
}

#header-menu-contents .account-form ul li.menu-close i {
    position: absolute;
    right: 0;
    font-size: 20px;
    cursor: pointer
}

#header-menu-contents .account-form ul li#sign-in {
    padding: 20px;
    background: #414141
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-login-area {
    margin-bottom: 26px
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-login-area .bf-btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 0 12px 0
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-bf-points-area {
    padding: 12px 0;
    margin-bottom: 15px;
    border: 1px solid #dd0404;
    text-align: center
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-bf-points-area .icon-bf-points {
    display: inline-block;
    vertical-align: top
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-bf-points-area .bf-points-content {
    display: inline-block;
    margin-left: 4px;
    line-height: 1.4;
    font-weight: bold
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-bf-points-area .bf-points-content .bf-points-title {
    font-size: 14px
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-bf-points-area .bf-points-content .bf-points-text {
    text-align: left;
    font-size: 11px
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area > p, #header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area > span {
    display: block
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area li {
    border: none
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area .login-features {
    display: flex;
    justify-content: space-between
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area .login-features > li {
    float: left;
    width: auto;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    background: #414141;
    box-sizing: border-box
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area .login-features > li > i {
    font-size: 15px
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area .login-features > li.login-favorites i {
    color: #d93005
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area .login-features > li.login-notify i {
    color: #1697d8
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area .login-features > li.login-list i {
    color: #57b741
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area .login-features > li.login-inquiry i {
    color: #dd0404
}

#header-menu-contents .account-form ul li#sign-in .mm-contents-wrap #gn-sign-in-content .sign-in-create-account-area .bf-btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 0 12px 0;
    color: #414141
}

#header-menu-contents .account-form .bold {
    font-weight: bold
}

#header-menu-contents .account-form .mb8 {
    margin-bottom: 8px
}

#header-menu-contents .account-form .mb10 {
    margin-bottom: 10px
}

#header-menu-contents .account-form .mb16 {
    margin-bottom: 16px
}

#header-menu-contents .account-form .mb20 {
    margin-bottom: 20px
}

.fn-operamini-contents {
    padding: 6px 10px;
    color: #000;
    background: #fff
}

.fn-operamini-contents .fn-opera-message-close {
    float: right;
    padding: 7px 6px;
    margin-right: 20px;
    color: #0b0b0b;
    font-size: 18px
}

.fn-operamini-contents .fn-opera-message-close .icon-close {
    vertical-align: middle
}

.fn-operamini-contents .headline {
    display: inline-block;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1;
    padding: 7px 0
}

.fn-operamini-contents .headline .icon-opera {
    margin: 0 6px 0 0;
    color: #e82635
}

.fn-operamini-contents .description {
    margin: 4px 0 0;
    font-size: 1.2em;
    line-height: 18px
}

.fn-operamini-contents .description a {
    display: inline-block;
    font-weight: bold;
    text-decoration: none
}

#modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10002;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8)
}

#header.campaign_header_banner_padding {
    padding: 0
}

#header.campaign_header_banner_padding > img {
    padding: 10px 0
}

#header.campaign_header_banner_padding #campaign_header_banner {
    position: relative
}

#header.campaign_header_banner_padding #campaign_header_banner .cp-area img {
    width: 100%
}

#campaign_header_banner {
    position: relative;
    z-index: 9999;
    background: #13d0e6;
    -webkit-touch-callout: none
}

#campaign_header_banner .cp-area {
    width: 320px;
    margin: 0 auto;
    position: relative
}

#campaign_header_banner .cp-area .countnumber {
    position: absolute;
    top: 12px;
    right: 91px;
    font-size: 16px;
    font-weight: bold;
    color: #fff
}

#campaign_header_banner .cp-area .countnumber li {
    display: inline-block;
    width: 18px;
    margin-right: 1px;
    text-align: center;
    vertical-align: middle
}

#campaign_header_banner img {
    width: 320px;
    margin: 0 auto;
    display: block
}

#campaign_header_banner p.sale_promotion_code, #campaign_header_banner p.sale_promotion_cod_noboburon {
    position: absolute;
    top: 65%;
    right: 49%;
    width: 39%;
    height: 19%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    cursor: text
}

#campaign_header_banner p.sale_promotion_cod_noboburon {
    top: 63%;
    right: 45%;
    width: 44%;
    font-size: 14px
}

#campaign_header_banner #sale-link-btn {
    position: absolute;
    top: 0%;
    right: 0%;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer
}

#mypage-unauthenticated {
    display: none;
    background: #fff3cd
}

#mypage-unauthenticated .close {
    position: absolute;
    right: 7px;
    font-size: 1.8em;
    cursor: pointer;
    top: 10px
}

#mypage-authenticated {
    display: none;
    background: #ddefdd
}

#mypage-authenticated .icon-ok {
    display: inline-block;
    margin: 0 4px 0 0;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    background: #008000;
    border-radius: 50%
}

@media screen and (max-width: 500px) {
    #mypage-authenticated .icon-ok {
        position: absolute;
        top: 7px;
        left: 10px
    }
}

@media screen and (max-width: 500px) {
    #mypage-authenticated .verify-text {
        display: block;
        padding: 0 0 0 22px
    }
}

#mypage-authenticated .close {
    position: absolute;
    right: 7px;
    font-size: 1.8em;
    cursor: pointer
}

@media screen and (min-width: 501px) {
    #mypage-authenticated .close {
        top: 50%;
        margin: -0.5em 0 0
    }
}

@media screen and (max-width: 500px) {
    #mypage-authenticated .close {
        top: 10px
    }
}

.mypage-unauthenticated-inner {
    position: relative;
    padding: 6px 10px;
    color: #333
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message {
    font-size: 1.3em;
    line-height: 1.4
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .display-verification-email {
    display: block;
    font-weight: bold;
    word-break: break-word
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .fn-verification-message-trigger {
    color: #36c;
    font-weight: bold
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .fn-verification-message {
    display: none
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .message-content {
    display: none
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .message-content b {
    margin-right: 8px
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .fn-replace-email {
    display: inline-block
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .verify-link {
    margin: 4px 0 0
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .verify-link.is-send {
    text-align: center
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .verify-link span {
    margin-right: 10px
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message .verify-link a {
    color: #36c;
    font-weight: bold
}

.mypage-unauthenticated-inner .mypage-unauthenticated-message b {
    font-weight: bold
}

.mypage-unauthenticated-inner .fn-after-send {
    display: none
}

.mypage-unauthenticated-inner .after-send-title {
    padding: 6px 0 8px;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center
}

#promotion_header_banner {
    position: relative;
    z-index: 9999
}

#promotion_header_banner .cp-area {
    width: 100%;
    margin: 0 auto;
    position: relative
}

#promotion_header_banner .cp-area .countnumber {
    position: absolute;
    top: 12px;
    right: 91px;
    font-size: 16px;
    font-weight: bold;
    color: #fff
}

#promotion_header_banner .cp-area .countnumber li {
    display: inline-block;
    width: 18px;
    margin-right: 1px;
    text-align: center;
    vertical-align: middle
}

#promotion_header_banner img {
    width: 320px;
    margin: 0 auto;
    display: block
}

.top-keyword-search {
    position: relative;
    padding: 5px 0 10px 0;
    margin-top: -1px;
    background-color: #222
}

.top-keyword-search .headline {
    margin: 0 10px;
    font-size: 1.6em;
    font-weight: bold;
    padding: 5px 0 4px 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #dd0404
}

.top-keyword-search > form {
    margin: 0 10px 0 10px;
    *zoom: 1
}

.top-keyword-search > form:after {
    content: "";
    display: table;
    clear: both
}

.top-keyword-search > form .input-keyword {
    float: left;
    width: 87%;
    height: 35px;
    padding: 0 0 0 10px;
    line-height: 1.8em;
    font-size: 1.6em;
    border: none;
    border-radius: 4px 0 0 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none
}

.top-keyword-search > form .input-keyword:-moz-placeholder {
    font-size: 13px
}

.top-keyword-search > form .input-keyword::-moz-placeholder {
    font-size: 13px
}

.top-keyword-search > form .input-keyword:-ms-input-placeholder {
    font-size: 13px
}

.top-keyword-search > form .input-keyword::-webkit-input-placeholder {
    font-size: 13px
}

.top-keyword-search > form .button-search {
    position: relative;
    float: left;
    margin: 0 0 0 -1px;
    padding: 0;
    width: 13%;
    height: 35px;
    color: #fff;
    font-size: 19px;
    text-align: center;
    vertical-align: middle;
    background-color: #dd0404;
    border: none;
    border-radius: 0 4px 4px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none
}

.top-keyword-search .default-search-erea .icon-search {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 769px) {
    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .fav-nav .nav-item-wrap .fn-favorites-count {
        right: 110px
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap .fn-buynow-count {
        left: 116px
    }
}

@media only screen and (max-width: 768px) {
    #header-menu-contents #nav_scroll_menu {
        left: -400px;
        width: 400px
    }

    #header-menu-contents #nav_scroll_menu.open {
        transform: translate3d(400px, 0, 0);
        -webkit-transform: translate3d(400px, 0, 0)
    }

    #header-menu-contents #nav_scroll_menu ul li.right_open_list {
        width: 400px;
        left: 400px
    }

    #header-menu-contents #nav_scroll_menu ul li.right_open_list.open {
        transform: translate3d(-400px, 0, 1px);
        -webkit-transform: translate3d(-400px, 0, 1px)
    }

    #header-menu-contents .account-form {
        right: -400px;
        width: 400px
    }

    .opera_mini #header-menu-contents .account-form {
        left: -400px
    }

    #header-menu-contents .account-form.open {
        transform: translate3d(-400px, 0, 0);
        -webkit-transform: translate3d(-400px, 0, 0)
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .fav-nav .nav-item-wrap .fn-favorites-count {
        right: 85px
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap .fn-buynow-count {
        left: 92px
    }
}

@media only screen and (max-width: 480px) {
    #header-menu-contents #nav_scroll_menu {
        left: -350px;
        width: 350px
    }

    #header-menu-contents #nav_scroll_menu.open {
        transform: translate3d(350px, 0, 0);
        -webkit-transform: translate3d(350px, 0, 0)
    }

    #header-menu-contents #nav_scroll_menu ul li.right_open_list {
        width: 350px;
        left: 350px
    }

    #header-menu-contents #nav_scroll_menu ul li.right_open_list.open {
        transform: translate3d(-350px, 0, 1px);
        -webkit-transform: translate3d(-350px, 0, 1px)
    }

    #header-menu-contents .account-form {
        right: -350px;
        width: 350px
    }

    .opera_mini #header-menu-contents .account-form {
        left: -350px
    }

    #header-menu-contents .account-form.open {
        transform: translate3d(-350px, 0, 0);
        -webkit-transform: translate3d(-350px, 0, 0)
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .fav-nav .nav-item-wrap .fn-favorites-count {
        right: 73px
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap .fn-buynow-count {
        left: 80px
    }
}

@media only screen and (max-width: 420px) {
    #header-menu-contents #nav_scroll_menu {
        left: -300px;
        width: 300px
    }

    #header-menu-contents #nav_scroll_menu.open {
        transform: translate3d(300px, 0, 0);
        -webkit-transform: translate3d(300px, 0, 0)
    }

    #header-menu-contents #nav_scroll_menu ul li.right_open_list {
        width: 300px;
        left: 300px
    }

    #header-menu-contents #nav_scroll_menu ul li.right_open_list.open {
        transform: translate3d(-300px, 0, 1px);
        -webkit-transform: translate3d(-300px, 0, 1px)
    }

    #header-menu-contents .account-form {
        right: -300px;
        width: 300px
    }

    .opera_mini #header-menu-contents .account-form {
        left: -300px
    }

    #header-menu-contents .account-form.open {
        transform: translate3d(-300px, 0, 0);
        -webkit-transform: translate3d(-300px, 0, 0)
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .fav-nav .nav-item-wrap .fn-favorites-count {
        right: 60px
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap .fn-buynow-count {
        left: 67px
    }
}

@media only screen and (max-width: 350px) {
    #header-menu-contents #nav_scroll_menu {
        left: -270px;
        width: 270px
    }

    #header-menu-contents #nav_scroll_menu.open {
        transform: translate3d(270px, 0, 0);
        -webkit-transform: translate3d(270px, 0, 0)
    }

    #header-menu-contents #nav_scroll_menu ul li.right_open_list {
        width: 270px;
        left: 270px
    }

    #header-menu-contents #nav_scroll_menu ul li.right_open_list.open {
        transform: translate3d(-270px, 0, 1px);
        -webkit-transform: translate3d(-270px, 0, 1px)
    }

    #header-menu-contents .account-form {
        right: -270px;
        width: 270px
    }

    .opera_mini #header-menu-contents .account-form {
        left: -270px
    }

    #header-menu-contents .account-form.open {
        transform: translate3d(-270px, 0, 0);
        -webkit-transform: translate3d(-270px, 0, 0)
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .fav-nav .nav-item-wrap .fn-favorites-count {
        right: 52px
    }

    #header-menu-contents .account-form .toggle-nav .fn-fav-buynow-nav .buynow-nav .nav-item-wrap .fn-buynow-count {
        left: 60px
    }
}

.bf-btn {
    display: inline-block;
    margin: 6px 0;
    padding: 12px 26px;
    height: auto;
    line-height: 1;
    color: #555;
    font-size: 15px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    background: #e0e0e0;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    overflow: hidden
}

.bf-btn :hover, .bf-btn :focus {
    opacity: 0.85
}

.bf-btn-primary, .bf-btn-primary:hover, .bf-btn-primary:focus, .bf-btn-primary:active, .bf-btn-primary[disabled="disabled"]:focus {
    color: #FFF;
    background-color: #dd0404
}

.bf-btn-secondary, .bf-btn-secondary:hover, .bf-btn-secondary:focus, .bf-btn-secondary:active, .bf-btn-secondary[disabled="disabled"]:focus {
    color: #FFF;
    background-color: #1697d8
}

.bf-btn-small {
    font-size: 13px;
    height: 30px;
    padding: 0 16px;
    line-height: 30px
}

.bf-btn-large {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 26px;
    letter-spacing: 0.01em
}

.bf-btn-fluid {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.01em;
    padding: 17px 0;
    height: auto;
    line-height: 1
}

.bf-btn-fluid i {
    font-size: 13px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    line-height: 1
}

.opera_mini .bf-btn-fluid {
    font-size: 20px
}

.page-to-top-wrap {
    margin: 20px 0 0;
    text-align: center
}

.page-to-top-wrap .page-to-top {
    position: relative;
    display: inline-block;
    padding: 10px;
    color: #333;
    font-size: 1.3em;
    font-weight: bold
}

.page-to-top-wrap .page-to-top:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px;
    border-color: transparent;
    border-bottom-color: #dd0404
}

.page-to-back-wrap {
    text-align: center
}

.page-to-back-wrap .page-to-back {
    position: relative;
    display: inline-block;
    padding: 10px;
    color: #333;
    font-size: 1.3em;
    font-weight: bold
}

.page-to-back-wrap .page-to-back:after {
    content: "";
    position: absolute;
    top: 11px;
    right: 50px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #dd0404;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-width: 5px
}

.footer {
    position: relative;
    z-index: 2;
    color: #fff;
    background: #000
}

.footer .in-footer-wrap {
    margin: 10px 0 0;
    background: #000
}

.footer .footer-nav {
    padding: 14px 0 10px;
    background-color: #fff
}

.footer .footer-nav li {
    margin: 0 10px;
    font-weight: 700;
    letter-spacing: .02em;
    background: #fcfcfc;
    border-top: solid 1px #efefef;
    border-right: solid 1px #efefef;
    border-left: solid 1px #efefef;
    padding: 15px 6px;
    font-size: 1.2em
}

.footer .footer-nav li:last-child {
    border-bottom: solid 1px #efefef
}

.footer .footer-nav a {
    color: #36c;
    display: block
}

.footer .pc-site-banner {
    background: #e3e3e3;
    padding: 4px 10px
}

.footer .pc-site-banner span {
    font-weight: normal
}

.footer .pc-site-banner .icon-desktop {
    position: relative;
    right: 0;
    left: 0;
    margin-right: 6px
}

.footer .footer-logo {
    width: 100px;
    margin: 20px auto 0
}

.footer .footer-contact-info {
    border-top: solid 1px #333
}

.footer .footer-contact-info .contact-info-list {
    width: 300px;
    margin: 0 auto;
    padding: 0 10px;
    *zoom: 1
}

.footer .footer-contact-info .contact-info-list:after {
    content: "";
    display: table;
    clear: both
}

.footer .footer-contact-info .contact-info-list li {
    margin: 20px 0 0;
    float: left;
    width: 50%
}

.footer .footer-contact-info .contact-info-list li .contact-info-headline {
    color: #dd0404;
    font-size: 1.2em
}

.footer .footer-contact-info .contact-info-list li .contact-info-value {
    margin: 8px 0 0;
    font-size: 1.2em;
    line-height: 1.3;
    letter-spacing: 0.02em
}

.footer .footer-contact-info .contact-info-list li .contact-info-value a {
    color: #71A0FF;
    text-decoration: underline
}

.footer .footer-whatsapp, .footer .footer-viber {
    width: 300px;
    margin: 20px auto 0;
    background: #455a64;
    border-radius: 4px
}

.footer .footer-whatsapp .in-footer-whatsapp-wrap, .footer .footer-viber .in-footer-whatsapp-wrap, .footer .footer-viber .in-footer-viber-wrap {
    position: relative;
    padding: 12px 0;
    *zoom: 1
}

.footer .footer-whatsapp .in-footer-whatsapp-wrap:after, .footer .footer-viber .in-footer-whatsapp-wrap:after, .footer .footer-viber .in-footer-viber-wrap:after {
    content: "";
    display: table;
    clear: both
}

.footer .footer-whatsapp .in-footer-whatsapp-wrap .logo, .footer .footer-viber .in-footer-whatsapp-wrap .logo, .footer .footer-viber .in-footer-viber-wrap .logo {
    float: left;
    overflow: hidden;
    width: 44%;
    text-align: center;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer .footer-whatsapp .in-footer-whatsapp-wrap .logo img, .footer .footer-viber .in-footer-whatsapp-wrap .logo img, .footer .footer-viber .in-footer-viber-wrap .logo img {
    width: 100px
}

.footer .footer-whatsapp .in-footer-whatsapp-wrap .logo .notice, .footer .footer-viber .in-footer-whatsapp-wrap .logo .notice, .footer .footer-viber .in-footer-viber-wrap .logo .notice {
    margin: 0 0 0 28px;
    color: #25D366;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.1em
}

.footer .footer-whatsapp .in-footer-whatsapp-wrap .info, .footer .footer-viber .in-footer-whatsapp-wrap .info, .footer .footer-viber .in-footer-viber-wrap .info {
    float: right;
    width: 56%;
    font-weight: bold;
    letter-spacing: 0.01em
}

.footer .footer-whatsapp .in-footer-whatsapp-wrap .info .number, .footer .footer-viber .in-footer-whatsapp-wrap .info .number, .footer .footer-viber .in-footer-viber-wrap .info .number {
    font-size: 1.5em;
    letter-spacing: 0.1em
}

.footer .footer-whatsapp .in-footer-whatsapp-wrap .info .time, .footer .footer-viber .in-footer-whatsapp-wrap .info .time, .footer .footer-viber .in-footer-viber-wrap .info .time {
    margin: 4px 0 0;
    color: #dcf8c6;
    font-size: 1em;
    line-height: 1.3;
    letter-spacing: 0.1em
}

.footer .footer-viber {
    background: #7c529c
}

.footer .footer-viber .in-footer-viber-wrap .logo .notice {
    color: #b5b5b5
}

.footer .footer-viber .in-footer-viber-wrap .info .number {
    color: #fff
}

.footer .footer-viber .in-footer-viber-wrap .info .time {
    color: #d8c5ff
}

.footer .footer-other-office {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: solid 1px #333
}

.footer .footer-other-office .other-office-name {
    text-align: center;
    margin: 0 10px
}

.footer .copyright {
    margin: 20px 0 0;
    color: #fff;
    font-size: 1em;
    line-height: 30px;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    background: #dd0404;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjOTA0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1NmIwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd0404), color-stop(100%, #dd0404));
    background: -moz-linear-gradient(#dd0404 0%, #dd0404 100%);
    background: -webkit-linear-gradient(#dd0404 0%, #dd0404 100%);
    background: linear-gradient(#dd0404 0%, #dd0404 100%)
}

.is-sign-in #header.open-login, .is-sign-in #header.open-login nav {
    height: 471px;
    height: calc(100% - 97px);
    -moz-height: calc(100% - 97px)
}

.is-sign-in #header.open-login nav {
    -webkit-height: calc(100% - 97px);
    -o-height: calc(100% - 97px)
}

.is-sign-out #header.open-login, .is-sign-out .is-sign-in #header.open-login nav, .is-sign-in #header.open-login .is-sign-out nav {
    height: auto;
    background: transparent
}

.is-sign-out #header.open-login nav, .is-sign-in #header.open-login .is-sign-out nav nav {
    height: auto
}

#header.open, #header.open nav {
    height: 471px;
    height: calc(100% - 97px);
    -moz-height: calc(100% - 97px);
    background: transparent
}

#header.open nav {
    -webkit-height: calc(100% - 97px);
    -o-height: calc(100% - 97px)
}

#header.open #nav_scroll_menu {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.criteria {
    margin: 10px 10px 0
}

.criteria .flag, .criteria .icon-text {
    display: inline-block;
    margin: 4px 0 0;
    padding: 4px;
    font-size: 1.1em;
    border-radius: 2px;
    text-align: center
}

.criteria .icon-img {
    display: inline-block
}

.criteria .icon-img img {
    display: inline-block;
    width: auto;
    height: 19px;
    margin: 4px 0 0;
    vertical-align: bottom;
    border-radius: 2px
}

.criteria .item-name {
    width: 21%;
    padding: 14px 0 0 5px;
    font-size: 1.2em;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    float: left
}

.opera_mini .criteria .item-name {
    padding: 14px 0 0 0
}

.opera_mini .criteria .item-name.tags-name {
    float: none
}

.criteria .tags-list {
    float: left;
    width: 79%
}

.criteria .tags-list li {
    float: left;
    padding: 1px
}

.criteria .tags-list li label {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    padding: 3px 3px 3px 3px;
    cursor: pointer
}

.criteria .tags-list li label .icon-text {
    width: 78px
}

.criteria .tags {
    display: inline-block;
    width: 21%;
    padding: 0 0 0 5px;
    font-size: 1.2em;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle
}

.criteria .icon-img img {
    margin: 4px 0 0;
    display: inline-block;
    width: 100%;
    height: 19px;
    vertical-align: bottom;
    border-radius: 2px
}

.criteria .accessories li {
    font-size: 1.4em;
    float: left;
    width: 50%
}

.criteria .headline {
    margin: 0 0;
    font-size: 1.6em;
    font-weight: bold;
    padding: 5px 0 4px 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #dd0404
}

.opera_mini .criteria .headline {
    font-size: 21px
}

.opera_mini .criteria ul {
    width: 100%
}

.criteria ul li {
    padding: 6px 0
}

.opera_mini .criteria ul li {
    width: 100%
}

.criteria ul li .item-container .three-radio {
    margin-left: 21%;
    margin-bottom: 10px
}

.criteria ul li .item-container .input-keyword {
    width: 77%;
    padding: 0 0 0 6px;
    font-size: 1.6em;
    line-height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none
}

.opera_mini .criteria ul li .item-container .input-keyword {
    width: 60%
}

.criteria ul li .item-container select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 77%;
    height: 40px;
    margin: 4px 0 0;
    padding: 0 0 0 6px;
    color: #000;
    font-size: 1.6em;
    line-height: 40px;
    background-color: #fff;
    background-image: url("/assets/images/select-down.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right center;
    background-position: right 4px bottom 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px;
    cursor: pointer;
    color: #777;
    margin: 0
}

.opera_mini .criteria ul li .item-container select {
    width: 60%
}

.criteria ul li .item-container select.select-from, .criteria ul li .item-container select.select-to {
    width: 36.5%
}

.opera_mini .criteria ul li .item-container select.select-from, .opera_mini .criteria ul li .item-container select.select-to {
    width: 27%
}

.criteria ul li .item-container select.activated {
    background-color: #C4EFFF;
    color: #000
}

.criteria ul li .item-container select option {
    color: #777
}

.criteria ul li .item-container select option:checked {
    color: #000
}

.criteria ul li .item-container .unit {
    font-weight: normal;
    color: #777
}

.criteria ul li .item-container .three-buttons {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.6em;
    margin-right: 4px;
    display: inline-block;
    width: 24%;
    color: #777;
    text-align: center
}

.opera_mini .criteria ul li .item-container .three-buttons {
    width: 18%
}

.criteria ul li .item-container input[type="radio"] {
    display: none
}

.criteria ul li .item-container input[type="radio"]:checked + label {
    background-color: #C4EFFF;
    color: #000
}

.criteria ul .accessories li {
    font-size: 1.4em;
    float: left;
    width: 50%
}

.criteria ul .checkbox-orange input[type="checkbox"] {
    display: none
}

.opera_mini .criteria ul .checkbox-orange input[type="checkbox"] {
    display: inline-block;
    vertical-align: bottom
}

.criteria ul .checkbox-orange label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer
}

.opera_mini .criteria ul .checkbox-orange label {
    padding: 3px 0px 3px 0px
}

.criteria ul .checkbox-orange label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px
}

.opera_mini .criteria ul .checkbox-orange label::before {
    content: none
}

.criteria ul .checkbox-orange input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 4px;
    left: 3px;
    width: 8px;
    height: 5px;
    border-left: 4px solid #dd0404;
    border-bottom: 4px solid #dd0404;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.opera_mini .criteria ul .checkbox-orange input[type="checkbox"]:checked + label::after {
    content: none
}

.criteria ul .tags-name {
    height: 84px
}

.criteria ul .tags-list {
    float: left;
    width: 79%
}

.criteria ul .tags-list li {
    float: left;
    padding: 1px
}

.criteria ul .tags-list li input[type="checkbox"]:checked + label::after {
    top: 9px;
    left: 3px
}

.criteria ul .tags-list li span {
    width: 78px
}

.search-button-area {
    margin: 10px 10px 0
}

.search-button-area .greyDown {
    background-image: url(/assets/images/search/arrow-close.png);
    background-repeat: no-repeat;
    background-position: 97% center
}

.search-button-area .greyUp {
    background-image: url(/assets/images/search/arrow-open.png);
    background-repeat: no-repeat;
    background-position: 97% center
}

.search-button-area .button-search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0
}

.opera_mini .search-button-area .button-search {
    font-size: 21px
}

.search-button-area .button-reset {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0
}

.opera_mini .search-button-area .button-reset {
    font-size: 21px
}

.buttons {
    width: 20%;
    height: 38px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-size: 1.6em
}

.search-fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    filter: alpha(opacity=25);
    background-color: rgba(0, 0, 0, 0.75)
}

.search-fixed-bottom .totalcount-area {
    color: #fff;
    font-size: 14px;
    margin: 10px 0;
    text-align: center
}

.search-fixed-bottom .totalcount-area span {
    color: #ffc000;
    font-weight: bold
}

.search-fixed-bottom .search-button-area {
    margin-top: 6px
}

.search-fixed-bottom .search-button-area .button-reset {
    width: 35%;
    float: left;
    margin-right: 3%;
    margin-bottom: 5px
}

.opera_mini .search-fixed-bottom .search-button-area .button-reset {
    font-size: 21px
}

.search-fixed-bottom .search-button-area .button-search {
    width: 62%;
    float: right;
    background-position: 18% center;
    margin-bottom: 5px
}

.opera_mini .search-fixed-bottom .search-button-area .button-search {
    font-size: 21px
}

.clearfix:after {
    content: "";
    clear: both;
    display: block
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle
}