@charset "utf-8";
/*
*
*   Marketplace Checkout
*
*/


/*
    Common
*/


/*
html{
    overflow-y: scroll;
}
*/
body{
    overflow-y: scroll;
}
select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}
select::-ms-expand {	display: none; }

.marketplace-shop-container .text {
    font-size: 14px;
    color: #121212;
}
.marketplace-shop-container .price {
    font-size: 14px;
    color: #E02152;
}
.marketplace-shop-container .selectionbox {
    position: relative;
}
select#pickup_address,
.marketplace-shop-container .selectionbox select {
    height: 34px;
    color: #999;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 10px;
    display: flex;
    align-items: center;
}
.marketplace-shop-container .delivery-option-row.tb-delivery-option-row .row .selectionbox.disabled select#pickup_address > option,
.marketplace-shop-container .delivery-option-row.tb-delivery-option-row .row .selectionbox.disabled select > option,
.marketplace-shop-container .delivery-option-row.tb-delivery-option-row .row .selectionbox.disabled select#pickup_address,
.marketplace-shop-container .delivery-option-row.tb-delivery-option-row .row .selectionbox.disabled select {
    border: 0;
    padding: 0;
    pointer-events: none;
    line-height: normal;
    height: initial;
    opacity: 1;
}
.marketplace-shop-container .selectionbox:not(.disabled):after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 6px;
    background: url("/images/icon-arrow-down.png") no-repeat center center;
    background-size: 14px 8px;
    top: 8px;
    pointer-events: none;
}






/*
    Header
*/
.marketplace-header {
    width: 100%;
    background: #fff;
}
.marketplace-header .container {
    width: 990px !important;
    padding: 0;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.marketplace-header.sticky-header {
    position: fixed;
    top: 0;
    z-index: 5;
    animation-name: sticky-header;
    animation-duration: 0.5s;

    -webkit-box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.4);
    border-bottom: 0;
}
.marketplace-header.sticky-header .container {
    min-height: 40px;
}
.marketplace-header.sticky-header img {
    width: 150px;
}
.marketplace-header.sticky-header .header-step-wrap {
    margin-top: 14px;
}
.marketplace-header .header-logo img {
    display: block;
}
.marketplace-header .header-step {
    display: inline-block;
    vertical-align: middle;
}
.marketplace-header .header-logo {
    display: table-cell;
    width: 210px;
    min-height: 1px;
}
.marketplace-header .header-logo .shop-logo {
    max-height: 100%;
    height: 65px;
    margin-left: 20px;
    display: block;
}
.header-step-wrap {
    width: 100%;
    position: relative;
    text-align: right;
    /*float: right;*/
    display: table-cell;
    vertical-align: middle;
}
.header-step {
    overflow: hidden;
    margin-right: 20px;
}
.header-step:last-child {
    margin-right: 0;
}
.header-step .digit {
    width: 24px;
    height: 24px;
    font-size: 13px;
    border-radius: 50px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: #ccc;
    float: left;
    margin-right: 10px;
}
.header-step .text {
    font-size: 18px;
    letter-spacing: 1px;
    color: #ccc;
    float: left;
}
.header-step.active .digit {
    background-color: #00a499;
    color: #fff;
}
.header-step.active .text {
    color: #00a499;
}



/*
    Marketplace Shop Container
*/
.marketplace-shop-container section {
    float: left;
    margin: 20px 0 0 0;
}
.marketplace-shop-container section > .wrap {
    border: 1px solid #e5e5e5;
}
.marketplace-cart-section-header {
    overflow: hidden;
    background: #f5f5f5;
    padding: 10px 20px;
    margin: 0;
}
.marketplace-cart-section-header > div {
    display: inline-block;
}
.marketplace-cart-section-header .cart-item-count {
    float: right;
}
.marketplace-shop-container.oul-wrapper.oul-wrapper-cart .oul-process,
.marketplace-shop-container.oul-wrapper.oul-wrapper-cart .oul-content-form {
    width: 990px;
}
.marketplace-shop-container .oul-content-form {
    overflow: hidden;
}
/* .marketplace-shop-container section .wrap {
    overflow: hidden;
} */
.marketplace-shop-container section .wrap > * {
    padding: 10px 20px;
}





/*
    Marketplace Address Container/ Payment step2 Container
*/
.oul-wrapper .marketplace-address-section.order-form-left-col {
    width: 570px;
    float: left;
    border: 0;
    padding: 0;
    min-height: 500px;
}
.marketplace-address-section .error-msg, 
.marketplace-address-section .error-msg-tnc,
.marketplace-address-section .error-msg-coupon {
    font-size: 12px;
    color: #f13200;
    font-weight: bold;
}
.marketplace-address-section .order-info.payment_step_1 {
    padding: 0;
}
.marketplace-address-section .order-delivery {
    width: 100%;
    padding: 10px 20px;
    margin: 0;
}
.marketplace-address-section .order-delivery .delivery-address {
    display: inline-block;
}
.marketplace-address-section .order-delivery div,
.marketplace-address-section .order-delivery .title{
    margin-left: 0;
    margin-right: 0;
}
.marketplace-address-section .order-delivery .ec-tnc-content {
    width: auto;
    padding-left: 8px;
}
.marketplace-address-section .order-form-left-col {
    border: none;
}
.marketplace-address-section .delivery-option select {
    width: 100% !important;
}
.marketplace-address-section .delivery-option label {
    color: #121212;
    margin: 0;
}
.marketplace-address-section .delivery-option .row {
    width: 100%;
    margin-bottom: 10px;
}
.marketplace-address-section .delivery-option .row > * {
    vertical-align: middle;
}

.marketplace-address-section .row.email-remark {
    margin-bottom: 0;
}
.marketplace-address-section .row.email-remark .remark {
    display: inline-block;
}

.marketplace-address-section .delivery-option .field-title {
    width: 100px;
    float: left;
    color:#121212;
}
.marketplace-address-section .delivery-option .field-content {
    float: left;
    padding-right: 4px;
    padding-left: 2px;
}

.delivery-option-row.tb-delivery-option-row .row {
    display: flex;
}

.delivery-option-row.tb-delivery-option-row .row select {
    line-height: 34px;
    display: block;
}

.delivery-option-row.tb-delivery-option-row .row > .field-title {
    flex: 100px 0 0;
    display: flex;
    height: 30px;
    align-items: center;
}

.delivery-option-row.tb-delivery-option-row .row > .field-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.marketplace-address-section .delivery-option .delivery-option-row {
    margin-bottom: 0;
}
.marketplace-address-section .delivery-option .delivery-option-row .delivery-option-container:first-child input {
    margin-left: 0;
}
.marketplace-address-section .delivery-option .delivery-selftake {
    margin: 0;
    padding-left: 0;
    padding-top:0px;
    padding-bottom:10px;
}
.marketplace-address-section .delivery-option input[type="text"] {
    background: #fff;
    line-height: 22px;
    border-radius: 0;
    border-color: #e5e5e5;
    /* color: #999; */
    color: #121212;
    margin: 0;
}
.marketplace-address-section .delivery-option input[type="text"]:focus,
.marketplace-address-section .delivery-option input[type="text"].focus,
.marketplace-address-section .delivery-address-option select:focus {
    box-shadow: none;
    border-color: #e5e5e5;
}
.marketplace-address-section .delivery-option .delivery-option-container {
    position: relative;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    padding-left: 30px;
    margin-right: 10px;
}
.marketplace-address-section .delivery-option .delivery-option-container.disabled {
    opacity: 0.6;
    pointer-events: none;
}
.marketplace-address-section .delivery-option .delivery-option-container input {
    /*
    position: absolute;
    left: -99999px;
    */
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}
.marketplace-address-section .delivery-option-container .check {

}
.marketplace-address-section .delivery-option-container input[type='radio'] ~ .check {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/images/icon-radio-default.png") no-repeat 0 center;
    background-size: 20px;
    border: 0;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 5px;
}
.marketplace-address-section .delivery-option-container input[type='radio']:checked ~ .check {
    background: url("/images/icon-radio-checked.png") no-repeat 0 center;
    background-size: 20px;
}
.marketplace-address-section .delivery-option-container input[type='radio'][disabled] {

}
.marketplace-address-section .delivery-option-container input[type='radio'][disabled] ~ label {

}

.marketplace-address-section #wrapper-contact-title label {
    width: 50px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    background-color: #eee;
    color: #121212;
    border-radius: 2px;
    padding: 0;
}
.marketplace-address-section #wrapper-contact-title label:first-of-type {
    margin-left: 0;
}
.marketplace-address-section #wrapper-contact-title label:last-of-type {
    margin-right: 0;
}
.marketplace-address-section #wrapper-contact-title {
    height: initial;
    border: 1px solid transparent;
}
.marketplace-address-section #wrapper-contact-title label.selected,
.marketplace-address-section #wrapper-contact-title label:focus,
.marketplace-address-section #wrapper-contact-title label:active,
.marketplace-address-section #wrapper-contact-title label:hover {
    border-color: #00a499;
    background-color: #00a499;
    color:#fff;
    box-shadow: none;
}

.recipient .recipient-gender, 
.recipient .recipient-receiver{
    line-height: 34px;
}

.marketplace-address-section #receiver,
.marketplace-address-section #receiver-tel,
.marketplace-address-section #receiver-email {
    width: 300px !important;
}
.marketplace-address-section #receiver-address1 {
    width: 300px !important;
    margin-top: 10px;
}
.marketplace-address-section .delivery-courier {
    padding: 0;
}
.marketplace-address-section .delivery-courier .selectionbox {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
}
.marketplace-address-section .delivery-courier .selectionbox select,
.marketplace-address-section .delivery-courier .selectionbox select#area,
.marketplace-address-section .delivery-courier .selectionbox select#district {
    width: 100%;
    height: 34px;
    font-size: 14px;
    position: relative;
    color: #999;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    padding: 4px 10px;
}
.marketplace-address-section .delivery-courier select:focus {
    border: inherit;
    box-shadow: none;
}
.marketplace-address-section .delivery-courier .selectionbox:after {
    /* width: 20px;
    height: 20px;
    position: absolute;
    right: 6px;
    background: url("/images/icon-arrow-down.png") no-repeat center center;
    background-size: 14px 8px;
    top: 8px;
    pointer-events: none; */
}
.marketplace-address-section .ec-coupon-input-container {
    height: auto;
    width: 100%;
    display: block;
    margin-top: 0;
}
.marketplace-address-section .ec-coupon-input-container label {
    /* color: #f2be00; */
    color:#121212;
    padding-top: 10px;
}
.marketplace-address-section .ec-coupon-input-container .coupon-switch {
    margin-top: 4px;
    margin-right: 10px;
}

.marketplace-address-section .ec-coupon-input-container #usePromocode,
.marketplace-address-section .ec-coupon-input-container .checkout-container-title {
    color: #F5A623;
}
.marketplace-address-section .ec-coupon-input-container #usePromocode {
    float: left;
    cursor: pointer;
}
.marketplace-address-section .ec-coupon-input-container .checkout-container-title {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}
.marketplace-address-section .ec-coupon-input-container .promo-code-input .row {
    padding-left: 104px;
}
.marketplace-address-section .ec-coupon-input-container .promo-field-btn {
    display: block;
    width: 60px;
    height: 35px;
    position: relative;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: #00a499;
    border-radius: 2px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;


    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.marketplace-address-section .ec-coupon-input-container .promo-field-btn svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.marketplace-address-section .ec-coupon-input-container .promo-field-btn.cancel {
    background-color: #aeaeae;
}
.marketplace-address-section .ec-coupon-input-container .promo-field-btn:hover {
    text-decoration: none;
}
.marketplace-address-section .ec-coupon-input-container .promo-field-btn:not(.cancel):focus,
.marketplace-address-section .ec-coupon-input-container .promo-field-btn:not(.cancel):active,
.marketplace-address-section .ec-coupon-input-container .promo-field-btn:not(.cancel):hover {
    background-color: #008a82;
}
.marketplace-address-section .ec-coupon-input-container .promo-field-btn.cancel:focus,
.marketplace-address-section .ec-coupon-input-container .promo-field-btn.cancel:active,
.marketplace-address-section .ec-coupon-input-container .promo-field-btn.cancel:hover {
    background-color: #999;
}
.marketplace-address-section .ec-coupon-input-container #error-msg-coupon-code,
.marketplace-address-section .ec-coupon-input-container #error-msg-show-coupon-code-input {
    color: #E02152;
    font-size: 14px;
    font-weight: bold;
}
.marketplace-address-section .ec-coupon-input-container #error-msg-show-coupon-code-input {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.marketplace-address-section .ec-coupon-input-container input[type="text"] {
    width: 300px !important;
    /* width: 237px !important; */
}
.marketplace-address-section .ec-input-tnc {
    padding-left: 100px;
    margin: 0 !important;
    color:#121212;
}

.delivery-remarks-wrap .delivery-remarks-container .delivery-item-title {
    vertical-align: top;
    display: inline-block;
    width: 80px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.delivery-remarks-wrap .delivery-remarks-container .delivery-item-desc {
    vertical-align: top;
    display: inline-block;
    width: 300px;
    margin-bottom: 5px;
}

.marketplace-address-section .receiver-province > input,
.marketplace-address-section .receiver-city > input,
.marketplace-address-section .tb-delivery-delivery-address-hk input#receiver-address1,
.marketplace-address-section .tb-delivery-delivery-address-hk .receiver-address > input#receiver-address1,
.marketplace-address-section .receiver-postalcode > input {
    width: 100% !important;
    margin: 3px 1px !important;
}
.marketplace-address-section .receiver-province { display: inline-block; width: 50%; }
.marketplace-address-section .receiver-city { display: inline-block; width: calc(50% - 5px); }
.marketplace-address-section .receiver-address { width: calc(100% - 2px); }
.marketplace-address-section .receiver-postalcode { display: inline-block; width: 50%; }


/*
    Marketplace Order Product Container
 */
.marketplace-order-product-section .wrap {
    overflow: hidden;
}
.oul-wrapper.oul-wrapper-cart .marketplace-order-product-section .ec-checklist {
    border-top: 0;
}
.oul-wrapper.oul-wrapper-cart .marketplace-order-product-section .checkout-list {
    /* width: 100%; */
    /* margin: 0; */
    width: 90%;
    margin: 0px 20px;
    padding: 5px 0px;
}
.oul-wrapper.oul-wrapper-cart .marketplace-order-product-section .checkout-list #ec_sales_event_coupon_discount_outer {
    overflow: hidden;
}
.oul-wrapper.oul-wrapper-cart .marketplace-order-product-section.order-form-right-col {
    width: 400px;
    float: right;
    padding: 0;
    position: relative;
}
.marketplace-order-product-section .marketplace-merchant-logo,
.marketplace-order-product-section .marketplace-merchant-info {
    display: inline-block;
    vertical-align: middle;
}
.marketplace-order-product-section .marketplace-merchant-logo img {
    width: 36px;
    /* height: 30px; */
    margin-right: 10px;
}
.marketplace-order-product-section .marketplace-merchant-info {
    padding-left: 10px;
    max-width: 300px;
}
.marketplace-order-product-section .marketplace-merchant-info * {
    font-weight: inherit;
    padding: 0;
    margin-right: 10px;
    font-size: 14px;
    color: #121212;
}
.marketplace-order-product-section .marketplace-merchant-info .merchant-name {
    width: 100%;
    font-weight: normal;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.oul-wrapper.oul-wrapper-cart .marketplace-order-product-section .checkout-list-item,
.oul-wrapper.oul-wrapper-cart .marketplace-order-product-section .checkout-list .field.totalprice {
    padding-right: 0;
}

.oul-wrapper.oul-wrapper-cart .marketplace-order-product-section .checkout-list .field.totalprice{
    padding-bottom:5px;
}
.marketplace-order-product-section .cart-list-wrapper {
    /*max-height: 390px;*/
    max-height: unset;
    margin-top: 0px;
    margin-bottom:0px;
}
.marketplace-order-product-section .cart-list-wrapper .cart-item {
    width: 100%;
    position: relative;
}
.marketplace-order-product-section .cart-list-wrapper .cart-item .cart-item-wrapper{
    /* display: inline-block; */
}
.marketplace-order-product-section .cart-list-wrapper .cart-item .item-extra{
    /* display: inline-block; */
}
.marketplace-order-product-section .cart-list-wrapper .cart-item-info {
    width: 290px;
    position: relative;
}
.marketplace-order-product-section .cart-list-wrapper .cart-item-info .text-price-number {
    font-size: 14px;
}
.marketplace-order-product-section .cart-list-wrapper .cart-item-price {
    width: 100px;
    float: right;
    font-size: 14px;
    font-weight: normal;
    color: #121212;
}
.marketplace-order-product-section .cart-list-wrapper .cart-item-name {
    float: left;
    width: calc(100% - 110px);
    color: #121212;
}
.marketplace-order-product-section .cart-list-wrapper .cart-item-shipping {
    font-size: 12px;
    color: #aaa;
    /* position: absolute; */
    float:right;
    width:100px;
    /* bottom: 10px; */
    padding-top:1px;
    text-align: right;
    line-height: 22px;
    /* margin-top: 5px; */
}
.marketplace-order-product-section .cart-list-wrapper .cart-item-shipping .text-price-unit,
.marketplace-order-product-section .cart-list-wrapper .cart-item-shipping .text-price-number {
    font-size: 12px;
    color: #999;
}
.marketplace-order-product-section .cart-list-wrapper .row {
    margin: 0;
    padding-bottom:3px;
}
.marketplace-order-product-section .cart-list-wrapper .field-title,
.marketplace-order-product-section .cart-list-wrapper .field-content {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #999;
}
.marketplace-order-product-section .cart-list-wrapper .field-content .text-price-unit{
    margin-left: 5px;
}

.marketplace-order-product-section .cart-list-wrapper .field-content .text-price-unit,
.marketplace-order-product-section .cart-list-wrapper .field-content .text-price-number{
    font-size:12px;
}

.marketplace-order-product-section .cart-list-wrapper .field-title {

}
.marketplace-order-product-section .cart-list-wrapper .field-content {
    font-size:12px;
}
.marketplace-order-product-section .cart-list-wrapper .fieldprice {
    color: #121212;
}
.marketplace-order-product-section .checkout-list .priceamt {
    font-weight: normal;
}
.marketplace-order-product-section .checkout-list .priceamt .text-price-unit,
.marketplace-order-product-section .checkout-list .priceamt .text-price-number {
    font-size: 14px;
}
.marketplace-order-product-section .checkout-list .field.totalprice {
    overflow: hidden;
    margin-top: 4px;
    padding-bottom: 0;
}
.marketplace-order-product-section .checkout-list .field.totalprice .fieldtotal {
    float: left;
    font-size: 16px;
    color: #121212;
    font-weight: bold;
    line-height: 25px;
}
.marketplace-order-product-section .checkout-list .field.totalprice .total-price {
    float: right;
    font-size: 18px;
}
.marketplace-order-product-section .checkout-list .field.totalprice .total-price .text-price-unit,
.marketplace-order-product-section .checkout-list .field.totalprice .total-price .text-price-number {
    font-size: 18px;
}
.marketplace-order-product-section .marketplace-shop-delivery-message {

}
.marketplace-order-product-section .marketplace-shop-delivery-message img,
.marketplace-order-product-section .marketplace-shop-delivery-message .text {
    display: inline-block;
    vertical-align: middle;
}
.marketplace-order-product-section .marketplace-shop-delivery-message img {
    width: 20px;
    margin-right: 4px;
}
.marketplace-order-product-section .marketplace-shop-delivery-message .text {
    font-size: 14px;
    color: #00a499;
}
.marketplace-order-product-section .checkout-list .text-price-unit,
.marketplace-order-product-section .checkout-list .text-price-number {
    font-size: 14px;
}

.marketplace-order-product-section .checkout-list .pd-img-wrapper,
.marketplace-order-product-section .checkout-list .pd-img-wrapper .product-img {
    width: 60px;
}
.marketplace-order-product-section .checkout-list .pd-img-wrapper .product-img {
    height: 60px;
    border: 0;
    margin: 0;
}
.marketplace-order-product-section .checkout-list .pd-detail {

}
.marketplace-order-product-section .checkout-list .pd-detail .product-name {
    max-width: 280px;
    color: #121212;
    font-weight: normal;
}
.marketplace-order-product-section .checkout-list .pd-detail .pd-detail-content,
.marketplace-order-product-section .checkout-list .pd-detail .pd-order-qty,
.marketplace-order-product-section .checkout-list .pd-detail .oul-order-merchant-label,
.marketplace-order-product-section .checkout-list .pd-detail .oul-order-merchant-name,
.marketplace-order-product-section .checkout-list .pd-detail .title-name {
    color: #999;
}





/*
    Marketplace Payment Container
*/
.marketplace-payment-section {
    width: 570px;
    float: left;
    padding: 0;
    padding-bottom:10px;
}
.marketplace-payment-section .wrap {
    padding-bottom: 20px;
}
.marketplace-payment-section .payment-method-label {
    vertical-align: top;
    padding: 6px 0 0 20px;
}
.marketplace-payment-section .payment-method-list {
    margin-left: 16px;
    padding-top: 5px;
}
.marketplace-payment-section .pay-button {
    display: block;
    width: auto;
    margin: 0;
    padding: 0 !important;
}
.marketplace-payment-section .or-container {
    padding: 0 !important;
    margin: 5px 0 0 120px;
}
.marketplace-payment-section .option-container label {
    padding-left: 0;
}
.marketplace-payment-section .option-container label::before {
    vertical-align: middle;
}
.marketplace-payment-section .option-container label > div {
    display: inherit;
    vertical-align: middle;
}
.marketplace-payment-section .option-container input[type='radio'] {
    display: none;
}
.marketplace-payment-section .option-container input[type='radio'] ~ label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/images/icon-radio-default.png") no-repeat 0 center;
    background-size: 20px;
    border: 0;
    border-radius: 0;
}
.marketplace-payment-section .option-container input[type='radio']:checked ~ label::before {
    background: url("/images/icon-radio-checked.png") no-repeat 0 center;
    background-size: 20px;
}





/*
    Marketplace Shop Container: Payment Info
*/
.marketplace-paymentinfo-container {
    width: 100%;
    float: left;
    position: relative;
    margin: 50px 0 30px 0 !important;
}
.marketplace-shop-container section.marketplace-paymentinfo-container > .wrap {
    border: 0;
}
.marketplace-paymentinfo-item {
    width: 324px;
    height: 77px;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #e5e5e5;
    padding: 0 28px;
}
.marketplace-paymentinfo-item:last-child {
    border-right: 0;
}
.marketplace-paymentinfo-item .title {
    font-size: 18px;
    color: #9B9B9B;
    text-align: center;
    padding-bottom: 10px;
}
.marketplace-paymentinfo-item .text {
    display: inline-block;
    font-size:12px;
    color: #9B9B9B;
}
.marketplace-paymentinfo-item .email,
.marketplace-paymentinfo-item .contact {
    font-size: 12px;
    color: #00a499;
}
.marketplace-paymentinfo-item .marketplace-paymentinfo-ssl{
    display: table;
}
.marketplace-paymentinfo-item .ssl-logo-warpper, 
.marketplace-paymentinfo-item .ssl-content {
    display: table-cell;
    vertical-align: top;
}
.marketplace-paymentinfo-item .ssl-logo {
    /* width: 30px;
    height: 40px; */
    float: left;
    /* margin-right: 8px; */
    margin-top: 5px;
}
.marketplace-paymentinfo-item .payments-logo {
    max-width: 100%;
    padding-top: 5px;
}


/*
    Marketplace Step2 Container
*/
.marketplace-address-section .payment_step_2 {
    padding: 0 !important;
}
.marketplace-address-section .payment_step_2 label {
    color: #121212;
}

.marketplace-address-section .payment_step_2 #bt-dropin {
    margin: 0;
}
.marketplace-address-section .payment_step_2 #checkout-from {
    margin: 0;
    width: 568px;
    border: none;
    padding: 0;
}
.marketplace-address-section .payment_step_2 #bt-dropin .marketplace-cart-section-header {
    font-size: 14px !important;
    color: #121212;
    padding: 10px 20px;
    margin: 0;
}
.marketplace-address-section .payment_step_2 #checkout-from .marketplace-cart-section-header {
    font-size: 14px !important;
    color: #121212;
    padding: 10px 20px;
    margin: 0;
}
.marketplace-address-section .payment_step_2 #bt-dropin > div {
    padding: 0 20px;
}
.marketplace-address-section .payment_step_2 #checkout-from > div {
    padding: 0 20px;
}
.marketplace-address-section .payment_step_2 #checkout-from .inputleft {
    float: left;
    width: 70px;
    line-height: 35px;
    flex-grow: 0;
    margin: 7px 34px 7px 0px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #6c7c7b;
}
.marketplace-address-section .payment_step_2 #checkout-from .inputright {
    float: left;
    line-height: 35px;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.marketplace-address-section .payment_step_2 #bt-dropin .btn-back:before {
    /* content: '';
    display: block;
    width: 4px;
    height: 8px;
    border-right: 5px solid;
    border-top: 4px solid #0000;
    border-bottom: 4px solid #0000;
    float: left;
    margin: 7px 6px 0 0px; */
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #00a499;
}
.marketplace-address-section .payment_step_2 #bt-dropin .btn-back {
    display: block;
    width: 70px;
    margin: 10px 0 10px 20px;
}
.marketplace-address-section .payment_step_2 #checkout-from .checkfrompaybutton {
    margin: 0;
}
.marketplace-address-section .payment_step_2 #bt-dropin .secure-tnc {
    padding: 0 20px;
    margin-left: 18px;
}
.marketplace-address-section .payment_step_2 #checkout-from .secure-tnc {
    padding: 0px;
    margin: unset;
    background-image: none;
}
.marketplace-address-section .payment_step_2 #card-number,
.marketplace-address-section .payment_step_2 #expiration-date,
.marketplace-address-section .payment_step_2 #cvv {
    color: #121212;
    background: #fff;
    line-height: 22px;
    border-radius: 0;
    border-color: #e5e5e5;
}
.marketplace-address-section .payment_step_2 #expiration-date,
.marketplace-address-section .payment_step_2 #cvv {
    width: 120px;
}

.cart-list-item .cart-item-info .product-name a{
  color:#121212;
}


.delivery-option .recipient{
  padding-top: 0px;
}

.marketplace-address-section .delivery-option .delivery-selftake-address .row{
}


.marketplace-order-product-section .wrap .cartlist-item{
  padding-top: 0px;
  padding-bottom: 0px;
}


input:not([type]), input[type="text"], select{
  border-radius: 2px !important;
}

.payment_step_2 .title{
  font-weight: normal !important;
  line-height: 19px;
}
.marketplace-cart-section-header > img{
  height:20px !important;
}

.pay-button .btn{
    font-weight: normal;
    border-radius: 2px;
}

.marketplace-paymentinfo-container .wrap .row{
    padding: 10px 15px;
}

/* .text-primary,
a.text-primary:focus,
a.text-primary:hover {
  color: #121212 !important;
} */

.marketplace-paymentinfo-item {
    width: 390px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #e5e5e5;
    padding: 0 20px;
}
.marketplace-paymentinfo-item:first-child {
    width: 330px;
    max-width: 330px;
}
.marketplace-paymentinfo-item:nth-child(2) {
    width: 345px;
    max-width: 345px;
}
.marketplace-paymentinfo-item:last-child {
    width: 260px;
    border: 0;
}
.marketplace-paymentinfo-item .title {
    font-size: 14px;
    color: #999;
    text-align: center;
    padding-bottom: 10px;
}
.marketplace-paymentinfo-item .text {
    display: inline-block;
    font-size: 12px;
    color: #999;
}
.marketplace-paymentinfo-item .LoGo{
    margin-left:-5%;
    }
.marketplace-paymentinfo-item .LoGo img{
    width:15%;
    display: block;
    float: left;
    margin-left:9%;
    padding:0 0 2% 0;
    }
.marketplace-paymentinfo-item .email,
.marketplace-paymentinfo-item .contact {
    font-size: 12px;
    color: #00a499;
}
.marketplace-paymentinfo-item .ssl-logo {
    /* width: 30px;
    height: 40px; */
    float: left;
    /* margin-right: 8px; */
    margin-top: 5px;
    margin-right: 10px;
}
.marketplace-paymentinfo-item .payments-logo {
    max-width: 100%;
}


label [for~="receiver"]{
    padding-bottom:10px;
}

.payment-method-label{
    color:#121212;
}
.delivery-option .recipient {
    padding-top: 14px;
}
.delivery-option .recipient, 
.delivery-selftake, .delivery-courier,
.delivery-option .field-content.field
{
    color:#999;
}

.payment_step_1 .order-delivery{
    padding-bottom:5px;
}

.previous-triangle{
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #00a499;
    display: inline-block;
    vertical-align: middle;
}

.payment_step_2 .pay-button{
    margin-bottom: 20px;
}

.marketplace-shop-container .pd-order-qty .qd-qty-plus{
    padding-left:5px;
}

.marketplace-shop-container .pd-order-qty .pd-qty-minus,
.marketplace-shop-container .pd-order-qty .qd-qty-plus {
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 18px;
    color: #121212;
    line-height: 1px;
    background: #f1f1f1;
    position: relative;
    border-radius: 2px;
    border-color: #f1f1f1;
    font-weight: normal;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
.marketplace-shop-container .pd-order-qty .pd-qty-minus.disabled,
.marketplace-shop-container .pd-order-qty .qd-qty-plus.disabled {
    pointer-events: none;
    color: #ccc;
}
.marketplace-shop-container .pd-order-qty #quantity {
    height: 22px;
    border-color: #f1f1f1;
}

.ec-input-tnc input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    vertical-align: top;
    background: url(../images/ec/checkbox.png) center no-repeat;
    cursor: pointer;
}

.cart-item-qty {
    float:left;
    width: calc(100% - 110px);
}

.marketplace-order-product-section .marketplace-merchant-info .merchant-level{
    font-size:12px;
    color:#999;
}

.order-delivery .delivery-option .delivery-selftake-address .delivery-selftake-error-msg{
}
.checkout-list-item,
.oul-wrapper.oul-wrapper-cart .checkout-list{
    border-color: #e5e5e5;
}

.marketplace-shop-container .err-msg{
    font-size: 12px;
    color: #f13200;
    font-weight: bold;
}

.marketplace-shop-container .ec-coupon-errormsg{
	width: 95%;
	float: unset;
	margin: 0;
}

/* 00602 bilingual (EN) by Zacky */
.order-info.payment_step_1.lang-US .order-delivery .delivery-option .row  .field-title,
.order-info.payment_step_1.lang-US .order-delivery .delivery-option .recipient .row label,
.order-info.payment_step_1.lang-US .order-delivery .delivery-option .ec-coupon-input-container label,
.order-info.payment_step_1.lang-US .order-delivery .delivery-option .delivery-courier label,
.order-info.payment_step_1.lang-US .marketplace-payment-section .pay-button .payment-method-label {
    /* width: 140px !important; */
}

.order-info.payment_step_1.lang-US .order-delivery .delivery-option .delivery-courier #receiver-address1 {
    margin-left: 144px!important;
}
.order-info.payment_step_1.lang-US .order-delivery .delivery-option .ec-input-tnc{
    padding: 5px 0 10px 140px;
}
.order-info.payment_step_1.lang-US .marketplace-payment-section .or-container {
    margin: 0px 0 0 160px;
}

input:focus,
select:focus,
button:focus {
    outline: none;
}

.order-delivery .delivery-option .delivery-option-row.tb-delivery-option-row div.row:first-child .field-content.field span {
    line-height: 30px;
}

.receiver-location {
    padding: 5px 0px;
}

.selectionbox.area,
.selectionbox.district {
    margin-bottom: 10px;
    margin-top: 5px
}

.selectionbox.area .k-dropdown .k-input,
.selectionbox.district .k-dropdown .k-input {
    line-height: 23px;
}

.receiver-province,
.receiver-city,
.receiver-address {
    margin-bottom: 10px;
}

.marketplace-address-section .receiver-province {
    width: 48%;
    margin-right: 2% !important;
}

.marketplace-address-section .receiver-city,
.marketplace-address-section .receiver-postalcode {
    width: 48%;
}

.marketplace-address-section .receiver-address {
    width: 98%;
}

.marketplace-address-section .delivery-option input[type="text"] {
    width: 100% !important;
}

.delivery-remarks-wrap .delivery-remarks-container .delivery-item-title {
    width: 70px;
}
.option-container.hangseng .hangseng_remark{
    font-size: 12px !important;
    line-height: 16px !important;
}
.option-container.atm {
    padding-top: 5px;
}


/*HASE app payment*/
.hase-app-payment-text {
    width: 422px;
    height: 40px;
    font-family: PingFangHK;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.19px;
    color: #000;
}
a.hase-text {
    width: 204px;
    height: 20px;
    font-family: PingFangHK;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.19px;
    color: #00a499;
}