body { font-size: 1.2rem; transition: opacity .4s linear; }
body.tc { font-family: 'Noto Sans TC', sans-serif; }
body.sc { font-family: 'Noto Sans SC', sans-serif; }

* { -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'Noto Sans TC', sans-serif; background-color: #7C2525; }
a { color: inherit; text-decoration: inherit; }
.linethrough {text-decoration: line-through; }
.color-beige { color: #E8D4AC; }
.bg-color-black { background: #000000; }
.bg-color-gray { background: #1A1A1A; }
.bg-pattern-red { background: url('images/bg_red.svg'); background-size:100%; }
.wrapper { max-width: 100%; }
.container { margin: 0 auto; }
.hidden { display:none; }
input { font-family: 'Noto Sans TC', sans-serif; width: 100%; height: 3vw; line-height:3vw; color: #EBDBB4; border: 1px solid #EBDBB4; background:#1A1A1A; outline:none; padding:0px 0.6vw; font-size:18px; line-height:1.8; }
input:focus { color: #000; background-color: #EBDBB4; }
select { -webkit-appearance: none; -moz-appearance: none; text-overflow:''; font-family: 'Noto Sans TC', sans-serif; outline:0!important; padding:0px 0.6vw; width:400px; height:3vw; color:#EBDBB4;border: 1px solid #EBDBB4;   background-color:#1A1A1A; background-image: url('../../kkleo-theme-child/css/images/icon_arrow_down.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size:20px auto; cursor:pointer; font-size:18px; line-height:1.8; }
select::-ms-expand { display: none; }
select option:checked, select option:hover { box-shadow: 0 0 10px 100px #000 inset; }
button { outline-style: none; font-family: 'Noto Sans TC', sans-serif; border:none;cursor:pointer;text-align:center;background-size:cover;background-repeat:repeat;}
body.sc input, body.sc select, body.sc button { font-family: 'Noto Sans SC', sans-serif; }
::-moz-selection { /* Code for Firefox */ color:#1A1A1A; background:#EBDBB4; }
::selection { color:#1A1A1A; background:#EBDBB4; }


.fl { float: left; }
.fr { float: right; }
.table { display: table; }
.table-cell { display: table-cell; }
.middle { vertical-align: middle; }
.clear { clear: both; }

/* slider */
.slider .container { width: 100%; position: relative; }
.slider img { width: 100%; display: block; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .slider .swiper-pagination-bullet-active { background: #CCC !important; }
.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }
.swiper-pagination.disabled { display: none; }
.disabled .swiper-button-next.swiper-button-disabled, .disabled .swiper-container-rtl .swiper-button-prev.swiper-button-disabled, .disabled .swiper-button-prev.swiper-button-disabled, .disabled .swiper-container-rtl .swiper-button-next.swiper-button-disabled { display:none; }


/* floating-btn */

.floating_btn .close{
    position: relative;
}
.floating_btn .close img.icon{
    width: 24px !important;
    height: 24px !important;
    position: absolute;
    right: 0px;
    top: 0px;
}

.element-floating_btn{
    z-index: 99999;
    display: flex;
    position: fixed;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: end;
    bottom: 80px;
    right: 22.5px;
}
.floating_btn_container{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.element-floating_btn .floating_btn{
    width: 150px;
    height: auto;
    z-index: 9999;
    height: auto;
    height: auto;
    transition: 0.4s ease;
}
.element-floating_btn .floating_btn:hover{
    transform: scale(1.2);
}
.element-floating_btn .floating_btn a {
    display: flex;
    width: 100%;
    height: auto;
}
.element-floating_btn .floating_btn img {
    width: 100%;
    height: auto;
}

.cart .delivery-icon { background-image: url("../../kkleo-theme-child/css/images/icon_delivery.svg?v=1"); background-repeat: no-repeat; background-size: 22px 22px; background-position: left center; padding-left: 36px; cursor: pointer; }
.cart .btn-cart-remove { background-image: url("../../kkleo-theme-child/css/images/trash-alt-regular.svg?v=1"); background-repeat: no-repeat; background-size: 22px 22px; background-position: left center; padding-left: 36px; cursor: pointer; }
.cart .delivery-not-enough{
    display: flex;
    align-items: center;
}
span.icon-delivery {
    width: 24px;
    height: 24px;
    background-image: url(../../kkleo-theme-child/css/images/icon_information.svg?v=1);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: left center;
    cursor: pointer;
    display: inline-block;
}
.cart .progress-bar{
    height:8px;
    max-width: 970px;
    width:85%;
    /*height: 8px;*/
    flex-shrink: 0;
    border-radius: 34px;
    opacity: 0.6;
    background: #999;
    display: flex;
}
.cart .progress-bar .process{
    width: var(--element-width);
    background: #B41E23;
    border-radius: 34px;
}

.btn-hint {
    position:relative;
}

.btn-hint:hover .hint-content {
    display:inline-block;
}
.hint-content {
    display:none;
    position:absolute;
    /*color: rgba(0, 0, 0, 0.50);*/
    font-family: Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding:10px;
    box-shadow: 0px 2px 20px 0px var(--lb-shadow-15, rgba(0, 0, 0, 0.15));
    /*background-color:#ffffff;*/
    background: url(images/bg_red.svg);
    color: inherit;
    z-index:2;
    width:250px;
    text-align:left;
}
.hint-content.active {
    display:inline-block;
}

@media screen and (max-width: 767px) {
    .btn-hint {
        position:static;
    }
    .hint-content {
        left:20px;
        width:calc(100% - 40px)
    }
}

.login-btn-group{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (min-width: 1081px) {
    .mobile-only { display: none !important; }
    .bg-pattern-black { background-color:#1A1A1A; background: url('images/bg_black_pattern.jpg'); background-size: 100%; }
    .bg-pattern-black-with-box { background-color:#1A1A1A; background: url('images/bg_black_pattern.jpg'); background-size: 100%; }
    .bg-pattern-black-with-box .bg-pattern-black { background:transparent; }
    .h1 { font-size: 67px; }
    .h2 { font-size: 60px; line-height: 1.5; }
    .h3 { font-size: 38px; }
    .h4 { font-size: 26px; }
    .c1 { font-size: 23px; line-height: 1.5; letter-spacing: 1px; }
    .c2 { font-size: 18px; line-height: 1.5; letter-spacing: 1px; }
    .c3 { font-size: 13px; line-height: 1.5; letter-spacing: 1px; }
    .c4 { font-size: 10px; line-height: 1.5; letter-spacing: 1px; }
    
    .tc .c1, .tc .c2, .tc .c3, .tc .c4 { line-height: 1.8; }
    .sc .c1, .sc .c2, .sc .c3, .sc .c4 { line-height: 1.8; }

    .w-10 { width: 10%; }
    .w-15 { width: 15%; }
    .w-20 { width: 20%; }
    .w-30 { width: 30%; }
    .w-40 { width: 40%; }
    .w-50 { width: 50%; }
    .w-60 { width: 60%; }
    .w-70 { width: 70%; }
    .w-80 { width: 80%; }
    .w-90 { width: 90%; }
    .w-100 { width: 100%; }
    
    .pt-0 { padding-top: 0 !important; }

    /* footer */
    .footer .container { max-width: 1180px; padding: 15px 5px; }
    .footer .menu { display: flex; text-align: left; }
    .footer .en .sub-menu { padding: 15px; }
    .footer .tc .sub-menu { flex: 1; padding: 15px; }
    .footer .sc .sub-menu { flex: 1; padding: 15px; }
    .footer .menu a { display: block; }
    .footer .menu .parent { border-bottom: 1px solid #EBDBB4; padding-bottom: 10px; margin-bottom: 10px; }
    .footer .menu .child a { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
    .footer .sub-menu .parent { padding-left: 10px; padding-right: 10px; white-space: nowrap; }
    .footer .sub-menu .child a { padding-left: 10px; padding-right: 10px; }
    .footer .menu .parent:hover, .footer .menu .child a:hover { color: #FFFFFF; }
    .footer .partnership .row_0 { float: left; height: 45px; line-height: 45px; margin: 10px 0; }
    .footer .partnership .row_1 { float: left; }
    .footer .partnership .row_2 { float: right; }
    .footer .partnership .row:after { display: block; content: ''; clear: both; }
    .footer .partnership { padding: 35px 0 50px 0; }
    .footer .partnership_logo { display: block; float: right; height: 45px; margin: 10px 0 10px 15px; position:relative; }
    .footer .partnership_logo img { height: 45px; }
    .footer .partnership_logo .modal { display: none; position:absolute; width:200px; height:220px; bottom:70px; left:-150px; right:-150px; margin:auto; background-color:#ffffff; text-align:center; }
    .footer .partnership_logo .modal.act { display: inline-block; }
    .footer .partnership_logo .modal img { width:100%; height:auto; }
    .footer .partnership_logo .modal .text { width:100%; background-color:#000000; color:#ffffff; text-align:center; position:absolute; bottom:0px; left:0px; }
    .footer .tnc div, footer .copyright { float: left; margin-right: 20px; }
    .footer .tnc a:hover { color: #FFFFFF; }
    .footer .partnership .row_0, .footer .c1 { font-size:18px; }
    .footer .c2 { font-size:15px; }

    /* Header */
    .header {
        background-color: #B41E23;
        /*background: url('images/bg_header.svg') center center no-repeat;*/
        background-size: cover;
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 99;
        border-bottom: 2px solid #B41E23;
    }
    .header .mobile-nav { display: none; }
    .header .container { max-width: 1180px; margin: auto; padding: 0 15px; position: relative; }
    .header .container:after { display: block; content: ''; clear: both; }
    .header .desktop-nav .logo { width: 274px; position: absolute; bottom: -1vw; z-index: 20; }
    .header .desktop-nav .logo img { width: 100%; }
    .header .desktop-nav .tool:after { display: block; content: ''; clear: both; }
    .header .desktop-nav .tool-bar { display: inline-block; vertical-align: top; padding: 9px; float: right; height: 39px; margin-top: 2px; } /* MCH20210329 add 'magin-top' */
    .header .desktop-nav .tool-bar-transparent { background-color: unset; }
    .header .desktop-nav .tool-bar-location { color: #7C2525; background-color: #E8DBB8; padding: 0; display: inline-block; }
    .header .tool-bar-location-select { background-color: transparent; color: #7C2525; width: auto; height: auto; padding: 7px 0 0 30px; background-image: url("images/caret-down-icon.svg"); background-size: 10px 25px; background-position:12px 6px; }
	/* MCH20210329 - start */
    .header .desktop-nav .tool-bar.tool-non1st-bar { margin-top: 1px; }
	.header .desktop-nav .tool-bar-search-box { color: #EBDBB4; padding: 0; display: inline-block; }
    .header .tool-bar-search-box-input {
        background-color: transparent;
        color: #EBDBB4;
        width: 150px;
        height: 39px;
        padding: 0 0 0 15px;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        font-size: 0.8rem;
    }
    .header .tool-bar-search-box-input::placeholder {
        color: #EBDBB4;
        opacity: 1; /* Firefox */
    }
    .header .tool-bar-search-box-input:-ms-input-placeholder {
        color: #EBDBB4;
    }
    .header .tool-bar-search-box-input::-ms-input-placeholder {
        color: #EBDBB4;
    }
	/* MCH20210329 - end */
    .header .tool-bar-cart { position: relative; background-color: #7C2525;}
    .header .tool-bar-cart:hover { color: #FFF; background-color: #000; cursor: pointer; }
    .modal-cart { position: absolute; top: 39px; left: 0; z-index: 9999; color: #EBDBB4; width: 460px; cursor: default; }
    .modal-cart-header { background: url('images/bg_red.svg') center center repeat-y; background-size:100% 1px; padding: 10px 15px; display: flex; justify-content: space-between; }
    .modal-cart-number { display: flex; align-items: baseline; }
    .modal-cart-close { cursor: pointer; }
    .modal-cart-item { padding: 0 15px; background-color: #000; max-height: 500px; overflow-y: auto; }
    .modal-cart-row { display: flex; padding: 15px 0; }
    .modal-cart-row:not(:last-child) { border-bottom: 1px solid #7C2525; }
    .modal-cart img { width: 70px; height: 70px; }
    .modal-cart-text { width: 100%; padding: 0 15px; }
    .modal-cart-amount { display: flex; justify-content: space-between; align-items: center; }
    .modal-cart-price { display: flex; align-items: center; }
    .modal-cart-footer { padding: 10px 15px 15px 15px; background-color: #000; }
    .modal-cart-footer a { background-color: #7C2525; float: none !important; padding: 8px; height: unset !important; line-height: unset !important; margin: 0 !important; text-align: center; }
    
    .header .desktop-nav .tool a { display: block; float: left; min-height: 21px; line-height: 21px; margin: 0 8px; }
    .header .desktop-nav .tool a.hidden { display: none; }
    .header .desktop-nav .tool a:hover { color: #FFFFFF; }
    .header .desktop-nav .tool a.hover-unset:hover { color: unset; }
    .header .desktop-nav .tool .query { border-left: 1px solid #EBDBB4; border-right: 1px solid #EBDBB4; padding: 0 16px; }
    .header .desktop-nav .tool .query.query-left { border-left: none; padding-left: 0px; }
    .header .desktop-nav .tool .icon { width: 21px; height: 21px; }
    .header .desktop-nav .tool .profile { background: url('images/header_icon_profile.svg') center center no-repeat; background-size: contain; }
    .header .desktop-nav .tool .cart { background: url('images/header_icon_cart.svg') center center no-repeat; background-size: contain; }
    .header .desktop-nav .tool .cart_empty { background: url('images/header_icon_cart_empty.svg') center center no-repeat; background-size: contain; }
    .header .desktop-nav .tool span { display: block; float: left; margin-right: 5px; }
    .header .desktop-nav .tool .favorite { background: url('images/header_icon_favorite.svg') center center no-repeat; background-size: contain; }
    .header .desktop-nav .menu { padding-top: 10px; float: right; }
    .header .desktop-nav .sub-menu { float: left; position:relative; }
    /*.header .desktop-nav .sub-menu a:hover::after { content:""; display:block; height:2px; width:100%; position:absolute; left:0px; bottom:-2px; background-color: #1A1A1A; }*/
    .header .desktop-nav .parent { display: block; padding: 20px; }
    .header .desktop-nav .parent:hover { background: #1A1A1A; }
    .header .desktop-nav .child { position: fixed; left: 0; right: 0; width: 100%; z-index: 20; display: none; }
    .header .desktop-nav .child-wrapper { background:#1A1A1A; max-width:calc(1180px - 30px); margin: auto; }
    .header .desktop-nav .list { float: left; width: calc(100% - 610px); margin-top: 15px; margin-bottom:15px; }
    .header .desktop-nav .list a { display: block; padding: 15px 65px; }
    .header .desktop-nav .list a:hover { background: url('images/bg_red.svg'); background-size:100% 1px; background-repeat: repeat-y; }
    .header .desktop-nav .recommend { float: right; padding: 15px; }
    .header .desktop-nav .recommend-block { width: 260px; margin: 15px; float: right; }
    .header .desktop-nav .recommend .image { width: 260px; height: 260px; }
    .header .desktop-nav .recommend .image img { width: 100%; }
    .header .desktop-nav .recommend .title { margin: 20px 0 16px 0; }
    .header .desktop-nav .sub-menu:hover .child { display: block; max-width: calc(1180px - 30px); margin: auto; }
    /*.header .menu-height { height: 18vw; width: 100%; display: block; }*/
    #mobile-nav-menu { display:none!important; }

    .contact-us .breadcrumb { margin-bottom: 20px; }
    .whats-new .breadcrumb { margin-bottom: 20px; }

    /* promotion */
    .promotion .container { max-width: 1400px; margin: auto; padding: 30px 15px; position: relative; }
    .promotion .swiper-container { width: 95%; }
    .promotion img { width: 100%; display: block; }
    .promotion .swiper-button-next { right: 5px !important; }
    .promotion .swiper-button-prev { left: 5px !important; }
    .promotion .swiper-button-white { opacity: 0.3; }
    .promotion .swiper-button-next.swiper-button-disabled, .slider .swiper-button-prev.swiper-button-disabled { opacity: 0.05 !important; }

    /* index-text-block */
    .index-text-block .container { max-width: 1180px; padding: 45px 15px; }
    .index-text-block .content .image { width: 30%; }
    .index-text-block .content .text { width: 70%; padding-left: 80px; }
    .index-text-block img { width: 100%; }


    /* index-series */
    .index-series a { display: block; position: relative; }
    .index-series .highlight { visibility: hidden; }
    .index-series a:hover .highlight { visibility: visible; }

    .index-series .container { max-width: 1180px; padding: 45px 0; }
    .index-series .series-block { width: 20%; padding: 15px; position: relative; float: left; }
    .index-series img { width: 100%; display: block; }
    .index-series .text { text-align: center; padding: 30px 15px 0 15px; }
    /* contact-us */

    .contact-us .container { max-width: 1180px; padding: 45px 0; }
    .contact-us .map iframe { width: 100%; height: 700px; padding: 0 15px; }
    .contact-us .banner { width: 70%; padding-bottom: 45px; margin: auto; }
    .contact-us .banner img { width:100%; }
    .contact-us .info { width: 780px; padding-bottom: 92px; margin: auto; }
    .contact-us .title { font-size: 38px;  border-bottom: 1px solid #EBDBB4; padding-bottom: 10px; margin-bottom: 30px; }
    .contact-us .data div { display: inline-block; vertical-align: top; }
    .contact-us .label { width: 25%; }
    .contact-us .text { width: 75%; }

    /*
    article-all-in-one
    */

    .article-all-in-one .container {
        max-width: 1180px;
        margin: auto;
        padding: 0 15px;
    }

    .article-all-in-one .content {
        width: 100%;
        display: table;
        padding: 6.25vw 0;
        position: relative;
    }

    .article-all-in-one.bg-pattern-black-with-box .content {
        padding:6.25vw 2.12vw;
    }

    /*    .bg-pattern-black.article-all-in-one .content {
            background-color:#000000;
            opacity:0.4;
        }*/

    .article-all-in-one .paragraph, .article-all-in-one .gallery {
        display: table-cell;
        vertical-align: top;
    }

    .article-all-in-one .title {
        padding-bottom: 0.5625vw;
        border-bottom: 1px solid #EBDBB4;
    }

    .article-all-in-one .title.mobile, .article-all-in-one .title .fa {
        display: none;
    }

    .article-all-in-one .subtitle, .article-all-in-one .text {
        margin-top: 2vw;
    }

    .article-all-in-one .subtitle {
        margin-bottom: -1.5vw;
    }

    .article-all-in-one .left .title, .article-all-in-one .left .subtitle, .article-all-in-one .left .text {
        padding-right: 3.9vw;
    }

    .article-all-in-one .left .text {
        line-height:1.6;
    }

    .en .article-all-in-one .left .text {
        line-height:1.8;
    }

    .article-all-in-one .right .title, .article-all-in-one .right .subtitle, .article-all-in-one .right .text {
        padding-left: 3.9vw;
    }

    .article-all-in-one .right .text {
        line-height:1.6;
    }

    .en .article-all-in-one .right .text {
        line-height:1.8;
    }


    .article-all-in-one .text strong {
        font-weight: bold;
    }

    .article-all-in-one .gallery .image {
        margin-bottom: 1.35vw;
    }

    .article-all-in-one .gallery .image img {
        width: 23.4375vw;
    }

    .article-all-in-one .parallel .title {
        border:none;
        float:left;
        margin-right:6vw;
    }

    .article-all-in-one .parallel .subtitle {
        margin-top:4vw;
    }

    .article-all-in-one .parallel .text {
        display:flex;
        align-items:center;
        margin-bottom: 1.35vw;
    }

    .article-all-in-one .parallel .text:nth-child(2) {
        margin-top:0px;
    }

    .article-all-in-one .parallel .text:after {
        display:block;
        content:"";
        clear:both;
    }

    .article-all-in-one .gallery.fl .image {
        margin-bottom:0px;
    }

    .article-all-in-one .gallery.fl .image img {
        width:20.4375vw;
        margin-right:6vw;
    }

    .article-all-in-one .gallery .subtitle, .article-all-in-one .gallery .text {
        display: none;
    }

    .article-all-in-one .description {
        margin-top: 1.5625vw;
    }

    .article-all-in-one .award .award-wrapper {
        width: 20%;
        float: left;
        padding: 1vw;
        margin-top: 3vw;
    }

    .article-all-in-one .award .award-wrapper:nth-child(5n+1) {
        display: block;
        content: '';
        clear: both;
    }

    .article-all-in-one.bg-pattern-black-with-box .content > div {
        position:relative;
        z-index:2;
    }

    .article-all-in-one.bg-pattern-black-with-box .content:after {
        display:block;
        content: '';
        clear: both;
        position:absolute;
        width:100%;
        height:calc(100% - 6.25vw);
        margin:auto;
        top:0px;
        bottom:0px;
        left:0px;
        opacity:0.4;
        background-color:#000000;
        z-index:1;
    }

    .article-all-in-one .award > div {
        text-align: center;
    }

    .article-all-in-one .award .thumbnail {
        margin-bottom: 0.73vw;
    }

    .article-all-in-one .award .thumbnail img {
        display: block;
        width: 100%;
    }

    .article-all-in-one .award:after {
        display: block;
        content: '';
        clear: both;
    }

    .article-all-in-one .award .award-info > div {
        max-height:104px;
        overflow:hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .article-all-in-one .commercials {
        margin-top: 3.125vw;
    }
    .video-iframe {
        width: 60vw;
        height: 33.7vw;
    }

    .article-all-in-one .commercials .swiper-container.youtube-top  {
        width: 60vw;
        height: 33.7vw;
    }

    .article-all-in-one .commercials .swiper-container.youtube-thumbs {
        width: 60vw;
        padding: 3.125vw 0;
    }

    .article-all-in-one .commercials .swiper-container.youtube-thumbs .swiper-slide {
        text-align: center;
    }

    .article-all-in-one .commercials .swiper-container.youtube-thumbs .swiper-slide:hover {
        color:#ffffff;
    }

    .article-all-in-one .swiper-button-next, .article-all-in-one .swiper-button-prev {
        top: 34%;
    }

    .article-all-in-one .commercials .youtube-thumbs img {
        width: 14.4vw;
        cursor: pointer;
    }

    .article-all-in-one .commercials .youtube-thumbs span {
        cursor: pointer;
    }

    .article-all-in-one .commercials .youtube-thumbs.desktop {
        display: block;
    }

    .article-all-in-one .commercials .youtube-thumbs.mobile {
        display: none;
    }

    /*
    article-index-order
     */

    .wrapper.article-index-order {
        padding-bottom: 6.25vw;
    }

    .article-index-order .container {
        width:calc(100% - 30px);
        max-width: 1150px;
        padding: 0 44px 0 44px;
        margin: auto;
        /*border: 1px solid #7C2525;*/
    }

    .article-index-order .message {
        width:100%;
        background-color: #7C2525;
        padding: 8px 0;
    }

    .article-index-order .order {
        width:100%;
        display: inline-block;
        padding: 24px 0;
    }

    .article-index-order .message div, .article-index-order .order div {
        display: inline-block;
        text-align: center;
    }

    .article-index-order .order a {
        background-color: #EBDBB4;
        color: #7C2525;
        padding: 5px 50px;
    }
    
    /*
    article-index-graphic
     */
    
    .wrapper.article-index-graphic {
        padding-bottom: 6.25vw;
    }

    .article-index-graphic .container {
        width:calc(100% - 30px);
        max-width: 1150px;
        padding: 0px 44px 0 44px;
        margin: auto;
        /*border: 1px solid #7C2525;*/
    }

    .article-index-graphic .message {
        width:100%;
        padding: 0px;
        background-color: #7C2525;
    }

    .article-index-graphic .message div {
        width:100%;
        padding:10px calc(15px + 2.12vw);
        background: url('images/bg_red_long.jpg');
        background-repeat:repeat;
        background-size:25% 1px;
        background-position:left top;
    }

    .article-index-graphic .item {
        width: 20%;
    }

    .article-index .item .image {
        width:100%;
        height:22.65vw;
        max-height:263px;
/*        background:#000000;*/ /* @ 20201224 by WingWah //MCH20201224 */
        position:relative;
        overflow: hidden;
    }

    .article-index .item a:hover {
        color:#ffffff;
    }

    .article-index .item img {
        width: 100%;
        display: block;
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        margin:auto;
    }

    .article-index-graphic .item {
        width: 20%;
        padding: 15px;
        display: inline-table;
    }

    .article-index-graphic .index {
        display: table;
    }

    .article-index-graphic .title {
        text-align: center;
        padding-top: 0.625vw;
        max-height: 104px;
        overflow:hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    /*article-index-text*/
    .wrapper.article-index-text {
        padding-bottom: 6.25vw;
    }

    .article-index-text .container {
        width:calc(100% - 30px);
        max-width: 1150px;
        padding: 4.5vw 15px 0 15px;
        margin: auto;
        position:relative;
        /*border: 1px solid #7C2525;*/
    }

    .bg-pattern-black-with-box .article-index .container {
        padding: 0px;
    }

    .bg-pattern-black-with-box .article-index .container .index {
        padding: 4.5vw 2.12vw;
    }

    .article-index-text .message {
        width:100%;
        padding: 0;
        margint-top:4.5vw;
        background-color: #7C2525;
    }

    .article-index-text .message div {
        width:100%;
        padding:10px 2.12vw;
        padding:10px calc(15px + 2.12vw);
        background: url('images/bg_red_long.jpg');
        background-repeat:repeat;
        background-size:25% 1px;
        background-position:left top;
    }

    .article-index-text .title {
        font-size: 22px;
        font-weight: bold;
        display: inline-block;
    }

    .article-index-text .date {
        float: right;
        display: inline-block;
    }

    .article-index-text .text {
        padding-top: 1.6vw;
        padding-bottom: 2.3vw;
    }

    .article-index-text .item {
        margin-bottom: 3.125vw;
        border-bottom: 1px solid #7C2525;
    }

    .article-index-text .item:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

    .article_content {
        background: url('images/bg_black_pattern.jpg');
        padding-bottom: 6.3541666667vw;
    }

    /*article-index-thumbnail*/
    .wrapper.article-index-thumbnail {
        padding-bottom: 6.25vw;
    }

    .article-index-thumbnail .container {
        width:calc(100% - 30px);
        max-width: 1150px;
        padding: 0px 44px;
        margin: auto;
        /*border: 1px solid #7C2525;*/
    }

    .article-index-thumbnail .message {
        width:100%;
        padding: 0px;
        background-color: #7C2525;
    }

    .article-index-thumbnail .message div {
        width:100%;
        padding:10px calc(15px + 2.12vw);
        background: url('images/bg_red_long.jpg');
        background-repeat:repeat;
        background-size:25% 1px;
        background-position:left top;
    }

    .article-index-thumbnail-graphic .item {
        width: 20%;
    }

    .article-index-thumbnail .item {
        width: 20%;
        padding: 15px;
        display: inline-table;
        float:left;
    }

    .article-index-thumbnail .item img {
        width: 100%;
        display: block;
    }

    .article-index-thumbnail .index {
        display: table;
    }

    .article-index-thumbnail .title {
        text-align: center;
        padding-top: 0.625vw;
    }

    /*!**/
    /*article-content*/
    /* *!*/

    .wrapper.article-content {
        padding-bottom: 6.25vw;
    }

    .article-content .container {
        /*max-width: 1268px;*/
        width:calc(100% - 30px);
        max-width:1150px;
        padding:0px;
        margin: auto;
        /*border: 1px solid #7C2525;*/
    }

    .article-content .container .content {
        padding-top:4.5vw;
    }

    .article-content .message {
        width:100%;
        padding: 0px;
    }

    .article-content .message div {
        width:100%;
        padding:10px 2.12vw;
        background-color: #7C2525;
    }

    .article-content .text {
        float: left;
        width: 65%;
        padding: 0 2.34vw 4.5vw 58px;
    }

    .article-content .gallery {
        float: right;
        width: 35%;
        padding-right: 58px;
    }

    .article-content .gallery-top .swiper-slide {
        text-align: center;
    }

    .article-content .gallery-top img, .article-content .gallery-thumbs img {
        width: 100%;
        display: block;
    }

    .article-content .swiper-container {
        width: 100%;
    }

    .article-content .gallery-top {
        background-color: #000;
    }

    .article-content .gallery-thumbs {
        margin-top: 1.5vw;
    }

    .article-content .gallery-thumbs .swiper-slide {
        position: relative;
        background-color: #000;
        height: 8.456vw;
        overflow: hidden;
    }

    .article-content .gallery-thumbs .swiper-slide img {
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        bottom: -100%;
        display: block;
        margin: auto;
        cursor: pointer;
        opacity: 0.5;
    }

    .article-content .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {
        opacity: 1;
    }

    /*!**/
    /*model*/
    /* *!*/

    .model .container {
        max-width: 1180px;
        padding:92px 15px 0px;
        margin: auto;
    }

    .model .product .image {
        float: left;
        width: 640px;
        height: 815px;
        margin-right: 60px;
    }

    .model .product .info {
        font-size:2.2em;
        padding: 125px 0 92px 0;
        margin: 0 auto;
    }

    .en .model .product .info .h3 {
        font-size:34px;
    }

    .model .product .description {
        margin-top: 30px;
    }

    .model .product .description p {
        font-size: 18px;
        line-height: 1.5;
    }

    .model .product .panel {
        width:100%;
    }

    .model .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .model .swiper-slide {
        background-size: cover;
        background-position: center;
    }

    .model .gallery-top {
        height: 640px;
        width: 100%;
        background:#ffffff;
    }

    .model .gallery-thumbs {
        height: 145px;
        box-sizing: border-box;
        margin-top: 30px;
    }

    .model .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
        cursor: pointer;
    }

    .model .gallery-thumbs .swiper-slide-thumb-active, .model .gallery-thumbs .swiper-slide:hover {
        opacity: 1;
    }

    .model .related-title {
        padding: 0px 0 0.5625vw 0;
        margin-bottom: 60px;
        border-bottom: 1px solid #EBDBB4;
    }
    .model .product .panel {
        width:calc(100% - 700px);
        padding-top:30px;
        font-size:18px;
    }

    .model .product .panel .btn-minus div {
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        background-image:url('../../kkleo-theme-child/css/images/btn_minus_off.svg');
    }
    .model .product .panel .btn-minus.on div {
        background-image:url('../../kkleo-theme-child/css/images/btn_minus_on.svg');
    }

    .model .product .panel .btn-plus div {
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        background-image:url('../../kkleo-theme-child/css/images/btn_plus_off.svg');
    }
    .model .product .panel .btn-plus.on div {
        background-image:url('../../kkleo-theme-child/css/images/btn_plus_on.svg');
    }

    .model .product .panel .qty {
        width:calc(100% - 80px);
        height:40px;
        line-height:40px;
        text-align:center;
        font-size:23px;
    }
    .model .row2 {
        position:relative;
        min-height:45px;
    }
    .model .qty-control {
        width:50%;
        float:left;
    }
    .model .row2 > div {
        width:50%;
    }
    .model .row2 .price-wrapper {
        position:absolute;
        bottom:0px;
        right:0px;
        font-size:23px;
        text-align:right;
    }
    .model .row2 .price-wrapper.store-only {
        width:100%;
        bottom:auto;
        top:30px;
        line-height:1.5;
    }
    .model .row2 .price-wrapper .original-price {
        font-size:18px;
        margin-bottom:10px;
        /*text-decoration-line: line-through;*/
    }

    .model .row2 .price-wrapper .discounted-price {
        color:#FF0000;
        font-size:23px;
    }
    .model .row2 .price-wrapper .discounted-price span {
        font-size:1.34em;
    }

    .model .btn-fav div {
        width:30px;
        height:30px;
        z-index: 3;
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        background-image:url('../../kkleo-theme-child/css/images/icon_heart_off.svg');
    }
    .model .btn-fav.on div {
        background-image:url('../../kkleo-theme-child/css/images/icon_heart_on.svg');
    }
    .model .btn-share div {
        width:30px;
        height:30px;
        z-index: 3;
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        background-image:url('../../kkleo-theme-child/css/images/icon_share.svg');
        margin-left:15px;
    }
    .model .btn-buy div {
        border:1px solid #E8D4AC;
        padding:10px;
        text-align:center;
        margin-top:10px;
    }
    .model .product .btn-cartAdd div {
        border:1px solid #E8D4AC;
        padding:10px 25px 10px 10px;
        text-align:center;
        margin-top:10px;
        background-repeat:no-repeat;
        background-size:26px 26px;
        background-position:90% center;
        background-image:url('../../kkleo-theme-child/css/images/icon_cart_empty.svg');
    }
    .model .products-list .block {
        display:inline-block;
    }
    .model .container .product .swiper-button-next.swiper-button-white, .model .container .product .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        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'%237C2525'%2F%3E%3C%2Fsvg%3E");
    }
    .model .container .product .swiper-button-prev.swiper-button-white, .model .container .product .swiper-container-rtl .swiper-button-next.swiper-button-white {
        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'%237C2525'%2F%3E%3C%2Fsvg%3E");
    }

    /* Cart */
    .cart .container { max-width: 1180px; padding: 0; margin: auto; }
    .cart .container.order-detail { max-width: 1150px; margin: auto; }
    .cart .flex-center { display: flex; align-items: center; }
    .cart .flex-space-between { display: flex; justify-content: space-between; }
    .cart .flex-space-evenly { display: flex; justify-content: space-evenly; }
    .cart .flex-space-center { display: flex; justify-content: center; }
    .cart .flex-end { display: flex; justify-content: flex-end; }
    .cart i.fontawesome { margin-right: 5px; }
    .cart .mt-60 { margin-top: 60px; }
    .cart .mt-30 { margin-top: 30px; }
    .cart .mt-20 { margin-top: 20px; }
    .cart .mt-n28 { margin-top: -28px; }
    .cart .mb-60 { margin-bottom: 60px; }
    .cart .ml-40 { margin-left: 40px; }
    .cart .my-20 { margin-top: 20px; margin-bottom: 20px; }
    .cart .py-40 { padding-top: 40px; padding-bottom: 40px; }
    .cart .pb-30 { padding-bottom: 30px; }
    .cart .pb-50 { padding-bottom: 50px; }
    .cart .pb-100 { padding-bottom: 100px; }
    .cart .pr-20 { padding-right: 20px; }
    .cart .p-15 { padding-top: 15px; padding-bottom: 15px; }
    .cart .p-25 { padding-top: 25px; padding-bottom: 25px; }
    .cart .lh-150 { line-height: 150%; }
    .cart .center { text-align: center; }
    .cart .right { text-align: right; }
    .cart .display-none { display: none; }
    
    .cart .title { padding-top: 100px; padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #E8D4AC; line-height: 1.3em; }
    .cart .title .disabled { opacity: 0.5; }
    
    .cart .cart-table { border: 2px solid #7C2525; }
    .cart .cart-table-title { padding: 10px 25px; background-image: url('images/bg_red.svg'); background-size: 100% 100%; }
    .cart .cart-table-content { padding: 10px 25px; background-color: rgba(0,0,0,0.5); }
    .cart .cart-table-content-50 { width: 50%; }
    .cart .cart-table-content-m20 { margin-top: 20px; }
    .cart .cart-table-header { display: flex; padding-bottom: 5px; border-bottom: 2px solid #7C2525; }
    .cart .cart-table-tool { display: flex; padding-top: 15px; padding-bottom: 20px; }
    .cart .cart-table-cell-100 { width: 100%; }
    .cart .cart-table-cell-75 { width: 75%; }
    .cart .cart-table-cell-67 { width: 67%; }
    .cart .cart-table-cell-60 { width: 60%; }
    .cart .cart-table-cell-55 { width: 55%; }
    .cart .cart-table-cell-50 { width: 50%; }
    .cart .cart-table-cell-40 { width: 40%; }
    .cart .cart-table-cell-35 { width: 35%; }
    .cart .cart-table-cell-34 { width: 34%; }
    .cart .cart-table-cell-33 { width: 33%; }
    .cart .cart-table-cell-30 { width: 30%; }
    .cart .cart-table-cell-25 { width: 25%; }
    .cart .cart-table-cell-20 { width: 20%; }
    .cart .cart-table-cell-15 { width: 15%; }
    .cart .cart-table-cell-10 { width: 10%; }
    .cart .cart-table-cell-5 { width: 5%; }
    .cart .cart-table-cell-first { padding: 0 20px 0 0 !important; }
    .cart .cart-table-cell-last { padding: 0 0 0 10px !important; }
    .cart .cart-table-cell-only { padding: 0 !important; }
    .cart .cart-table-row-item:not(:last-child) { border-bottom: 2px solid #7C2525; padding: 15px 0; }
    .cart .cart-table-row-item:last-child { padding: 15px 0 5px 0; }
    .cart .cart-table-row-information { padding: 6px 0; }
    .cart .cart-table-product-image { width: 75px; height: 75px; margin-right: 20px; }
    .cart .cart-table-payment-image { padding-top: 15px; }
    .cart .cart-table-payment-image img { height: 35px; margin-right: 35px; }
    .cart .cart-list-title { padding-bottom: 10px; margin-bottom: 40px; border-bottom: 1px solid #E8D4AC; }
    .cart .cart-table-content .border-bottom, .cart .cart-list-content .border-bottom { padding-bottom: 15px; border-bottom: 1px solid #E8D4AC; }
    .cart .cart-table-content .error { font-size: 0.9rem; color: red; }
    .cart .btn-checkout-item.disabled { opacity: 0.5; cursor: not-allowed !important; }
    .cart .btn-checkout-item.disabled:hover { color: unset; }
    
    .cart .cart-table-row-form { display: flex; align-items: center; margin: 20px 0; }
    .cart .cart-table-row-input input[type="text"] { height: 40px; }
    .cart .cart-table-row-input:first-child { padding-right: 20px; }
    .cart .cart-table-row-input:not(:first-child):not(:last-child) { padding-left: 10px; padding-right: 10px; }
    .cart .cart-table-row-input:last-child { padding-left: 20px; }
    
    .cart .cart-table-row-error { position: absolute; color: red; }
    .cart .cart-table-row-error-hide { display: none; }
    
    .cart .cart-table-radio { display: flex; align-items: center; justify-content: space-around; }
    .cart .cart-table-radio > div { border: 1px solid #E8D4AC; text-align: center; padding: 3px 0; cursor: pointer; background: #1A1A1A; }
    .cart .cart-table-radio .cart-table-radio-checked { background: url('images/bg_red.svg'); background-size:100% 1px; background-repeat:repeat-y; }

    .cart .cart-table-checkbox { position: relative; }
    .cart .cart-table-checkbox label { background-color: #1A1A1A; border: 2px solid #E8D4AC; border-radius: 50%; cursor: pointer; height: 28px; left: 0; position: absolute; top: 2px; width: 28px; }
    .cart .cart-table-checkbox label:after { border: 2px solid #E8D4AC; border-top: none; border-right: none; content: ""; height: 6px; left: 5px; opacity: 0; position: absolute; top: 6px; transform: rotate(-45deg); width: 12px; }
    .cart .cart-table-checkbox input[type="checkbox"] { visibility: hidden; position: absolute; }
    .cart .cart-table-checkbox input[type="checkbox"]:checked + label { background-color: #1A1A1A; border-color: #E8D4AC; }
    .cart .cart-table-checkbox input[type="checkbox"]:checked + label:after { opacity: 1; }
    .cart .cart-table-checkbox .cart-table-radio-fix { position: unset !important; height: unset !important; line-height: unset !important; }
    .cart .cart-table-select-checkout-fix { height: auto !important; padding: 10px 23px; }

    .cart .cart-table-select { border-radius: 0; width: 100%; height: 40px; }
    .cart .cart-table-button > div > a, .cart .cart-table-button > div > input, .cart .cart-table-button > div > button { display: flex; align-items: center; justify-content: center; width: 200px; height: 45px; color: #E8D4AC; border: 1px solid #7C2525; background-image: url('images/bg_red.svg'); background-size: 100% 100%; }
    .cart .cart-table-button > div > a:hover, .cart .cart-table-button > div > input:hover, .cart .cart-table-button > div > button:hover { color: #FFF; cursor: pointer; }
    
    .cart select { margin-bottom: -1px; }
    .cart .btn-cart-select-all { position: relative; }
    .cart .btn-cart-select-all > label { position: absolute; top: -2px; left: 40px; cursor: pointer; }
    .cart .btn-cart-remove { background-image: url("../../kkleo-theme-child/css/images/trash-alt-regular.svg?v=1"); background-repeat: no-repeat; background-size: 22px 22px; background-position: left center; padding-left: 36px; cursor: pointer; }
    .cart .btn-checkout-element-hide { display: none; }

    .cart .cart-table-div-quantity { display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
    .cart .cart-table-input-quantity { width: 65px; height: 25px; text-align: center; padding-bottom: 3px; }		/* MCH20210318 */
    .cart .cart-table-btn-quantity { width: 25px; height:25px; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; }
    .cart .cart-table-btn-quantity:not(.cart-table-btn-fav):hover { background-color: #7C2525; }
    .cart .cart-table-btn-minus { background-image: url(../../kkleo-theme-child/css/images/btn_minus_off.svg); }
    .cart .cart-table-btn-plus { background-image: url(../../kkleo-theme-child/css/images/btn_plus_off.svg); }
    .cart .cart-table-btn-fav { background-image: url(../../kkleo-theme-child/css/images/icon_heart_off.svg); }
    .cart .cart-table-btn-fav.on { background-image: url(../../kkleo-theme-child/css/images/icon_heart_on.svg); }
    
    .cart .cart-table-list-subtotal { margin-left: 100px; }
    .cart .cart-table-row-discount { display: flex; align-items: center; }
    .cart .cart-table-row-discount-input { padding: 20px 0 20px 20px; width: 100%; }
    .cart .cart-table-row-discount-input input { height: auto !important; }
    .cart .cart-table-row-discount-btn { width: 100px; text-align: center; cursor: pointer; color: #E8D4AC; border: 2px solid #7C2525; background-image: url(images/bg_red.svg); margin-right: 1.5rem;}
    .cart .cart-table-row-discount-btn:hover { color: #FFF; }
    .cart .cart-table-row-discount-btn-disable { width: 100px; text-align: center; cursor: no-drop; }	/* No change color and set disable cursor if button is disabled //MCH20210128 */
    .en .cart .cart-table-row-discount-btn{ padding: 2px;}
    
    /* Order History */
    .btn-checkout-payment { display: flex; align-items: center; justify-content: center; width: 200px; height: 45px; color: #E8D4AC; border: 1px solid #7C2525; background: url('images/bg_red.svg'); }
    .btn-checkout-payment:hover { color: #FFF; cursor: pointer; }


    /*!**/
    /*products*/
    /* *!*/
    .products .container {
        max-width: 1180px;
        padding:0px;
        margin: auto;
    }

    .products.desktop-banner img {
        display: block;
    }

    .products .products-title {
        margin-bottom: 30px;
    }

    .products .products-description {
        padding: 92px 15px 60px;
        margin-bottom: 92px;
        border-bottom: 1px solid #EBDBB4;
    }

    .products-list .block .btn-fav div {
        position:absolute;
        width:22px;
        height:22px;
        /*top:245px;*/
        /*right:calc((100% - 343px) / 2 + 32px);*/
        top:365px;
        right:calc((100% - 343px) / 2 + 0px);
        z-index: 3;
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        background-image:url('../../kkleo-theme-child/css/images/icon_heart_off.svg');
    }
    .products-list .block .btn-fav.one div {
        right:calc((100% - 343px) / 2);
    }
    .products-list .block .btn-fav:hover div, .products-list .block .btn-fav.on div {
        background-image:url('../../kkleo-theme-child/css/images/icon_heart_on.svg');
    }
    .products-list .block .btn-cart div {
        position:absolute;
        width:25px;
        height:25px;
        top:364px;
        right:calc((100% - 260px) / 2);
        margin-top:0px;
        border:none;
        z-index: 3;
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        background-image:url('../../kkleo-theme-child/css/images/icon_cart_empty.svg');
    }
    .products-list .block .btn-cart:hover div {
        background-image:url('../../kkleo-theme-child/css/images/icon_cart_full.svg');
    }

    .products-list .block {
        width: 33.33%;
        float: left;
        margin-bottom: 60px;
        overflow:hidden;
        position:relative;
        display:none;
    }
    .products-list .block.act {
        display:inline-block;
    }

    .products-list .item {
        display:flex;
        align-items:center;
        justify-content:center;
        text-align: left;
    }

    .products-list .link {
        width:343px;
        display: inline-block;
    }

    .products-list .image {
        width: 343px;
        height: 343px;
        margin-bottom: 16px;
        overflow: hidden;
/*        background-color:#ffffff;  //MCH20210108 */
        background-color:#000000;	/* //MCH20210108 */
        display:flex;
        align-items:center;
        justify-content:center;
        position:relative;
    }

    .products-list .image img {
        width: 100%;	/* //MCH20210108 */
        height: auto;	/* set as auto if only original width, i.e. no need stretch //MCH20210108 */
        display: block;
    }
    .products-list .image .mobile-only.status {
        display:none;
    }
    .products-list .image .status {
        position:absolute;
        width:100%;
        height:100%;
        top:0px;
        left:0px;
        display:table;
    }
    .products-list .image .status .message {
        width:100%;
        height:100%;
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        color:#E8D4AC;
        z-index:2;
        position:relative;
    }
    .products-list .image .status .message div {
        display:inline-block;
        font-size:34px;
        line-height:0.5;
    }
    .products-list .image .status .message div:before {
        display:inline-block;
        content:"";
        width:100%;
        height:2px;
        background-color:#E8D4AC;
        margin-bottom:15px;
    }
    .products-list .image .status .message div:after {
        display:inline-block;
        content:"";
        width:100%;
        height:2px;
        background-color:#E8D4AC;
    }
    .products-list .image .status .bg {
        position:absolute;
        width:100%;
        height:100%;
        background-color:#1A1A1A;
        opacity:0.8;
        z-index:1;
        top:0px;
        left:0px;
    }
    .products-list .image .status {
        position:absolute;
    }
    .en .products-list .block .overlay .text .name {
        min-height:69px;
    }
    .products-list .block .overlay .text .price.discounted {
        color:#FF0000;
        line-height:2.1em;
        min-height: 24px;
    }
    .products-list .block .overlay .text .price span {
        font-size:1.34em;
        line-height:1.34em;
    }
    .products-list .block .overlay .text .price.original.store-only {
        color:#FF0000;
    }
	/* //MCH20210204 */
    .products-list .block.act.text {
        float: left;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px 0px 20px 0px;
		font-size: 40px;
		line-height: 1.5;
		letter-spacing: 1px;
        color: #E8D4AC;
    }
	/* //MCH20210204 */

    .products .tab {
        margin-top:3vw;
        margin-bottom:92px;
        padding:0px 15px;
    }
    .products .tab:after {
        display:block;
        content:'';
        clear:both;
    }
    .products .tab a {
        /*display:inline-block;*/
        float:left;
        display:flex;
        align-items:center;
        justify-content:center;
        width:20%;
        text-align:center;
        padding:20px 0px;
        color:#E8D4AC;
    }
    .en .products .tab a {
        height:80px;
    }
    .products .tab a.act, .products .tab a:hover {
        background-image:url('images/bg_red.svg');
        background-size:100% 1px;
        background-repeat:repeat-y;
    }

    .products .tab a.cur {
        background: url('images/bg_red.svg');
    }

	/* //MCH20210203 */
	.products .tab-product {
        margin-top:3vw;
        margin-bottom:30px;
        padding:0px 15px;
    }
    .products .tab-product:after {
        display:block;
        content:'';
        clear:both;
    }
    .products .tab-product a {
        /*display:inline-block;*/
        float:left;
        display:flex;
        align-items:center;
        justify-content:center;
        width:20%;
        text-align:center;
        padding:20px 0px;
        color:#E8D4AC;
        border-bottom: 2px solid #7C2525;
    }
    .products .tab-product a.act, .products .tab-product a:hover {
        background-image:url('images/bg_red.svg');
        background-size:100% 1px;
        background-repeat:repeat-y;
    }

    .products .tab-product a.cur {
        background: url('images/bg_red.svg');
    }
	/* //MCH20210203 */

    .series-link  a { display: inline-block; float: right; padding: 10px 30px; text-align: center; color: #E8D4AC; background-image: url(images/bg_red.svg); }
    .series-link.top { padding: 20px 20px 0 20px; }
    .series-link.bottom { padding: 20px 20px 40px 20px; }
    .series-link.bottom:after { content: ''; display: block; clear: both; }

    /* HTML TEXT */
    .html_text .container {
        max-width: 1180px;
        margin: auto;
        padding: 0 15px;
    }
    .html_text .content {
        width: 100%;
        display: table;
        padding: 6.25vw 2.12vw;
        position: relative;
    }
    .html_text .title {
        padding-bottom: 0.5625vw;
        border-bottom: 1px solid #EBDBB4;
    }
    .html_text .subtitle, .html_text .text {
        margin-top: 3vw;
    }
    .html_text.bg-pattern-black-with-box .content > div {
        position:relative;
        z-index:2;
    }

    .html_text.bg-pattern-black-with-box .content:after {
        display:block;
        content: '';
        clear: both;
        position:absolute;
        width:100%;
        height:calc(100% - 6.25vw);
        margin:auto;
        top:0px;
        bottom:0px;
        left:0px;
        opacity:0.4;
        background-color:#000000;
        z-index:1;
    }


    /* Join Us */
    .join-us .container {
        max-width: 1180px;
        margin: auto;
        padding: 0 15px;
    }
    .join-us .content {
        width: 100%;
        display: table;
        padding: 6.25vw 2.12vw;
        position: relative;
    }
    .join-us .title {
        padding-bottom: 0.5625vw;
        border-bottom: 1px solid #EBDBB4;
    }
    .join-us .subtitle, .join-us .text {
        margin-top: 3vw;
    }
    .join-us .list-group {
        margin-top:3vw;
    }
    .join-us .list-group .title {
        background-color:#7C2525;
        border-bottom:none;
        padding:5px 15px;
    }
    .join-us .list-item {
        padding:5px 15px;
        border-bottom:1px solid #EBDBB4;
    }
    .join-us .list-item .fr {
        text-decoration: underline;
    }
    .join-us.bg-pattern-black-with-box .content > div {
        position:relative;
        z-index:2;
    }

    .join-us.bg-pattern-black-with-box .content:after {
        display:block;
        content: '';
        clear: both;
        position:absolute;
        width:100%;
        height:calc(100% - 6.25vw);
        margin:auto;
        top:0px;
        bottom:0px;
        left:0px;
        opacity:0.4;
        background-color:#000000;
        z-index:1;
    }

    /*
    Whats New
    */

    .whats-new .container {
        width:calc(100% - 30px);
        max-width: 1150px;
        margin: auto;
        padding: 6.25vw 0px 0px;
    }

    .whats-new .title {
        padding-bottom: 0.5625vw;
        border-bottom: 1px solid #EBDBB4;
    }
    .whats-new .tab {
        margin-top:3vw;
    }
    .whats-new .tab:after {
        display:block;
        content:'';
        clear:both;
    }
    .whats-new .tab a {
        display:inline-block;
        float:left;
        text-align:center;
        padding:15px 0px;
    }
    .whats-new .tab a.act, .whats-new .tab a:hover {
        background-image:url('images/bg_red.svg');
    }

    .whats-new .tab a.cur {
        background: url('images/bg_red_long.jpg');
        background-repeat:repeat-y;
        background-size:100% 1px;
        background-position:left top;
    }

    .bg-pattern-black-with-box .article-index .container {
        position:relative;
    }

    .bg-pattern-black-with-box .article-index .container > div {
        position:relative;
        z-index:2;
    }

    .bg-pattern-black-with-box .article-index .container:after {
        display:block;
        content: '';
        clear: both;
        position:absolute;
        width:100%;
        height:100%;
        margin:auto;
        top:0px;
        bottom:0px;
        left:0px;
        opacity:0.4;
        background-color:#000000;
        z-index:1;
    }

    /*
    store-location
    */
    .store-location .container {
        max-width: 1150px;
        padding: 4.5vw 15px;
        margin: auto;
    }

    .store-location .hide {
        display: none;
    }

    .store-location .current {
        color: #FFFFFF;
    }

    .store-location .title {
        border-bottom: 1px solid #EBDBB4;
        padding-bottom: 1.65vw;
        margin-bottom: 3.125vw;
    }

    .store-location .option {
        width: 26%;
        float: left;
    }

    .store-location .detail {
        width: 74%;
        float: right;
    }

    .store-location .map {
        width: 100%;
        height: 35vw;
    }

    .store-location .info {
        margin-bottom: 2vw;
    }

    .store-location .info .name {
        margin-bottom: 1.15vw;
    }

    .store-location .info .address {
        background: url('../../kkleo-theme-child/css/images/icon_address.svg') no-repeat left center;
        background-size: 16px;
        padding-left: 2vw;
    }

    .store-location .info .time {
        background: url('../../kkleo-theme-child/css/images/icon_time.svg') no-repeat left center;
        background-size: 16px;
        padding-left: 2vw;
    }

    .store-location .info .phone {
        background: url('../../kkleo-theme-child/css/images/icon_phone.svg') no-repeat left center;
        background-size: 16px;
        padding-left: 2vw;
    }

    .store-location .select {
        padding-right: 2.3vw;
        margin-bottom: 2.3vw;
    }

    .store-location .select-district {
        width: 100%;
    }

    .store-location .list-location {
        width: 100%;
        padding: 0.6vw 2.3vw 0.6vw 1vw;
        cursor: pointer;
    }
    .store-location .list-location:hover {
        color:#ffffff;
    }

    /*************************************************** MEMBER *********************************************************/
    /************************************************************************************************************/
    /************************************************************************************************************/
    /************************************************************************************************************/
    /************************************************************************************************************/
    /************************************************************************************************************/
    .banner-wrapper {
        padding:0px 15px;
    }
    .banner-wrapper .title {
        padding-bottom:0.5625vw;
        border-bottom:1px solid #EBDBB4;
    }
    .form-group {
        margin:0px 0px 15px;
    }
    .form-group.has-error {
        color:#FF0000;
    }
    .form-group.has-error input, .form-group.has-error select {
        border-color:#FF0000;
    }
    .register.member-box form {
        width:400px;
        margin:auto;
    }
    .member-box a:not(.btn) {
        text-decoration:underline;
    }
    .member-box a:hover {
        color:#ffffff;
    }
    .member-box .container {
        max-width: 1180px;
        padding: 0px 15px;
        margin: auto;
    }
    .member-box > .container:last-child {
        padding-bottom:92px;
    }
    .member-box .container .title {
        padding-bottom:0.5625vw;
        border-bottom:1px solid #EBDBB4;
        padding-top:92px;
        margin-bottom:3vw;
        line-height:1;
    }
    .member-box input {
        max-width:400px;
    }
    .member-box button {
        background-image:url('../../kkleo-theme-child/css/images/bg_red.png');
        background-size:cover;
        background-repeat:repeat;
        min-width:200px;
        height:3vw;
        line-height:3vw;
        font-size:100%;
        padding:0px 3vw;
        background-color:#1A1A1A;
        color:#E8D4AC;
        cursor:pointer;
        text-align:center;
    }
    .member-box .container .content .btn {
        background-image:url('../../kkleo-theme-child/css/images/bg_red.png');
        background-size:cover;
        background-repeat:repeat;
        border:none;
        min-width:200px;
        height:3vw;
        line-height:3vw;
        font-size:100%;
        padding:0px 3vw;
        background-color:#1A1A1A;
        color:#E8D4AC;
        display:inline-block;
        text-align:center;
        text-decoration:none;
        margin-top:15px;
    }
    .member-box button:hover, .member-box .container .content .btn:hover {
        color:#FFFFFF;
    }
    .member-box .form-group.has-error, .member-box .alert-danger {
        color: red;
    }
    label {
        line-height:2;
    }
    .radio-inline {
        cursor:pointer;
        margin-right:15px;
        display:inline-block;
    }
    .checkbox-inline {
        cursor:pointer;
    }
    .checkbox-inline input[type='checkbox'], .radio-inline input[type='radio'] {
        width:20px;
        height:20px;
        display:inline-block;
        position:relative;
        top:3px;
    }
    .register .form-group:nth-child(18), .register .form-group:nth-child(19), .register .form-group:nth-child(20) {
        margin:0px;
    }
    .register .form-group:last-child {
        margin-top:45px;
    }
    .login .fl {
        width:50%;
    }
    .forget label { display:none; }
    .member-offer .coupon-container { float: left; width: 50%; }
    .member-offer .coupon-container .coupon-image img { width: 100%; }
    .member-offer .coupon-container .coupon-description { margin-bottom: 35px; }
    .member-offer .coupon-instruction { float: left; width: 50%; padding-left: 25px; font-size: 14px; }
    .member-update form { padding-top: 25px !important; position: relative !important; z-index: 10 !important; }
    .member-update .alert .message { background-color: transparent !important; line-height: 1.5; padding: 0 !important; }
    .member-box .article-index-graphic .container { max-width: 1150px !important; }
    .member-box input:read-only { border: none; background: transparent; }
    .member-box .products-list { padding-top: 4.5vw; }
    .member-box .products-list a { text-decoration: none; }
    .member-box .products-list .no-item { position: relative; z-index: 2; text-align: center; padding-bottom: 4.5vw; }
    .bg-pattern-black-with-box .member-box .container .products-list { position: relative; }
    .bg-pattern-black-with-box .member-box .container .products-list>div { position: relative; z-index: 2; }
    .bg-pattern-black-with-box .member-box .products-list:after {
        display:block;
        content: '';
        clear: both;
        position:absolute;
        width:100%;
        height:100%;
        margin:auto;
        top:0px;
        bottom:0px;
        left:0px;
        opacity:0.4;
        background-color:#000000;
        z-index:1;
    }

    .products .search-products-description {
        padding: 40px 15px 30px;	/* MCH20210329 */
    }
    .products .searched-product-bottom-line {
        border-bottom: 1px solid #EBDBB4;
    }
	.search-box { font-size: 1.4rem; width: 85%; margin: 20px; }
	.search-box .text { font-size: 1.4rem; width: 20%; margin: 20px; }
	.btn-search { width: 100px; text-align: center; cursor: pointer; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1081px) {   /* IE 10 */
    body { padding-top:110px; }
    .header { background: url('images/bg_header_jpg.jpg'); background-size:1px 100%; background-repeat:repeat; position:fixed; min-height:110px; }
    select { background-image: url('../../kkleo-theme-child/css/images/icon_arrow_down.png'); background-size:20px; }
    .footer .menu { width:100%; display:table; }
    .footer .menu .sub-menu { display:table-cell; width:16.66667%; }

    .products-list .image { display:block; margin:0px 20px; }
    .products-list .image img { margin:auto; }
    .products-list .overlay { margin:16px 20px 0px; }

    .article-index .item { width:calc(20% - 5px); }
    .store-location .info .address { background: url('../../kkleo-theme-child/css/images/icon_address.png') no-repeat left center;  background-size:15px;}
    .store-location .info .time { background: url('../../kkleo-theme-child/css/images/icon_time.png') no-repeat left center; background-size:15px; }
    .store-location .info .phone { background: url('../../kkleo-theme-child/css/images/icon_phone.png') no-repeat left center; background-size:15px; }
}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) and (min-width: 1081px) { /* IE9 */
    body { padding-top:110px; }
    .header { background: url('images/bg_header_jpg.jpg'); background-size:1px 100%; background-repeat:repeat; position:fixed; height:110px; }
    select { background-image: url('../../kkleo-theme-child/css/images/icon_arrow_down.png'); background-size:20px; }
    .footer .menu { width:100%; display:table; }
    .footer .menu .sub-menu { display:table-cell; width:16.66667%; }

    .products-list .image { display:block; margin:0px 20px; }
    .products-list .image img { margin:auto; }
    .products-list .overlay { margin:16px 20px 0px; }

    .article-index .item { width:calc(20% - 5px); }
    .store-location .info .address { background: url('../../kkleo-theme-child/css/images/icon_address.png') no-repeat left center;  background-size:15px;}
    .store-location .info .time { background: url('../../kkleo-theme-child/css/images/icon_time.png') no-repeat left center; background-size:15px; }
    .store-location .info .phone { background: url('../../kkleo-theme-child/css/images/icon_phone.png') no-repeat left center; background-size:15px; }

    .article-all-in-one .commercials .swiper-container.youtube-thumbs .swiper-slide { display:inline-block; }
    .article-all-in-one .commercials .swiper-container.youtube-thumbs .swiper-button-prev, .article-all-in-one .commercials .swiper-container.youtube-thumbs .swiper-button-next { display:none; }
    .article-index-thumbnail .item { display:inline-block; }
}

@-moz-document url-prefix() { /* firefox */
    .bg-pattern-red { background-image:url('../../kkleo-theme-child/css/images/bg_red.png'); background-size:100% 100%; }
}

/* The Overlay (background) */
.modal-overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    display: none;
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.8); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.modal-overlay-content { position: relative; top: 25%; width: 800px; max-width: 90%; text-align: center; margin: auto; border-radius: 25px; background-image:url('../../kkleo-theme-child/css/images/bg_red.svg'); background-size:100% 1000px; background-repeat:repeat-y; }
.modal-overlay-header { padding: 20px; }
.modal-overlay-header img { width: 220px; }
.modal-overlay-header a { padding: 8px; text-decoration: none; font-size: 24px; color:#E8D4AC; display: block; transition: 0.3s; }
.modal-overlay-header .close-btn { position: absolute; top: 5px; right: 5px; } 
.modal-overlay-body { padding: 30px; background-color: #470007; }
.modal-overlay-message { color: #E8D4AC; margin-bottom: 15px; }
.modal-overlay-footer { height: 60px; } /*background-color: #E8D4AC; border-radius: inherit; }*/
.modal-overlay-btn button { background: transparent; padding: 3px; margin: 10px 20px; min-width: 180px; color: #E8D4AC; border: 1px solid #E8D4AC; }
.modal-overlay-btn button:hover { background: #E8D4AC; color: #470007; }