@CHARSET "UTF-8";

/* common */
small.calculate {
    color:#666;
    font-weight:normal;
    font-size:12px;
}
.price-sale small {
    display:inline-block;
    margin-left:2px;
}

/* button */
.j-button {
    display:inline-block;
    padding:3px 7px;
    border:1px solid #BBB;
    background:#FFF;
    border-radius:4px;
    color:#444;
    margin:0 2px;
    font-size:12px;
    cursor:pointer;
    font-weight:normal;
}
.j-button:hover {
    border:1px solid #F74927;
    color:#D52705;
    font-weight:bold;
}
.j-button-red {
    border:1px solid #E63816;
    background:#E63816;
    color:#FFF;
}
.j-button-red:hover {
    border:1px solid #F74927;
    color:#FFF;
}
.j-button-green {
    border:1px solid #35933B;
    background:#35933B;
    color:#FFF;
}
.j-button-green:hover {
    border:1px solid #35933B;
    color:#FFF;
}
.j-button-blue {
    border:1px solid #003;
    background:#333;
    color:#FFF;
}
.j-button-blue:hover {
    border:1px solid #001;
    color:#FFF;
}
.j-button-fluorescence {
    border:1px solid #A4C219;
    background:#A4C219;
    color:#FFF;
}
.j-button-fluorescence:hover {
    border:1px solid #94B209;
    color:#FFF;
}
.j-button-x {
    font-size:14px;
}

/* loading block */
.loading-block {
    width:100%;
    height:100%;
    background:#000;
    opacity:0.4;
    z-index:1000;
    position:absolute;
    left:0;
    top:0;
    display:none;
}
.loading-gif {
    width:60px;
    height:60px;
    background:url(../images/loading-huge.gif) center center no-repeat;
    background-size:auto 100%;
    position:absolute;
    left:calc(50% - 30px);
    /*top:calc(50% - 30px);*/
    z-index:2000;
}

/* from */
.form-inline {
    display:inline-block;
}
.form-left {
    float:left;
}
.form-right {
    float:right;
}

/* radio */
.form-radio {
    height:30px;
    line-height:0;
    position:relative;
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;
}
.form-radio-input {
    position:absolute;
    z-index:-30;
    left:-30px;
    top:-30px;
}
.form-radio-label {
    cursor:pointer;
    display:inline-block;
    min-width:0px;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    font-size:14px;
    cursor:pointer;
    padding-left:30px;
    background:url(../images/form-radio.png) no-repeat;
    background-size:30px auto;
    background-position:0 0;
}
.form-radio:hover .form-radio-label {
    background-position:0 -30px;
    color:#F30;
}
.form-radio-input:checked + .form-radio-label {
    background-position:0 -60px;
}
.form-radio:hover .form-radio-input:checked + .form-radio-label {
    background-position:0 -90px;
}

/* choose */
.form-choose {
    height:24px;
    line-height:0;
    position:relative;
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;
}
.form-choose-input {
    position:absolute;
    z-index:-24;
    left:-24px;
    top:-24px;
}
.form-choose-label {
    cursor:pointer;
    display:inline-block;
    min-width:0px;
    height:24px;
    line-height:24px;
    vertical-align:middle;
    font-size:14px;
    cursor:pointer;
    padding-left:24px;
    background:url(../images/form-radio.png) no-repeat;
    background-size:24px auto;
    background-position:0 0;
}
.form-choose:hover .form-choose-label {
    background-position:0 -24px;
    color:#F30;
}
.form-choose-input:checked + .form-choose-label {
    background-position:0 -48px;
}
.form-choose:hover .form-choose-input:checked + .form-choose-label {
    background-position:0 -72px;
}

/* checkbox */
.form-checkbox {
    height:30px;
    line-height:0;
    position:relative;
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;
}
.form-checkbox-input {
    position:absolute;
    z-index:-30;
    left:-30px;
    top:-30px;
}
.form-checkbox-label {
    cursor:pointer;
    display:inline-block;
    min-width:0px;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    font-size:14px;
    cursor:pointer;
    padding-left:30px;
    background:url(../images/form-checkbox.png) no-repeat;
    background-size:30px auto;
    background-position:0 0;
}
.form-checkbox:hover .form-checkbox-label {
    background-position:0 -30px;
    color:#F30;
}
.form-checkbox-input:checked + .form-checkbox-label {
    background-position:0 -60px;
}
.form-checkbox:hover .form-checkbox-input:checked + .form-checkbox-label {
    background-position:0 -90px;
}

/* select zones */
.select-zones-container {
    position:absolute;
    z-index:10000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.5;
    display:none;
}
.select-zones-wrapper {
    position:absolute;
    z-index:20000;
    left:calc(50% - 100px);
    width:200px;
    top:20px;
    height:calc(100% - 40px);
    border:1px solid #CCC;
    background:#FFF;
    border-radius:5px;
    overflow:visible;
    display:none;
}
.select-zones-close {
    position:absolute;
    right:-10px;
    top:-10px;
    width:24px;
    height:24px;
    z-index:30;
    background:url(../images/icon-exit.png) center center no-repeat;
    display:block;
}
.select-zones-list {
    margin:5px;
    padding:0;
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    overflow-x:hidden;
    overflow-y:auto;
}
.select-zones-list li {
    width:calc(100% - 3px);
    margin:2px;
    padding:5px 10px 5px 18px;
    line-height:20px;
    list-style:none;
    border:1px dotted #DDD;
    background:#FCFCFC url(../images/arrow-r.png) 8px center no-repeat;
    background-size:auto 8px;
    border-radius:2px;
    cursor:pointer;
    margin-right:-15px;
    display:block;
}
.select-zones-list li.hover {
    font-weight:bold;
    color:#F30;
}
.select-zones-list li:hover {
    background-color:#FDF3DC;
    font-weight:bold;
}

/* shopping cart top */
.shopping-cart-top {
    overflow:hidden;
    clear:both;
    margin-bottom:5px;
}
.shopping-cart-top-container {
    overflow:hidden;
    clear:both;
    text-align:right;
    border-bottom:1px dotted #DDD;
    padding:8px 8px 5px 8px;
}

/* shopping cart */
.shopping-cart-container {
    overflow:hidden;
    clear:both;
    padding-bottom:50px;
}
.shopping-cart-title {
    border-bottom:1px solid #EEE;
    overflow:hidden;
    clear:both;
    background-color:#FFF;
    padding:7px 5px 5px 5px;
}
.shopping-cart-title a, .shopping-cart-title span, .shopping-cart-title h1 {
    display:inline-block;
    background:url(../images/order-list.png) 5px center no-repeat;
    background-size:16px auto;
    padding:0;
    margin:0;
    height:34px;
    line-height:34px;
    padding-left:32px;
    padding-right:5px;
    font-size:15px;
    font-weight:bold;
    color:#444;
}
.shopping-cart-list {
    width:100%;
}
.shopping-cart-head {
}
.shopping-cart-head a.shopping-cart-edit {
    display:inline-block;
    height:30px;
    line-height:30px;
    text-decoration:underline;
    font-size:14px;
    padding:0 6px;
}
.shopping-cart-item {
    overflow:hidden;
    clear:both;
    padding:5px 0;
    background-color:#FFF;
}
.shopping-cart-item-current {
    background-color:#F6F6F6;
    border-radius:5px;
}
.shopping-cart-item td {
    border-bottom:1px dotted #EEE;
}
.shopping-cart-left {
    padding:10px 5px;
}
.shopping-cart-head .shopping-cart-left {
    padding:5px 5px;
}
.shopping-cart-right {
    padding:10px 5px;
    vertical-align:top;
    line-height:20px;
}
.shopping-cart-td1 {
    width:40px;
    padding-left:10px;
    padding-right:0;
}
.shopping-cart-td2 {
    width:140px;
    padding-left:8px;
    padding-right:0;
}
.shopping-cart-image {
    display:inline-block;
    position:relative;
}
.shopping-cart-image span.shopping-cart-mark {
    position:absolute;
    right:10px;
    bottom:10px;
    color:#F30;
    font-weight:bold;
    text-shadow:#FFF 1px 1px;
    font-size:12px;
}
.shopping-cart-image img {
    max-width:120px;
    height:auto;
    border:1px dotted #DDD;
}
.shopping-cart-name {
    display:block;
    padding:5px 0;
    font-weight:bold;
}
.shopping-cart-name-big {
    display:block;
    padding:5px 0 8px 0;
    font-weight:bold;
    font-size:15px;
}
.shopping-cart-attr {
    display:block;
    padding:0 0 5px 0;
    color:#333;
}
.shopping-cart-time {
    display:block;
    padding:0 0 5px 0;
    color:#888;
}
.shopping-cart-price {
    display:block;
    padding:2px 0 5px 0;
}
.shopping-cart-price-sale {
    font-size:16px;
    color:#F30;
    font-weight:bold;
    display:inline-block;
}
.shopping-cart-price-old {
    font-size:12px;
    color:#777;
    text-decoration:line-through;
    display:inline-block;
    padding-left:0;
}
.shopping-cart-price-count {
    display:inline-block;
    padding-left:8px;
}
.shopping-cart-link {
    display:block;
    padding:2px 0 5px 0;
}
.shopping-cart-link a {
    color:#444;
    text-decoration:underline;
    display:inline-block;
    margin-right:6px;
}
.shopping-cart-link a.red {
    color:#F30;
}
.shopping-cart-link a.blue {
    color:#008;
}
.shopping-cart-link a.green {
    color:#080;
}
.shopping-cart-link a:hover {
    color:#FF0000;
    text-decoration:underline;
}
.shopping-cart-icon {
    display:block;
    padding:3px 0 0 0;
}
.shopping-cart-icon a {
    display:inline-block;
    padding:5px 8px;
    background:#A4C31A;
    border-radius:2px;
    line-height:14px;
    color:#FFF;
    margin-right:2px;
    margin-bottom:5px;
}
.shopping-cart-icon a:hover {
    color:#FFF;
}
.shopping-cart-icon a span {
    display:inline-block;
    background:url(../images/icons-works.png) 0 0 no-repeat;
    background-size:14px auto;
    line-height:14px;
    padding-left:18px;
}
.shopping-cart-icon a span.u {
    background-position:0 0;
}
.shopping-cart-icon a span.s {
    background-position:0 -28px;
}
.shopping-cart-icon a span.d {
    background-position:0 -56px;
}
.shopping-cart-icon a span.c {
    background-position:0 -84px;
}
.shopping-cart-icon a span.b {
    background-position:0 -112px;
}
.shopping-cart-icon a span.p {
    background-position:0 -140px;
}
.shopping-cart-icon a span.e {
    background-position:0 -168px;
}
.shopping-cart-qty {
    display:block;
    padding:2px 0 5px 0;
}
.shopping-cart-qty-dec, .shopping-cart-qty-add {
    display:inline-block;
    width:24px;
    height:26px;
    line-height:24px;
    border:1px solid #ddd;
    padding:0 5px;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    background-color:#fff;
    font-size:16px;
}
.shopping-cart-qty-dec {
    border-right:none;
    border-radius:4px 0 0 4px;
}
.shopping-cart-qty-add {
    border-left:none;
    border-radius:0 4px 4px 0;
}
.shopping-cart-qty-val {
    display:inline-block;
    width:42px;
    height:26px;
    line-height:26px;
    border:1px solid #ddd;
    padding:0 5px;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    margin:0;
    background-color:#fff;
    appearance:none;
    -webkit-appearance:none;
    outline:none;
    -webkit-outline:none;
    tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
@media (max-width:540px){
    .shopping-cart-td2 {
        width:120px;
    }
    .shopping-cart-image img {
        width:100px;
    }
    .shopping-cart-right {
        line-height:18px;
    }
}
@media (max-width:360px){
    .shopping-cart-td2 {
        width:100px;
    }
    .shopping-cart-image img {
        width:80px;
    }
    .shopping-cart-right {
        font-size:12px;
        line-height:16px;
    }
}

/* shopping cart button */
.shopping-cart-button {
    overflow:hidden;
    clear:both;
    margin-bottom:5px;
}
a.shopping-cart-cancel {
    color:#444;
    text-decoration:underline;
    display:inline-block;
    padding:4px 6px;
    margin-left:2px;
    font-size:14px;
    display:none;
}
a.shopping-cart-cancel:hover {
    color:#FF0000;
    text-decoration:underline;
}
a.shopping-cart-edit {
    color:#004;
    text-decoration:underline;
    display:inline-block;
    padding:4px 6px;
    margin-left:2px;
    font-size:14px;
}
a.shopping-cart-edit:hover {
    color:#FF0000;
    text-decoration:underline;
}
.cart-edit-show {
    display:none;
}

/* shopping-cart-total */
.shopping-cart-total {
    width:100%;
    height:48px;
    min-height:48px;
    border-top:1px solid #EEE;
    background:#F9F9F9;
    position:fixed;
    z-index:2;
    left:0;
    bottom:0;
}
.shopping-cart-total-left {
    float:left;
    padding-top:10px;
}
.shopping-cart-total-right {
    float:right;
    padding-top:8px;
}
.shopping-cart-total-select {
    width:22%;
    float:left;
    padding-top:8px;
}
.shopping-cart-total-select .form-radio {
    margin-left:5px;
}
.shopping-cart-total-amount {
    width:56%;
    float:left;
    padding-top:14px;
    text-align:center;
}
.shopping-cart-total-amount-label {
    display:inline-block;
    font-size:14px;
    line-height:20px;
    vertical-align:middle;
}
.shopping-cart-total-amount-price {
    display:inline-block;
    font-size:18px;
    line-height:20px;
    color:#F30;
    vertical-align:middle;
}
.shopping-cart-total-amount-text, .shopping-cart-total-amount-discount {
    display:inline-block;
    font-size:12px;
    line-height:20px;
    color:#333;
    padding-left:6px;
    vertical-align:middle;
}
.shopping-cart-total-amount-discount {
    color:#080;
}
.shopping-cart-total-button {
    width:22%;
    float:right;
    padding-top:8px;
    text-align:right;
}
.shopping-cart-empty {
    text-align:center;
    margin-top:80px;
}

/* customer center */
.customer-center-wrapper {
}
.customer-center-dashboard {
    background-color:#FE5455;
    overflow:hidden;
    clear:both;
    padding:25px 0 20px 0;
}
.customer-center-dashboard-image {
    width:100px;
    height:100px;
    padding:0;
    border:1px solid #FFF;
    background-color:#FFF;
    border-radius:9px;
    margin:0 auto;
    text-align:center;
}
.customer-center-dashboard-image img {
    width:98px;
    height:98px;
    border-radius:9px;
}
.customer-center-dashboard-name {
    width:100px;
    margin:0 auto;
    color:#FFF;
    padding-top:8px;
    line-height:18px;
    text-align:center;
}
.customer-center-dashboard-name a {
    display:inline-block;
    font-weight:bold;
    color:#FFF;
}
.customer-center-dashboard-name a:hover {
    color:#F30;
    text-shadow:#FF0 1px 1px;
}
.customer-center-item {
    border-top:1px solid #CCC;
    background-color:#F3F3F3;
    padding-top:12px;
    overflow:hidden;
    clear:both;
}
.customer-center-order-title {
    border-top:1px solid #DDD;
    overflow:hidden;
    clear:both;
    background-color:#FFF;
    padding:5px 10px;
}
.customer-center-order-left {
    float:left;
}
.customer-center-order-left a {
    display:inline-block;
    background:url(../images/order-list.png) 5px center no-repeat;
    background-size:16px auto;
    height:34px;
    line-height:34px;
    padding-left:32px;
    padding-right:5px;
    font-size:15px;
}
.customer-center-order-right {
    float:right;
}
.customer-center-order-right a {
    display:inline-block;
    background:url(../images/arrow-r.png) right center no-repeat;
    background-size:auto 14px;
    height:34px;
    line-height:34px;
    padding-right:16px;
    padding-left:5px;
    margin-right:5px;
}
.customer-center-order-icon {
    border-top:1px solid #DDD;
    overflow:hidden;
    clear:both;
    background-color:#FFF;
    padding:10px 0;
}
.customer-center-order-icon div {
    width:calc(25% - 1px);
    border-left:1px solid #DDD;
    float:left;
}
.customer-center-order-icon div.first {
    border-left:1px solid #FFF;
}
.customer-center-order-icon div a {
    display:block;
    width:100%;
    text-align:center;
    padding:5px 0;
}
.customer-center-order-icon div img {
    clear:both;
    width:48px;
    height:48px;
    margin:8px auto;
}
.customer-center-order-icon div span {
    display:block;
    clear:both;
}
.customer-center-line {
    padding:5px 10px;
    background-color:#FFF;
    border-top:1px solid #DDD;
}
.customer-center-line a {
    display:block;
    background:url(../images/order-help.png) 5px center no-repeat;
    background-size:auto 16px;
    height:34px;
    line-height:34px;
    padding-left:32px;
    padding-right:5px;
}
.customer-center-line a span {
    display:block;
    background:url(../images/arrow-r.png) right center no-repeat;
    background-size:auto 14px;
}
.customer-center-line a.customer-center-find {
    background-image:url(../images/order-find.png);
}
.customer-center-line a.customer-center-coupon {
    background-image:url(../images/order-coupon.png);
}
.customer-center-line a.customer-center-broadcast {
    background-image:url(../images/order-broadcast.png);
    background-size:auto 18px;
}
.customer-center-line a.customer-center-plus {
    background-image:url(../images/order-plus.png);
}
.customer-center-line a.customer-center-address {
    background-image:url(../images/order-address.png);
}
.customer-center-line a.customer-center-favor {
    background-image:url(../images/order-favor.png);
}
.customer-center-line a.customer-center-history {
    background-image:url(../images/order-history.png);
}
.customer-center-line a.customer-center-contact {
    background-image:url(../images/order-contact.png);
}
.customer-center-line a.customer-center-work {
    background-image:url(../images/order-work.png);
}
.customer-center-line a.customer-center-image {
    background-image:url(../images/order-image.png);
}
.customer-center-line a.customer-center-lock {
    background-image:url(../images/order-lock.png);
}
.customer-center-line a.customer-center-help {
    background-image:url(../images/order-help.png);
}
.customer-center-line a.customer-center-list {
    background-image:url(../images/order-list.png);
}
.customer-center-bottom {
    background-color:#F3F3F3;
    border-top:1px solid #DDD;
    height:60px;
}
@media (max-width:540px){
    .customer-center-dashboard-image {
        width:80px;
        height:80px;
    }
    .customer-center-dashboard-image img {
        width:78px;
        height:78px;
    }
    .customer-center-order-icon div img {
        width:42px;
        height:42px;
    }
}
@media (max-width:360px){
    .customer-center-order-icon div img {
        width:36px;
        height:36px;
    }
}

/* customer */
.customer-wrapper {
    overflow:hidden;
    clear:both;
}
.customer-container {
    max-width:360px;
    width:96%;
    margin:auto;
}
.customer-head {
    text-align:center;
    margin-top:40px;
    margin-bottom:30px;
}
.customer-head-image img {
    width:180px;
}
.customer-head-title {
    font-weight:bold;
    font-size:16px;
    padding:7px 0 0 0;
    margin:0;
    line-height:auto;
}
.customer-button {
    text-align:center;
    margin-top:30px;
}
.customer-button button {
    display:block;
    width:100%;
    line-height:30px;
    padding:5px;
    border-radius:4px;
    cursor:pointer;
    background-color:#E63816;
    border:1px solid #F63836;
    color:#FFF;
    font-size:14px;
}
.customer-button button.black {
    background-color:#000;
    border:1px solid #333;
    color:#FFF;
}
.customer-button button.white {
    background-color:#FFF;
    border:1px solid #888;
    color:#222;
}
.customer-link {
    text-align:center;
    margin-top:22px;
}
.customer-link a {
    display:block;
    margin-top:2px;
    text-decoration:underline;
    line-height:28px;
}
.customer-link a.red {
    color:#C00;
}
.customer-link a:hover {
    text-decoration:underline;
}
.customer-first-text {
    padding-top:80px;
    font-size:15px;
    line-height:26px;
    color:#333;
    text-align:center;
}
.customer-first-qrcode {
    text-align:center;
}
.customer-first-qrcode img {
    margin:auto;
}

/* customer form line */
.customer-form-line {
    border-bottom:1px solid #E6E6E6;
    overflow:hidden;
    clear:both;
    position:relative;
    padding:6px 0;
    vertical-align:top;
}
.customer-form-line > label {
    width:86px;
    display:inline-block;
    text-align:right;
    margin:0;
    padding:0;
    line-height:26px;
    vertical-align:top;
}
.customer-form-line input, .customer-form-line textarea {
    width:calc(100% - 94px);
    display:inline-block;
    text-align:left;
    margin:0;
    padding:0;
    line-height:26px;
    border:1px solid #FFF;
    appearance:none;
    -webkit-appearance:none;
    outline:none;
    -webkit-outline:none;
    tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    background-color:#FFF;
}
.customer-form-line textarea {
    padding:2px 0;
    line-height:22px;
    height:52px;
}
.customer-form-line a.vcode-get {
    height:26px;
    line-height:28px;
    display:inline-block;
    position:absolute;
    right:0;
    top:6px;
    background:#FFF url(../images/icon_phone.png) left center no-repeat;
    background-size:10px auto;
    padding-left:16px;
    padding-right:4px;
    outline:none;
    color:#666;
}
.customer-form-line a.vcode-get:hover {
    color:#F30;
}
.customer-form-line label.form-radio-label {
    width:auto;
    overflow:hidden;
    padding-left:30px;
    margin-right:5px;
    line-height:30px;
}

/* customer address */
.customer-address-wrapper {
    overflow:hidden;
    clear:both;
}
.customer-address-empty {
    margin-top:80px;
    text-align:center;
}
.customer-address-top {
    overflow:hidden;
    clear:both;
    padding:15px 10px;
    border-bottom:1px solid #EEE;
}
.customer-address-top-left {
    float:left;
    text-align:left;
}
.customer-address-top-left span {
    display:inline-block;
    background:url(../images/order-list.png) 5px center no-repeat;
    background-size:16px auto;
    padding:0;
    margin:0;
    padding-left:32px;
    font-size:15px;
    font-weight:bold;
    color:#444;
}
.customer-address-top-left span.tt-list {
    background-image:url(../images/order-list.png);
}
.customer-address-top-right {
    float:right;
    text-align:right;
}
.customer-address-top a {
    display:inline-block;
    line-height:20px;
    background:#FFF url(../images/icon-address.png) no-repeat;
    background-size:20px auto;
    background-position:0 0;
    padding-left:22px;
    font-weight:bold;
}
.customer-address-top a.u {
    background-image:url(../images/arrow-l.png);
    background-size:auto 18px;
    padding-left:16px;
}
.customer-address-top a.a {
    background-image:url(../images/icon-address.png);
}
.customer-address-item {
    overflow:hidden;
    clear:both;
    padding:40px 5px 3px 5px;
    border-bottom:8px solid #EEE;
    font-size:14px;
}
.customer-address-item-two {
    background-color:#F9F9F9;
}
.customer-address-left {
    width:52%;
    line-height:28px;
    text-align:left;
    padding-left:5px;
    float:left;
    font-size:15px;
}
.customer-address-left sup {
    display:inline-block;
    padding-left:2px;
    color:#F30;
}
.customer-address-item-cur a, .customer-address-item-cur strong {
    color:#FC0000;
    text-decoration:underline;
}
.customer-address-right {
    width:45%;
    line-height:28px;
    text-align:right;
    padding-right:5px;
    float:right;
}
.customer-address-value {
    overflow:hidden;
    clear:both;
    line-height:28px;
    padding-left:5px;
    padding-right:5px;
}
.customer-address-bottom {
    overflow:hidden;
    clear:both;
    padding-top:8px;
    border-top:1px dotted #DDD;
    margin-top:10px;
}
.customer-address-radio {
    float:left;
}
.customer-address-link {
    float:right;
    padding-top:5px;
}
.customer-address-link a {
    display:inline-block;
    line-height:20px;
    background:#FFF url(../images/icon-address.png) no-repeat;
    background-size:20px auto;
    background-position:0 0;
    padding-left:21px;
    margin-left:8px;
}
.customer-address-link a.e {
    background-position:0 -20px;
}
.customer-address-link a.d {
    background-position:0 -40px;
}


/* checkout wrapper */
.checkout-wrapper {
    overflow:hidden;
    clear:both;
    padding-bottom:50px;
}


/* checkout address */
.checkout-address {
    overflow:hidden;
    clear:both;
    padding-bottom:12px;
    background:#F9F9F9 url(../images/line-address.png) center bottom repeat-x;
    padding-top:0;
}
.checkout-address-detail {
    background:#F9F9F9;
    padding-bottom:0;
}
.checkout-address-empty {
    overflow:hidden;
    clear:both;
    background:#F9F9F9 url(../images/icon_locate.png) 30px center no-repeat;
    background-size:24px auto;
    padding:30px 30px 30px 70px;
}
.checkout-address-empty span {
    display:inline-block;
    line-height:24px;
    font-size:14px;
}
.checkout-address-empty a {
    display:inline-block;
    line-height:24px;
    font-size:14px;
    text-decoration:underline;
    color:#F30;
    font-weight:bold;
    margin-left:4px;
}
.checkout-address-empty a:hover {
    text-decoration:underline;
}
.checkout-address-item {
    overflow:hidden;
    clear:both;
    background:#F9F9F9 url(../images/icon_locate.png) 30px center no-repeat;
    background-size:24px auto;
    padding:30px 70px;
    position:relative;
}
.checkout-address-detail .checkout-address-item {
    padding-right:30px;
}
.checkout-address-left {
    width:45%;
    line-height:20px;
    text-align:left;
    padding-left:5px;
    float:left;
}
.checkout-address-right {
    width:45%;
    line-height:20px;
    text-align:right;
    padding-right:5px;
    float:right;
}
.checkout-address-value {
    overflow:hidden;
    clear:both;
    margin-top:30px;
    line-height:20px;
    padding-left:5px;
    padding-right:5px;
    text-align:justify;
}
.checkout-address-edit {
    width:32px;
    height:100%;
    position:absolute;
    right:30px;
    top:0;
    background:url(../images/arrow-r.png) center center no-repeat;
    background-size:auto 32px;
}
.checkout-address-edit a {
    display:block;
    width:32px;
    height:100%;
}
@media (max-width:540px){
    .checkout-address-empty {
        padding:20px 20px 20px 70px;
    }
    .checkout-address-item {
        background-position:20px center;
        padding:20px 60px;
    }
    .checkout-address-detail .checkout-address-item {
        padding-right:20px;
    }
    .checkout-address-edit {
        right:20px;
    }
}
@media (max-width:360px){
    .checkout-address-empty {
        padding:20px 20px 20px 70px;
    }
    .checkout-address-item {
        background-position:10px center;
        padding:10px 50px;
    }
    .checkout-address-detail .checkout-address-item {
        padding-right:10px;
    }
    .checkout-address-edit {
        right:10px;
    }
}

/* checkout */
.checkout-container {
    border-top:1px solid #DDD;
}
.checkout-name {
    margin:0;
    padding:5px;
    border-top:8px solid #F6F6F6;
    line-height:32px;
    font-size:15px;
    border-bottom:1px dotted #DDD;
}
.checkout-shop {
    padding-left:50px;
    background:url(../images/small-whoprint.png) 12px center no-repeat;
    background-size:auto 20px;
}
.checkout-total {
    overflow:hidden;
    clear:both;
    line-height:22px;
    text-align:right;
    padding:8px;
}
.checkout-total-item strong {
    color:#F30;
}
.checkout-total-price {
    font-size:17px;
    color:#F30;
    font-weight:bold;
    display:inline-block;
}

/* checkout shipping */
.checkout-shipping {
    padding-left:50px;
    background:url(../images/small-shipping.png) 18px center no-repeat;
    background-size:auto 24px;
}
.checkout-shipping-container {
    overflow:hidden;
    clear:both;
    padding:8px 10px;
    border-bottom:1px dotted #EEE;
}
.checkout-shipping-left {
    float:left;
}
.checkout-shipping-icon {
    display:inline-block;
    vertical-align:middle;
}
.checkout-shipping-icon img {
    width:54px;
    height:54px;
}
.checkout-shipping-name {
    display:inline-block;
    vertical-align:middle;
    margin-left:6px;
}
.checkout-shipping-name small {
    display:inline-block;
    margin-left:6px;
}
.checkout-shipping-right {
    float:right;
    vertical-align:middle;
    padding-top:8px;
}
@media (max-width:540px){
    .checkout-shipping-icon img {
        width:48px;
        height:48px;
    }
}
@media (max-width:360px){
    .checkout-shipping-icon img {
        width:38px;
        height:38px;
    }
}

/* checkout payment */
.checkout-payment {
    padding-left:50px;
    background:url(../images/small-payment.png) 18px center no-repeat;
    background-size:auto 24px;
}
.checkout-payment-container {
    overflow:hidden;
    clear:both;
    padding:8px 10px;
    border-bottom:1px dotted #EEE;
}
.checkout-payment-left {
    float:left;
}
.checkout-payment-icon {
    display:inline-block;
    vertical-align:middle;
}
.checkout-payment-icon img {
    width:54px;
    height:54px;
}
.checkout-payment-name {
    display:inline-block;
    vertical-align:middle;
    margin-left:6px;
}
.checkout-payment-name small {
    display:inline-block;
    margin-left:6px;
}
.checkout-payment-right {
    float:right;
    vertical-align:middle;
    padding-top:8px;
}
@media (max-width:540px){
    .checkout-payment-icon img {
        width:48px;
        height:48px;
    }
}
@media (max-width:360px){
    .checkout-payment-icon img {
        width:38px;
        height:38px;
    }
}

/* checkout coupon */
.checkout-coupon {
    padding-left:50px;
    background:url(../images/small-coupon.png) 18px center no-repeat;
    background-size:auto 24px;
}
.checkout-coupon-container {
    overflow:hidden;
    clear:both;
    padding:8px 10px 12px 10px;
    border-bottom:1px dotted #EEE;
}
.checkout-coupon-left {
    float:left;
    vertical-align:top;
    padding-top:6px;
    width:70px;
    text-align:right;
    color:#555;
    font-weight:bold;
    padding-right:2px;
    line-height:30px;
}
.checkout-coupon-center {
    float:left;
    vertical-align:top;
    padding-top:6px;
    width:200px;
}
.checkout-coupon-line {
    padding:5px 0 7px 0;
    line-height:20px;
    height:52px;
}
.checkout-coupon-line a {
    text-decoration:underline;
    color:#666;
}
.checkout-coupon-line a:hover {
    text-decoration:underline;
    color:#F30;
}
.checkout-coupon-line .red {
    font-size:85%;
}
.checkout-coupon-new {
    padding:3px 0 3px 0;
}
.checkout-coupon-new .j-coupon, .checkout-coupon-new .j-button {
    vertical-align:middle;
}
.checkout-coupon-new .j-coupon {
    vertical-align:middle;
    border:1px solid #CCC;
    border-radius:3px;
    padding:3px 5px;
    background:#FFF;
    color:#444;
    margin:0 2px;
    font-size:12px;
    width:120px;
}
.checkout-coupon-new .j-coupon:focus {
    border:1px solid #F74927;
}
.checkout-coupon-new .j-button {
    width:48px;
    vertical-align:middle;
    border-radius:3px;
    border:1px solid #CCC;
    background-color:#F6F6F6;
    padding:3px 5px;
}
.checkout-coupon-button {
    padding:8px 0 3px 0;
}
.checkout-coupon-button .j-button {
    width:80px;
}
.checkout-coupon-right {
    float:right;
    vertical-align:top;
    padding-top:6px;
}

/* checkout comment */
.checkout-comment {
    padding-left:50px;
    background:url(../images/small-comment.png) 18px center no-repeat;
    background-size:auto 24px;
}
.checkout-comment-container {
    overflow:hidden;
    clear:both;
    padding:8px 10px 12px 10px;
    border-bottom:1px dotted #EEE;
}
.checkout-comment-left {
    float:left;
    vertical-align:top;
    padding-top:6px;
    width:70px;
    text-align:right;
    color:#555;
    font-weight:bold;
    padding-right:2px;
}
.checkout-comment-right {
    float:left;
    vertical-align:top;
    padding-top:6px;
    width:calc(100% - 90px);
}
.checkout-comment-input {
    width:calc(100% - 48px);
    line-height:16px;
    height:62px;
    padding:6px 6px;
    border:1px solid #CCC;
    border-radius:3px;
}
.checkout-comment-input:focus {
    border:1px solid #39C;
}

/* customers images */
.customers-images {
}
.customers-images-empty {
    margin-top:60px;
    text-align:center;
}
.customers-images-top {
    overflow:hidden;
    clear:both;
    margin-bottom:5px;
}
.customers-images-top .container {
    overflow:hidden;
    clear:both;
    text-align:right;
    border-bottom:1px dotted #DDD;
    padding:12px 8px 8px 8px;
}
.customers-images-top-left {
    float:left;
}
.customers-images-top-right {
    float:right;
}
.customers-images-top-right input.file-select[type="file"] {
    display:none;
}
.customers-images-list {
    overflow:hidden;
    clear:both;
}
.customers-images-item {
    padding-top:4px;
    padding-bottom:10px;
}
.customers-images-image {
    padding:0 20% 4px 6px;
}
.customers-images-image a {
    margin-bottom:4px;
    border:1px solid #E8E8E8;
    background:#F6F6F6;
    padding:0;
    border-radius:5px;
    overflow:hidden;
    text-align:center;
    width:100%;
    height:100%;
    display:block;
    line-height:0;
}
.customers-images-image a.imbox {
    -moz-box-align:center;
    -webkit-box-align:center;
    box-align:center;
    -moz-box-pack:center;
    -webkit-box-pack:center;
    box-pack:center;
    display:-moz-box;
    display:-webkit-box;
    display:box;
}
.customers-images-abs {
    display:block;
    padding:2px 6px;
    font-size:12px;
    line-height:18px;
    height:42px;
}
.customers-images-abs span.red {
    color:#F00;
}
.customers-images-abs a.is-small {
    vertical-align:baseline;
    height:14px;
    width:14px;
    background-color:#F00;
    display:inline-block;
    line-height:14px;
    text-align:center;
    border-radius:2px;
    color:#FFF;
    margin-left:5px;
    padding:0 3px;
}

/* customer message */
.customer-message-wrapper {
    overflow:hidden;
    clear:both;
}
.customer-message-top {
    overflow:hidden;
    clear:both;
    padding:15px 10px;
    border-bottom:1px solid #EEE;
}
.customer-message-top-left {
    float:left;
    text-align:left;
}
.customer-message-top-left span {
    display:inline-block;
    background:url(../images/order-list.png) 5px center no-repeat;
    background-size:16px auto;
    padding:0;
    margin:0;
    padding-left:32px;
    font-size:15px;
    font-weight:bold;
    color:#444;
}
.customer-message-top-left span.tt-list {
    background-image:url(../images/order-list.png);
}
.customer-message-top-right {
    float:right;
    text-align:right;
}
.customer-message-top a {
    display:inline-block;
    line-height:20px;
    background:#FFF url(../images/icon-address.png) no-repeat;
    background-size:20px auto;
    background-position:0 0;
    padding-left:22px;
    font-weight:bold;
}
.customer-message-top a.u {
    background-image:url(../images/arrow-l.png);
    background-size:auto 18px;
    padding-left:16px;
}
.customer-message-item {
    border-top:1px solid #DDD;
    overflow:hidden;
    clear:both;
    margin-bottom:12px;
}
.customer-message-title {
    background-color:#F3F3F3;
    padding:5px 5px 5px 15px;
    font-weight:bold;
    font-size:14px;
    line-height:28px;
    border-bottom:1px solid #EEE;
}
.customer-message-line {
    padding:5px 5px 5px 20px;
    background-color:#FFF;
    border-bottom:1px solid #EEE;
    overflow:hidden;
    clear:both;
}
.customer-message-left {
    float:left;
    line-height:28px;
    font-size:13px;
}
.customer-message-right {
    float:right;
}
.customer-message-right .checkbox {
    margin-bottom:5px;
    margin-top:5px;
}


/* rotate */
.rotate-bolck {
    width:100%;
    height:100%;
    opacity:0.8;
    background-color:#000;
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    display:none;
}
.rotate {
    border:1px solid #E7631C;
    background-color:#FFF;
    border-radius:5px;
    position:absolute;
    z-index:20;
    width:240px;
    overflow:visible;
    left:calc(50% - 120px);
    top:-800px;
    opacity:0.6;
}
.rotate a.rotate-close {
    position:absolute;
    right:-10px;
    top:-10px;
    width:24px;
    height:24px;
    z-index:30;
    background:url(../images/icon-exit.png) center center no-repeat;
    display:block;
}
.rotate-options {
    margin:0;
    padding:14px 20px 14px 14px;
}
.rotate-options li {
    margin:0;
    padding:5px 0;
    font-size:13px;
    list-style:none;
}
.rotate-options li a {
    padding:4px 0;
    display:block;
    border:1px dotted #E7631C;
    border-radius:4px;
    text-align:center;
    line-height:24px;
    background-color:#F5C5A1;
    color:#F30;
}
.rotate-options li a:hover {
    text-decoration:none;
    font-weight:bold;
}


/* contact */
.contact-wrapper {
    margin-top:10px;
}
.contact-form {
    padding-top:10px;
}
.contact-form label {
    font-size:15px;
    color:#555;
}


/* color */
* .red {
    color:#F30;
}
* .green {
    color:#080;
}
* .blue {
    color:#069;
}