.theme-shopee .container-md.-promotion{max-width: 924px;}

.kcc .h-title,
.kcc .title,
.kcc p.condition,
.kcc ul.condition li {font-family: 'Kanit', Helvetica, Arial, sans-serif; color: #666666;}

.kcc .h-title{font-size: 20px;}
.kcc .title{font-size: 16px; margin-top: 0; font-weight: 400;}
.kcc p.condition{margin-top: 0; margin-bottom: 8px;}
.kcc p.condition.title{font-weight: 500; color: #333333;}
.kcc p.condition,
.kcc ul.condition li {font-size: 16px;}

.kcc.popup-revise-02 .f-20 { font-size: 20px !important }
.kcc.popup-revise-02 .mfp-container {padding: 0 15px;}
.kcc.popup-revise-02 .mfp-content { width: 100%; max-width: 1140px;padding: 50px 0; background: transparent;}
.kcc.popup-revise-02 .mfp-content .promotion-header { position: relative; padding: 30px 0;
    background: url(../img/promotion-header.jpg); background-size: contain;
    background-position: right; background-repeat: no-repeat; background-color: #fbfbfb;
    border-bottom: solid 5px #00A950;
}
.kcc.popup-revise-02 .mfp-content .promotion-header h3,
.kcc.popup-revise-02 .mfp-content .promotion-header p { margin-top: 0; margin-bottom: 5px;}
.kcc.popup-revise-02 .mfp-content .promotion-header p small { font-size: 14px; color: #666;}
.kcc.popup-revise-02 .mfp-content .promotion-content h3 {font-size: 14px;color: #333;}
.kcc.popup-revise-02 .mfp-content .promotion-content h3.no-line {margin-top: 20px;}
.kcc.popup-revise-02 .mfp-content .promotion-content h3.hv-line { border-top: 1px solid #e2e2e2; padding-top: 20px; margin-top: 40px;}
.kcc.popup-revise-02 .mfp-content .promotion-content h3.hv-line.font-default,
.kcc.popup-revise-02 .mfp-content .promotion-content h3.no-line.font-default {font-family: Kanit, notosansthai, Arial, sans-serif !important; margin-bottom: -15px;}
.kcc.popup-revise-02 .mfp-content .promotion-content h3.hv-line.font-default strong,
.kcc.popup-revise-02 .mfp-content .promotion-content h3.no-line.font-default strong { font-family: Kanit, notosansthai, Arial, sans-serif !important;}
.kcc.popup-revise-02 .mfp-content .promotion-content ul li {color: #999;margin-bottom: 5px !important;font-size: 14px;}
.kcc.popup-revise-02 .mfp-content ul:not(.condition) li { font-size: 14px;}
.kcc.popup-revise-02 .mfp-content > div { background: white;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-shopee { max-width: 660px;margin: auto;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-shopee p {font-size: 16px;color: #333;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-shopee .c-orange { color: #ee4e2e;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-shopee p.note { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px; color: #999;
}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-box { width: 100%; position: relative; display: table; table-layout: fixed;
    background: rgb(248,128,52);
    background: linear-gradient(90deg, rgba(248,128,52,1) 35%, rgba(238,78,46,1) 100%);
    margin: 20px 0; padding: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .image {width: 14%; display: table-cell;vertical-align: middle;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .image img { width: 86px;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .caption {width: 86%; display: table-cell; vertical-align: middle;  padding-left: 20px;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .caption h3 { font-size: 20px; font-family: Kanit, notosansthai, Arial, sans-serif;
    font-weight: 400 !important; color: #fff;
} 
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .caption h3 span {display: block; font-size: 18px;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .caption p { font-size: 14px; font-family: Kanit, notosansthai, Arial, sans-serif; color: #fff; margin-top: 3px;}
.kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .obj { position: absolute; top: 0; right: 0;}
.kcc.popup-revise-02 .mfp-content .mfp-close { display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%;
    background: #00A950; color: #fff; font-size: 16px; text-align: center; position: absolute;
    top: 35px !important; right: -15px !important; z-index: 1; opacity: 1;
}
.kcc.popup-revise-02 .mfp-content .sc-container {padding-top: 35px; padding-bottom: 55px;}
.kcc.popup-revise-02 .mfp-content .image-list .caption h3 {margin-bottom: 10px;}
.kcc.popup-revise-02 .mfp-content ul {margin: 0px 0 10px 0em; padding: 0 0 0 20px;}
.kcc.popup-revise-02 .mfp-content ul ul {margin-top: 10px;margin-left: 2em;}
.kcc.popup-revise-02 .mfp-content ul li {list-style: disc;font-family: Helvetica, Arial, sans-serif;font-weight: 400; font-size: 14px;}
.kcc.popup-revise-02 .mfp-content ul:not(.condition) li:not(:last-child) { margin-bottom: 10px;}
.kcc.popup-revise-02 .mfp-content ul.condition li:not(:last-child) {margin-bottom: 7px;}
.kcc.popup-revise-02 .mfp-content ul li.title {list-style: none;margin-left: -1em;}
.kcc.popup-revise-02 .mfp-content ul li strong { font-weight: 700;}
.kcc.popup-revise-02 .mfp-content ul li .link{color: #00A94F; word-break: break-all;}
.kcc.popup-revise-02 .mfp-content ul li .link > span{vertical-align: middle; display: inline-block;}
.kcc.popup-revise-02 .mfp-content ul li .link > span.icon{position: relative; top: 2px;}
.kcc.popup-revise-02 .mfp-content h4,
.kcc.popup-revise-02 .mfp-content h5,
.kcc.popup-revise-02 .mfp-content h6 {margin-bottom: 10px;}
.kcc.popup-revise-02 .mfp-content .image-lists {margin: 15px 0;}
.kcc.popup-revise-02 .mfp-content .image-lists .caption {padding: 0 30px;}
.kcc.popup-revise-02 .mfp-content .image-lists .image-list {margin: 0;padding: 25px 15px; display: flex; flex-direction: row;}
.kcc.popup-revise-02 .mfp-content .image-lists .image-list .image {width: 60px;min-width: 60px;max-width: 60px;}
.kcc.popup-revise-02 .mfp-content .popup-image .img-paywave {width: 70px; min-width: 70px;max-width: 70px; margin: 30px 0;}
.kcc.popup-revise-02 .mfp-content .table { border-width: 1px 1px 0 1px; border-collapse: separate;
    border-radius: 10px; overflow-x: hidden; overflow-y: hidden;
    max-width: 660px; margin: auto;
    box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.2);
}
.kcc.popup-revise-02 .mfp-content .table th {background: rgb(239,102,59);
    background: linear-gradient(180deg, rgba(239,102,59,1) 0%, rgba(236,65,47,1) 100%);
    color: white;font-size: 18px;border-bottom: 0 !important;
    font-family: Kanit, notosansthai, Arial, sans-serif;
    font-weight: 400 !important;
}
.kcc.popup-revise-02 .mfp-content .table td {color: #666666;text-align: center;font-size: 16px;}
.kcc.popup-revise-02 .mfp-content .table td span small { font-size: 85%;}
.kcc.popup-revise-02 .mfp-content .table td.c-orange strong {color: #ee4e2e;}
.kcc.popup-revise-02 .mfp-content .table td.c-green {color: #008e46;}
.kcc.popup-revise-02 .mfp-content .table th,
.kcc.popup-revise-02 .mfp-content .table td { font-weight: 300;padding: 10px 15px;border-bottom: solid 1px #E6E6E6; vertical-align: middle;}
.kcc.popup-revise-02 .mfp-content .table th,
.kcc.popup-revise-02 .mfp-content .table td:not(:first-child) { text-align: center;}
.kcc.popup-revise-02 .mfp-content .table thead tr:first-child th:first-child { border-top-left-radius: 10px; border-right: solid 1px #E6E6E6;}
.kcc.popup-revise-02 .mfp-content .table thead tr:first-child th:last-child {border-top-right-radius: 10px;}
.kcc.popup-revise-02 .mfp-content .table tbody tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.kcc.popup-revise-02 .mfp-content .table tbody tr { border: 0 !important;}
/*popup component overflower end*/

.kcc.popup-revise-02 .mfp-content .table.table-shipping { border-collapse: collapse;}
.kcc.popup-revise-02 .mfp-content .table.table-shipping th { background: rgb(239,102,59); border-right: 0; border-left: 0;}
.kcc.popup-revise-02 .mfp-content .table tr.b-green th { background: #1D9670; border-top: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6;}

@media screen and (max-width: 1299px) {
    .kcc.popup-revise-02 .mfp-content .mfp-close {right: -10px !important;}
}

@media screen and (max-width: 1199px) {
    .theme-shopee .container-md.-promotion {max-width: 800px;}

    .kcc.popup-revise-02 .mfp-content {max-width: 930px;}
}
@media screen and (max-width: 991px) {
    .kcc.popup-revise-02 .mfp-content .image-lists { margin: 30px 0;}
    .kcc.popup-revise-02 .mfp-content .image-lists .image-list {flex-direction: column;align-items: center;}
    .kcc.popup-revise-02 .mfp-content .image-lists .image-list:first-child {padding-top: 0;}
    .kcc.popup-revise-02 .mfp-content .image-lists .image-list:last-child {padding-bottom: 0;}
    .kcc.popup-revise-02 .mfp-content .image-lists .caption {text-align: center;padding: 15px 0 0 0;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-group {border-bottom: 1px solid #e8e8e8;margin-top: 30px;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-title { padding-left: 0;border-top: 1px solid #e8e8e8;border-left: 0; font-weight: 700;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-title:after, 
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-title:hover, 
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-title.active {color: #333;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-content .wrap { padding: 0; padding-bottom: 14px; }
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion:not(:last-child) {margin-bottom: 0;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-content .wrap ul { margin-top: 0; }
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-title:after { content: "\e918";font-size: 12px;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .accordion-title.active:after { content: "\e902";}

    .theme-shopee .container-md.-promotion {max-width: 100%;}

    .kcc.popup-revise-02 .mfp-content {max-width: 90%;}
}

@media screen and (max-width: 767px) {
    .kcc.popup-revise-02 .mfp-content .table td span { display: block; font-size: 13px;}
    .kcc.popup-revise-02 .mfp-content .table td span small {font-size: 13px; }
    .kcc.popup-revise-02 .mfp-content .promotion-header h3 { font-size: 19px;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .discount-box {display: inline-block;text-align: center; padding: 15px 10px;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .image {width: 100%; display: inline-block;margin-bottom: 20px;}
    .kcc.popup-revise-02 .mfp-content .promotion-content .discount-box .caption { width: 100%; display: inline-block;padding-left: 0;}
    .kcc.popup-revise-02 .mfp-content .promotion-header{background-size: 240%;}
}