#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock {
    margin: 0px;
    padding: 0px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li {
    padding-bottom: 0px;
    text-align: center;
    display: inline-block
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li:not(.dot):not(.day) span, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li:not(.dot):not(.day) span {
    display: inline-block;
    color: #FFF;
    width: 22px;
    font-size: 20px;
    padding-top: 0px;
    margin-right: 2px;
    margin-left: 2px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #555;
    background: -moz-linear-gradient(top, #555 49%, #7d7d7d 50%, #555 52%);
    background: -webkit-linear-gradient(top, #555 49%, #7d7d7d 50%, #555 52%);
    background: linear-gradient(to bottom, #555 48%, #fff 50%, #555 51%)
}

@media (max-width: 480px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li:not(.dot):not(.day) span, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li:not(.dot):not(.day) span {
        width: 4.5vw;
        font-size: 4vw;
        height: 6vw;
        box-sizing: border-box;
        border-radius: 3px;
        background: #555;
        margin-right: 1px;
        margin-left: 1px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li.dot, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li.dot {
    position: relative
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li.dot:before, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li.dot:before {
    content: ':';
    font-size: 24px;
    color: #868686
}

@media (max-width: 480px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li.dot:before, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li.dot:before {
        font-size: 5vw
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li.day, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li.day {
    line-height: 1;
    font-size: 12px;
    color: #9b9b9b
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li.day:not(:last-child), #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li.day:not(:last-child) {
    margin-left: -4px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain .clock li p, #AuctionDetail .info-basic .car-overview .table tr.time-remain .clock li p {
    color: #9b9b9b;
    font-size: 11px
}

#CarDetail .contents section > ul {
    padding: 0px;
    list-style: none
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5px 0px;
    color: #666;
    font-size: 0.9rem;
    line-height: 1.9rem
}

@media (max-width: 991px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) {
        font-size: 0.85rem;
        line-height: 1.8rem
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-bottom: 5px
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li {
        font-size: 12px;
        line-height: 24px;
        letter-spacing: -0.5px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.full {
    width: 100%
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.full-lg {
    width: 100%
}

@media (max-width: 1199px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.full-lg {
        width: 50%
    }
}

@media (max-width: 1199px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.full-md {
        width: 100%
    }
}

@media (max-width: 991px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.full-sm {
        width: 100%
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.full-sm:not(.half-xs) {
        width: 100% !important
    }
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.full-xs {
        width: 100% !important
    }
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.half-xs {
        width: 50% !important
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li:not(.normal) {
    color: #333
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .time-remain {
    padding-bottom: 5px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner {
    width: 100%;
    text-decoration: none
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner > div {
    width: 100%;
    position: relative;
    padding: 17px 15px 15px;
    border-radius: 3.5px;
    box-shadow: 0px 3px 10px 0 rgba(39, 81, 123, 0.3);
    border: solid 1px #1976d2;
    background-color: #ffffff
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner > div {
        padding: 13px 15px 11px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner > div > img {
    position: absolute;
    top: 19px;
    width: 200px
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner > div > img {
        top: 15px;
        width: auto
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner > div > span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #1976d2;
    margin-top: 17px;
    letter-spacing: -0.5px
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner > div > span {
        font-size: 16px;
        margin-top: 13px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner > div > span:last-child {
    margin-top: 0;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 15px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-image: linear-gradient(52deg, #1976d2, #2aa0fd);
    border-radius: 100px;
    color: white;
    padding: 5px 50px
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .banner > div > span:last-child {
        font-size: 11px;
        padding: 1px 18px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li label {
    cursor: default;
    color: #999;
    position: relative;
    flex-basis: 80px;
    margin-right: 20px
}

@media (max-width: 991px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li label {
        margin-right: 15px
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li label:not(.nowrap) {
        flex: 0 0 70px
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li label.nowrap {
        min-width: 100px
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li label.narrow {
        flex: 0 0 45px;
        margin-right: 10px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li label:after {
    content: '';
    position: absolute;
    top: 0.4em;
    right: 0;
    width: 1px;
    height: 1.2em;
    background-color: #e0e0e0
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li label {
        flex-basis: 55px !important;
        margin-right: 10px !important;
        min-width: 60px !important;
        line-height: 16px;
        padding-top: 0.3em
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li label.middle {
        padding-top: 0px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li strong {
    font-size: 1.2em
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .description {
    line-height: 20px;
    padding-top: 5px
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .description, #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .multiline {
        line-height: 16px;
        padding-top: 4px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li .comment {
    font-weight: normal;
    margin-top: 3px;
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7f7f7;
    border-radius: 5px;
    color: #333;
    min-width: 40%
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li .comment {
        min-width: 100%;
        display: block;
        padding: 10px 15px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li ul.comment {
    position: relative
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li ul.comment li {
    padding-left: 20px
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li ul.comment li {
        padding-left: 10px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li ul.comment li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #2aa0fd;
    position: absolute;
    left: 20px
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li ul.comment li:before {
        left: 10px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment {
    display: block;
    width: 100%
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment label {
    display: block
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment label:after {
    display: none
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .comment {
    display: block;
    line-height: 1.5rem
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .comment {
        font-size: 12px;
        line-height: 18px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable {
    margin-top: 0px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul {
    padding: 0px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    padding-bottom: 0px;
    -webkit-transition: opacity .15s ease;
    -moz-transition: opacity .15s ease;
    -ms-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li:not(:last-child) {
    border-bottom: 1px dashed #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .cover {
    flex: 0 0 100px;
    padding-right: 20px
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .cover {
        flex: 0 0 80px;
        padding-right: 10px
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .cover img {
    display: block;
    max-width: 100%;
    margin-bottom: 5px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .spec {
    flex-grow: 1;
    line-height: 1.2rem
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .spec {
        line-height: 1rem
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .spec .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .spec .name span {
    padding-right: 5px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .spec small.text-muted {
    padding-top: 5px;
    line-height: 0.9rem
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .button {
    position: relative;
    flex: 0 0 30px
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .button a {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.8rem;
    text-decoration: none;
    padding-left: 10px;
    font-size: 1.4rem
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .button a .fa-plus-circle {
    display: block
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .button a .fa-close {
    display: none
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .button {
        flex: 0 0 25px
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li .button a {
        font-size: 1rem;
        margin-top: -0.55rem
    }
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li.selected-category {
    opacity: 0.5
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li.selected-category .button a {
    color: #ccc;
    cursor: not-allowed
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li.selected-item {
    opacity: 1 !important
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li.selected-item .button a {
    color: #2aa0fd;
    cursor: pointer
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li.selected-item .button a .fa-plus-circle {
    display: none
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.comment .options-mountable ul li.selected-item .button a .fa-close {
    display: block
}

#CarDetail .contents section > ul.inline li {
    display: inline-block;
    position: relative
}

#CarDetail .contents section > ul.inline li:not(.no-divider):not(:last-child) {
    padding-right: 10px;
    margin-right: 6px
}

#CarDetail .contents section > ul.inline li:not(.no-divider):not(:last-child):after {
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    top: 6px;
    right: 0;
    background-color: #ccc
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul.inline li.text-muted:not(.except-block) {
        display: block;
        margin-top: -0.1em !important;
        line-height: 11px
    }
}

@media (max-width: 767px) {
    #CarDetail .contents section .rounded-body {
        text-align: center
    }
}

#CarDetail .contents section .rounded-body .rounded {
    display: inline-block;
    border: 1px solid #999;
    border-radius: 20px;
    text-align: center;
    max-width: 100%;
    padding: 10px 20px;
    margin: 0 auto
}

@media (max-width: 767px) {
    #CarDetail .contents section .rounded-body .rounded {
        width: 100%;
        padding: 10px 0px;
        font-size: 3.8vw
    }

    #CarDetail .contents section .rounded-body .rounded + small {
        font-size: 3.5vw
    }
}

#CarDetail .contents section .rounded-body .rounded u {
    text-decoration: none;
    border-bottom: 1px solid #999
}

#CarDetail .contents section .rounded-body .rounded strong {
    font-size: 1.1em
}

#CarDetail .contents section .rounded-body .rounded.green {
    color: #2bb673;
    border-color: #2bb673
}

#CarDetail .contents section .rounded-body .rounded.green > * {
    border-color: #2bb673
}

#CarDetail .contents section .rounded-body .rounded.orange {
    color: #2aa0fd;
    border-color: #2aa0fd
}

#CarDetail .contents section .rounded-body .rounded.orange > * {
    border-color: #2aa0fd
}

@media (min-width: 768px) {
    html:not(.main) body {
        padding-top: 108px
    }
}

@media (max-width: 767px) {
    html:not(.main) body {
        padding-top: 51px
    }
}

@media (max-width: 480px) {
    html:not(.main) body {
        font-size: 4vw
    }

    html:not(.main) body ul.nav-tabs li {
        font-size: 3.5vw
    }
}

html:not(.main) body .footer {
    display: none
}

.page:not(.sidebar) {
    padding: 30px 15px 100px 15px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.page:not(.sidebar).loaded {
    opacity: 1
}

@media (min-width: 768px) {
    .page:not(.sidebar) {
        width: 768px
    }
}

@media (min-width: 992px) {
    .page:not(.sidebar) {
        width: 992px
    }
}

@media (max-width: 767px) {
    .page:not(.sidebar) {
        width: 100% important;
        padding: 15px 15px 80px 15px
    }
}

.page:not(.sidebar) .page-header {
    color: #2aa0fd;
    padding-bottom: 25px
}

@media (max-width: 767px) {
    .page:not(.sidebar) .page-header {
        font-size: 18px;
        margin-top: 0px;
        padding-bottom: 10px
    }
}

.page:not(.sidebar) .button-area {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eeeeee
}

@media (min-width: 768px) {
    .page:not(.sidebar) .button-area .btn {
        margin: 0px 10px
    }

    .page:not(.sidebar) .button-area.text-left .btn:first-child {
        margin-left: 0px
    }

    .page:not(.sidebar) .button-area.text-right .btn:last-child {
        margin-right: 0px
    }
}

@media (max-width: 767px) {
    .page:not(.sidebar) .button-area {
        display: flex
    }

    .page:not(.sidebar) .button-area .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex-grow: 1;
        margin: 0px 5px;
        display: block
    }

    .page:not(.sidebar) .button-area .btn.btn-secondary {
        background-color: #eee
    }

    .page:not(.sidebar) .button-area .btn:first-child {
        margin-left: 0px
    }

    .page:not(.sidebar) .button-area .btn:last-child {
        margin-right: 0px
    }
}

.page ul:not(.dropdown-menu):not(.nav-tabs):not(.list-unstyled):not(.list-inline) {
    padding-left: 25px
}

.page ul:not(.dropdown-menu):not(.nav-tabs):not(.list-unstyled):not(.list-inline) li:not(last-child) {
    padding-bottom: 5px
}

.page .help-block {
    color: #aaaaaa;
    font-size: 12px;
    margin-bottom: 0px
}

@media (max-width: 767px) {
    .page .help-block {
        font-size: 11px
    }
}

.page .help-block:not(.desc):before {
    content: "※ "
}

.page.sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding-bottom: 0px
}

@media (max-width: 767px) {
    .page.sidebar {
        padding-top: 51px
    }
}

.page.sidebar .overlay {
    display: none;
    position: fixed;
    opacity: 0.7;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 2029;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}

.page.sidebar .sidebar-wrapper {
    flex-shrink: 1;
    display: block;
    position: fixed;
    z-index: 11;
    top: 108px;
    width: 250px;
    min-width: 250px;
    height: -moz-calc(100% - 108px);
    height: -webkit-calc(100% - 108px);
    height: calc(100% - 108px);
    overflow: hidden;
    border-right: 1px solid #e7e7e7;
    background-color: #FFF;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 768px) {
    .page.sidebar .sidebar-wrapper {
        padding-bottom: 100px
    }
}

.page.sidebar .sidebar-wrapper header {
    position: relative;
    z-index: 12;
    padding: 15px 8px 15px 15px;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.page.sidebar .sidebar-wrapper header .fa {
    margin-right: 5px
}

.page.sidebar .sidebar-wrapper header .close {
    padding: 0px;
    font-size: 26px;
    line-height: 18px
}

.page.sidebar .sidebar-wrapper .sidebar-container {
    position: absolute;
    z-index: 11;
    width: 274px;
    height: 100%;
    top: 35px;
    left: 0;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 15px 35px 100px 15px
}

@media (min-width: 768px) {
    .page.sidebar .sidebar-wrapper .sidebar-container {
        padding-bottom: 200px
    }
}

@media (max-width: 767px) {
    .page.sidebar .sidebar-wrapper .sidebar-container {
        padding-right: 15px;
        width: 100%
    }
}

.page.sidebar .sidebar-wrapper .sidebar-container .list-group {
    margin: 0px -20px;
    border: none
}

.page.sidebar .sidebar-wrapper .sidebar-container .list-group .list-group-item {
    position: relative;
    border-radius: 0;
    border: none;
    border-top: 1px solid #eee;
    padding: 15px 20px;
    color: #2aa0fd;
    cursor: pointer
}

.page.sidebar .sidebar-wrapper .sidebar-container .list-group .list-group-item:first-child {
    border: none
}

.page.sidebar .sidebar-wrapper .sidebar-container .list-group .list-group-item:last-child {
    border-bottom: 1px solid #eee
}

.page.sidebar .sidebar-wrapper .sidebar-container .list-group .list-group-item:before {
    content: "\f077";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #2aa0fd;
    font-size: 12px;
    position: absolute;
    right: 22px
}

.page.sidebar .sidebar-wrapper .sidebar-container .list-group .list-group-item.collapsed:before {
    content: "\f078";
    color: #999
}

.page.sidebar .sidebar-wrapper .sidebar-container .list-group .list-group-item:not(.collapsed) {
    background-color: #f9f9f9
}

.page.sidebar .sidebar-wrapper .sidebar-bottom {
    position: absolute;
    z-index: 12;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    border-radius: 0px
}

@media (max-width: 991px) {
    .page.sidebar .sidebar-wrapper .sidebar-bottom {
        display: block !important
    }
}

.page.sidebar .sidebar-wrapper.left {
    left: 0;
    margin-left: -250px
}

.page.sidebar .sidebar-wrapper.right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
    right: 0;
    margin-right: -250px
}

@media (max-width: 767px) {
    .page.sidebar .sidebar-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2030;
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
        height: 100%;
        width: -moz-calc(100% - 58px);
        width: -webkit-calc(100% - 58px);
        width: calc(100% - 58px)
    }

    .page.sidebar .sidebar-wrapper.left {
        margin-left: -100%
    }

    .page.sidebar .sidebar-wrapper.right {
        margin-right: -100%
    }
}

.page.sidebar .page-header {
    position: fixed;
    z-index: 10;
    color: #2aa0fd;
    height: 50px;
    margin: 0px;
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    top: 108px;
    left: 0px;
    width: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.page.sidebar .page-header h3 {
    display: inline-block;
    font-size: 22px;
    margin-top: -4px
}

.page.sidebar .page-header h3 .btn {
    margin-top: -4px
}

.page.sidebar .page-header h3 .btn:last-child {
    margin-left: 10px
}

.page.sidebar .page-header .sidebar-title {
    display: inline-block;
    text-decoration: none;
    color: #2aa0fd;
    cursor: pointer;
    margin-right: 20px
}

.page.sidebar .page-header .sidebar-title:after {
    display: block;
    content: '';
    border-bottom: solid 1px #2aa0fd;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleunquote("scaleX(0)");
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -ms-transition: transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.page.sidebar .page-header .sidebar-title:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleunquote("scaleX(1)")
}

.page.sidebar .page-header .sidebar-title.right {
    display: inline-block !important;
    margin-right: 30px
}

@media (max-width: 767px) {
    .page.sidebar .page-header .sidebar-title.right {
        margin-right: 20px
    }
}

.page.sidebar .page-header .sidebar-title .fa {
    margin-right: 5px
}

.page.sidebar .page-header .chg-list-type {
    margin-right: 20px
}

.page.sidebar .page-header .chg-list-type a {
    color: #CCC;
    margin: -5px 5px 0 0;
    padding: 0px;
    font-size: 23px;
    height: 23px;
    line-height: 0px;
    box-shadow: none
}

.page.sidebar .page-header .chg-list-type a:hover {
    color: #5584c2
}

.page.sidebar .page-header .chg-list-type a .active {
    color: #2aa0fd
}

.page.sidebar .page-header .chg-list-type a .active:hover {
    opacity: 0.7
}

@media (max-width: 767px) {
    .page.sidebar .page-header {
        top: 51px;
        left: 0 !important;
        width: 100% !important;
        font-size: 16px;
        padding: 14px
    }

    .page.sidebar .page-header h3 {
        font-size: 18px;
        margin: 0px
    }

    .page.sidebar .page-header a.dropdown-toggle {
        margin-right: 0px !important
    }

    .page.sidebar .page-header a.dropdown-toggle span {
        display: none
    }
}

.page.sidebar .page-header .dropdown-menu {
    position: absolute;
    left: auto;
    right: 25px;
    font-size: 14px;
    min-width: auto;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.page.sidebar .page-header .dropdown-menu li:not(.visible-xs-block) {
    text-align: center;
    cursor: pointer
}

.page.sidebar .page-header .dropdown-menu li:not(.visible-xs-block) a {
    color: #7f7f7f
}

.page.sidebar .page-header .dropdown-menu li:not(.visible-xs-block).active a {
    background-color: transparent;
    color: #2aa0fd
}

.page.sidebar .page-header .dropdown-menu li:not(.visible-xs-block) hr {
    margin: 3px 0px 6px 0px
}

@media (max-width: 767px) {
    .page.sidebar .page-header .dropdown-menu {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2030;
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
        height: 100%;
        width: 190px;
        margin-right: -190px !important;
        background-color: #fff;
        box-shadow: none;
        border: none;
        padding: 15px 20px;
        margin: 0;
        border-radius: 0px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .page.sidebar .page-header .dropdown-menu li {
        text-align: left !important
    }

    .page.sidebar .page-header .dropdown-menu li.visible-xs-block {
        color: #666;
        border-bottom: 1px solid #eee;
        padding: 15px 8px 15px 15px;
        margin: -15px -20px 10px -20px
    }

    .page.sidebar .page-header .dropdown-menu li.visible-xs-block .fa {
        margin-right: 5px;
        font-size: 13px
    }

    .page.sidebar .page-header .dropdown-menu li.visible-xs-block .close {
        padding: 0px;
        font-size: 26px;
        line-height: 18px
    }

    .page.sidebar .page-header .dropdown-menu li a {
        padding: 5px 0px
    }
}

.page.sidebar .sidebar-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    z-index: 9;
    padding: 55px 20px 15px 20px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media (max-width: 767px) {
    .page.sidebar .sidebar-contents {
        padding-top: 0px
    }
}

.page.sidebar.left .sidebar-wrapper.left {
    margin-left: 0px
}

.page.sidebar.left .page-header {
    left: 250px;
    width: -moz-calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: calc(100% - 250px)
}

.page.sidebar.left .page-header .sidebar-title.left {
    display: none
}

.page.sidebar.left:not(.list) .sidebar-contents {
    padding-left: 270px
}

.page.sidebar.right:not(.left) .sidebar-wrapper.right {
    margin-right: 0px
}

.page.sidebar.right:not(.left) .page-header .sidebar-title.right {
    display: none
}

@media (max-width: 767px) {
    .page.sidebar.right:not(.left) .page-header {
        position: absolute;
        z-index: auto
    }

    .page.sidebar.right:not(.left) .page-header .dropdown-menu {
        margin-right: 0px !important
    }
}

.page.sidebar.right:not(.left) .sidebar-contents {
    border-right: 1px solid #d8d8d8
}

@media (min-width: 768px) {
    .page.sidebar.list {
        width: 768px;
        position: relative;
        margin: 0 auto
    }

    .page.sidebar.list .page-header {
        width: 768px;
        left: -moz-calc((100% - 768px) / 2);
        left: -webkit-calc((100% - 768px) / 2);
        left: calc((100% - 768px) / 2)
    }

    .page.sidebar.list .page-header .sidebar-title.right {
        margin-right: 0px
    }

    .page.sidebar.list .page-header .dropdown-menu {
        right: 0px
    }

    .page.sidebar.list.left .overlay {
        display: block
    }

    .page.sidebar.list.left .sidebar-wrapper {
        z-index: 2030;
        top: 0;
        height: 100%
    }

    .page.sidebar.list.left .sidebar-contents {
        border-left: none !important;
        padding-left: 0px
    }

    .page.sidebar.list:not(.left) .sidebar-contents {
        border-right: none;
        padding-left: 0px
    }

    .page.sidebar.list:not(.left) .sidebar-contents section > ul {
        margin: 0px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .page.sidebar.list {
        width: 992px
    }

    .page.sidebar.list.left .overlay {
        display: none
    }

    .page.sidebar.list.left .sidebar-wrapper {
        left: -moz-calc((100% - 992px) / 2);
        left: -webkit-calc((100% - 992px) / 2);
        left: calc((100% - 992px) / 2);
        z-index: 11;
        top: 108px;
        height: -moz-calc(100% - 108px);
        height: -webkit-calc(100% - 108px);
        height: calc(100% - 108px);
        border-left: 1px solid #e7e7e7
    }

    .page.sidebar.list.left .page-header {
        left: -moz-calc((100% - 992px) / 2 + 250px);
        left: -webkit-calc((100% - 992px) / 2 + 250px);
        left: calc((100% - 992px) / 2 + 250px);
        width: -moz-calc(992px - 250px);
        width: -webkit-calc(992px - 250px);
        width: calc(992px - 250px)
    }

    .page.sidebar.list.left .sidebar-contents {
        border-left: 1px solid #d8d8d8;
        padding-left: 250px
    }

    .page.sidebar.list:not(.left) .sidebar-wrapper {
        display: none !important
    }

    .page.sidebar.list:not(.left) .page-header {
        left: -moz-calc((100% - 992px) / 2);
        left: -webkit-calc((100% - 992px) / 2);
        left: calc((100% - 992px) / 2);
        width: 992px
    }
}

@media (max-width: 767px) {
    .page.sidebar.left .overlay:not(.overlay-right) {
        display: block
    }

    .page.sidebar.left .overlay-right {
        display: none
    }

    .page.sidebar.right .overlay:not(.overlay-right) {
        display: none
    }

    .page.sidebar.right .overlay-right {
        display: block
    }

    .page.sidebar.left .sidebar-title, .page.sidebar.right .sidebar-title {
        display: inline-block !important
    }
}

#modalAlert .modal-title {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #89909d;
    line-height: 24px;
    letter-spacing: -0.5px
}

@media (max-width: 767px) {
    #modalAlert .modal-title {
        font-size: 14px !important
    }
}

#modalAgreement .modal-title {
    color: #2aa0fd
}

#modalAgreement .modal-body h2 {
    color: #333;
    font-size: 22px
}

#modalAgreement .modal-body h3 {
    color: #666;
    font-size: 18px
}

.car-check-view {
    list-style: none;
    margin-bottom: 0px !important
}

.car-check-view h5 div.text-left small {
    display: block;
    padding: 2px 0px 2px 15px
}

.car-list {
    font-size: 14px
}

@media (max-width: 767px) {
    .car-list {
        font-size: 12px
    }
}

.car-list > ul, .car-list > article > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0px;
    border-bottom: 1px solid #d7d7d7;
    -webkit-transition: background-color .35s ease;
    -moz-transition: background-color .35s ease;
    -ms-transition: background-color .35s ease;
    -o-transition: background-color .35s ease;
    transition: background-color .35s ease
}

@media (max-width: 767px) {
    .car-list > ul, .car-list > article > ul {
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #f7f7f7;
        padding: 0px 10px 10px 10px;
        border: 1px solid #d7d7d7;
        margin-bottom: 5px
    }
}

.car-list > ul > li{
    padding: 10px 0px
}

.car-list > ul > li, .car-list > article > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .car-list > ul > li.price, .car-list > ul > li.mountable, .car-list > ul > li.total-price, .car-list > article > ul > li.price, .car-list > article > ul > li.mountable, .car-list > article > ul > li.total-price {
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        display: block;
        padding: 10px;
        line-height: 1;
        background-color: #fff
    }
}

.car-list > ul > li:not(:last-child), .car-list > article > ul > li:not(:last-child) {
    margin-right: 10px
}

.car-list > ul > li:not(.remove), .car-list > article > ul > li:not(.remove) {
    cursor: pointer
}

.car-list > ul > li .show-xs, .car-list > article > ul > li .show-xs {
    display: none;
    margin-right: 5px;
    color: #999;
    font-size: 12px !important
}

@media (max-width: 767px) {
    .car-list > ul > li .show-xs, .car-list > article > ul > li .show-xs {
        display: inline-block
    }
}

.car-list > ul > li h5, .car-list > article > ul > li h5 {
    -webkit-transition: color .35s ease;
    -moz-transition: color .35s ease;
    -ms-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    font-size: 1.1em;
}

.car-list > ul > li h5 small, .car-list > article > ul > li h5 small {
    font-size: 0.9em;
    word-wrap: break-word;
    word-break: break-all
}

.car-list > ul > li.cover, .car-list > article > ul > li.cover {
    -ms-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    flex: 0 0 100px
}

@media (max-width: 767px) {
    .car-list > ul > li.cover, .car-list > article > ul > li.cover {
        -ms-flex: 0 0 70px;
        -webkit-flex: 0 0 70px;
        flex: 0 0 70px
    }
}

.car-list > ul > li.cover img, .car-list > article > ul > li.cover img {
    display: block;
    max-width: 100%;
    width: 100px
}

@media (max-width: 767px) {
    .car-list > ul > li.cover img, .car-list > article > ul > li.cover img {
        width: 70px
    }
}

.car-list > ul > li.overview, .car-list > article > ul > li.overview {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 767px) {
    .car-list > ul > li.overview, .car-list > article > ul > li.overview {
        margin-right: 0px;
        -ms-flex: 0 0 calc(100% - 80px);
        -webkit-flex: 0 0 calc(100% - 80px);
        flex: 0 0 calc(100% - 80px);
        width: calc(100% - 80px)
    }

    .car-list > ul > li.overview h5, .car-list > article > ul > li.overview h5 {
        margin-bottom: 5px;
        padding-right: 30px;
        word-wrap: break-word;
        word-break: break-all;
        max-width: 100%
    }
}

.car-list > ul > li.overview ul li, .car-list > article > ul > li.overview ul li {
    position: relative
}

@media (max-width: 767px) {
    .car-list > ul > li.overview ul li, .car-list > article > ul > li.overview ul li {
        font-size: 12px
    }
}

.car-list > ul > li.overview ul li:not(:last-child):after, .car-list > article > ul > li.overview ul li:not(:last-child):after {
    content: '·';
    position: absolute;
    font-size: 1.1em;
    line-height: 1;
    right: -5px;
    top: 0.1em
}

.car-list > ul > li.price, .car-list > ul > li.total-price, .car-list > article > ul > li.price, .car-list > article > ul > li.total-price {
    -ms-flex: 0 0 80px;
    -webkit-flex: 0 0 80px;
    flex: 0 0 80px
}

@media (max-width: 767px) {
    .car-list > ul > li.price, .car-list > ul > li.total-price, .car-list > article > ul > li.price, .car-list > article > ul > li.total-price {
        border-bottom: 1px dashed #eee
    }

    .car-list > ul > li.price h5, .car-list > ul > li.total-price h5, .car-list > article > ul > li.price h5, .car-list > article > ul > li.total-price h5 {
        float: left;
        margin-bottom: 0px
    }

    .car-list > ul > li.price span, .car-list > ul > li.total-price span, .car-list > article > ul > li.price span, .car-list > article > ul > li.total-price span {
        float: right;
        font-size: 1.1em
    }

    .car-list > ul > li.price span small, .car-list > ul > li.total-price span small, .car-list > article > ul > li.price span small, .car-list > article > ul > li.total-price span small {
        font-size: 0.9em;
        white-space: nowrap
    }
}

.car-list > ul > li.total-price, .car-list > article > ul > li.total-price {
    -ms-flex: 0 0 150px;
    -webkit-flex: 0 0 150px;
    flex: 0 0 150px;
    text-align: right;
}

@media (max-width: 767px) {
    .car-list > ul > li.total-price, .car-list > article > ul > li.total-price {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
        order: 4;
        position: relative
    }

    .car-list > ul > li.total-price .btn, .car-list > article > ul > li.total-price .btn {
        position: absolute;
        top: 6px;
        right: 10px
    }
}

.car-list > ul > li.mountable, .car-list > article > ul > li.mountable {
    -ms-flex: 0 0 120px;
    -webkit-flex: 0 0 120px;
    flex: 0 0 120px
}

.car-list > ul > li.mountable ul, .car-list > article > ul > li.mountable ul {
    margin-top: 5px
}

.car-list > ul > li.mountable ul li, .car-list > article > ul > li.mountable ul li {
    font-size: 0.85em;
    text-align: center;
    color: #999
}

@media (max-width: 767px) {
    .car-list > ul > li.mountable, .car-list > article > ul > li.mountable {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .car-list > ul > li.mountable span, .car-list > article > ul > li.mountable span {
        font-size: 1.1em
    }

    .car-list > ul > li.mountable ul:before, .car-list > article > ul > li.mountable ul:before {
        content: '└ '
    }

    .car-list > ul > li.mountable ul li, .car-list > article > ul > li.mountable ul li {
        font-size: 0.9em;
        display: inline-block
    }

    .car-list > ul > li.mountable ul li:not(:last-child):after, .car-list > article > ul > li.mountable ul li:not(:last-child):after {
        content: '＋'
    }
}

.car-list > ul > li.remove, .car-list > article > ul > li.remove {
    -ms-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    flex: 0 0 30px
}

@media (max-width: 767px) {
    .car-list > ul > li.remove, .car-list > article > ul > li.remove {
        display: block;
        text-align: center;
        position: absolute;
        top: 5px;
        right: 0;
        height: 22px;
        padding: 0px
    }
}

.car-list > ul > li.remove a, .car-list > article > ul > li.remove a {
    font-size: 1.2em;
    color: #ccc
}

.car-list > ul > li.remove a:hover, .car-list > article > ul > li.remove a:hover {
    color: #2aa0fd
}

@media (max-width: 767px) {
    .car-list > ul > li.remove a, .car-list > article > ul > li.remove a {
        display: block;
        width: 22px;
        height: 22px
    }
}

@media (max-width: 767px) {
    .car-list > ul.title, .car-list > article > ul.title {
        display: none
    }
}

.car-list > ul.title li, .car-list > article > ul.title li {
    color: #666;
    padding-bottom: 10px;
    cursor: default
}

.car-list > ul.title li.cover, .car-list > ul.title li.remove, .car-list > article > ul.title li.cover, .car-list > article > ul.title li.remove {
    text-indent: -9999px
}

.car-list > ul.title li:not(.overview), .car-list > article > ul.title li:not(.overview) {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.car-list > ul:not(.title):hover, .car-list > article > ul:not(.title):hover {
    background-color: #f7f7f7
}

.car-list > ul:not(.title):hover > li.overview h5, .car-list > article > ul:not(.title):hover > li.overview h5 {
    color: #2aa0fd
}

.table.cars-overview {
    font-size: 14px;
    color: #666666
}

.table.cars-overview .text-muted {
    color: #cccccc
}

.table.cars-overview tr th {
    text-align: center;
    vertical-align: middle
}

.table.cars-overview tr.item-list:hover td {
    cursor: pointer;
    color: #2f6f9f !important
}

.table.cars-overview tr.item-list td {
    white-space: nowrap
}

.table.cars-overview tr.item-list td.photo {
    width: 80px;
    min-width: 80px
}

.table.cars-overview tr.item-list td.photo img {
    display: block;
    width: 100%;
    height: auto
}

.table.cars-overview tr.item-list td.model {
    font-weight: 700;
    text-align: left
}

.table.cars-overview tr.item-list td.model span {
    display: block;
    font-weight: normal;
    font-size: 0.9em
}

.table.cars-overview tr.item-list td.year, .table.cars-overview tr.item-list td.history, .table.cars-overview tr.item-list td.mileage {
    width: 100px
}

.table.cars-overview tr.item-list td.fuel {
    width: 60px
}

.table.cars-overview tr.item-list td.price {
    width: 110px;
    min-width: 100px;
    text-align: right
}

.table.cars-overview tr.item-list td.price p {
    margin: 0px
}

.mypage .cars-overview tr.disabled:hover td {
    cursor: not-allowed !important;
    color: #ccc !important
}

.mypage .cars-overview tr.disabled:hover td span {
    color: #ccc !important
}

.mypage .cars-overview tr.disabled td {
    color: #ccc !important
}

.mypage .cars-overview tr.disabled td img {
    opacity: 0.3 !important
}

.mypage .cars-overview tr.disabled td a {
    color: #ccc !important;
    text-decoration: none;
    cursor: not-allowed !important
}

.mypage .cars-overview tr.disabled td .text-muted {
    color: #ccc !important
}

.mypage .cars-overview tr td {
    vertical-align: middle
}

.mypage .cars-overview tr td.photo {
    width: 74px !important;
    min-width: 74px !important;
    padding: 0px
}

.mypage .cars-overview tr td.contract {
    width: 80px
}

.mypage .cars-overview tr td.carnum {
    width: 90px
}

.mypage .cars-overview tr td.price {
    width: 80px !important;
    min-width: 80px !important
}

.mypage .cars-overview tr td.model {
    font-weight: normal !important
}

@media (max-width: 767px) {
    .mypage .cars-overview tr td.model span {
        display: inline-block !important;
        color: #999
    }
}

.mypage .cars-overview tr td.mileage {
    width: 90px !important;
    font-size: 13px;
    text-align: right;
    line-height: 22px
}

#Login #btnResetPW {
    padding-top: 1px
}

@media (max-width: 767px) {
    #Login #btnResetPW {
        font-size: 14px;
        padding-top: 4px
    }
}

@media (max-width: 767px) {
    #Login .alert ul {
        font-size: 14px
    }
}

#Passwd .form-group-lg .input-group-addon {
    min-width: 130px
}

@media (max-width: 767px) {
    #Passwd .form-group-lg .input-group-addon {
        min-width: 110px
    }
}

#Profile .agreement {
    color: #333;
    font-family: 'HYRegular', sans-serif;
    font-size: 15px
}

#Profile .agreement.list-group {
    color: #767676;
    padding: 0px;
    margin-top: 5px
}

#Profile .agreement.list-group .list-group-item {
    padding: 10px 15px 9px 15px
}

#Profile .agreement.list-group .list-group-item a {
    color: #767676;
    margin-left: 5px
}

#Profile .agreement.list-group .list-group-item a span:first-child {
    color: #333
}

#Profile > .alert-warning {
    background-color: #ffffff;
    border-color: #ddd
}

#Profile > .alert-warning h3 {
    font-weight: normal;
    color: #1773e9;
    font-size: 16px;
    position: relative;
    padding-left: 25px;
    line-height: 22px
}

#Profile > .alert-warning h3:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 0
}

#Profile > .alert-warning ul li {
    font-size: 13px;
    color: #999
}

#Profile > .alert-warning ul li:last-child {
    padding-bottom: 0px
}

@media (max-width: 480px) {
    #Registration .alert-info {
        font-size: 12px
    }
}

#Registration .panel-body {
    padding-bottom: 0px
}

@media (max-width: 480px) {
    #Registration .panel-body .input-group .input-group-addon:first-child {
        max-width: 4px;
        background-color: transparent;
        text-indent: -9999px;
        padding: 0px
    }

    #Registration .panel-body .input-group .input-group-addon:first-child + input, #Registration .panel-body .input-group .input-group-addon:first-child + select {
        border-left: none;
        padding-left: 8px
    }
}

#Sale .visual-area {
    margin-top: -20px;
    background-color: #2aa0fd;
    text-align: center;
    padding-top: 40px
}

@media (max-width: 767px) {
    #Sale .visual-area {
        padding-top: 5vw
    }
}

#Sale .visual-area h3 {
    opacity: 0.7;
    border: 2px solid #ffffff;
    font-weight: normal;
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    padding: 6px 12px
}

@media (max-width: 480px) {
    #Sale .visual-area h3 {
        font-size: 12px;
        border: 1px solid #ffffff
    }

    #Sale .visual-area h3 span {
        display: block;
        height: 5px
    }
}

#Sale .visual-area img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

#Sale .visual-area img:not(.visual) {
    width: 40%;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    #Sale .visual-area img:not(.visual) {
        width: 90%
    }
}

#Sale .visual-area img.visual {
    width: 75%
}

@media (max-width: 767px) {
    #Sale .visual-area img.visual {
        width: 100%
    }
}

#Sale ul {
    list-style: none;
    padding-top: 55px
}

@media (max-width: 767px) {
    #Sale ul {
        padding: 15px 15px 0px 15px
    }
}

#Sale ul li {
    text-align: center
}

@media (max-width: 767px) {
    #Sale ul li {
        padding: 10px 0px;
        position: relative
    }
}

#Sale ul li img {
    display: block;
    margin: 0 auto;
    width: 50%;
    height: auto
}

@media (max-width: 767px) {
    #Sale ul li img {
        width: 30%;
        float: left
    }
}

#Sale ul li p {
    padding-top: 30px
}

@media (max-width: 767px) {
    #Sale ul li p {
        float: left;
        padding: 8vw 0px 0px 10vw;
        font-size: 4vw;
        text-align: left
    }
}

#Sale .button-area strong {
    font-size: 1.2em;
    display: block
}

#Garage .search-area {
    padding: 0px 0px 10px 0px !important
}

@media (max-width: 767px) {
    #Garage .search-area {
        padding: 15px 10px 0px 10px !important;
        background-color: #FFF
    }
}

#Garage .search-area .area {
    text-align: left
}

#Garage .search-area .area select {
    width: 100%
}

#Garage .search-area .keyword {
    text-align: center;
    height: 60px
}

@media (max-width: 767px) {
    #Garage .search-area .keyword {
        height: auto
    }
}

#Garage .search-area .keyword .form-control {
    margin: 0px
}

#Garage .search-area .keyword .form-control:focus {
    border-color: #2aa0fd
}

#Garage .search-area .keyword button {
    width: 80px
}

#Garage .search-area .keyword .autocompleteResult {
    font-size: 14px;
    text-align: left;
    padding: 5px 0px 0px 40px
}

#Garage .search-area .reset {
    text-align: right
}

#Garage .search-area .reset button {
    width: 100%
}

@media (max-width: 767px) {
    #Garage {
        margin: 0px;
        padding: 0px 0px 50px 0px !important
    }

    #Garage .page-header {
        display: none
    }

    #Garage .search-area div[class^="col"] {
        margin-bottom: 8px
    }
}

@media (max-width: 767px) {
    #Garage .lstGarage {
        padding: 0px 15px 30px 15px
    }
}

#Garage .lstGarage .garage {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 1;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    #Garage .lstGarage .garage {
        padding: 0px;
        background-color: #FFF;
        border-bottom: 1px solid #DDD;
        margin-bottom: 0px
    }
}

#Garage .lstGarage .garage .item-body {
    position: relative;
    padding: 0px;
    border: 1px solid #DDD;
    height: 320px
}

@media (max-width: 767px) {
    #Garage .lstGarage .garage .item-body {
        border: none;
        border-top: 1px solid #DDD;
        height: auto
    }
}

#Garage .lstGarage .garage .item-body a {
    color: #337ab7
}

#Garage .lstGarage .garage .item-body a.more {
    position: absolute;
    font-size: 16px;
    background-color: #f7f7f7;
    right: -1px;
    bottom: -1px;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    z-index: 990;
    padding: 1px 5px 3px 5px;
    opacity: 1
}

@media (max-width: 767px) {
    #Garage .lstGarage .garage .item-body a.more {
        display: none
    }
}

#Garage .lstGarage .garage .item-body a.more span.fa-close {
    display: none
}

#Garage .lstGarage .garage .item-body .photo {
    padding: 0px;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    border-bottom: 2px solid #2aa0fd;
    height: 180px;
    opacity: 1;
    -webkit-transition: height 0.3s, opacity 1s;
    -moz-transition: height 0.3s, opacity 1s;
    -ms-transition: height 0.3s, opacity 1s;
    -o-transition: height 0.3s, opacity 1s;
    transition: height 0.3s, opacity 1s
}

@media (max-width: 767px) {
    #Garage .lstGarage .garage .item-body .photo {
        width: 80px;
        height: 80px;
        background-size: auto 100%;
        border-radius: 50%;
        border: 1px solid #DDD;
        margin: 10px 0px 10px 10px
    }
}

@media (max-width: 480px) {
    #Garage .lstGarage .garage .item-body .photo {
        display: none
    }
}

#Garage .lstGarage .garage .item-body .photo.loading {
    background-image: url("../img/preloader.gif");
    background-size: auto auto
}

#Garage .lstGarage .garage .item-body .photo img {
    margin: 0px;
    visibility: hidden;
    width: 100%
}

#Garage .lstGarage .garage .item-body .info {
    padding: 0px 10px 0px 10px
}

@media (max-width: 767px) {
    #Garage .lstGarage .garage .item-body .info {
        width: -moz-calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px)
    }
}

@media (max-width: 480px) {
    #Garage .lstGarage .garage .item-body .info {
        width: 100%
    }
}

#Garage .lstGarage .garage .item-body .info h4 {
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #EEE;
    padding-bottom: 7px;
    margin: 7px 0px 7px 0px;
    color: #2aa0fd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 767px) {
    #Garage .lstGarage .garage .item-body .info h4 {
        text-align: left
    }
}

#Garage .lstGarage .garage .item-body .info h4 span.category {
    display: block;
    padding-top: 5px;
    color: #999;
    font-size: 13px;
    font-weight: normal
}

#Garage .lstGarage .garage .item-body .info h4 span.category .tags {
    display: none
}

@media (max-width: 767px) {
    #Garage .lstGarage .garage .item-body .info h4 span.category .tags {
        display: inline-block;
        padding-left: 10px
    }
}

#Garage .lstGarage .garage .item-body .info p {
    margin: 0px;
    font-size: 13px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#Garage .lstGarage .garage .item-body .info p .fa {
    color: #999
}

#Garage .lstGarage .garage .item-body .info .tags {
    font-size: 11px;
    padding-top: 3px;
    color: #FFF;
    font-weight: normal
}

@media (max-width: 767px) {
    #Garage .lstGarage .garage .item-body .info .tags {
        display: none
    }
}

#Garage .lstGarage .garage .item-body .info .tags span {
    display: inline-block;
    background-color: #CCC;
    display: inline-block;
    padding: 2px 5px;
    margin-right: 2px
}

#Garage .lstGarage .garage .item-body .info .description {
    height: 0px;
    opacity: 0;
    box-sizing: border-box;
    font-size: 12px;
    overflow-y: auto;
    white-space: pre-wrap
}

#Garage .lstGarage .garage.detail .photo, #Garage .lstGarage .garage.detail .info h4 span.category, #Garage .lstGarage .garage.detail .info p, #Garage .lstGarage .garage.detail .info .tags {
    height: 0;
    opacity: 0;
    -webkit-transition: height 0.3s, opacity .3s;
    -moz-transition: height 0.3s, opacity .3s;
    -ms-transition: height 0.3s, opacity .3s;
    -o-transition: height 0.3s, opacity .3s;
    transition: height 0.3s, opacity .3s
}

#Garage .lstGarage .garage.detail a {
    text-decoration: none
}

#Garage .lstGarage .garage.detail a.more {
    padding: 4px 6px 5px 6px;
    font-size: 17px
}

#Garage .lstGarage .garage.detail a.more span.fa-bullhorn {
    display: none
}

#Garage .lstGarage .garage.detail a.more span.fa-close {
    display: block
}

#Garage .lstGarage .garage.detail .info .description {
    height: 250px;
    opacity: 1;
    -webkit-transition: height 0.3s, opacity 1.2s;
    -moz-transition: height 0.3s, opacity 1.2s;
    -ms-transition: height 0.3s, opacity 1.2s;
    -o-transition: height 0.3s, opacity 1.2s;
    transition: height 0.3s, opacity 1.2s
}

@-webkit-keyframes cart-emphasis {
    0% {
        top: 69px;
        left: 141px
    }
    40% {
        top: 40%;
        left: 40%;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scaleunquote("scale(3)")
    }
    70% {
        top: 40%;
        left: 40%;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scaleunquote("scale(3)")
    }
    100% {
        top: 69px;
        left: 141px
    }
}

@-moz-keyframes cart-emphasis {
    0% {
        top: 69px;
        left: 141px
    }
    40% {
        top: 40%;
        left: 40%;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scaleunquote("scale(3)")
    }
    70% {
        top: 40%;
        left: 40%;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scaleunquote("scale(3)")
    }
    100% {
        top: 69px;
        left: 141px
    }
}

@-ms-keyframes cart-emphasis {
    0% {
        top: 69px;
        left: 141px
    }
    40% {
        top: 40%;
        left: 40%;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scaleunquote("scale(3)")
    }
    70% {
        top: 40%;
        left: 40%;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scaleunquote("scale(3)")
    }
    100% {
        top: 69px;
        left: 141px
    }
}

@keyframes cart-emphasis {
    0% {
        top: 69px;
        left: 141px
    }
    40% {
        top: 40%;
        left: 40%;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scaleunquote("scale(3)")
    }
    70% {
        top: 40%;
        left: 40%;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scaleunquote("scale(3)")
    }
    100% {
        top: 69px;
        left: 141px
    }
}

#Cars, #Auction {
    color: #666
}

#Cars .sidebar-wrapper ul.search-category, #Auction .sidebar-wrapper ul.search-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0px;
    margin: 15px 0 5px 20px;
    width: 220px
}

@media (max-width: 767px) {
    #Cars .sidebar-wrapper ul.search-category, #Auction .sidebar-wrapper ul.search-category {
        width: 100%;
        padding-right: 35px;
        margin-bottom: 0px
    }
}

#Cars .sidebar-wrapper ul.search-category:after, #Auction .sidebar-wrapper ul.search-category:after {
    content: "";
    width: auto;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto
}

#Cars .sidebar-wrapper ul.search-category li, #Auction .sidebar-wrapper ul.search-category li {
    width: 54px;
    -ms-flex: 0 0 54px;
    -webkit-flex: 0 0 54px;
    flex: 0 0 54px;
    display: block;
    cursor: pointer;
    box-sizing: border-box;
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999
}

@media (max-width: 480px) {
    #Cars .sidebar-wrapper ul.search-category li, #Auction .sidebar-wrapper ul.search-category li {
        width: 25% !important;
        -ms-flex: 0 0 25% !important;
        -webkit-flex: 0 0 25% !important;
        flex: 0 0 25% !important
    }
}

#Cars .sidebar-wrapper ul.search-category li span:not(.fa), #Auction .sidebar-wrapper ul.search-category li span:not(.fa) {
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #DDD;
    border-radius: 50%;
    padding-top: 15px;
    font-size: 14px;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#Cars .sidebar-wrapper ul.search-category li.active, #Auction .sidebar-wrapper ul.search-category li.active {
    color: #2aa0fd
}

#Cars .sidebar-wrapper ul.search-category li.active > span, #Auction .sidebar-wrapper ul.search-category li.active > span {
    color: #FFF;
    opacity: 1;
    background-color: #2aa0fd;
    border: 1px solid #2aa0fd
}

#Cars .sidebar-wrapper ul.search-category.prod-model, #Auction .sidebar-wrapper ul.search-category.prod-model {
    margin-bottom: 10px
}

#Cars .sidebar-wrapper ul.search-category.prod-model li, #Auction .sidebar-wrapper ul.search-category.prod-model li {
    width: 33.333%;
    -ms-flex: 0 0 33.333%;
    -webkit-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    #Cars .sidebar-wrapper ul.search-category.prod-model li, #Auction .sidebar-wrapper ul.search-category.prod-model li {
        width: 20%;
        -ms-flex: 20%;
        -webkit-flex: 20%;
        flex: 0 0 20%
    }

    #Cars .sidebar-wrapper ul.search-category.prod-model li:nth-child(21n), #Auction .sidebar-wrapper ul.search-category.prod-model li:nth-child(21n) {
        display: none
    }
}

@media (max-width: 480px) {
    #Cars .sidebar-wrapper ul.search-category.prod-model li, #Auction .sidebar-wrapper ul.search-category.prod-model li {
        width: 33.333% !important;
        -ms-flex: 0 0 33.333% !important;
        -webkit-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important
    }

    #Cars .sidebar-wrapper ul.search-category.prod-model li:nth-child(21n), #Auction .sidebar-wrapper ul.search-category.prod-model li:nth-child(21n) {
        display: inline-block
    }
}

#Cars .sidebar-wrapper ul.search-category.prod-model li span, #Auction .sidebar-wrapper ul.search-category.prod-model li span {
    width: 90%;
    height: 20px;
    border-radius: 0px;
    padding-top: 2px;
    font-size: 12px
}

@media (max-width: 480px) {
    #Cars .sidebar-wrapper ul.search-category.prod-model li span, #Auction .sidebar-wrapper ul.search-category.prod-model li span {
        height: 26px;
        padding-top: 4px
    }
}

#Cars .sidebar-wrapper ul.search-category.prod-color li span, #Auction .sidebar-wrapper ul.search-category.prod-color li span {
    opacity: 1
}

#Cars .sidebar-wrapper ul.search-category.prod-color li span.fa, #Auction .sidebar-wrapper ul.search-category.prod-color li span.fa {
    display: none
}

#Cars .sidebar-wrapper ul.search-category.prod-color li span label, #Auction .sidebar-wrapper ul.search-category.prod-color li span label {
    font-weight: normal
}

#Cars .sidebar-wrapper ul.search-category.prod-color li.active > span, #Auction .sidebar-wrapper ul.search-category.prod-color li.active > span {
    border-color: transparent
}

#Cars .sidebar-wrapper ul.search-category.prod-color li.active > span span, #Auction .sidebar-wrapper ul.search-category.prod-color li.active > span span {
    display: none;
    font-size: 20px
}

#Cars .sidebar-wrapper ul.search-category.prod-color li.active[data-color="흰"] label, #Cars .sidebar-wrapper ul.search-category.prod-color li.active[data-color="은"] label, #Cars .sidebar-wrapper ul.search-category.prod-color li.active[data-color="회"] label, #Cars .sidebar-wrapper ul.search-category.prod-color li.active[data-color="검정"] label, #Auction .sidebar-wrapper ul.search-category.prod-color li.active[data-color="흰"] label, #Auction .sidebar-wrapper ul.search-category.prod-color li.active[data-color="은"] label, #Auction .sidebar-wrapper ul.search-category.prod-color li.active[data-color="회"] label, #Auction .sidebar-wrapper ul.search-category.prod-color li.active[data-color="검정"] label {
    display: none
}

#Cars .sidebar-wrapper ul.search-category.prod-color li.active[data-color="흰"] span.fa, #Cars .sidebar-wrapper ul.search-category.prod-color li.active[data-color="은"] span.fa, #Cars .sidebar-wrapper ul.search-category.prod-color li.active[data-color="회"] span.fa, #Cars .sidebar-wrapper ul.search-category.prod-color li.active[data-color="검정"] span.fa, #Auction .sidebar-wrapper ul.search-category.prod-color li.active[data-color="흰"] span.fa, #Auction .sidebar-wrapper ul.search-category.prod-color li.active[data-color="은"] span.fa, #Auction .sidebar-wrapper ul.search-category.prod-color li.active[data-color="회"] span.fa, #Auction .sidebar-wrapper ul.search-category.prod-color li.active[data-color="검정"] span.fa {
    display: block
}

#Cars .sidebar-wrapper ul.search-category.prod-color li[data-color="흰"] > span, #Auction .sidebar-wrapper ul.search-category.prod-color li[data-color="흰"] > span {
    background-color: #FFF;
    border-color: #CCC
}

#Cars .sidebar-wrapper ul.search-category.prod-color li[data-color="흰"] > span span, #Auction .sidebar-wrapper ul.search-category.prod-color li[data-color="흰"] > span span {
    color: #999
}

#Cars .sidebar-wrapper ul.search-category.prod-color li[data-color="은"] > span, #Cars .sidebar-wrapper ul.search-category.prod-color li[data-color="회"] > span, #Auction .sidebar-wrapper ul.search-category.prod-color li[data-color="은"] > span, #Auction .sidebar-wrapper ul.search-category.prod-color li[data-color="회"] > span {
    background-color: #CCC;
    border-color: #CCC
}

#Cars .sidebar-wrapper ul.search-category.prod-color li[data-color="검정"] > span, #Auction .sidebar-wrapper ul.search-category.prod-color li[data-color="검정"] > span {
    background-color: #000;
    border-color: #000
}

#Cars .sidebar-wrapper .range, #Auction .sidebar-wrapper .range {
    padding: 10px 20px 15px 20px;
    margin-bottom: 5px;
    position: relative;
    width: 100%
}

#Cars .sidebar-wrapper .range .rzslider, #Auction .sidebar-wrapper .range .rzslider {
    margin-top: 10px
}

#Cars .sidebar-wrapper .range .rzslider .rz-selection, #Auction .sidebar-wrapper .range .rzslider .rz-selection {
    background-color: #2aa0fd
}

#Cars .sidebar-wrapper .range .rzslider .rz-pointer, #Auction .sidebar-wrapper .range .rzslider .rz-pointer {
    background-color: #ffffff;
    border: 1px solid #cccccc
}

#Cars .sidebar-wrapper .range .rzslider .rz-pointer.rz-active:after, #Cars .sidebar-wrapper .range .rzslider .rz-pointer:active:after, #Auction .sidebar-wrapper .range .rzslider .rz-pointer.rz-active:after, #Auction .sidebar-wrapper .range .rzslider .rz-pointer:active:after {
    background-color: #2aa0fd
}

#Cars .sidebar-wrapper .range .rzslider .rz-bubble, #Auction .sidebar-wrapper .range .rzslider .rz-bubble {
    display: none
}

#Cars .sidebar-wrapper .range .range-value, #Auction .sidebar-wrapper .range .range-value {
    color: #1976d2;
    padding-top: 1px;
    letter-spacing: -0.5px;
    font-size: 13px;
    text-align: center
}

#Cars .sidebar-wrapper .range .range-slider, #Auction .sidebar-wrapper .range .range-slider {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    width: 90%;
    height: 32px;
    margin: 0 auto
}

#Cars .sidebar-wrapper .range .range-slider .bar, #Cars .sidebar-wrapper .range .range-slider .bg, #Auction .sidebar-wrapper .range .range-slider .bar, #Auction .sidebar-wrapper .range .range-slider .bg {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    background-color: #2aa0fd;
    height: 8px;
    top: 12px
}

#Cars .sidebar-wrapper .range .range-slider .bg, #Auction .sidebar-wrapper .range .range-slider .bg {
    width: 100%;
    background-color: #d7d7d7
}

#Cars .sidebar-wrapper .range .range-slider .rightGrip, #Cars .sidebar-wrapper .range .range-slider .leftGrip, #Auction .sidebar-wrapper .range .range-slider .rightGrip, #Auction .sidebar-wrapper .range .range-slider .leftGrip {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #d7d7d7
}

#Cars .page-header .btn-favorite, #Auction .page-header .btn-favorite {
    background-color: #f2d515;
    border-color: #f2d515
}

@media (min-width: 768px) {
    #Cars .page-header .btn-favorite:hover, #Auction .page-header .btn-favorite:hover {
        background-color: #eacd0d;
        border-color: #c8b00b
    }
}

#Cars .page-header .btn-favorite .badge, #Auction .page-header .btn-favorite .badge {
    margin-top: -1px;
    font-size: 11px;
    font-family: helvetica;
    color: #b09a0a
}

@media (max-width: 767px) {
    #Cars .page-header .btn-favorite, #Auction .page-header .btn-favorite {
        position: relative;
        margin-top: -1px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    #Cars .page-header .btn-favorite.emphasis, #Auction .page-header .btn-favorite.emphasis {
        position: fixed;
        animation: cart-emphasis 2s forwards
    }
}

#Cars .alert.buyType, #Auction .alert.buyType {
    margin: 10px 15px 0px 0px !important
}

#Cars .alert.buyType button.close, #Auction .alert.buyType button.close {
    margin: -10px -5px 0 0px
}

@media (max-width: 767px) {
    #Cars .alert.buyType, #Auction .alert.buyType {
        margin-top: 0px;
        text-align: center;
        font-size: 4.4vw
    }
}

@media (max-width: 560px) {
    #Cars .alert.buyType, #Auction .alert.buyType {
        margin: 0px 15px 32px 15px !important
    }
}

#Cars .sidebar-contents, #Auction .sidebar-contents {
    padding-right: 0px
}

@media (max-width: 560px) {
    #Cars .sidebar-contents, #Auction .sidebar-contents {
        padding: 15px 0px;
        border: none
    }
}

#Cars .sidebar-contents section > ul, #Auction .sidebar-contents section > ul {
    position: relative;
    list-style: none;
    width: 100%;
    padding: 15px 0px;
    margin: 0px -0.5em
}

#Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
    position: relative;
    padding: 0px 0.5em 20px 0.5em;
    box-sizing: border-box
}

@media (max-width: 560px) {
    #Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 100% !important;
        padding: 0 0 30px 0
    }
}

#Cars .sidebar-contents section > ul > li > a, #Auction .sidebar-contents section > ul > li > a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border: 1px solid #d8d8d8;
    text-decoration: none;
    border-radius: 5px
}

#Cars .sidebar-contents section > ul > li > a .list-only, #Auction .sidebar-contents section > ul > li > a .list-only {
    display: none !important
}

#Cars .sidebar-contents section > ul > li > a .car-cover, #Auction .sidebar-contents section > ul > li > a .car-cover {
    position: relative
}

#Cars .sidebar-contents section > ul.list > li > a .car-cover .type-box{
    position: absolute;
    top: 0;
}

#Cars .sidebar-contents section > ul:not(.list) > li > a .car-cover .type-box{
    position: absolute;
    top: 15px;
    left: 15px;
}

#Cars .sidebar-contents section > ul > li > a .car-cover .type-icon, 
#Auction .sidebar-contents section > ul > li > a .car-cover .saletype{
    z-index: 1;
    font-size: 10px;
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    float: left;
}


@media (max-width: 767px) {
    #Cars .sidebar-contents section > ul:not(.list-mobile) > li > a .car-cover .type-box{
        position: absolute;
        top: 15px;
        left: 15px;
    }

    #Cars .info .type-icon, #Auction .sidebar-contents section > ul > li > a .car-cover .saletype{
        z-index: 1;
        font-weight: bold;
        float: left;
    }
    
    #Cars .sidebar-contents section > ul:not(.list-mobile) > li > a .car-cover .type-icon{
        font-size: 12px;
        padding: 0 8px;
        height: 25px;
        line-height: 25px;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .car-cover .type-icon,
    #Cars .info .type-icon.finance{
        font-size: 10px;
        padding: 0 6px;
        height: 20px;
        line-height: 20px;
        flex: none;
    }
}

#Cars .sidebar-contents section > ul > li > a .car-cover .saletype,
#Auction .sidebar-contents section > ul > li > a .car-cover .saletype{
    background: #20c9a3;
    color: #fff;
}
#Cars .sidebar-contents section > ul > li > a .car-cover .finance,
#Cars .info .type-icon.finance{
    background-color: #736aef;
    color: #fff;
}

#Cars .sidebar-contents section > ul > li > a .car-cover .lazy, #Auction .sidebar-contents section > ul > li > a .car-cover .lazy {
    opacity: 0.5
}

#Cars .sidebar-contents section > ul > li > a .car-cover .lazy img, #Auction .sidebar-contents section > ul > li > a .car-cover .lazy img {
    display: block;
    visibility: hidden;
    width: 100%
}

@media (max-width: 767px) {
    #Cars .sidebar-contents section > ul > li > a .car-cover .lazy img, #Auction .sidebar-contents section > ul > li > a .car-cover .lazy img {
        margin-bottom: 0px
    }
}

#Cars .sidebar-contents section > ul > li > a .car-cover .lazy.loaded, #Auction .sidebar-contents section > ul > li > a .car-cover .lazy.loaded {
    opacity: 1;
    background-image: none
}

#Cars .sidebar-contents section > ul > li > a .car-cover .lazy.loaded img, #Auction .sidebar-contents section > ul > li > a .car-cover .lazy.loaded img {
    visibility: visible
}

#Cars .sidebar-contents section > ul > li > a .car-cover label, #Auction .sidebar-contents section > ul > li > a .car-cover label {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 3vw;
    text-align: center;
    line-height: 1;
    padding: 3px 0 1px 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6)
}

#Cars .sidebar-contents section > ul > li > a .car-cover .overlay-content, #Auction .sidebar-contents section > ul > li > a .car-cover .overlay-content {
    position: absolute;
    bottom: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 18px;
    padding: 3px 0px 3px 0px;
    width: 95px;
    color: #999
}

#Cars .sidebar-contents section > ul > li > a .car-cover .overlay-content span, #Auction .sidebar-contents section > ul > li > a .car-cover .overlay-content span {
    display: block;
    font-size: 14px
}

#Cars .sidebar-contents section > ul > li > a .car-cover .overlay-content span:not(.s), #Auction .sidebar-contents section > ul > li > a .car-cover .overlay-content span:not(.s) {
    color: #000
}

#Cars .sidebar-contents section > ul > li > a .car-cover .overlay-content:not(.right), #Auction .sidebar-contents section > ul > li > a .car-cover .overlay-content:not(.right) {
    left: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-left: 10px
}

#Cars .sidebar-contents section > ul > li > a .car-cover .overlay-content.right, #Auction .sidebar-contents section > ul > li > a .car-cover .overlay-content.right {
    right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-right: 10px;
    text-align: right
}

#Cars .sidebar-contents section > ul > li > a .car-cover .overlay-content.supplier, #Auction .sidebar-contents section > ul > li > a .car-cover .overlay-content.supplier {
    background-color: rgba(42, 160, 253, 0.8);
    color: #FFF;
    width: 80px
}

#Cars .sidebar-contents section > ul > li > a .info, #Auction .sidebar-contents section > ul > li > a .info {
    z-index: 1;
    width: 100%;
    padding: 8px 10px 10px 10px;
    border-top: 1px solid #ededed;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width: 767px) {
    #Cars .sidebar-contents section > ul > li > a .info, #Auction .sidebar-contents section > ul > li > a .info {
        position: relative;
        bottom: 0;
        padding: 8px 15px 10px 15px
    }
}

#Cars .sidebar-contents section > ul > li > a .info .overview, #Auction .sidebar-contents section > ul > li > a .info .overview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    color: #999;
    border-bottom: 1px solid #ededed
}

#Cars .sidebar-contents section > ul > li > a .info .overview h3, #Auction .sidebar-contents section > ul > li > a .info .overview h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    white-space: nowrap
}

#Cars .sidebar-contents section > ul > li > a .info .overview h3:first-child, #Auction .sidebar-contents section > ul > li > a .info .overview h3:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px
}

#Auction .sidebar-contents section > ul > li > a .info .overview h3 small {
    color: #999
}

#Cars .sidebar-contents section > ul > li > a .info .overview h3 small small, #Auction .sidebar-contents section > ul > li > a .info .overview h3 small small {
    color: #ccc;
    letter-spacing: -0.5px
}

#Cars .sidebar-contents section > ul > li > a .info .detail, #Auction .sidebar-contents section > ul > li > a .info .detail {
    padding-top: 0.5rem;
    font-size: 13px;
    color: #7f7f7f
}

#Cars .sidebar-contents section > ul > li > a .info .detail p, #Auction .sidebar-contents section > ul > li > a .info .detail p {
    padding: 0px;
    margin: 4px 0px 0px 0px
}

#Cars .sidebar-contents section > ul > li > a .info .detail p span, #Auction .sidebar-contents section > ul > li > a .info .detail p span {
    display: inline-block;
    margin-right: 10px
}

#Cars .sidebar-contents section > ul > li > a .info .detail p span:first-child, #Auction .sidebar-contents section > ul > li > a .info .detail p span:first-child {
    margin-left: 5px
}

#Cars .sidebar-contents section > ul > li > a .info .detail p span .fa, #Auction .sidebar-contents section > ul > li > a .info .detail p span .fa {
    margin-right: 5px
}

#Cars .sidebar-contents section > ul > li > a .info .detail p span small, #Auction .sidebar-contents section > ul > li > a .info .detail p span small {
    font-size: 12px;
    color: #CCC
}

#Cars .sidebar-contents section > ul > li > a .info .detail .pull-right, #Auction .sidebar-contents section > ul > li > a .info .detail .pull-right {
    display: none
}

#Cars .sidebar-contents section > ul > li > a .action-area, #Auction .sidebar-contents section > ul > li > a .action-area {
    display: none
}

#Cars .sidebar-contents section > ul > li.contract, #Auction .sidebar-contents section > ul > li.contract {
    z-index: 0
}

#Cars .sidebar-contents section > ul > li.contract .contract, #Auction .sidebar-contents section > ul > li.contract .contract {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 13px;
    width: 100%;
    height: 100%
}

#Cars .sidebar-contents section > ul > li.contract .contract img, #Auction .sidebar-contents section > ul > li.contract .contract img {
    display: block;
    width: 50%;
    max-width: 60px
}

#Cars .sidebar-contents section > ul > li.contract.계약중 .contract, #Auction .sidebar-contents section > ul > li.contract.계약중 .contract {
    background-color: rgba(0, 0, 0, 0.6)
}

#Cars .sidebar-contents section > ul > li.contract.계약중 a .color, #Cars .sidebar-contents section > ul > li.contract.계약중 a .text-primary, #Cars .sidebar-contents section > ul > li.contract.계약중 a .text-info, #Auction .sidebar-contents section > ul > li.contract.계약중 a .color, #Auction .sidebar-contents section > ul > li.contract.계약중 a .text-primary, #Auction .sidebar-contents section > ul > li.contract.계약중 a .text-info {
    color: #333 !important
}

#Cars .sidebar-contents section > ul > li.contract.종료 .contract, #Auction .sidebar-contents section > ul > li.contract.종료 .contract {
    background-color: rgba(0, 0, 0, 0.6)
}

#Cars .sidebar-contents section > ul > li.contract.종료 a, #Auction .sidebar-contents section > ul > li.contract.종료 a {
    opacity: 0.8
}

#Cars .sidebar-contents section > ul > li.contract.종료 a .loaded, #Auction .sidebar-contents section > ul > li.contract.종료 a .loaded {
    opacity: 0.7
}

#Cars .sidebar-contents section > ul > li.contract.종료 a .color, #Cars .sidebar-contents section > ul > li.contract.종료 a .text-primary, #Cars .sidebar-contents section > ul > li.contract.종료 a .text-info, #Auction .sidebar-contents section > ul > li.contract.종료 a .color, #Auction .sidebar-contents section > ul > li.contract.종료 a .text-primary, #Auction .sidebar-contents section > ul > li.contract.종료 a .text-info {
    color: #999 !important
}

#Cars .sidebar-contents section > ul > li > ul.car-detail, #Cars .sidebar-contents section > ul > li > ul.contract-detail, #Auction .sidebar-contents section > ul > li > ul.car-detail, #Auction .sidebar-contents section > ul > li > ul.contract-detail {
    display: block;
    margin: 0px;
    overflow: none;
    background-color: #f7f7f7;
    opacity: 0;
    padding: 0px 15px 0px 15px;
    max-height: 0px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li, #Auction .sidebar-contents section > ul > li > ul.car-detail > li, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li {
    font-size: 3.8vw;
    display: none;
    margin: 0px !important
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li label, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li label, #Auction .sidebar-contents section > ul > li > ul.car-detail > li label, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li label {
    color: #34373c;
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li.options, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.options, #Auction .sidebar-contents section > ul > li > ul.car-detail > li.options, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.options {
    padding-bottom: 10px
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li.options label, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.options label, #Auction .sidebar-contents section > ul > li > ul.car-detail > li.options label, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.options label {
    padding-top: 4px
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li.options span, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.options span, #Auction .sidebar-contents section > ul > li > ul.car-detail > li.options span, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.options span {
    display: inline-block;
    background-color: #d7d7d7;
    border: 1px solid #d7d7d7;
    color: #999;
    font-size: 3vw;
    padding: 2px 6px 1px 6px;
    border-radius: 3px
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li.options span:not(:last-child), #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.options span:not(:last-child), #Auction .sidebar-contents section > ul > li > ul.car-detail > li.options span:not(:last-child), #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.options span:not(:last-child) {
    margin-right: 5px
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li.options span.mounted, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.options span.mounted, #Auction .sidebar-contents section > ul > li > ul.car-detail > li.options span.mounted, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.options span.mounted {
    border-color: #999;
    background-color: #fff;
    color: #333
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li.button-area, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.button-area, #Auction .sidebar-contents section > ul > li > ul.car-detail > li.button-area, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.button-area {
    margin: 0px -5px !important;
    padding: 10px 0px 10px 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li.button-area span, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.button-area span, #Auction .sidebar-contents section > ul > li > ul.car-detail > li.button-area span, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.button-area span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    padding: 0px 5px
}

#Cars .sidebar-contents section > ul > li > ul.car-detail > li.button-area span .color, #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.button-area span .color, #Auction .sidebar-contents section > ul > li > ul.car-detail > li.button-area span .color, #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.button-area span .color {
    color: #2aa0fd;
    border-color: #2aa0fd
}

#Cars .sidebar-contents section > ul > li > ul.car-detail.contract-detail, #Cars .sidebar-contents section > ul > li > ul.contract-detail.contract-detail, #Auction .sidebar-contents section > ul > li > ul.car-detail.contract-detail, #Auction .sidebar-contents section > ul > li > ul.contract-detail.contract-detail {
    position: absolute;
    padding: 0px;
    left: -768px
}

@media (min-width: 768px) {
    #Cars .sidebar-contents section > ul.list, #Auction .sidebar-contents section > ul.list {
        display: block;
        margin: -20px 0 0 0
    }

    #Cars .sidebar-contents section > ul.list > li, #Auction .sidebar-contents section > ul.list > li {
        width: 100% !important;
        border-bottom: 1px solid #e2e2e2;
        padding: 0px
    }

    #Cars .sidebar-contents section > ul.list > li > a, #Auction .sidebar-contents section > ul.list > li > a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border: none;
        box-shadow: none
    }

    #Cars .sidebar-contents section > ul.list > li > a:hover, #Auction .sidebar-contents section > ul.list > li > a:hover {
        background-color: #f7f7f7
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-only:not(.list-price):not(.list-buttons), #Auction .sidebar-contents section > ul.list > li > a .list-only:not(.list-price):not(.list-buttons) {
        display: inline-block !important
    }

    #Cars .sidebar-contents section > ul.list > li > a .car-cover, #Auction .sidebar-contents section > ul.list > li > a .car-cover {
        -ms-flex: 0 0 140px;
        -webkit-flex: 0 0 140px;
        flex: 0 0 140px;
        max-width: 140px;
        overflow: hidden;
        position: relative;
        margin: 15px 5px 15px 15px;
        border: 1px solid #d7d7d7
    }
    #Cars .sidebar-contents section > ul.list > li > a .car-cover .lazy, #Auction .sidebar-contents section > ul.list > li > a .car-cover .lazy {
        background-image: url(../img/ajax-loader.svg);
        background-position: center top 30%;
        background-repeat: no-repeat;
        background-size: auto 50%
    }

    #Cars .sidebar-contents section > ul.list > li > a .car-cover label, #Auction .sidebar-contents section > ul.list > li > a .car-cover label {
        display: block;
        font-size: 12px
    }

    #Cars .sidebar-contents section > ul.list > li > a .info, #Auction .sidebar-contents section > ul.list > li > a .info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex-grow: 1;
        border: none;
        background-color: transparent
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .overview, #Auction .sidebar-contents section > ul.list > li > a .info .overview {
        border: none
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .overview h3, #Auction .sidebar-contents section > ul.list > li > a .info .overview h3 {
        font-size: 16px;
        font-weight: normal;
        margin: 6px 0 10px 0
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .overview h3.color small, #Auction .sidebar-contents section > ul.list > li > a .info .overview h3.color small {
        display: inline-block;
        font-size: 90%
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .overview h3.text-right, #Auction .sidebar-contents section > ul.list > li > a .info .overview h3.text-right {
        display: none
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail, #Auction .sidebar-contents section > ul.list > li > a .info .detail {
        padding-top: 0px
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p, #Auction .sidebar-contents section > ul.list > li > a .info .detail p {
        margin: 0 0 3px 0;
        letter-spacing: -0.2px;
        font-size: 14px;
        color: #666
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p:not(.extra), #Auction .sidebar-contents section > ul.list > li > a .info .detail p:not(.extra) {
        font-family: helvetica
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p.extra, #Auction .sidebar-contents section > ul.list > li > a .info .detail p.extra {
        font-size: 13px;
        color: #999
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p span, #Auction .sidebar-contents section > ul.list > li > a .info .detail p span {
        margin: 0px
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p span:not(.Fuel).divider, #Auction .sidebar-contents section > ul.list > li > a .info .detail p span:not(.Fuel).divider {
        position: relative;
        padding-left: 8px;
        margin-left: 4px
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p span:not(.Fuel).divider:before, #Auction .sidebar-contents section > ul.list > li > a .info .detail p span:not(.Fuel).divider:before {
        content: '|';
        position: absolute;
        top: 0;
        left: 0;
        line-height: 1;
        font-size: 13px;
        color: #ccc;
        margin-top: 2px
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p span.AccHistory, #Cars .sidebar-contents section > ul.list > li > a .info .detail p span i, #Auction .sidebar-contents section > ul.list > li > a .info .detail p span.AccHistory, #Auction .sidebar-contents section > ul.list > li > a .info .detail p span i {
        display: none
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p span.text-muted, #Auction .sidebar-contents section > ul.list > li > a .info .detail p span.text-muted {
        opacity: 0.7;
        color: #999
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail p span small, #Auction .sidebar-contents section > ul.list > li > a .info .detail p span small {
        opacity: 0.8;
        color: #999;
        font-size: 85%
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail .options, #Auction .sidebar-contents section > ul.list > li > a .info .detail .options {
        position: absolute;
        bottom: 15px
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail .options span, #Auction .sidebar-contents section > ul.list > li > a .info .detail .options span {
        display: inline-block;
        background-color: #f3f4f6;
        border: 1px solid #d7d7d7;
        color: #bbb;
        font-size: 11px;
        padding: 2px 6px 1px 6px;
        border-radius: 3px
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail .options span:not(:last-child), #Auction .sidebar-contents section > ul.list > li > a .info .detail .options span:not(:last-child) {
        margin-right: 5px
    }

    #Cars .sidebar-contents section > ul.list > li > a .info .detail .options span.mounted, #Auction .sidebar-contents section > ul.list > li > a .info .detail .options span.mounted {
        border-color: #999;
        background-color: #fff;
        color: #666
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-price, #Cars .sidebar-contents section > ul.list > li > a .list-buttons, #Auction .sidebar-contents section > ul.list > li > a .list-price, #Auction .sidebar-contents section > ul.list > li > a .list-buttons {
        -ms-flex: 0 0 120px;
        -webkit-flex: 0 0 120px;
        flex: 0 0 120px;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-price label, #Cars .sidebar-contents section > ul.list > li > a .list-buttons label, #Auction .sidebar-contents section > ul.list > li > a .list-price label, #Auction .sidebar-contents section > ul.list > li > a .list-buttons label {
        font-size: 15px;
        color: #333;
        padding-bottom: 5px
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons strong, #Auction .sidebar-contents section > ul.list > li > a .list-price strong, #Auction .sidebar-contents section > ul.list > li > a .list-buttons strong {
        font-size: 17px;
        letter-spacing: -0.5px
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons p, #Auction .sidebar-contents section > ul.list > li > a .list-buttons p {
        width: 100%;
        padding-right: 10px
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract), #Auction .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) {
        margin: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) .btn, #Auction .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) .btn {
        margin: 0px
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) .btn:hover, #Auction .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) .btn:hover {
        background-color: #f7f7f7
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) > span, #Auction .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) > span {
        -ms-flex: 0 0 35%;
        -webkit-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
        padding-right: 5px
    }

    html.IE10 #Cars .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) > span, html.IE10 #Auction .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) > span {
        display: inline-block;
        width: 40px
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) > span .action-cart, #Auction .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) > span .action-cart {
        color: #bbb;
        font-size: 16px;
        padding: 4px 0px
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) > span .action-cart.added, #Auction .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) > span .action-cart.added {
        color: #f2d515
    }

    #Cars .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) button, #Auction .sidebar-contents section > ul.list > li > a .list-buttons p:not(.btn-contract) button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex-grow: 1;
        color: #666;
        font-size: 13px
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail {
        position: absolute !important;
        top: 0;
        left: auto;
        right: 0;
        max-height: none;
        height: 100%;
        width: 100%;
        width: -moz-calc(100% - 220px);
        width: -webkit-calc(100% - 220px);
        width: calc(100% - 220px);
        -webkit-box-shadow: -5px 0px 10px 0px #ccc;
        -moz-box-shadow: -5px 0px 10px 0px #ccc;
        box-shadow: -5px 0px 10px 0px #ccc;
        max-width: 0px;
        padding: 10px 0px 5px 0px;
        background-color: #f3f4f6;
        -webkit-transition: all .35s ease-out;
        -moz-transition: all .35s ease-out;
        -ms-transition: all .35s ease-out;
        -o-transition: all .35s ease-out;
        transition: all .35s ease-out
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.text-right, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.text-right {
        overflow: hidden;
        max-width: 0px;
        opacity: 0;
        -webkit-transition: all .7s ease-in;
        -moz-transition: all .7s ease-in;
        -ms-transition: all .7s ease-in;
        -o-transition: all .7s ease-in;
        transition: all .7s ease-in
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type {
        position: relative;
        z-index: 10;
        background-color: #f3f4f6;
        display: block;
        overflow: none;
        overflow-y: auto;
        min-height: 50px;
        max-height: 90px;
        padding: 0px 5px
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        opacity: 1;
        max-height: none
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type.selectbox-expanded, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type.selectbox-expanded {
        max-height: none
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type.selectbox-expanded > li:not(.category-expanded), #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type.selectbox-expanded + li.text-right, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type.selectbox-expanded > li:not(.category-expanded), #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type.selectbox-expanded + li.text-right {
        overflow: hidden;
        max-height: 0px;
        padding: 0px;
        opacity: 0
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li {
        font-size: 12px
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.empty, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.empty, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.empty, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.empty {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.text-right, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.text-right, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.text-right {
        padding: 0 10px 0 10px
    }

    html.IE10 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.text-right, html.IE11 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.text-right, html.IE10 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.text-right, html.IE11 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.text-right, html.IE10 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.text-right, html.IE11 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.text-right, html.IE10 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.text-right, html.IE11 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.text-right {
        padding-top: 10px
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.list-only.total-price, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.list-only.total-price, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.list-only.total-price, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.list-only.total-price, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area {
        position: absolute;
        top: 0;
        padding-left: 3px !important;
        height: 100%;
        margin: 0px !important;
    }
    
    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.list-only.total-price, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.list-only.total-price, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.list-only.total-price, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.list-only.total-price {
        padding: 0 !important;
        left: 0;
        z-index: 111;
        width: 100%;
        align-items: normal !important;
        text-align: left;
        top: 66px;
        justify-content: normal !important;
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.list-only.total-price span, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.list-only.total-price span, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.list-only.total-price span, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.list-only.total-price span {
        letter-spacing: -0.5px;
        padding-top: 5px;
        font-size: 16px;
        font-weight: 700
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area {
        padding: 0px 10px 0px 0px;
        right: 0;
        width: 120px
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span {
        width: 100%;
        max-height: 40px !important;
        padding: 5px 0px
    }

    html.IE10 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span, html.IE11 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span, html.IE10 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span, html.IE11 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span, html.IE10 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span, html.IE11 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span, html.IE10 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span, html.IE11 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span {
        display: inline-block
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span:first-child, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span:first-child, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span:first-child, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2
    }

    #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span:last-child, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span:last-child, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span:last-child, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span:last-child {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1
    }

    html.IE11 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span:last-child, html.IE11 #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span:last-child, html.IE11 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.button-area span:last-child, html.IE11 #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.button-area span:last-child {
        margin-top: -58px
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail {
        padding: 28px 130px 90px 25px;
        opacity: 1;
        max-width: 100% !important
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail li.fees, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail li.fees {
        border-bottom: 1px solid #d8dee8;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.text-right, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.text-right {
        max-width: none;
        opacity: 1
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li:not(.total-price), #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li:not(.total-price), #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li:not(.total-price), #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li:not(.total-price) {
        display: block
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        position: relative;
        border: 1px solid #d7d7d7;
        background-color: #fff;
        text-decoration: none;
        font-size: 1em !important;
        padding: 5px 18px 5px 10px
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a:before, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a:before, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a:before, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a:before {
        content: "\f0d7";
        font-family: FontAwesome;
        position: absolute;
        top: 20%;
        color: #666;
        right: 7px;
        font-size: 0.8em
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a.collapsed-in:before, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a.collapsed-in:before, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a.collapsed-in:before, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a.collapsed-in:before {
        content: "\f0d8"
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a.collapsed-in .selected-item, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a.collapsed-in .selected-item, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a.collapsed-in .selected-item, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a.collapsed-in .selected-item {
        display: none
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a label, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a label, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a label, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a label {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex-grow: 1;
        white-space: nowrap;
        padding-right: 5px;
        color: #666
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a .selected-item, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a .selected-item, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a .selected-item, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a .selected-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #999
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a .selected-item span.price-unit, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a .selected-item span.price-unit, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable a .selected-item span.price-unit, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable a .selected-item span.price-unit {
        color: #333;
        white-space: nowrap;
        padding-left: 10px
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled {
        position: relative;
        margin-top: -6px;
        padding: 5px 10px 0px 10px;
        background-color: #fff;
        border: 1px solid #d7d7d7;
        border-top: none;
        width: 100%
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li {
        border-top: 1px dashed #d7d7d7;
        position: relative;
        cursor: pointer;
        -webkit-transition: color .15s ease;
        -moz-transition: color .15s ease;
        -ms-transition: color .15s ease;
        -o-transition: color .15s ease;
        transition: color .15s ease;
        padding: 6px 0px 5px 1.2em;
        font-size: 0.95em
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li:hover, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li:hover, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li:hover, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li:hover {
        color: #2aa0fd
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li:before, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li:before, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li:before, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li:before {
        content: "\f1db";
        font-family: FontAwesome;
        position: absolute;
        color: #999;
        left: 0;
        font-size: 1em;
        margin-top: 0px
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li.selected:before, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li.selected:before, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li.selected:before, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li.selected:before {
        content: "\f05d";
        color: #2aa0fd
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li .Included, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li .Included, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li .Included, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li .Included {
        color: #777;
        font-size: 11px !important
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li .Spec, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li .Spec, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.mountable .list-unstyled li .Spec, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li .Spec {
        color: #aaa;
        font-size: 10px !important
    }

    #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.list-only.total-price, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.button-area, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.list-only.total-price, #Cars .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.button-area, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.list-only.total-price, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > li.button-area, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.list-only.total-price, #Auction .sidebar-contents section > ul.list > li.pre-contract > ul.contract-detail > list-type > li.button-area {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 560px) {
    #Cars .sidebar-contents section > ul, #Auction .sidebar-contents section > ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #Cars .sidebar-contents section > ul:after, #Auction .sidebar-contents section > ul:after {
        content: "";
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto
    }

    #Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 16.666%
    }
}

@media (min-width: 560px) and (max-width: 1630px) {
    #Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 20%
    }
}

@media (min-width: 560px) and (max-width: 1360px) {
    #Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 25%
    }
}

@media (min-width: 560px) and (max-width: 1090px) {
    #Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 33.333%
    }
}

@media (min-width: 560px) and (max-width: 820px) {
    #Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 50%
    }
}

@media (min-width: 560px) {
    .left#Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 16.666%
    }
}

@media (min-width: 560px) and (max-width: 1800px) {
    .left#Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 20%
    }
}

@media (min-width: 560px) and (max-width: 1550px) {
    .left#Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 25%
    }
}

@media (min-width: 560px) and (max-width: 1290px) {
    .left#Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 33.333%
    }
}

@media (min-width: 560px) and (max-width: 1050px) {
    .left#Cars .sidebar-contents section > ul > li, #Auction .sidebar-contents section > ul > li {
        width: 50%
    }
}

@media (min-width: 560px) {
    #Cars .sidebar-contents section > ul > li > a, #Auction .sidebar-contents section > ul > li > a {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08)
    }
}

@media (min-width: 560px) and (min-width: 768px) and (min-width: 768px) {
    #Cars .sidebar-contents section > ul:not(.list):not(.mobile) > li > a:hover img, #Auction .sidebar-contents section > ul:not(.list):not(.mobile) > li > a:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scaleunquote("scale(1.05)");
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.02, SizingMethod='auto expand')";
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.02, SizingMethod='auto expand')
    }

    #Cars .sidebar-contents section > ul:not(.list):not(.mobile) > li > a:hover .info, #Auction .sidebar-contents section > ul:not(.list):not(.mobile) > li > a:hover .info {
        bottom: 0
    }
}

@media (min-width: 560px) and (min-width: 768px) {
    #Cars .sidebar-contents section > ul:not(.list):not(.mobile) > li > a .car-cover .lazy img, #Auction .sidebar-contents section > ul:not(.list):not(.mobile) > li > a .car-cover .lazy img {
        margin-bottom: 56px
    }

    #Cars .sidebar-contents section > ul:not(.list):not(.mobile) > li > a .info, #Auction .sidebar-contents section > ul:not(.list):not(.mobile) > li > a .info {
        position: absolute;
        bottom: -64px
    }
}

@media (max-width: 560px) {
    #Cars .sidebar-contents section > ul, #Auction .sidebar-contents section > ul {
        margin: -17px 0 0 0;
        padding-top: 0px;
        display: block
    }

    #Cars .sidebar-contents section > ul:after, #Auction .sidebar-contents section > ul:after {
        display: none
    }

    #Cars .sidebar-contents section > ul > li > a, #Auction .sidebar-contents section > ul > li > a {
        border-radius: 0px;
        border: none;
        box-shadow: none
    }

    #Cars .sidebar-contents section > ul > li > a .car-cover .lazy img, #Auction .sidebar-contents section > ul > li > a .car-cover .lazy img {
        margin-bottom: 0px
    }

    #Cars .sidebar-contents section > ul:not(.list-mobile), #Auction .sidebar-contents section > ul:not(.list-mobile) {
        margin: -17px 0 0 0
    }

    #Cars .sidebar-contents section > ul:not(.list-mobile) > li > a, #Auction .sidebar-contents section > ul:not(.list-mobile) > li > a {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: 1px solid #dfdfdf;
        border-bottom: 2px solid #dfdfdf
    }

    #Cars .sidebar-contents section > ul.list-mobile, #Auction .sidebar-contents section > ul.list-mobile {
        margin-top: -16px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li, #Auction .sidebar-contents section > ul.list-mobile > li {
        border-bottom: 1px solid #e2e2e2;
        padding: 0px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a, #Auction .sidebar-contents section > ul.list-mobile > li > a {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .car-cover, #Auction .sidebar-contents section > ul.list-mobile > li > a .car-cover {
        flex: 0 0 25vw;
        max-width: 25vw;
        overflow: hidden;
        position: relative;
        margin: 10px 10px 10px 10px;
        border: 1px solid #d7d7d7;
        height:96px;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .car-cover .saletype, #Auction .sidebar-contents section > ul.list-mobile > li > a .car-cover .saletype {
        font-size: 10px;
        padding: 1px 5px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .car-cover .lazy, #Auction .sidebar-contents section > ul.list-mobile > li > a .car-cover .lazy {
        background-image: url(../img/ajax-loader.svg);
        background-position: center top 50%;
        background-repeat: no-repeat;
        background-size: auto 50%;
        height:100%;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .car-cover label, #Auction .sidebar-contents section > ul.list-mobile > li > a .car-cover label {
        display: block !important
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info, #Auction .sidebar-contents section > ul.list-mobile > li > a .info {
        flex-grow: 1;
        padding: 3vw 0 0 0 !important;
        border: none !important
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .overview, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .overview {
        border: none !important
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .overview h3.color, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .overview h3.color {
        font-size: 16px;
        letter-spacing: -0.5px;
        margin-bottom: 1%;
        font-weight: normal;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .overview h3.color small, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .overview h3.color small {
        display: inline-block;
        font-size: inherit;
        color: inherit
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .overview h3.text-right, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .overview h3.text-right {
        display: none
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail {
        padding-top: 0px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail p, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail p {
        margin: 0px;
        font-family: helvetica;
        font-size: 3.4vw;
        color: #999
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail p span, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail p span {
        margin: 0px;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail p span.divider, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail p span.divider {
        position: relative;
        padding-left: 0.8em
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail p span.divider:before, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail p span.divider:before {
        content: '·';
        position: absolute;
        top: 0;
        left: 0;
        line-height: 0px;
        font-size: 2em;
        color: #999;
        margin-top: 0.32em
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail p span.AccHistory, #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail p span i, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail p span.AccHistory, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail p span i {
        display: none
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail p span small, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail p span small {
        opacity: 0.8;
        color: #999;
        font-size: 85%
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail p:last-child, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail p:last-child {
        font-size: 3.4vw
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail > .pull-right, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail > .pull-right {
        display: inline-block;
        color: #34373c;
        margin: -2% 4vw 0 0;
        font-family: 'HYRegular';
        text-align: right;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail > strong, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail > strong {
        position: relative;
        font-size: 16px;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .detail > span, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .detail > span {
        margin-top: 3px;
        font-size: 3.4vw
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area {
        flex: 0 0 15vw;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span {
        flex-grow: 1;
        width: 100%;
        font-size: 5vw;
        color: #888;
        text-decoration: none;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        border-left: 1px solid #f3f4f6
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span:last-child, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span:last-child {
        border-top: 1px solid #f3f4f6
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart {
        height: 66.6%
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart i, #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart small, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart i, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart small {
        opacity: 0.6
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart small, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart small {
        padding-top: 3px;
        font-size: 3vw;
        color: #999
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.added, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.added {
        color: #f6e25d
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.added i, #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.added small, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.added i, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.added small {
        opacity: 1
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.added i, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.added i {
        -webkit-transition: transform .35s ease-in-out;
        -moz-transition: transform .35s ease-in-out;
        -ms-transition: transform .35s ease-in-out;
        -o-transition: transform .35s ease-in-out;
        transition: transform .35s ease-in-out
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.expand i, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-cart.expand i {
        -webkit-transform: scale(2) rotate(215deg);
        -moz-transform: scale(2) rotate(215deg);
        -o-transform: scale(2) rotate(215deg);
        -ms-transform: scale(2) rotate(215deg);
        transform: scaleunquote("scale(2) rotate(215deg)")
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-detail, #Auction .sidebar-contents section > ul.list-mobile > li > a .action-area > span.action-detail {
        height: 33.3%;
        -webkit-transition: all .01s;
        -moz-transition: all .01s;
        -ms-transition: all .01s;
        -o-transition: all .01s;
        transition: all .01s
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded > a .action-area .action-detail, #Auction .sidebar-contents section > ul.list-mobile > li.expanded > a .action-area .action-detail {
        background-color: #f7f7f7
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded > a .action-area .action-detail i, #Auction .sidebar-contents section > ul.list-mobile > li.expanded > a .action-area .action-detail i {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded > ul.car-detail, #Auction .sidebar-contents section > ul.list-mobile > li.expanded > ul.car-detail {
        padding: 10px 15px 5px 15px;
        opacity: 1;
        max-height: none
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded > ul.car-detail > li, #Auction .sidebar-contents section > ul.list-mobile > li.expanded > ul.car-detail > li {
        display: block
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded > ul.car-detail > li.button-area, #Auction .sidebar-contents section > ul.list-mobile > li.expanded > ul.car-detail > li.button-area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.car-detail, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.car-detail {
        opacity: 0;
        padding: 0px 15px 0px 15px;
        max-height: 0px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.car-detail > li, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.car-detail > li {
        display: none
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.car-detail > li.button-area, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.car-detail > li.button-area {
        display: none
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail {
        padding: 12px 10px;
        opacity: 1;
        max-height: none;
        position: relative;
        left: 0
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li {
        clear: both;
        display: block;
        padding: 0;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        position: relative;
        border: 1px solid #d7d7d7;
        background-color: #fff;
        text-decoration: none;
        font-size: 3.6vw !important;
        padding: 5px 5.6vw 5px 10px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a:before, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a:before, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a:before, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a:before {
        content: "\f0d7";
        font-family: FontAwesome;
        position: absolute;
        top: 20%;
        color: #666;
        right: 2vw;
        font-size: 3.2vw
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a.collapsed-in:before, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a.collapsed-in:before, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a.collapsed-in:before, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a.collapsed-in:before {
        content: "\f0d8"
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a.collapsed-in .selected-item, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a.collapsed-in .selected-item, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a.collapsed-in .selected-item, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a.collapsed-in .selected-item {
        display: none
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a label, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a label, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a label, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a label {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex-grow: 1;
        white-space: nowrap;
        padding-right: 5px;
        color: #666
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a .selected-item, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a .selected-item, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a .selected-item, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a .selected-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #999
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a .selected-item span.price-unit, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a .selected-item span.price-unit, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable a .selected-item span.price-unit, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable a .selected-item span.price-unit {
        color: #333;
        white-space: nowrap;
        width: 25vw;
        -ms-flex: 0 0 25vw;
        -webkit-flex: 0 0 25vw;
        flex: 0 0 25vw;
        padding-left: 0px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled {
        position: relative;
        margin-top: -6px;
        padding: 5px 10px 0px 10px;
        background-color: #fff;
        border: 1px solid #d7d7d7;
        border-top: none;
        width: 100%
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li {
        border-top: 1px dashed #d7d7d7;
        position: relative;
        cursor: pointer;
        -webkit-transition: color .15s ease;
        -moz-transition: color .15s ease;
        -ms-transition: color .15s ease;
        -o-transition: color .15s ease;
        transition: color .15s ease;
        padding: 6px 0px 5px 5vw
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li:hover, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li:hover, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li:hover, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li:hover {
        color: #2aa0fd
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li:before, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li:before, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li:before, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li:before {
        content: "\f1db";
        font-family: FontAwesome;
        position: absolute;
        color: #999;
        left: 0;
        font-size: 4.2vw;
        margin-top: -1px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li.selected:before, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li.selected:before, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li.selected:before, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li.selected:before {
        content: "\f05d";
        color: #2aa0fd
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li .Included, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li .Included, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li .Included, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li .Included {
        color: #777;
        font-size: 3.4vw !important
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li .Spec, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li .Spec, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.mountable .list-unstyled li .Spec, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.mountable .list-unstyled li .Spec {
        color: #aaa;
        font-size: 3vw !important
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price {
        border-top: 1px solid #e4e5e5;
        padding-top: 12px;
        font-weight: 700;
        font-size: 4.2vw;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price label, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price label, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price label, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price label {
        font-size: 14px;
        color: #34373c;
        font-weight: bold;
        position: relative;
        top:1px;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price:after, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price:after, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price:after, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price:after {
        top: 10px
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.button-area, #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.button-area, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.button-area, #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.button-area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 12px;
    }
}

#Cars .sidebar-contents section .infinite-loading, #Auction .sidebar-contents section .infinite-loading {
    padding: 0px 0px 50px 0px
}

#Cars .sidebar-contents section .infinite-loading img, #Auction .sidebar-contents section .infinite-loading img {
    width: 48px
}

#CarDetail {
    max-width: none;
    width: 100%;
    padding: 0px 0px 50px 0px
}

@media (max-width: 767px) {
    #CarDetail {
        padding-bottom: 0px
    }
}

#CarDetail .VISUAL {
    background-color: #f6f6f6
}

#CarDetail .VISUAL .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
    margin: 0 auto
}

#CarDetail .VISUAL .swiper-wrapper .swiper-slide {
    float: none;
    width: 20%
}

@media (max-width: 1499px) {
    #CarDetail .VISUAL .swiper-wrapper .swiper-slide {
        width: 25%
    }
}

@media (max-width: 1299px) {
    #CarDetail .VISUAL .swiper-wrapper .swiper-slide {
        width: 25%
    }
}

@media (max-width: 1023px) {
    #CarDetail .VISUAL .swiper-wrapper .swiper-slide {
        width: 33.333%
    }
}

@media (max-width: 767px) {
    #CarDetail .VISUAL .swiper-wrapper .swiper-slide {
        width: 100% !important
    }
}

#CarDetail .VISUAL .swiper-wrapper .swiper-slide img {
    width: 100%
}

#CarDetail .VISUAL .swiper-button-prev, #CarDetail .VISUAL .swiper-button-next {
    background-color: rgba(0, 0, 0, 0.3);
    margin-top: -20px;
    width: 24px;
    height: 40px;
    text-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40% auto
}

#CarDetail .VISUAL .swiper-button-prev {
    left: 0;
    margin-left: 0px;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

#CarDetail .VISUAL .swiper-button-next {
    right: 0;
    margin-right: 0px;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

#CarDetail .VISUAL .swiper-pagination {
    width: 60px;
    padding: 3px 0.5px 3px 0px;
    border-radius: 5px;
    left: auto;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #2aa0fd;
    font-size: 12px;
    letter-spacing: -0.5px
}

#CarDetail .overview h1 {
    font-size: 1.8em;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#CarDetail .overview h1 .maker {
    font-size: 0.8em;
    font-weight: normal;
    color: #666
}

#CarDetail .overview ul {
    padding: 10px 0 0 2px;
    margin: 0px;
    list-style: none
}

#CarDetail .overview ul li {
    position: relative;
    display: inline-block;
    padding-right: 0.8em;
    margin-left: 0.1em;
    font-size: 1em;
    color: #999
}

@media (max-width: 767px) {
    #CarDetail .overview ul li {
        letter-spacing: -0.5px
    }
}

#CarDetail .overview ul li:not(:last-child):after {
    position: absolute;
    content: '·';
    top: 0;
    right: 0;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.2em
}

#CarDetail .container {
    position: relative
}

#CarDetail .container:not(.float) {
    padding: 0 390px 0 20px;
    margin: 0 auto
}

#CarDetail .container:not(.float).no-float {
    padding-right: 20px
}

@media (max-width: 1199px) {
    #CarDetail .container:not(.float) {
        padding-right: 350px
    }
}

@media (max-width: 991px) {
    #CarDetail .container:not(.float) {
        padding-right: 280px
    }
}

@media (max-width: 767px) {
    #CarDetail .container:not(.float) {
        padding: 0px !important
    }
}

#CarDetail header {
    background-color: #f6f6f6;
    padding: 25px 0px;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    #CarDetail header {
        font-size: 12px;
        margin-bottom: 0px;
        padding: 15px
    }
}

#CarDetail header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#CarDetail header .container .overview {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1
}

#CarDetail header .container .buttons a {
    font-size: 22px;
    padding: 5px;
    margin: 0px 10px;
    color: #2aa0fd;
    opacity: 0.7
}

#CarDetail header .container .buttons a:hover {
    color: #2aa0fd;
    opacity: 1
}

#CarDetail header + small.visible-xs-block {
    font-size: 11px;
    padding: 5px 5px 0 0;
    color: #999;
    letter-spacing: 0px
}

#CarDetail .float {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#CarDetail .float .float-wrapper {
    position: absolute;
    z-index: 999;
    right: 20px;
    margin-top: -116px;
    width: 340px;
}

@media (max-width: 1199px) {
    #CarDetail .float .float-wrapper {
        width: 300px
    }
}

#CarDetail .float .float-wrapper .fixed {
    position: static;
    top: 108px;
    width: inherit;
    padding: 0px 0px 20px 0px;
    background-color: #fff;
    padding:24px;
    border-radius: 10px;
    box-shadow: 3px 3px 16px 0 rgba(50, 75, 134, 0.16);
}

#CarDetail .float .float-wrapper .fixed .overview, #CarDetail .float .float-wrapper .fixed .contract {
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-bottom: 1px solid transparent;
    padding: 0px;
    margin: 0px
}

#CarDetail .float .float-wrapper .fixed .overview:not(.contract), #CarDetail .float .float-wrapper .fixed .contract:not(.contract) {
    background-color: #fff;
    max-height: 0px;
    opacity: 0
}

#CarDetail .float .float-wrapper .fixed .overview.contract, #CarDetail .float .float-wrapper .fixed .contract.contract {
    background-color: #2aa0fd;
    color: #fff;
    padding: 10px 0px;
    font-size: 16px;
    margin-top: -1px
}

@media (min-width: 768px) {
    #CarDetail .float .float-wrapper .fixed .overview.visible, #CarDetail .float .float-wrapper .fixed .overview.contract, #CarDetail .float .float-wrapper .fixed .contract.visible, #CarDetail .float .float-wrapper .fixed .contract.contract {
        max-height: none;
        border-bottom: 1px solid #e5e5e5;
        opacity: 1;
        margin-bottom: 24px;
    }

    #CarDetail .float .float-wrapper .fixed .overview.visible + .contract, #CarDetail .float .float-wrapper .fixed .overview.contract + .contract, #CarDetail .float .float-wrapper .fixed .contract.visible + .contract, #CarDetail .float .float-wrapper .fixed .contract.contract + .contract {
        border-radius: 0px
    }

    #CarDetail .float .float-wrapper .fixed .overview.visible:not(.contract), #CarDetail .float .float-wrapper .fixed .overview.contract:not(.contract), #CarDetail .float .float-wrapper .fixed .contract.visible:not(.contract), #CarDetail .float .float-wrapper .fixed .contract.contract:not(.contract) {
        padding: 20px 0px;
        background-color: #f6f6f6
    }
}

@media (max-width: 1199px) {
    #CarDetail .float .float-wrapper .fixed .overview.visible, #CarDetail .float .float-wrapper .fixed .overview.contract, #CarDetail .float .float-wrapper .fixed .contract.visible, #CarDetail .float .float-wrapper .fixed .contract.contract {
        padding: 15px 0px 10px 0px !important
    }
}

#CarDetail .float .float-wrapper .fixed .overview ul, #CarDetail .float .float-wrapper .fixed .contract ul {
    font-size: 13px;
    padding-top: 5px
}

#CarDetail .float .float-wrapper .fixed .overview ul li, #CarDetail .float .float-wrapper .fixed .contract ul li {
    padding-top: 5px;
    padding-bottom: 0px
}

#CarDetail .float .float-wrapper .fixed .overview ul li:after, #CarDetail .float .float-wrapper .fixed .contract ul li:after {
    top: 5px
}

@media (max-width: 1199px) {
    #CarDetail .float .float-wrapper .fixed .overview ul li, #CarDetail .float .float-wrapper .fixed .contract ul li {
        padding-top: 0px
    }

    #CarDetail .float .float-wrapper .fixed .overview ul li:after, #CarDetail .float .float-wrapper .fixed .contract ul li:after {
        top: 0px
    }

    #CarDetail .float .float-wrapper .fixed .overview ul li:first-child, #CarDetail .float .float-wrapper .fixed .contract ul li:first-child {
        display: block
    }

    #CarDetail .float .float-wrapper .fixed .overview ul li:first-child:after, #CarDetail .float .float-wrapper .fixed .contract ul li:first-child:after {
        display: none
    }
}

#CarDetail .float .float-wrapper .fixed .price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #34373c;
    font-size: 13px;
    margin-bottom: 20px;
}
#CarDetail .float .float-wrapper .fixed .price h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    font-size: 1rem;
    margin-bottom: 0px
}

#CarDetail .float .float-wrapper .fixed .price h3 small {
    font-size: 12px;
    color: #89909d;
    margin-left: 4px;
    position: relative;
    letter-spacing: -1px;
    top: -1px;
}

#CarDetail .float .float-wrapper .fixed .price h2 {
    font-size: 18px;
    margin-bottom: 0px
}

#CarDetail .float .float-wrapper .fixed .price small{
    font-size: 14px;
}

#CarDetail .float .float-wrapper .fixed .price h2:after {
    margin-top: 0.15em
}

#CarDetail .float .float-wrapper .fixed .condition > ul {
    margin: 0px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 285px;
    color: #34373c;
    font-size: 14px;
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li:not(.mountable) label, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li:not(.mountable) label {
    cursor: default
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li:not(.mountable) a, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li:not(.mountable) a {
    height: 13px;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    border: 1px solid #2aa0fd;
    margin: 4px 0 0 5px;
    padding: 0px 1px
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li:not(.mountable) a:hover, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li:not(.mountable) a:hover {
    color: #fff;
    background-color: #2aa0fd
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable {
    margin: 0px -5px 5px -5px;
    padding: 0px;
    font-size: 0.9rem
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable > a, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable > a {
    display: block;
    position: relative;
    border: 1px solid #d7d7d7;
    background-color: #f7f7f7;
    text-decoration: none;
    color: #666;
    padding: 6px 5px 5px 5px
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable > a:after, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable > a:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 2px;
    right: 5px;
    font-size: 20px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable > a[aria-expanded="true"]:after, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable > a[aria-expanded="true"]:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul {
    background-color: #f7f7f7;
    border: 1px solid #d7d7d7;
    border-top: none;
    padding: 0px
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li {
    padding: 0px
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.category, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.category {
    font-size: 11px;
    background-color: #999;
    padding: 2px 10px;
    color: #fff
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.item, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.item {
    padding: 0px 10px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.item a, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0px;
    text-decoration: none;
    color: #666;
    border-top: 1px dashed #ccc
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.item a label, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.item a label {
    padding-right: 20px;
    line-height: 1.1rem;
    font-size: 0.85rem
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.item:not(.selected):hover, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.item:not(.selected):hover {
    background-color: #fff
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.item:not(.selected):hover a, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.item:not(.selected):hover a {
    color: #2aa0fd
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.item.selected, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.item.selected {
    cursor: not-allowed
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.item.selected a, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.item.selected a {
    color: #ccc;
    cursor: not-allowed
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.item.selected a label, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.item.selected a label {
    cursor: not-allowed
}

#CarDetail .float .float-wrapper .fixed .condition > ul > li.mountable ul li.category + .item a, #CarDetail .float .float-wrapper .fixed .condition > ul > list-type > li.mountable ul li.category + .item a {
    border-top: none
}

#CarDetail .float .float-wrapper .fixed .total-price {
    border-top: 1px solid #e5e5e5;
    margin: 24px 0px 26px 0;
}

#CarDetail .float .float-wrapper .fixed .total-price.pd{
    padding: 24px 0 0 0;
    margin-bottom: 0;
}

#CarDetail .float .float-wrapper .fixed .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#CarDetail .float .float-wrapper .fixed .buttons .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-radius: 4px;
    height: 54px;
    line-height: 54px;
    padding: 0;
}

#CarDetail .float .float-wrapper .fixed .buttons .btn.btn-cart {
    background-color: #fff;
    border-color: #d8dee8;
    color: #c5ccd8;
    margin-right: 9px;
    width: 54px;
}

#CarDetail .float .float-wrapper .fixed .buttons .btn.btn-cart i{
    font-size: 1.682rem;
    line-height: 54px;
}

#CarDetail .float .float-wrapper .fixed .buttons .btn.btn-cart:hover {
    background-color: #2aa0fd;
    border-color: #2aa0fd;
    color: #fff;
}

#CarDetail .float .float-wrapper .fixed .buttons .btn.btn-success{
    background-color: #2aa0fd;
    color: #fff;
    border-color: #2aa0fd;
    margin-top: 0;
    font-size: 1rem;
    width: calc(100% - 63px);
}

#CarDetail .float .float-wrapper .fixed .buttons-deny {
    padding: 20px 0px 0px 0px;
    margin: 0px 15px
}

#CarDetail .float .float-wrapper .banner {
    position: static;
    width: inherit
}

#CarDetail .float .float-wrapper .banner a {
    width: 100%;
    text-decoration: none
}

#CarDetail .float .float-wrapper .banner a > div {
    width: 100%;
    position: relative;
    padding: 13px 15px 11px;
    border-radius: 3.5px;
    box-shadow: 0px 3px 10px 0 rgba(39, 81, 123, 0.3);
    border: solid 1px #1976d2;
    background-color: #ffffff;
    margin-top: 15px
}

#CarDetail .float .float-wrapper .banner a > div > img {
    position: absolute;
    top: 15px;
    width: 180px;
    height: 12px
}

#CarDetail .float .float-wrapper .banner a > div > span {
    display: block;
    font-size: 16px;
    margin-top: 18px;
    font-weight: bold;
    color: #1976d2;
    letter-spacing: -0.5px
}

#CarDetail .float .float-wrapper .banner a > div > span:last-child {
    margin-top: 0;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 11px;
    padding: 6px 16px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-image: linear-gradient(52deg, #1976d2, #2aa0fd);
    border-radius: 100px;
    color: white
}

@media (max-width: 767px) {
    #CarDetail .float {
        -webkit-transition: margin-bottom .35s ease-in-out, bottom .35s ease-in-out, border-color .15s ease-in-out, background-color .15s ease-in-out, min-height .15s ease-in-out;
        -moz-transition: margin-bottom .35s ease-in-out, bottom .35s ease-in-out, border-color .15s ease-in-out, background-color .15s ease-in-out, min-height .15s ease-in-out;
        -ms-transition: margin-bottom .35s ease-in-out, bottom .35s ease-in-out, border-color .15s ease-in-out, background-color .15s ease-in-out, min-height .15s ease-in-out;
        -o-transition: margin-bottom .35s ease-in-out, bottom .35s ease-in-out, border-color .15s ease-in-out, background-color .15s ease-in-out, min-height .15s ease-in-out;
        transition: margin-bottom .35s ease-in-out, bottom .35s ease-in-out, border-color .15s ease-in-out, background-color .15s ease-in-out, min-height .15s ease-in-out;
        position: fixed;
        z-index: 1029;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #2aa0fd;
        border-top: 1px solid transparent;
        margin: 0px;
        min-height: 7vh
    }

    #CarDetail .float .float-wrapper {
        -webkit-transition: max-height .3s ease-in-out;
        -moz-transition: max-height .3s ease-in-out;
        -ms-transition: max-height .3s ease-in-out;
        -o-transition: max-height .3s ease-in-out;
        transition: max-height .3s ease-in-out;
        max-height: 0px;
        position: relative;
        width: 100% !important;
        left: 0;
        right: auto;
        margin-top: 0px
    }

    #CarDetail .float .float-wrapper .fixed {
        -webkit-transition: background-color .3s ease-in-out;
        -moz-transition: background-color .3s ease-in-out;
        -ms-transition: background-color .3s ease-in-out;
        -o-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out;
        position: relative;
        padding: 0px 0px 15px 0px;
        top: 0px;
        border: none;
        background-color: #2aa0fd
    }

    #CarDetail .float .float-wrapper .fixed section.overview {
        display: none
    }

    #CarDetail .float .float-wrapper .fixed section.condition > ul {
        padding: 0 15px;
    }

    #CarDetail .float .float-wrapper .fixed section.total-price {
        padding: 15px 15px 12px 15px !important;
    }

    #CarDetail .FINANCE-price{
        padding: 0 15px;
    }
    
    #CarDetail .FINANCE-price > span:first-child{
        margin-top: 0 !important;
    }

    #CarDetail .float .float-wrapper .fixed section.buttons-deny {
        padding: 15px 0px 0px 0px;
        margin: 0px 10px
    }
    
    #CarDetail .float .float-wrapper .fixed section.buttons{
        padding: 0;
        margin: 0px 10px
    }

    #CarDetail .float.scrolling {
        margin-bottom: -14px;
        bottom: -7vh
    }

    #CarDetail .float .btn {
        position: relative;
        border-radius: 0px
    }

    #CarDetail .float .btn.expand-price {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        position: absolute;
        bottom: 0;
        z-index: 1001;
        width: 100%;
        height: 7vh;
        opacity: 1;
        background-color: #2aa0fd;
        border-color: #2aa0fd
    }

    #CarDetail .float .angle {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        position: absolute;
        z-index: 1002;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding-top: 2px;
        width: 60px;
        line-height: 1;
        border: 1px solid transparent;
        border-bottom: none;
        border-radius: 5px 5px 0 0;
        top: -14px;
        height: 15px;
        background-color: #2aa0fd;
        color: #fff
    }

    body.expanded-prices #CarDetail .float {
        background-color: #fff;
        border-color: #ccc
    }

    body.expanded-prices #CarDetail .float.scrolling {
        margin-bottom: 0;
        bottom: 0
    }

    body.expanded-prices #CarDetail .float .expand-price {
        position: absolute;
        bottom: -7vh;
        opacity: 0
    }

    body.expanded-prices #CarDetail .float .angle {
        top: -19px;
        height: 20px;
        background-color: #fff;
        border-color: #ccc;
        color: #2aa0fd;
        padding-top: 3px
    }

    body.expanded-prices #CarDetail .float .angle i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    body.expanded-prices #CarDetail .float .float-wrapper {
        max-height: 80vh
    }

    body.expanded-prices #CarDetail .float .float-wrapper .fixed {
        background-color: #fff
    }
}

#CarDetail .contents {
    position: relative
}

#CarDetail .contents section {
    position: relative;
    font-size: 14px;
    margin-bottom: 20px
}

#CarDetail .contents section:not(.no-border) {
    border-top: 1px solid #e0e0e0;
    padding-top: 30px
}

@media (max-width: 767px) {
    #CarDetail .contents section {
        margin-bottom: 30px;
        padding: 30px 15px 0px 15px !important
    }

    #CarDetail .contents section:first-child {
        padding-top: 10px !important
    }
}

#CarDetail .contents section h2 {
    display: inline-block;
    padding: 2px 1px;
    margin-bottom: 10px;
    font-size: 1rem;
    color: #666;
    border-bottom: 1px solid #666
}

#CarDetail .contents section p.desc-option-mountable {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    #CarDetail .contents section p.desc-option-mountable {
        font-size: 3.4vw
    }
}

#CarDetail .contents section ul {
    position: relative
}

#CarDetail .contents section ul.options-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f6f6f6;
    border-radius: 10px
}

@media (max-width: 991px) {
    #CarDetail .contents section ul.options-main {
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#CarDetail .contents section ul.options-main li {
    position: relative;
    text-align: center;
    font-size: 12px;
    padding: 10px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    width: 12.5% \9
}

#CarDetail .contents section ul.options-main li.mounted {
    color: #303f9f !important
}

#CarDetail .contents section ul.options-main li img {
    display: block;
    width: 70%;
    width: 66px \9;
    margin: 0 auto 10px
}

@media (max-width: 991px) {
    #CarDetail .contents section ul.options-main li {
        width: 25%
    }

    #CarDetail .contents section ul.options-main li img {
        width: 50%;
        margin-bottom: 5px
    }
}

@media (max-width: 767px) {
    #CarDetail .contents section ul.options-main li {
        font-size: 11px
    }

    #CarDetail .contents section ul.options-main li img {
        width: 60% !important;
        margin-bottom: 5px
    }
}

@media (max-width: 767px) {
    #CarDetail .contents section ul.options-detail > li {
        width: 100% !important
    }

    #CarDetail .contents section ul.options-detail > li p {
        width: 100%;
        padding-top: 2px;
        line-height: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #CarDetail .contents section ul.options-detail > li p span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex-grow: 1;
        flex-basis: 50%;
        white-space: nowrap;
        display: block;
        padding: 4px 0px;
        line-height: 14px
    }
}

#CarDetail .contents section ul.car-check-view {
    margin-top: 20px
}

#CarDetail .contents section ul.car-check-view > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#CarDetail .contents section ul.car-check-view > li > div {
    -ms-flex: 0 0 90px;
    -webkit-flex: 0 0 90px;
    flex: 0 0 90px
}

@media (max-width: 767px) {
    #CarDetail .contents section ul.car-check-view > li > div {
        -ms-flex: 0 0 120px;
        -webkit-flex: 0 0 120px;
        flex: 0 0 120px
    }

    #CarDetail .contents section ul.car-check-view > li > div p {
        padding-top: 0.1em;
        font-size: 1.3em
    }

    #CarDetail .contents section ul.car-check-view > li > div p small {
        font-size: 0.8em
    }
}

@media (max-width: 767px) {
    #CarDetail .contents section ul.car-check-view > li label {
        padding-top: 0px !important
    }
}

#CarDetail .contents section .car-check {
    background-color: #f6f6f6;
    border-radius: 10px;
    padding-top: 5px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    #CarDetail .contents section .btn-carhistory {
        display: block;
        width: 100%
    }
}

#CarDetail .button-area-bottom {
    text-align: left;
    border-top: 1px solid #d7d7d7;
    margin-bottom: 142px
}

@media (max-width: 767px) {
    #CarDetail .button-area-bottom {
        margin-bottom: 30px;
        text-align: center
    }
}

#CarDetail .GALLERY .carousel-inner {
    background-color: #f7f7f7
}

#CarDetail .GALLERY .carousel-inner .item {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/preloader.svg)
}

#CarDetail .GALLERY .carousel-inner .item a {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#CarDetail .GALLERY .carousel-inner .item a img {
    width: 100%;
    visibility: hidden
}

#CarDetail .GALLERY .carousel-inner .item a.loaded {
    opacity: 1
}

#CarDetail .GALLERY .carousel-control {
    padding: 0px !important;
    width: 24px;
    overflow: hidden
}

#CarDetail .GALLERY .carousel-control span {
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: -25px;
    width: 24px;
    height: 50px;
    text-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#CarDetail .GALLERY .carousel-control span:before {
    content: ''
}

#CarDetail .GALLERY .carousel-control.left span {
    left: -24px;
    margin-left: 0px;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

#CarDetail .GALLERY .carousel-control.left span.paging {
    left: 0px
}

#CarDetail .GALLERY .carousel-control.right span {
    right: -24px;
    margin-right: 0px;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

#CarDetail .GALLERY .carousel-control.right span.paging {
    right: 0px
}

#CarDetail .THUMBS {
    margin-top: 2px
}

#CarDetail .THUMBS .swiper-wrapper .swiper-slide {
    background-size: auto 60%
}

#CarDetail .THUMBS .swiper-wrapper .swiper-slide img {
    height: auto !important;
    max-height: 70px;
    opacity: 0.5
}

#CarDetail .THUMBS .swiper-wrapper .swiper-slide.active img {
    opacity: 1
}

#CarDetail .THUMBS .swiper-button-next, #CarDetail .THUMBS .swiper-button-prev {
    height: 100%;
    margin: 0px;
    top: 0;
    width: 20px;
    background-size: 50% auto;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#CarDetail .THUMBS .swiper-button-next:hover, #CarDetail .THUMBS .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.9)
}

#CarDetail .THUMBS .swiper-button-prev {
    left: -20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    border-right: 1px solid rgba(255, 255, 255, 0.5)
}

#CarDetail .THUMBS .swiper-button-next {
    right: -20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    border-left: 1px solid rgba(255, 255, 255, 0.5)
}

#CarDetail .THUMBS:hover .swiper-button-prev {
    left: 0
}

#CarDetail .THUMBS:hover .swiper-button-next {
    right: 0
}

#AuctionDetail {
    padding: 20px 0px 100px 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

@media (max-width: 767px) {
    #AuctionDetail {
        padding-top: 0px
    }

    #AuctionDetail .button-area {
        padding: 20px 15px 0px 15px
    }
}

#AuctionDetail.loaded {
    opacity: 1
}

#AuctionDetail .page-header {
    display: none
}

#AuctionDetail .table:not(.table-bordered) {
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd
}

#AuctionDetail ul {
    padding: 0px;
    list-style: none
}

#AuctionDetail a:not(.carousel-control) {
    color: #337ab7
}

#AuctionDetail a:not(.carousel-control):hover {
    color: #23527c
}

#AuctionDetail .button-area-action {
    padding: 10px
}

#AuctionDetail .button-area-action .btn {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    #AuctionDetail .button-area-action {
        padding: 15px
    }
}

#AuctionDetail .info-basic {
    color: #666
}

#AuctionDetail .info-basic .car-photo .carousel .carousel-inner a:hover {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAAQcLDyotLzg6Ozw/QklKS05VWV1hbXOmqr7B0/0Ad6VlAAAAZ0lEQVQYGV3B7RaBQBRA0UMioXwW0nn/x7Rm/jS3vQk2CdHP5EvwMCN6mRB1JgSdGaVe5/qpFK4613B/s6jUPWtHD0Q7YEt08cbaWa1YTAOc1IaCjq3aUDJrCExaIpORyGwg+JhMlP7F1gs1wB6ykgAAAABJRU5ErkJggg==), auto
}

#AuctionDetail .info-basic .car-photo .carousel .carousel-control {
    background-image: none
}

#AuctionDetail .info-basic .car-photo .thumbnails {
    position: relative;
    padding: 5px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 767px) {
    #AuctionDetail .info-basic .car-photo .thumbnails {
        display: none
    }
}

#AuctionDetail .info-basic .car-photo .thumbnails img {
    display: block;
    width: 13.3%;
    height: 100% !important;
    min-height: 0;
    margin-bottom: 5px;
    opacity: 0.7
}

#AuctionDetail .info-basic .car-photo .thumbnails img:hover, #AuctionDetail .info-basic .car-photo .thumbnails img.active {
    opacity: 1
}

#AuctionDetail .info-basic .car-photo .thumbnails img:not(.hidden-sm) {
    cursor: pointer
}

@media (max-width: 991px) {
    #AuctionDetail .info-basic .car-photo .thumbnails img {
        width: 18.8%
    }
}

#AuctionDetail .info-basic .car-photo .manager-area {
    padding: 3px 0px 0px 0px
}

@media (max-width: 767px) {
    #AuctionDetail .info-basic .car-photo .manager-area {
        padding-top: 0px
    }
}

#AuctionDetail .info-basic .car-photo .manager-area .alert {
    margin: 0px 0px 10px 0px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px
}

@media (max-width: 767px) {
    #AuctionDetail .info-basic .car-photo .manager-area .alert {
        border-radius: 0px;
        margin-bottom: 0px
    }
}

#AuctionDetail .info-basic .car-photo .manager-area .alert h4 {
    font-size: 13px;
    line-height: 20px;
    font-weight: normal
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table {
    border: none;
    margin: 0px
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table td {
    border-top: 1px solid #FFF
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table td.photo {
    width: 80px
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table td.photo div {
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table td.contact {
    font-size: 16px;
    font-weight: 700
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table td.contact h5 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table td.contact h5 span {
    font-size: 13px;
    color: #999;
    letter-spacing: 0px;
    font-weight: normal
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table td.contact span {
    display: inline-block
}

#AuctionDetail .info-basic .car-photo .manager-area .alert .table td.contact span.glyphicon {
    font-size: 13px
}

#AuctionDetail .info-basic .car-overview .table {
    margin-bottom: 0px
}

#AuctionDetail .info-basic .car-overview .table th.warning {
    font-size: 16px;
    text-align: center;
    color: #444
}

#AuctionDetail .info-basic .car-overview .table th:not(.warning) {
    font-size: 16px
}

#AuctionDetail .info-basic .car-overview .table td {
    font-size: 14px
}

@media (max-width: 900px) {
    #AuctionDetail .info-basic .car-overview .table td {
        font-size: 13px;
        letter-spacing: -0.5px
    }
}

@media (max-width: 480px) {
    #AuctionDetail .info-basic .car-overview .table td {
        font-size: 3.5vw
    }
}

#AuctionDetail .info-basic .car-overview .desc-price {
    padding: 5px 10px 10px 10px;
    color: #999;
    font-size: 12px
}

@media (max-width: 480px) {
    #AuctionDetail .info-basic .car-overview .desc-price {
        padding: 5px 10px 10px 10px;
        color: #999;
        font-size: 3.4vw
    }
}

@media (max-width: 767px) {
    #AuctionDetail .info-basic .car-overview .button-area {
        padding-bottom: 10px
    }
}

@media (max-width: 480px) {
    #AuctionDetail .info-basic .car-overview .button-area {
        padding-bottom: 0px
    }
}

#AuctionDetail .info-basic .car-overview .button-area .btn:not(.btn-sm) {
    font-size: 14px;
    margin-top: 10px
}

#AuctionDetail .info-basic .car-overview .alert {
    margin-top: 20px;
    text-align: center
}

@media (max-width: 767px) {
    #AuctionDetail .info-basic .car-overview .alert {
        margin-top: 0px
    }
}

#AuctionDetail .info-basic .car-overview .alert span {
    display: block
}

@media (max-width: 767px) {
    #AuctionDetail .panel-container {
        padding: 0px 10px
    }
}

#AuctionDetail .panel-container .info-options {
    margin-top: 15px
}

#AuctionDetail .panel-container .info-options .panel-heading .btn-sm {
    float: right;
    margin-top: -5px
}

#AuctionDetail .panel-container .info-options .panel-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

#AuctionDetail .panel-container .info-options .panel-body > [class*='col-'] {
    display: flex;
    flex-direction: column
}

@media (max-width: 767px) {
    #AuctionDetail .panel-container .info-options .panel-body div {
        padding-bottom: 20px
    }
}

#AuctionDetail .panel-container .info-options .panel-body h5 {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

#AuctionDetail .panel-container .info-options .panel-body ul li {
    display: block;
    color: #777;
    margin-bottom: 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#AuctionDetail .panel-container .info-options .panel-body ul li.installed-N {
    display: none
}

@media (max-width: 767px) {
    #AuctionDetail .panel-container .info-options #collapseOptions {
        display: none
    }
}

#AuctionDetail .panel-container .info-description {
    color: #777;
    font-size: 15px;
    line-height: 24px
}

#AuctionDetail .panel-container .info-history .panel-body {
    padding-top: 0px
}

#AuctionDetail .panel-container .info-history h5 {
    color: #333;
    width: 100%;
    margin: 20px 0px 2px 0px
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-history h5 {
        font-size: 3.2vw
    }
}

#AuctionDetail .panel-container .info-history h5 label:not(.no-icon):before {
    content: "· "
}

#AuctionDetail .panel-container .info-history h5 span:not(.label):not(.pull-right):not(.parts) {
    display: inline-block;
    min-width: 150px
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-history h5 span:not(.label):not(.pull-right):not(.parts) {
        min-width: 25vw
    }
}

#AuctionDetail .panel-container .info-history h5 span.label {
    display: inline-block;
    min-width: 50px;
    font-size: 1em;
    font-weight: normal
}

#AuctionDetail .panel-container .info-history h5 span.label.pull-right {
    margin-top: -3px
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-history h5 span.label.pull-right {
        margin-top: -2px;
        padding: .25em .6em .2em
    }
}

#AuctionDetail .panel-container .info-history h5 span.label.label-default {
    background-color: #ccc;
    font-weight: normal
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-history h5 span.label {
        min-width: auto
    }
}

#AuctionDetail .panel-container .info-history h5 small.label.pull-right {
    margin-top: 0px
}

#AuctionDetail .panel-container .info-history ul.detail {
    font-size: 12px
}

#AuctionDetail .panel-container .info-history ul.detail li {
    padding: 0px 0px 2px 14px
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-history ul.detail li {
        font-size: 1vw
    }
}

#AuctionDetail .panel-container .info-history div:not(.panel-body) ul.detail li {
    background-position: 3px 8px;
    padding: 5px 0px 5px 14px
}

#AuctionDetail .panel-container .info-check .panel-heading span.remark {
    float: right
}

#AuctionDetail .panel-container .info-check .panel-heading span.remark span {
    padding: 0px 2px 0px 10px;
    color: blue
}

#AuctionDetail .panel-container .info-check .panel-heading span.remark span.accident-2 {
    color: #ff6600
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image div[class^="col"] {
    padding: 0px
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image img {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image div div {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    text-indent: -10000em
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image div div.C {
    background: #00F
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image div div.P {
    background: #F60
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .L1 {
    left: 16%;
    top: 20%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .L2 {
    left: 22%;
    top: 37%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .L3 {
    left: 21%;
    top: 53%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .L4 {
    left: 24%;
    top: 67%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .L5 {
    left: 7%;
    top: 50%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .L6 {
    left: 12%;
    top: 40%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .L7 {
    left: 12%;
    top: 58%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .L8 {
    left: 18%;
    top: 78%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .R1 {
    left: 80%;
    top: 20%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .R2 {
    left: 75%;
    top: 37%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .R3 {
    left: 75%;
    top: 53%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .R4 {
    left: 73%;
    top: 67%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .R5 {
    left: 90%;
    top: 50%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .R6 {
    left: 85%;
    top: 40%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .R7 {
    left: 85%;
    top: 58%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .R8 {
    left: 78%;
    top: 78%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .F1 {
    left: 48%;
    top: 5%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .F2 {
    left: 48%;
    top: 17%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .F3 {
    left: 48%;
    top: 60%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .F4 {
    left: 48%;
    top: 87%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B1 {
    left: 49%;
    top: 11%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B2 {
    left: 39%;
    top: 18%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B3 {
    left: 59%;
    top: 18%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B4 {
    left: 43%;
    top: 22%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B5 {
    left: 54%;
    top: 22%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B6 {
    left: 39%;
    top: 26%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B7 {
    left: 59%;
    top: 26%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B8 {
    left: 49%;
    top: 31%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B9 {
    left: 49%;
    top: 38%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B10 {
    left: 49%;
    top: 55%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B11 {
    left: 49%;
    top: 71%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B12 {
    left: 39%;
    top: 78%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B13 {
    left: 59%;
    top: 78%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B14 {
    left: 43%;
    top: 80%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B15 {
    left: 55%;
    top: 80%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B16 {
    left: 49%;
    top: 79%
}

#AuctionDetail .panel-container .info-check .panel-body .plan-image .B17 {
    left: 49%;
    top: 86%
}

#AuctionDetail .panel-container .info-check .panel-body h5 {
    color: #333;
    background-color: #f5f5f5;
    border-top: 2px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 10px;
    margin-bottom: 0px
}

#AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) {
    padding: 0px 15px
}

#AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) ul li {
    border-bottom: 1px solid #DDD;
    padding: 8px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) ul li.blank:before {
    content: "　"
}

#AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) ul li span:before {
    content: "○";
    padding-right: 4px
}

#AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) ul li span.accident-0:before, #AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) ul li span.accident-1:before, #AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) ul li span.accident-2:before {
    color: blue;
    content: "●"
}

#AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) ul li span.accident-0:before {
    color: #666
}

#AuctionDetail .panel-container .info-check .panel-body div.row:not(.plan-image) ul li span.accident-2:before {
    color: #ff6600
}

#AuctionDetail .panel-container .info-diagnotics .panel-body div[class^="col"] {
    padding: 0px
}

#AuctionDetail .panel-container .info-diagnotics .panel-body div.line {
    background-color: #DDD;
    height: 1px;
    width: 100%
}

#AuctionDetail .panel-container .info-diagnotics .panel-body div.col-sm-6 {
    width: 50%
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-diagnotics .panel-body div.col-sm-6 {
        width: 100%
    }
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .btn {
    margin: 10px 0px
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table {
    font-size: 12px;
    letter-spacing: -0.5px
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-diagnotics .panel-body .table td span.cr {
        display: block;
        text-indent: -9999px;
        height: 1px
    }
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table td span:not(.cr) {
    padding: 0px 2px 0px 5px
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table td span:not(.cr):before {
    content: "○"
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-diagnotics .panel-body .table td span:not(.cr):not(.active) {
        display: none
    }
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table td span.active:not(.cr):before {
    content: "●"
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-diagnotics .panel-body .table td span.active:not(.cr):before {
        content: ""
    }
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table:not(.table-bordered) {
    border: none;
    margin-bottom: 0px
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table:not(.table-bordered) th {
    width: 120px
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-diagnotics .panel-body .table:not(.table-bordered) th {
        width: 90px
    }
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered tbody {
    border: none
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered th {
    word-break: break-all;
    white-space: nowrap;
    text-align: center
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered th {
        word-break: break-all;
        font-size: 12px
    }
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered td {
    word-break: break-all
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered td {
        font-size: 12px
    }
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered td.category {
    border: none;
    text-indent: -9999px
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered td.category.first {
    border-top: 1px solid #DDD;
    text-indent: 0px
}

#AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered td span:first-child {
    padding-left: 0px
}

@media (max-width: 480px) {
    #AuctionDetail .panel-container .info-diagnotics .panel-body .table.table-bordered td span.active {
        white-space: nowrap
    }
}

#AuctionDetail .button-area-action {
    padding: 20px 0px 0px 0px
}

#AuctionDetail .button-area-action .btn {
    margin-bottom: 0px
}

@media (max-width: 767px) {
    #AuctionDetail .button-area-action {
        padding: 15px
    }
}

#AuctionDetail .info-basic .car-overview table tr th, #AuctionDetail .info-basic .car-overview table tr td {
    vertical-align: middle
}

#AuctionDetail .info-basic .car-overview form {
    padding: 20px 0px 0px 0px
}

@media (max-width: 767px) {
    #AuctionDetail .info-basic .car-overview form {
        padding: 15px
    }
}

#AuctionDetail .info-basic .car-overview form .form-group-lg:last-child {
    margin-bottom: 0px
}

#AuctionDetail .button-area-bottom {
    text-align: left;
    border-top: 1px solid #d7d7d7;
    margin-bottom: 142px
}

@media (max-width: 767px) {
    #AuctionDetail .button-area-bottom {
        margin-bottom: 30px;
        text-align: center
    }
}

#Cart .car-list, #Favorite .car-list {
    margin-top: -20px
}

#Cart .car-list .cover .lazy, #Favorite .car-list .cover .lazy {
    position: relative
}

#Cart .car-list .cover .lazy .CarNum, #Favorite .car-list .cover .lazy .CarNum {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 2px 0px
}

@media (max-width: 767px) {
    #Cart .car-list, #Favorite .car-list {
        margin-top: 0px
    }
}

#Cart .prices, #Favorite .prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0px;
    border-bottom: 1px solid #d7d7d7
}

@media (max-width: 767px) {
    #Cart .prices, #Favorite .prices {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 10px
    }
}

#Cart .prices li, #Favorite .prices li {
    font-size: 16px;
    padding: 10px 0px;
    background-color: #f5f5f5
}

#Cart .prices li label, #Favorite .prices li label {
    display: inline-block
}

#Cart .prices li label:not(:first-child), #Favorite .prices li label:not(:first-child) {
    margin-left: 20px
}

#Cart .prices li label i, #Favorite .prices li label i {
    color: #999;
    margin-right: 20px
}

#Cart .prices li .badge, #Favorite .prices li .badge {
    margin-top: -3px;
    background-color: #fff;
    color: #999;
    font-weight: normal;
    border: 1px solid #eee
}

#Cart .prices li.title, #Favorite .prices li.title {
    -ms-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    flex: 0 0 100px;
    background-color: #2aa0fd;
    color: #fff;
    font-size: 14px
}

@media (max-width: 767px) {
    #Cart .prices li.title, #Favorite .prices li.title {
        -ms-flex: 0 0 0px;
        -webkit-flex: 0 0 0px;
        flex: 0 0 0px
    }
}

#Cart .prices li:not(.title), #Favorite .prices li:not(.title) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1
}

#Cart .prices li.cp, #Favorite .prices li.cp {
    padding: 20px 0px
}

@media (max-width: 767px) {
    #Cart .prices li.total, #Favorite .prices li.total {
        padding: 5px 20px
    }

    #Cart .prices li.total label, #Favorite .prices li.total label {
        display: block;
        text-align: right;
        padding: 5px 0px;
        margin: 0px
    }

    #Cart .prices li.total label:not(:last-child), #Favorite .prices li.total label:not(:last-child) {
        border-bottom: 1px dashed #d7d7d7
    }

    #Cart .prices li.total label .badge, #Favorite .prices li.total label .badge {
        float: left;
        margin-top: 2px
    }

    #Cart .prices li.total label i, #Favorite .prices li.total label i {
        display: none
    }

    #Cart .prices li.cp, #Favorite .prices li.cp {
        font-size: 13px;
        padding: 10px 20px;
        line-height: 22px;
        margin-top: -10px
    }
}

@media (max-width: 767px) {
    #Cart .alert-warning, #Favorite .alert-warning {
        font-size: 13px
    }
}

#Favorite .expanded-inactive {
    -webkit-transition: opacity .35s ease;
    -moz-transition: opacity .35s ease;
    -ms-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease
}

#Favorite article > ul:not(.mountable-options) + .mountable-options {
    display: none
}

#Favorite article > ul:not(.mountable-options) > li.mountable, #Favorite article > ul:not(.mountable-options) > list-type > li.mountable {
    cursor: default;
    position: relative
}

@media (max-width: 767px) {
    #Favorite article > ul:not(.mountable-options) > li.mountable:not(.selected), #Favorite article > ul:not(.mountable-options) > list-type > li.mountable:not(.selected) {
        text-align: center
    }
}

#Favorite article > ul:not(.mountable-options) > li.mountable .btn-expand-mountable:not(.selected):after, #Favorite article > ul:not(.mountable-options) > list-type > li.mountable .btn-expand-mountable:not(.selected):after {
    content: '추가'
}

#Favorite article > ul:not(.mountable-options) > li.mountable .btn-expand-mountable.selected, #Favorite article > ul:not(.mountable-options) > list-type > li.mountable .btn-expand-mountable.selected {
    margin-top: 5px
}

@media (max-width: 767px) {
    #Favorite article > ul:not(.mountable-options) > li.mountable .btn-expand-mountable.selected, #Favorite article > ul:not(.mountable-options) > list-type > li.mountable .btn-expand-mountable.selected {
        position: absolute;
        top: 0;
        right: 10px
    }

    #Favorite article > ul:not(.mountable-options) > li.mountable .btn-expand-mountable.selected .hidden-sm, #Favorite article > ul:not(.mountable-options) > list-type > li.mountable .btn-expand-mountable.selected .hidden-sm {
        display: none
    }
}

#Favorite article > ul:not(.mountable-options) > li.mountable .btn-expand-mountable.selected:after, #Favorite article > ul:not(.mountable-options) > list-type > li.mountable .btn-expand-mountable.selected:after {
    content: '변경'
}

#Favorite article > ul:not(.mountable-options) > li.mountable .btn-apply-mountable, #Favorite article > ul:not(.mountable-options) > list-type > li.mountable .btn-apply-mountable {
    display: none
}

#Favorite article > ul:not(.mountable-options) > li.total-price, #Favorite article > ul:not(.mountable-options) > list-type > li.total-price {
    cursor: default
}

#Favorite article > ul:not(.mountable-options) > li.total-price .btn-apply-mountable, #Favorite article > ul:not(.mountable-options) > list-type > li.total-price .btn-apply-mountable {
    display: none
}

#Favorite article > ul:not(.mountable-options) > li.remove, #Favorite article > ul:not(.mountable-options) > list-type > li.remove {
    cursor: default
}

#Favorite article > ul:not(.mountable-options).expanded {
    border-bottom: none;
    background-color: #f5f5f5;
    opacity: 1 !important
}

#Favorite article > ul:not(.mountable-options).expanded + .mountable-options {
    background-color: #f5f5f5;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

@media (max-width: 767px) {
    #Favorite article > ul:not(.mountable-options).expanded + .mountable-options {
        display: block !important
    }
}

@media (max-width: 767px) {
    #Favorite article > ul:not(.mountable-options).expanded > li.mountable div, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-lines: single;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

#Favorite article > ul:not(.mountable-options).expanded > li.mountable div > span, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div > ul, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div > span, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div > ul {
    display: none
}

#Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:active, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:focus, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:active, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:focus {
    background-color: #fff;
    color: #999;
    border: 1px solid #ccc;
    outline: none;
    outline-offset: 0px
}

#Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:not(.selected):after, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:active:not(.selected):after, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:focus:not(.selected):after, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:not(.selected):after, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:active:not(.selected):after, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:focus:not(.selected):after {
    content: '추가 취소'
}

#Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable.selected, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:active.selected, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:focus.selected, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable.selected, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:active.selected, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:focus.selected {
    margin: 0 0 0 10px
}

@media (max-width: 767px) {
    #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable.selected, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:active.selected, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:focus.selected, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable.selected, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:active.selected, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:focus.selected {
        position: relative
    }

    #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable.selected .hidden-sm, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:active.selected .hidden-sm, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:focus.selected .hidden-sm, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable.selected .hidden-sm, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:active.selected .hidden-sm, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:focus.selected .hidden-sm {
        display: inline-block
    }
}

#Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable.selected:after, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:active.selected:after, #Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-expand-mountable:focus.selected:after, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable.selected:after, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:active.selected:after, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-expand-mountable:focus.selected:after {
    content: '변경 취소'
}

#Favorite article > ul:not(.mountable-options).expanded > li.mountable div .btn-apply-mountable, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.mountable div .btn-apply-mountable {
    display: inline-block
}

@media (max-width: 767px) {
    #Favorite article > ul:not(.mountable-options).expanded > li.total-price, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.total-price {
        display: none
    }
}

#Favorite article > ul:not(.mountable-options).expanded > li.total-price h5, #Favorite article > ul:not(.mountable-options).expanded > li.total-price .btn-contract, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.total-price h5, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.total-price .btn-contract {
    display: none
}

#Favorite article > ul:not(.mountable-options).expanded > li.total-price .btn-apply-mountable, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.total-price .btn-apply-mountable {
    display: inline-block
}

#Favorite article > ul:not(.mountable-options).expanded > li.remove a, #Favorite article > ul:not(.mountable-options).expanded > list-type > li.remove a {
    display: none
}

#Favorite article > ul.mountable-options {
    padding: 0px 10px
}

@media (max-width: 767px) {
    #Favorite article > ul.mountable-options {
        border-top: none;
        margin: -7px 0px 20px 0px;
        padding: 0px 10px 5px 10px
    }
}

#Favorite article > ul.mountable-options > li {
    padding: 0 5px 10px 5px;
    min-width: 33.333%;
    max-width: 360px;
    margin-right: 0px !important
}

#Favorite article > ul.mountable-options > li a {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    text-decoration: none;
    font-size: 1em !important;
    padding: 5px 18px 5px 10px
}

#Favorite article > ul.mountable-options > li a:before {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    top: 20%;
    color: #666;
    right: 7px;
    font-size: 0.8em
}

#Favorite article > ul.mountable-options > li a.collapsed-in:before {
    content: "\f0d8"
}

#Favorite article > ul.mountable-options > li a.collapsed-in .selected-item {
    display: none
}

#Favorite article > ul.mountable-options > li a label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    white-space: nowrap;
    padding-right: 5px;
    color: #666
}

#Favorite article > ul.mountable-options > li a .selected-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999
}

#Favorite article > ul.mountable-options > li a .selected-item span.price-unit {
    color: #333;
    white-space: nowrap;
    padding-left: 10px
}

#Favorite article > ul.mountable-options > li .list-unstyled {
    position: relative;
    margin-top: -6px;
    padding: 5px 10px 0px 10px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-top: none;
    width: 100%
}

#Favorite article > ul.mountable-options > li .list-unstyled li {
    border-top: 1px dashed #d7d7d7;
    position: relative;
    cursor: pointer;
    -webkit-transition: color .15s ease;
    -moz-transition: color .15s ease;
    -ms-transition: color .15s ease;
    -o-transition: color .15s ease;
    transition: color .15s ease;
    padding: 6px 0px 5px 1.2em;
    font-size: 0.95em
}

#Favorite article > ul.mountable-options > li .list-unstyled li:hover {
    color: #2aa0fd
}

#Favorite article > ul.mountable-options > li .list-unstyled li:before {
    content: "\f1db";
    font-family: FontAwesome;
    position: absolute;
    color: #999;
    left: 0;
    font-size: 1em;
    margin-top: 0px
}

#Favorite article > ul.mountable-options > li .list-unstyled li.selected:before {
    content: "\f05d";
    color: #2aa0fd
}

#Favorite article > ul.mountable-options > li .list-unstyled li .Included {
    color: #777;
    font-size: 11px !important
}

#Favorite article > ul.mountable-options > li .list-unstyled li .Spec {
    color: #aaa;
    font-size: 10px !important
}

@media (max-width: 991px) {
    #Favorite article > ul.mountable-options > li {
        min-width: 50%
    }
}

@media (max-width: 767px) {
    #Favorite article > ul.mountable-options > li {
        max-width: none;
        margin-right: 0px;
        padding: 0 0 10px 0
    }
}

@media (max-width: 767px) {
    #Favorite .button-area-bottom .btn {
        display: block;
        width: 100%;
        float: none !important
    }
}

#Dashboard .panel .huge {
    font-size: 26px;
    line-height: 30px
}

@media (max-width: 480px) {
    #Dashboard .panel .huge {
        line-height: 22px
    }
}

#Dashboard .panel .table {
    margin-bottom: 0px
}

#Dashboard .panel .panel-heading .fa.hidden-sm {
    margin-top: 5px
}

#Dashboard .panel .panel-footer {
    padding: 5px 15px;
    border-top: none
}

#Dashboard .panel .panel-footer .pull-left {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: -0.5px
}

@media (max-width: 480px) {
    #Dashboard .panel .panel-footer .pull-left {
        font-size: 12px;
        line-height: 24px
    }
}

@media (max-width: 480px) {
    #Dashboard .panel .panel-footer {
        font-size: 14px;
        line-height: 23px
    }
}

#Dashboard .panel.panel-primary .panel-footer > * {
    color: #337ab7
}

#Dashboard .panel.panel-default:not(.panel-primary) > * {
    color: #999
}

#Dashboard .panel.panel-green {
    border-color: #5cb85c
}

#Dashboard .panel.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c
}

#Dashboard .panel.panel-green a {
    color: #5cb85c
}

#Dashboard .panel.panel-green a:hover {
    color: #3d8b3d
}

#Dashboard .panel.panel-red {
    border-color: #d9534f
}

#Dashboard .panel.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f
}

#Dashboard .panel.panel-red a {
    color: #d9534f
}

#Dashboard .panel.panel-red a:hover {
    color: #b52b27
}

#Dashboard .panel.panel-yellow {
    border-color: #f0ad4e
}

#Dashboard .panel.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e
}

#Dashboard .panel.panel-yellow a {
    color: #f0ad4e
}

#Dashboard .panel.panel-yellow a:hover {
    color: #df8a13
}

#SuppliedCar .list-group-item-heading {
    margin-top: 5px;
    font-weight: normal
}

#SuppliedCar .table {
    font-size: 14px;
    color: #666666
}

@media (max-width: 991px) {
    #SuppliedCar .table {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    #SuppliedCar .table {
        font-size: 12px
    }
}

#SuppliedCar .table .text-muted {
    color: #cccccc
}

#SuppliedCar .table tr th, #SuppliedCar .table tr td {
    vertical-align: middle
}

#SuppliedCar .table tr th {
    font-weight: normal;
    text-align: center;
    color: #333
}

#SuppliedCar .photo-area .upload-container {
    list-style: none;
    padding: 0px;
    background-color: #f5f5f5;
    min-height: 100px
}

@media (max-width: 767px) {
    #SuppliedCar .photo-area .upload-container {
        padding-left: 3px
    }
}

#SuppliedCar .photo-area .upload-container li {
    position: relative;
    display: inline-block;
    margin: 5px 4px 5px 4px;
    padding: 5px;
    width: 112px;
    min-height: 80px;
    border: 1px solid #DDD;
    background-color: #FFF;
    text-align: center;
    background-image: url(../img/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90% auto
}

@media (max-width: 991px) {
    #SuppliedCar .photo-area .upload-container li {
        width: 84px;
        min-height: 54px
    }
}

@media (max-width: 767px) {
    #SuppliedCar .photo-area .upload-container li {
        width: 20% !important;
        margin: 3px -1px 0px 0px;
        padding: 4px
    }
}

#SuppliedCar .photo-area .upload-container li img {
    display: block;
    width: 100%;
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0
}

#SuppliedCar .photo-area .upload-container li img.loaded {
    opacity: 1
}

#SuppliedCar .options {
    padding-top: 15px
}

#SuppliedCar .options .row {
    display: flex;
    flex-wrap: wrap
}

#SuppliedCar .options .row > div {
    padding-bottom: 20px;
    display: flex;
    flex-direction: column
}

#SuppliedCar .options .row > div.comments {
    font-size: 13px
}

#SuppliedCar .options .row > div.comments div {
    padding: 10px;
    border: 1px solid #DDD
}

#SuppliedCar .options .row > div.comments span {
    display: block
}

#SuppliedCar .options .row > div button {
    margin-bottom: 10px
}

#SuppliedCar .options .row > div ul {
    margin: 0px;
    list-style: none;
    padding-left: 0px
}

#SuppliedCar .options .row > div ul li {
    margin-bottom: 5px;
    font-size: 13px;
    padding-left: 10px
}

#SuppliedCar .car-check-view h5 div.text-left {
    padding-top: 5px
}
.vod-player-dimensions{width: 100%;height: auto;min-height: 300px;}
/*# sourceMappingURL=sections.css.map */
.desc div{
    display: inline-block;
    width: 46%;
    padding:4px 2%;
}
.desc .badge{
    min-width: 17px;
    padding: 3px;
    font-size: 11px;
    font-weight: bold;
}
.warning{padding: 10px;border-radius: 5px;background: #efefef;margin-top: 20px;text-align: center;font-size: 12px;}


.finance-box{
    background-color: #f4f3ff;
    border-radius: 4px;
    padding: 18px;
    margin-bottom: 21px;
    margin-top: 5px;
}

.finance-box > div.clearfix img{
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.finance-box > div.clearfix b{
    font-size: 16px;
    color: #736aef;
    height: 18px;
    line-height: 18px;
}

.finance-box > p{
    color: #736aef;
    font-size: 12px;
    margin: 12px 0 0 0;
    opacity: 0.8;
    line-height: 1rem;
}

.modal-footer .btn{
    padding:0 18px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}

#CarDetail .contents section > ul:not(.inline):not(.options-main) > li.finance-box{
    display: none;
}

#CarDetail .float-wrapper .finance-box{
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 24px;
    padding: 14px 0 11px 13px;
}

#CarDetail .float-wrapper .finance-box b{
    font-size: 14px;
    height: 16px;
    line-height: 16px;
}

#CarDetail .float-wrapper .finance-box > p{
    margin-top: 6px;
}

@media (max-width: 767px) {
    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.finance-box{
        display: block;
        width: 100%;
        margin-bottom: 12px;
        margin-top: 0;
    }
    #modalAlert .finance-box + p + ul{
        font-size: 13px !important;
    }
    #modalAlert .finance-box + p + ul li strong + span{
        font-size: 11px !important;
    }

    #modalAlert .finance-box + p + ul + p,
    #modalAlert .finance-box + p + ul + p + hr + p{
        font-size: 13px !important;
    }

    .modal-footer .btn{
        font-size: 15px;
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.finance-box{
        padding: 16px 13px;
        line-height: 0.8rem;
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.finance-box > div.clearfix b{
        font-size: 11px;
        line-height: 1rem;
        height: auto;
    }

    #CarDetail .contents section > ul:not(.inline):not(.options-main) > li.finance-box > p{
        margin-top: 7px;
        font-size: 11px;
        line-height: 0.8rem;
    }

    #CarDetail .float .float-wrapper .fixed .price h3{

    }
}

@media (max-width: 767px){
    #CarDetail .float .float-wrapper .fixed section.price:not(.total-price) {
        padding: 18px 15px 15px 15px;
        margin-bottom: 0;
    }
}

body{letter-spacing: -1px;}


#Cars .sidebar-contents section > ul.list > li > a .list-price {
    text-align: right;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important;
    margin-right: 33px;
}

#Cars .sidebar-contents section > ul.list > li > a .list-price strong{
    font-size: 16px;
    font-family: 'HYRegular';
}

#Cars .sidebar-contents section > ul.list > li > a .list-price strong small{
    font-size: 14px;
}

#Cars .FINANCE-price{
    margin-top: 14px;
}
#Cars .FINANCE-price > span:first-child{
    font-size: 12px;
}

#Cars .FINANCE-price b{
    font-size: 16px;
    margin-left: 4px;
}

#Cars .FINANCE-price > span span{
    font-size: 14px;
}

#Cars .FINANCE-price > span:last-child{
    margin-top: 2px;
    display: block;
    text-decoration: line-through;
}

#Cars .sidebar-contents section > ul > li > a .info .overview h3.lh{
    line-height: 42px;
}

#CarDetail .FINANCE-price{
    text-align: right;
    margin-bottom: 24px;
}

#CarDetail .FINANCE-price > span:first-child{
    margin-top: 12px;
    margin-bottom: 6px;
}

#CarDetail .FINANCE-price b{
    margin-left: 6px;
}

#Cars .sidebar-contents section > ul.list > li > ul.contract-detail > li.list-only.total-price > div, #Cars .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.list-only.total-price > div, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > li.list-only.total-price > div, #Auction .sidebar-contents section > ul.list > li > ul.contract-detail > list-type > li.list-only.total-price > div{
    width: calc(100% - 130px);
    padding-left: 25px;
}
@media (max-width: 767px){
    #modalAlert.modal .modal-dialog{
        margin: 0 auto !important;
        transition: all .3s;
    }
    
    #modalAlert.modal.fade .modal-dialog{
        transform: translate(0, 50px);
    }

    #Cars .mobile:not(.list-mobile) .detail .FINANCE-price{
        display: none;    
    }

    #Cars .mobile.list-mobile .detail .FINANCE-price{
        display: block;    
        margin-top: -1px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    #Cars .FINANCE-price > span:last-child{
        text-decoration: none;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li > a .info .type-box .finance, #Auction .sidebar-contents section > ul.list-mobile > li > a .info .type-box .finance{
        display: none;
    }
}

@media (max-width: 767px){
  #Cars .sidebar-contents section > ul > li > ul.contract-detail.price-mobile > li:first-child label, #Auction .sidebar-contents section > ul > li > ul.contract-detail.price-mobile > li:first-child label{
        font-size: 12px !important;
    }
    #Cars .price-mobile .price-unit.prefix-plus{
        font-size: 14px;
        font-weight: normal;
    }
    #Cars .price-mobile  .price-unit.prefix-plus small{
        font-size: 14px;
        opacity: 1 !important;
    }

    #Cars .sidebar-contents section > ul > li > ul.contract-detail.price-mobile > li:first-child, #Auction .sidebar-contents section > ul > li > ul.contract-detail.price-mobile > li:first-child{
        padding-bottom: 12px !important;
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price label small, 
    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price label small, 
    #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price label small, 
    #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price label small{
        color: #89909d;
        font-size: 10px;
        position: relative;
        top: -1px;
    } 

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price .pull-right, 
    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price .pull-right,  
    #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price .pull-right, 
    #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price .pull-right{
        font-size: 16px;
        font-family: 'HYRegular';
    }

    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price .pull-right small, 
    #Cars .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price .pull-right small,  
    #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > li.total-price .pull-right small, 
    #Auction .sidebar-contents section > ul.list-mobile > li.expanded.pre-contract > ul.contract-detail > list-type > li.total-price .pull-right small{
        font-size: 14px;
    }

    #Cars .sidebar-contents section > ul > li > ul.car-detail > li.price-finance, 
    #Cars .sidebar-contents section > ul > li > ul.contract-detail > li.price-finance, 
    #Auction .sidebar-contents section > ul > li > ul.car-detail > li.price-finance, 
    #Auction .sidebar-contents section > ul > li > ul.contract-detail > li.price-finance{
        padding-top: 8px !important;
    }

    #Cars .price-finance label,
    #Auction .price-finance label{
        position: relative;
        top: 3px;
    }

    #Favorite .prices li:not(.title) strong.color-purple{
        display: block;
        margin-left: 0;
        margin-top: 8px;
        margin-bottom: 13px;
    }

    #Favorite .price-total-mobile{
        background-color: #fff;
        padding: 12px 10px;
        width: 100%;
        margin-top: 10px;
    }

    #Favorite .price-total-mobile > div.width100per > .pull-left{
        margin-right: 40px;
        width: 85%;
    }

    #Favorite .price-total-mobile > div.width100per > .pull-left .border-b{
        border-bottom: 1px solid #ebecf2;
        margin-bottom: 12px;
        padding-bottom: 10px;
    }

    #Favorite .expanded-inactive{
        padding: 10px !important;
    }
}

.flex-end,
#Favorite article > ul:not(.mountable-options) > li.total-price, 
#Favorite article > ul:not(.mountable-options) > list-type > li.total-price{
    align-items: flex-end !important;
    -webkit-box-align: flex-end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: flex-end !important;
}

.flex-start{
    align-items: flex-start !important;
    -webkit-box-align: flex-start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: flex-start !important;
}

#Favorite .expanded-inactive{
    padding: 20px 0;
}