html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%
        }
        
        body {
            margin: 0
        }
        
        h1 {
            font-size: 25px;
            line-height: 30px
        }
        
        h2 {
            font-size: 23px;
            line-height: 28px
        }
        
        h3 {
            font-size: 20px;
            line-height: 25px
        }
        
        h4 {
            font-size: 18px;
            line-height: 23px
        }
        
        h5 {
            font-size: 17px;
            line-height: 20px
        }
        
        h6 {
            font-size: 16px;
            line-height: 18px
        }
        
        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible
        }
        
        pre {
            font-family: monospace, monospace;
            font-size: 1em
        }
        
        a {
            background-color: transparent
        }
        
        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            text-decoration: underline dotted
        }
        
        b,
        strong {
            font-weight: bolder
        }
        
        code,
        kbd,
        samp {
            font-family: monospace, monospace;
            font-size: 1em
        }
        
        small {
            font-size: 80%
        }
        
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }
        
        sub {
            bottom: -.25em
        }
        
        sup {
            top: -.5em
        }
        
        img {
            border-style: none
        }
        
        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }
        
        button,
        input {
            overflow: visible
        }
        
        button,
        select {
            text-transform: none
        }
        
        [type=button],
        [type=reset],
        [type=submit],
        button {
            -webkit-appearance: button
        }
        
        [type=button]::-moz-focus-inner,
        [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner,
        button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }
        
        [type=button]:-moz-focusring,
        [type=reset]:-moz-focusring,
        [type=submit]:-moz-focusring,
        button:-moz-focusring {
            outline: 1px dotted ButtonText
        }
        
        input::-webkit-inner-spin-button,
        input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }
        
        input[type=number] {
            -moz-appearance: textfield
        }
        
        fieldset {
            padding: .35em .75em .625em
        }
        
        legend {
            box-sizing: border-box;
            color: inherit;
            display: table;
            max-width: 100%;
            padding: 0;
            white-space: normal
        }
        
        progress {
            vertical-align: baseline
        }
        
        textarea {
            overflow: auto
        }
        
        [type=checkbox],
        [type=radio] {
            box-sizing: border-box;
            padding: 0
        }
        
        [type=number]::-webkit-inner-spin-button,
        [type=number]::-webkit-outer-spin-button {
            height: auto
        }
        
        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }
        
        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }
        
        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }
        
        ::placeholder {
            color: #999;
            opacity: 1
        }
        
        :-ms-input-placeholder {
            color: #999
        }
        
        ::-ms-input-placeholder {
            color: #999
        }
        
        details {
            display: block
        }
        
        summary {
            display: list-item
        }
        
        template {
            display: none
        }
        
        [hidden] {
            display: none
        }
        
        body,
        button,
        input,
        optgroup,
        select,
        textarea {
            color: #404040;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
            font-size: 16px;
            line-height: 24px;
            font-weight: 400
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            clear: both
        }
        
        p {
            margin-bottom: 1.5em
        }
        
        cite,
        dfn,
        em,
        i {
            font-style: italic
        }
        
        blockquote {
            margin: 0 1.5em
        }
        
        address {
            margin: 0 0 1.5em
        }
        
        pre {
            background: #f2f2f2;
            font-family: "Courier 10 Pitch", Courier, monospace;
            font-size: 15px;
            font-size: .9375rem;
            line-height: 1.6;
            margin-bottom: 1.6em;
            max-width: 100%;
            overflow: auto;
            padding: 1.6em
        }
        
        code,
        kbd,
        tt,
        var {
            font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
            font-size: 15px;
            font-size: .9375rem
        }
        
        abbr,
        acronym {
            border-bottom: 1px dotted #666;
            cursor: help
        }
        
        ins,
        mark {
            background: #fff9c0;
            text-decoration: none
        }
        
        big {
            font-size: 125%
        }
        
        html {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
        
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
        
        :after,
        :before {
            box-sizing: inherit
        }
        
        body {
            background: #f7f7f9
        }
        
        hr {
            background-color: #ccc;
            border: 0;
            height: 1px;
            margin-bottom: 1.5em
        }
        
        ol,
        ul {
            margin: 0 0 20px 0
        }
        
        ul {
            list-style: disc
        }
        
        ol {
            list-style: decimal
        }
        
        li>ol,
        li>ul {
            margin-bottom: 0;
            margin-left: 20px
        }
        
        dt {
            font-weight: 700
        }
        
        dd {
            margin: 0 1.5em 1.5em
        }
        
        img {
            height: auto;
            max-width: 100%
        }
        
        figure {
            margin: 1em 0
        }
        
        table {
            margin: 0 0 1.5em;
            width: 100%
        }
        
        button,
        input[type=button],
        input[type=reset],
        input[type=submit] {
            border: 1px solid;
            border-color: #ccc #ccc #bbb;
            border-radius: 5px;
            background: #e6e6e6;
            color: rgba(0, 0, 0, .8);
            padding: 7px 20px
        }
        
        button:hover,
        input[type=button]:hover,
        input[type=reset]:hover,
        input[type=submit]:hover {
            border-color: #ccc #bbb #aaa
        }
        
        button:active,
        button:focus,
        input[type=button]:active,
        input[type=button]:focus,
        input[type=reset]:active,
        input[type=reset]:focus,
        input[type=submit]:active,
        input[type=submit]:focus {
            border-color: #aaa #bbb #bbb
        }
        
        input[type=color],
        input[type=date],
        input[type=datetime-local],
        input[type=datetime],
        input[type=email],
        input[type=month],
        input[type=number],
        input[type=password],
        input[type=range],
        input[type=search],
        input[type=tel],
        input[type=text],
        input[type=time],
        input[type=url],
        input[type=week],
        textarea {
            color: #999;
            border: 1px solid #ccc;
            padding: 7px 10px;
            font-family: inherit;
            border-radius: 5px
        }
        
        input[type=color]:focus,
        input[type=date]:focus,
        input[type=datetime-local]:focus,
        input[type=datetime]:focus,
        input[type=email]:focus,
        input[type=month]:focus,
        input[type=number]:focus,
        input[type=password]:focus,
        input[type=range]:focus,
        input[type=search]:focus,
        input[type=tel]:focus,
        input[type=text]:focus,
        input[type=time]:focus,
        input[type=url]:focus,
        input[type=week]:focus,
        textarea:focus {
            color: #111
        }
        
        select {
            border: 1px solid #ccc
        }
        
        textarea {
            width: 100%
        }
        
        a {
            color: #333f50;
            text-decoration: none
        }
        
        a:visited {
            color: purple
        }
        
        a:active,
        a:focus,
        a:hover {
            color: #191970;
            text-decoration: underline
        }
        
        a:focus {
            outline: thin dotted
        }
        
        a:active,
        a:hover {
            outline: 0
        }
        
        .clear:after,
        .clear:before {
            content: "";
            display: table;
            table-layout: fixed
        }
        
        .clear:after {
            clear: both
        }
        
        .hide {
            display: none
        }
        
        .container {
            margin: 0 auto;
            position: relative;
            height: auto;
            padding: 0;
            max-width: 100%;
            width: 100%
        }
        
        .wrapper {
            max-width: 1024px;
            width: 100%;
            margin: 0 auto;
            position: relative;
            height: auto;
            padding: 0 15px
        }
        
        .wrapper-cart {
            max-width: 400px;
            width: 100%;
            margin: 0 auto;
            position: relative;
            height: auto;
            padding: 0
        }
        
        .flexbox {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            display: flex
        }
        
        .flexboxcenter {
            text-align: center;
            align-items: center;
            justify-content: center
        }
        
        .flex {
            flex: 1
        }
        
        header {
            position: relative;
            height: auto;
            width: 100%;
            height: 55px
        }
        
        .site-header {
            height: 55px;
            position: fixed;
            width: 100%;
            top: -1px;
            left: 0;
            z-index: 99999;
            border-bottom: 1px solid rgba(0, 0, 0, .09);
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09)
        }
        
        .site-header .back {
            height: 55px;
            width: 35px;
            float: left
        }
        
        .site-header .back a {
            text-decoration: none
        }
        
        .site-header .back a i {
            color: #000;
            font-size: 30px;
            line-height: 55px
        }
        
        .site-header .headerbox {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            display: flex;
            height: 55px;
            -ms-box-orient: horizontal;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            width: calc(100% - 35px)
        }
        
        .site-header .headerbox .logo-img {
            height: 45px;
            width: auto;
            margin-top: 5px;
            float: left;
            padding-right: 5px;
            flex-grow: 0
        }
        
        .site-header .headerbox .logo-img a img {
            height: 45px;
            width: auto
        }
        
        .site-header .headerbox h1.logo-text {
            margin: 0;
            padding: 0;
            width: auto;
            display: inline-block;
            padding-right: 5px
        }
        
        .site-header .headerbox h1.logo-text a {
            color: #000;
            font-size: 12px;
            text-decoration: none;
            font-weight: 700;
            line-height: 55px
        }
        
        .site-header .headerbox h1.logo-text a:hover {
            color: #333f50;
            text-decoration: none
        }
        
        .site-header .headerbox .searchbox {
            height: 55px;
            flex-grow: 1
        }
        
        .site-header .headerbox .searchbox form {
            height: 37px;
            margin-top: 9px;
            position: relative
        }
        
        .site-header .headerbox .searchbox form input {
            width: 100%;
            height: 37px;
            line-height: 38px;
            padding: 0 10px 0 30px;
            font-size: 14px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
        
        .site-header .headerbox .searchbox form button {
            height: 37px;
            color: #555;
            padding: 0;
            text-align: center;
            width: 20px;
            margin: 0;
            background: 0 0;
            position: absolute;
            left: 5px;
            top: 0;
            border: none
        }
        
        .site-header .headerbox .searchbox form button i {
            line-height: 37px;
            font-size: 16px
        }
        
        .site-header .navigation {
            height: 55px;
            line-height: 55px;
            text-align: right;
            width: 32px;
            position: absolute;
            top: 0;
            right: 15px
        }
        
        .site-header .navigation i {
            font-size: 25px;
            line-height: 55px;
            font-weight: 700;
            cursor: pointer
        }
        
        .site-header .navigation .nav-menu {
            position: fixed;
            width: 100%;
            height: calc(100% - 55px);
            background: #fff;
            left: 0;
            top: 55px;
            display: none;
            visibility: hidden;
            opacity: 0
        }
        
        .site-header .navigation .nav-menu ul.menu-header {
            margin: 0;
            padding: 0;
            list-style-type: none
        }
        
        .site-header .navigation .nav-menu ul.menu-header a {
            display: block;
            width: 100%
        }
        
        .site-header .navigation .nav-menu ul.menu-header li {
            display: block;
            position: relative;
            border-bottom: 1px solid rgba(0, 0, 0, .2);
            text-align: left;
            padding: 0 20px
        }
        
        .site-header .navigation .nav-menu ul.menu-header li.menu-item-has-children {
            padding-right: 15px
        }
        
        .site-header .navigation .nav-menu ul.menu-header li.menu-item-has-children:after {
            position: absolute;
            content: '';
            width: 9px;
            height: 9px;
            right: 20px;
            top: 20px;
            border-color: rgba(0, 0, 0, .4);
            border-width: 0 0 1px 1px;
            border-style: solid;
            transform: rotate(-45deg);
            cursor: pointer
        }
        
        .site-header .navigation .nav-menu ul.menu-header li.menu-item-has-children ul.sub-menu {
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09);
            position: relative;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0 0 0 10px;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            display: none;
            z-index: 99;
            border-top: 1px solid rgba(0, 0, 0, .2)
        }
        
        .site-header .navigation .nav-menu ul.menu-header li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
            left: 190px;
            top: 0
        }
        
        .site-header .navigation .nav-menu ul.menu-header li.menu-item-has-children ul.sub-menu li {
            border-bottom: 1px solid rgba(0, 0, 0, .06);
            padding: 0 20px;
            display: block
        }
        
        .site-header .navigation .nav-menu ul.menu-header li.menu-item-has-children ul.sub-menu li a {
            display: block
        }
        
        .site-header .navigation .nav-menu ul.menu-header li a {
            font-weight: 700;
            font-size: 14px;
            color: #999;
            display: block
        }
        
        .site-header .navigation .nav-menu ul.menu-header li a:hover {
            color: #666;
            text-decoration: none
        }
        
        @media only screen and (max-width:350px) {
            .site-header .headerbox .searchbox {
                width: 120px
            }
        }
        
        .content-area {
            position: relative;
            padding-top: 20px
        }
        
        .site-main {
            position: relative
        }
        
        .index {
            margin-bottom: 20px
        }
        
        .tns-outer {
            padding: 0!important;
            position: relative
        }
        
        .tns-outer [hidden] {
            display: none!important
        }
        
        .tns-outer [aria-controls],
        .tns-outer [data-action] {
            cursor: pointer
        }
        
        .tns-slider {
            -webkit-transition: all 0s;
            -moz-transition: all 0s;
            transition: all 0s
        }
        
        .tns-slider>.tns-item {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
        
        .tns-horizontal.tns-subpixel {
            white-space: nowrap
        }
        
        .tns-horizontal.tns-subpixel>.tns-item {
            display: inline-block;
            vertical-align: top;
            white-space: normal
        }
        
        .tns-horizontal.tns-no-subpixel:after {
            content: '';
            display: table;
            clear: both
        }
        
        .tns-horizontal.tns-no-subpixel>.tns-item {
            float: left
        }
        
        .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
            margin-right: -100%
        }
        
        .tns-no-calc {
            position: relative;
            left: 0
        }
        
        .tns-gallery {
            position: relative;
            left: 0;
            min-height: 1px
        }
        
        .tns-gallery>.tns-item {
            position: absolute;
            left: -100%;
            -webkit-transition: transform 0s, opacity 0s;
            -moz-transition: transform 0s, opacity 0s;
            transition: transform 0s, opacity 0s
        }
        
        .tns-gallery>.tns-slide-active {
            position: relative;
            left: auto!important
        }
        
        .tns-gallery>.tns-moving {
            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            transition: all .25s
        }
        
        .tns-autowidth {
            display: inline-block
        }
        
        .tns-lazy-img {
            -webkit-transition: opacity .6s;
            -moz-transition: opacity .6s;
            transition: opacity .6s;
            opacity: .6
        }
        
        .tns-lazy-img.tns-complete {
            opacity: 1
        }
        
        .tns-ah {
            -webkit-transition: height 0s;
            -moz-transition: height 0s;
            transition: height 0s
        }
        
        .tns-ovh {
            overflow: hidden
        }
        
        .tns-visually-hidden {
            position: absolute;
            left: -10000em
        }
        
        .tns-transparent {
            opacity: 0;
            visibility: hidden
        }
        
        .tns-fadeIn {
            opacity: 1;
            z-index: 0
        }
        
        .tns-fadeOut,
        .tns-normal {
            opacity: 0;
            z-index: -1
        }
        
        .tns-vpfix {
            white-space: nowrap
        }
        
        .tns-vpfix>div,
        .tns-vpfix>li {
            display: inline-block
        }
        
        .tns-t-subp2 {
            margin: 0 auto;
            width: 310px;
            position: relative;
            height: 10px;
            overflow: hidden
        }
        
        .tns-t-ct {
            width: 2333.3333333%;
            width: -webkit-calc(100% * 70 / 3);
            width: -moz-calc(100% * 70 / 3);
            width: calc(100% * 70 / 3);
            position: absolute;
            right: 0
        }
        
        .tns-t-ct:after {
            content: '';
            display: table;
            clear: both
        }
        
        .tns-t-ct>div {
            width: 1.4285714%;
            width: -webkit-calc(100% / 70);
            width: -moz-calc(100% / 70);
            width: calc(100% / 70);
            height: 10px;
            float: left
        }
        
        .tns-outer button[data-action=stop] {
            display: none
        }
        
        .tns-outer button[data-action=start] {
            position: absolute;
            background: rgba(0, 0, 0, .3);
            z-index: 1;
            left: calc(50% - 45px);
            top: calc(50% - 30px);
            font-size: 50px;
            height: 60px;
            line-height: 60px;
            width: 90px;
            border-radius: 10px;
            color: rgba(0, 0, 0, .7)
        }
        
        .tns-nav {
            position: absolute;
            bottom: 10px;
            right: calc(50% - 150px);
            z-index: 1;
            text-align: center;
            width: 300px
        }
        
        .tns-nav button {
            width: 15px;
            height: 15px;
            border-radius: 25px;
            margin: 0 2px;
            background: 0 0;
            padding: 0;
            border: 3px solid #ccc;
            background: #ccc
        }
        
        .tns-nav button.tns-nav-active {
            background: #43ab4a;
            width: 30px
        }
        
        .slider {
            margin: 0;
            width: 100%;
            height: 400px;
            overflow: hidden;
            position: relative
        }
        
        .slider .slide {
            height: 400px;
            border-radius: 8px
        }
        
        .slider .slide img {
            height: 100%;
            width: 100%;
            border-radius: 8px
        }
        
        @media only screen and (max-width:768px) {
            .slider {
                margin-top: 20px;
                height: 250px
            }
            .slider .slide {
                height: 250px
            }
        }
        
        @media only screen and (max-width:566px) {
            .slider {
                margin-top: 20px;
                height: 220px
            }
            .slider .slide {
                height: 220px
            }
        }
        
        @media only screen and (max-width:514px) {
            .slider {
                margin-top: 20px;
                height: 200px
            }
            .slider .slide {
                height: 200px
            }
        }
        
        @media only screen and (max-width:480px) {
            .slider {
                margin-top: 0;
                height: 170px
            }
            .slider .slide {
                height: 170px
            }
        }
        
        @media only screen and (max-width:400px) {
            .slider {
                margin-top: 20px;
                height: 150px
            }
            .slider .slide {
                height: 150px
            }
        }
        
        .slide-categorybox {
            margin-top: 20px;
            position: relative;
            width: 100%;
            height: auto;
            margin-bottom: 20px
        }
        
        .slide-categorybox .arrow {
            width: 32px;
            height: 32px;
            border-radius: 100%;
            background: #fff;
            position: absolute;
            top: 15px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
            z-index: 1;
            text-align: center
        }
        
        .slide-categorybox .arrow svg {
            line-height: 32px;
            margin-top: 8px;
            color: #43ab4a;
            cursor: pointer
        }
        
        .slide-categorybox .arrow-left {
            left: -15px;
            display: none
        }
        
        .slide-categorybox .arrow-right {
            right: -15px
        }
        
        .slide-categorybox .slide-category {
            position: relative;
            height: 64px;
            white-space: nowrap;
            display: flex;
            flex-wrap: nowrap;
            -ms-overflow-style: none;
            overflow-x: scroll;
            overflow-y: hidden;
            -ms-overflow-style: none
        }
        
        .slide-categorybox .slide-category::-webkit-scrollbar {
            display: none
        }
        
        .slide-categorybox .slide-category .categorybox {
            min-width: 200px;
            max-width: 200px;
            height: 64px;
            border-radius: 8px;
            flex: 1;
            margin-right: 10px;
            cursor: pointer;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            overflow: hidden
        }
        
        .slide-categorybox .slide-category .categorybox a {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .6);
            display: block;
            text-decoration: none;
            color: #fff;
            font-size: 16px;
            line-height: 64px;
            padding-left: 20px
        }
        
        .stores {
            position: relative
        }
        
        .stores .store-box {
            position: relative;
            height: 200px;
            margin-bottom: 20px;
            overflow: hidden;
            border-radius: 8px;
            border: 1px solid #fff
        }
        
        .stores .store-box .store-thumb {
            height: 200px;
            width: 200px;
            overflow: hidden;
            background: #000;
            border-radius: 8px;
            float: left
        }
        
        .stores .store-box .store-thumb .store-thumb-img {
            height: 200px;
            width: 200px;
            overflow: hidden;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
            border-radius: 8px;
            float: left
        }
        
        .stores .store-box .store-detail {
            float: right;
            width: calc(100% - 200px);
            height: 200px;
            position: relative;
            padding: 0 0 0 20px
        }
        
        .stores .store-box .store-detail .store-detail-title {
            width: 100%;
            height: auto;
            text-align: left
        }
        
        .stores .store-box .store-detail .store-detail-title h3 {
            margin: 0;
            padding: 0;
            font-size: 30px;
            line-height: 30px;
            color: #111;
            font-weight: 700
        }
        
        .stores .store-box .store-detail .store-detail-desc {
            margin-top: 10px;
            font-size: 14px;
            width: 100%;
            height: auto;
            text-align: left;
            color: #333
        }
        
        .stores .store-box:hover {
            box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
            border: 1px solid rgba(0, 0, 0, .1)
        }
        
        @media only screen and (max-width:768px) {
            .stores .store-box {
                height: 120px
            }
            .stores .store-box .store-thumb {
                height: 120px;
                width: 120px
            }
            .stores .store-box .store-thumb .store-thumb-img {
                height: 120px;
                width: 120px
            }
            .stores .store-box .store-detail {
                width: calc(100% - 120px);
                height: 120px;
                padding: 0 0 0 10px
            }
            .stores .store-box .store-detail .store-detail-title h3 {
                font-size: 20px;
                line-height: 25px
            }
            .stores .store-box .store-detail .store-detail-desc {
                margin-top: 10px;
                font-size: 13px;
                line-height: 17px
            }
        }
        
        @media only screen and (max-width:400px) {
            .stores .store-box {
                height: 100px
            }
            .stores .store-box .store-thumb {
                height: 100px;
                width: 100px
            }
            .stores .store-box .store-thumb .store-thumb-img {
                height: 100px;
                width: 100px
            }
            .stores .store-box .store-detail {
                width: calc(100% - 100px);
                height: 100px;
                padding: 0 0 0 10px
            }
            .stores .store-box .store-detail .store-detail-title h3 {
                font-size: 18px;
                line-height: 23px
            }
            .stores .store-box .store-detail .store-detail-desc {
                margin-top: 10px;
                font-size: 12px;
                line-height: 17px
            }
        }
        
        .single-store-thumb {
            width: 100%;
            height: 500px;
            text-align: center;
            background: #000;
            border-radius: 8px;
            overflow: hidden
        }
        
        .single-store-thumb img {
            width: auto;
            height: 100%
        }
        
        .single-store-title {
            position: relative
        }
        
        .single-store-title h1 {
            padding: 0;
            margin: 0;
            font-size: 30px;
            line-height: 31px;
            font-weight: 700;
            color: #000
        }
        
        .single-store-desc {
            font-size: 14px;
            color: #444;
            line-height: 15px
        }
        
        @media only screen and (max-width:400px) {
            .single-store-thumb {
                height: 200px
            }
            .single-store-title h1 {
                font-size: 20px;
                line-height: 21px
            }
            .single-store-desc {
                font-size: 13px;
                color: #444;
                line-height: 15px
            }
        }
        
        main {
            position: relative;
            width: 100%
        }
        
        main.query {
            position: relative
        }
        
        article {
            position: relative;
            margin: 0 auto;
            width: 100%
        }
        
        .products-list {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09);
            padding: 0 15px;
            margin-bottom: 20px;
            height: auto
        }
        
        .products-list .products-list-title {
            padding: 10px 0;
            border-bottom: 1px solid rgba(0, 0, 0, .1)
        }
        
        .products-list .products-list-title h2 {
            padding: 0;
            margin: 0;
            font-size: 22px;
            line-height: 23px;
            color: #000
        }
        
        .products-list .products .productbox:first-child {
            border: none
        }
        
        .products-list .products-list-next {
            padding: 10px 0;
            border-top: 1px solid rgba(0, 0, 0, .1);
            text-align: center;
            color: #43ab4a;
            cursor: pointer
        }
        
        .productbox {
            padding: 20px 0 20px 0;
            height: auto;
            overflow: hidden;
            border-top: 1px solid rgba(0, 0, 0, .1)
        }
        
        .productbox .content {
            position: relative;
            height: 100px;
            overflow: hidden
        }
        
        .productbox .content .image {
            width: 100px;
            height: 100px;
            float: left;
            background: #fff;
            text-align: center;
            border-radius: 8px;
            position: relative
        }
        
        .productbox .content .image .ribbon {
            width: 50px;
            height: 20px;
            padding-left: 2px;
            position: absolute;
            left: 0;
            top: 5px;
            background: #4b79df;
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            line-height: 20px;
            -webkit-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
            -moz-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
            box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1)
        }
        
        .productbox .content .image .ribbon:after {
            content: "";
            position: absolute;
            height: 0;
            width: 0;
            right: -9.5px;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid #4b79df
        }
        
        .productbox .content .image img {
            width: auto;
            height: 100%;
            border-radius: 8px
        }
        
        .productbox .content .detail {
            width: calc(100% - 100px);
            height: 100px;
            float: right;
            padding-left: 10px;
            position: relative
        }
        
        .productbox .content .detail h3 {
            margin: 0;
            padding: 0;
            font-size: 22px;
            line-height: 27px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical
        }
        
        .productbox .content .detail h3 a {
            color: #000;
            font-size: 22px;
            line-height: 27px
        }
        
        .productbox .content .detail h3 a:hover {
            text-decoration: none;
            color: #000
        }
        
        .productbox .content .detail .desc {
            margin-top: 5px;
            font-size: 13px;
            line-height: 17px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical
        }
        
        .productbox .content .detail .desc p {
            margin: 0;
            padding: 0
        }
        
        .productbox .content .detail .pricing {
            position: relative;
            padding: 0;
            margin: 5px 0 0 0
        }
        
        .productbox .content .detail .pricing .price {
            font-weight: 600;
            color: #000;
            line-height: 20px;
            font-size: 16px;
            vertical-align: top
        }
        
        .productbox .content .detail .pricing .price-slik {
            line-height: 20px;
            font-size: 16px;
            color: #666;
            text-decoration: line-through;
            margin-left: 5px;
            vertical-align: top
        }
        
        .productbox .content .detail .atc {
            position: absolute;
            height: 30px;
            bottom: 2px;
            right: 0;
            width: 122px;
            text-align: right
        }
        
        .productbox .content .detail .atc button.add {
            background: #43ab4a;
            width: 80px;
            border: 1px solid #43ab4a;
            cursor: pointer;
            margin: 0;
            float: left;
            font-size: 14px;
            line-height: 27px;
            text-align: center;
            height: 30px;
            border-radius: 5px;
            padding: 0;
            color: #fff;
            float: right
        }
        
        .productbox .content .detail .atc button.is-out-stock {
            background: #ccc;
            width: 80px;
            border: 1px solid #ccc;
            margin: 0;
            float: left;
            font-size: 14px;
            line-height: 25px;
            text-align: center;
            height: 30px;
            border-radius: 5px;
            padding: 0;
            margin: 0;
            color: #fff;
            float: right;
            border-radius: 8px
        }
        
        .productbox .content .detail .atc .qty-selector {
            display: none
        }
        
        @media only screen and (max-width:768px) {
            .products-list .products-list-title h2 {
                font-size: 17px;
                line-height: 20px
            }
            .productbox .content .detail h3 {
                font-size: 17px;
                line-height: 20px
            }
            .productbox .content .detail h3 a {
                font-size: 17px;
                line-height: 20px
            }
            .productbox .content .detail .pricing .price {
                line-height: 13px;
                font-size: 12px
            }
            .productbox .content .detail .pricing .price-slik {
                line-height: 13px;
                font-size: 12px
            }
        }
        
        @media only screen and (max-width:400px) {
            .products-list .products-list-title h2 {
                font-size: 14px;
                line-height: 16px
            }
            .productbox .content {
                height: auto
            }
            .productbox .content .image {
                width: 55px;
                height: 55px
            }
            .productbox .content .image .ribbon {
                width: 40px;
                top: 2px;
                font-size: 9px
            }
            .productbox .content .detail {
                width: calc(100% - 55px);
                height: auto
            }
            .productbox .content .detail h3 {
                font-size: 14px;
                line-height: 16px
            }
            .productbox .content .detail h3 a {
                font-size: 14px;
                line-height: 16px
            }
            .productbox .content .detail .desc {
                margin-top: 5px;
                font-size: 11px;
                line-height: 13px
            }
            .productbox .content .detail .pricing {
                height: 15px
            }
            .productbox .content .detail .atc {
                position: relative;
                height: auto;
                bottom: 0;
                right: 0;
                width: 100%;
                text-align: right;
                margin-top: 5px
            }
            .productbox .content .detail .atc button.add {
                font-size: 12px;
                line-height: 18px;
                height: 25px
            }
            .productbox .content .detail .atc button.is-out-stock {
                font-size: 12px;
                line-height: 18px;
                height: 25px
            }
            .productbox .content .detail .atc .qty {
                width: 82px;
                display: none;
                border: 1px solid #43ab4a;
                border-radius: 8px;
                float: right
            }
            .productbox .content .detail .atc .qty input {
                width: 30px;
                height: 25px;
                font-size: 12px;
                font-weight: 700;
                line-height: 30px
            }
            .productbox .content .detail .atc .qty button {
                height: 25px;
                line-height: 16px;
                width: 25px;
                font-weight: 700
            }
        }
        
        .product {
            position: relative
        }
        
        .product .content {
            position: relative
        }
        
        .product .content .image {
            width: 100%;
            height: auto;
            border-radius: 8px;
            overflow: hidden
        }
        
        .product .content .image .ribbon {
            width: 100px;
            height: 40px;
            padding-left: 2px;
            position: absolute;
            left: 0;
            top: 5px;
            background: #4b79df;
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            line-height: 40px;
            text-align: center;
            -webkit-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
            -moz-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
            box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1)
        }
        
        .product .content .image .ribbon:after {
            content: "";
            position: absolute;
            height: 0;
            width: 0;
            right: -14.5px;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-left: 15px solid #4b79df
        }
        
        .product .content .image img {
            width: 100%;
            height: auto;
            border-radius: 8px
        }
        
        .product .content .detail {
            position: relative
        }
        
        .product .content .detail h1 {
            margin: 0;
            padding: 0;
            font-size: 35px;
            line-height: 39px;
            margin-top: 10px;
            color: #000
        }
        
        .product .content .detail .desc {
            font-size: 13px;
            line-height: 17px
        }
        
        .product .content .detail .pricing {
            width: calc(100% - 130px);
            float: left;
            height: 34px
        }
        
        .product .content .detail .pricing .price {
            font-weight: 600;
            color: #000;
            line-height: 34px;
            font-size: 18px
        }
        
        .product .content .detail .pricing .price-slik {
            line-height: 34px;
            font-size: 18px;
            color: #666;
            text-decoration: line-through;
            margin-left: 10px
        }
        
        .product .content .detail .atc {
            height: 34px;
            width: 130px;
            float: right
        }
        
        .product .content .detail .atc button.add {
            background: #43ab4a;
            width: 100%;
            border: 1px solid #43ab4a;
            cursor: pointer;
            margin: 0;
            float: left;
            font-size: 14px;
            line-height: 27px;
            text-align: center;
            height: 30px;
            border-radius: 5px;
            padding: 0;
            margin: 0;
            color: #fff;
            float: right
        }
        
        .product .content .detail .atc button.is-out-stock {
            background: #ccc;
            width: 100%;
            border: 1px solid #ccc;
            margin: 0;
            float: left;
            font-size: 14px;
            line-height: 27px;
            text-align: center;
            height: 30px;
            border-radius: 5px;
            padding: 0;
            margin: 0;
            color: #fff;
            float: right
        }
        
        .product .content .detail .atc .qty-selector {
            display: none
        }
        
        .product .content .detail .share {
            margin-top: 90px;
            position: relative
        }
        
        .product .content .detail .share a.share-button {
            display: block;
            height: 30px;
            width: 49%;
            text-align: center;
            line-height: 35px;
            color: #fff;
            cursor: pointer;
            border-radius: 8px
        }
        
        .product .content .detail .share a.share-fb {
            float: left;
            background: #0674e7
        }
        
        .product .content .detail .share a.share-wa {
            float: right;
            background: #4ced69
        }
        
        @media only screen and (max-width:768px) {
            .product .content .detail h1 {
                font-size: 22px;
                line-height: 26px
            }
            .product .content .detail .pricing .price {
                font-size: 13px
            }
            .product .content .detail .pricing .price-slik {
                font-size: 13px;
                margin-left: 5px
            }
        }
        
        @media only screen and (max-width:400px) {
            .product .content .detail h1 {
                font-size: 20px;
                line-height: 24px
            }
        }
        
        .boxcontainer {
            margin-top: 20px;
            position: relative;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row
        }
        
        .postbox {
            border: 1px solid rgba(0, 0, 0, .08);
            width: calc(50% - 20px);
            float: left;
            margin: 0 10px 20px;
            height: 265px;
            border-radius: 3px
        }
        
        .postbox .thumb {
            width: 100%;
            height: 200px;
            background: rgba(0, 0, 0, .07);
            border-radius: 8px;
            text-align: center;
            overflow: hidden;
            vertical-align: middle
        }
        
        .postbox .thumb img {
            height: auto;
            width: 100%;
            border-radius: 8px;
            position: relative;
            top: 50%;
            transform: translateY(-50%)
        }
        
        .postbox .thumb img.lazy {
            opacity: 0
        }
        
        .postbox .thumb img.lazy.loaded {
            opacity: 1
        }
        
        .postbox .title {
            padding: 5px 10px;
            border-bottom: none!important
        }
        
        .postbox .title h3 {
            font-size: 20px;
            line-height: 23px;
            font-weight: 700;
            height: 46px;
            margin: 0;
            color: #444;
            text-decoration: none;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box
        }
        
        .postbox a:hover {
            text-decoration: none
        }
        
        .postbox:hover {
            -webkit-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
            -moz-box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
            box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, .1);
            text-decoration: none;
            position: relative
        }
        
        .post {
            width: calc(100% - 290px);
            float: left
        }
        
        .post h1 {
            margin: 0;
            padding: 0;
            font-size: 30px;
            color: #000
        }
        
        .post .entry {
            margin-top: 20px
        }
        
        aside {
            width: 270px;
            float: right
        }
        
        @media only screen and (max-width:768px) {
            .post {
                width: 100%;
                float: none
            }
            aside {
                width: 100%;
                float: none
            }
        }
        
        .widget {
            margin-bottom: 20px
        }
        
        .widget h2 {
            margin: 0;
            padding: 0;
            font-size: 18px
        }
        
        .widget ul {
            padding: 0 0 0 17px
        }
        
        .widget.widget_search {
            position: relative
        }
        
        .widget_search form {
            position: relative
        }
        
        .widget_search form label {
            display: none
        }
        
        .widget_search form input[type=text] {
            width: calc(100% - 95px)
        }
        
        .widget_search form input[type=submit] {
            position: absolute;
            right: 0;
            top: 0;
            width: 90px
        }
        
        .entry {
            position: relative
        }
        
        .entry ul {
            padding: 0 0 0 17px
        }
        
        .pagination {
            margin-bottom: 30px;
            text-align: center
        }
        
        .pagination a,
        .pagination span {
            width: 35px;
            height: 35px;
            line-height: 35px;
            margin: 0 4px;
            font-size: 16px;
            color: #43ab4a;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            display: inline-block;
            border: 1px solid #43ab4a
        }
        
        .pagination a.prevnextlink {
            width: 150px
        }
        
        .pagination span.current {
            color: #fff;
            background: #43ab4a
        }
        
        .pagination a:hover {
            background: rgba(0, 0, 0, .2);
            color: #fff;
            text-decoration: none
        }
        
        .comments-area {
            background: #fff;
            width: 100%;
            margin: 20px auto 0
        }
        
        .comments-area .comment-respond .comment-form .comment-form-comment textarea {
            border-radius: 5px
        }
        
        .comments-area .comment-respond .comment-form .field {
            position: relative
        }
        
        .comments-area .comment-respond .comment-form .field input {
            position: relative;
            width: 100%;
            border-radius: 5px
        }
        
        .comments-area .comment-respond .comment-form .comment-form-author {
            padding-right: 10px
        }
        
        .comments-area .comment-respond .comment-form .comment-form-email {
            padding: 0 5px
        }
        
        .comments-area .comment-respond .comment-form .comment-form-url {
            padding-left: 10px
        }
        
        .comments-area .comment-respond .comment-form .form-submit .submit {
            cursor: pointer;
            background: #111;
            color: #fff;
            padding-left: 30px;
            padding-right: 30px
        }
        
        @media only screen and (max-width:600px) {
            .comments-area .comment-respond .comment-form .flex {
                min-width: 100%;
                max-width: 100%;
                margin-bottom: 0
            }
            .comments-area .comment-respond .comment-form .comment-form-author {
                padding-right: 0
            }
            .comments-area .comment-respond .comment-form .comment-form-email {
                padding: 0 0
            }
            .comments-area .comment-respond .comment-form .comment-form-url {
                padding-left: 0
            }
        }
        
        .comments-area .comment-list .comment .comment-metadata a {
            color: #999;
            font-size: 12px
        }
        
        .spinner {
            text-align: center;
            margin-top: 20px;
            display: none
        }
        
        .spinner .wrapper {
            text-align: center
        }
        
        footer {
            position: relative;
            width: 100%;
            height: auto;
            border: 1px solid #fff
        }
        
        footer.product-footer {
            padding-bottom: 50px
        }
        
        .site-footer {
            position: relative;
            margin: 20px 0
        }
        
        .site-footer .address {
            text-align: center;
            margin: 50px 0 10px;
            text-align: center
        }
        
        .site-footer .copyright {
            text-align: center;
            margin: 10px 0;
            text-align: center;
            font-size: 12px
        }
        
        .site-footer .social {
            height: 55px;
            width: 100%;
            position: relative;
            text-align: center
        }
        
        .site-footer .social a {
            display: inline-block;
            width: 25px;
            height: 55px;
            text-align: center;
            line-height: 55px;
            font-size: 20px;
            color: #000;
            padding-top: 3px
        }
        
        .site-footer .social a:hover {
            text-decoration: none
        }
        
        .basketbox {
            position: fixed;
            height: 50px;
            width: 100%;
            background: #fff;
            color: #43ab4a;
            bottom: 0;
            left: 0;
            display: none;
            cursor: pointer;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09)
        }
        
        .basket {
            position: relative;
            height: 50px;
            padding: 5px 0
        }
        
        .basket .basket-cart {
            width: 40px;
            height: 40px;
            position: relative;
            float: left
        }
        
        .basket .basket-cart i {
            font-size: 25px;
            line-height: 40px
        }
        
        .basket .basket-cart .basket-cart-item-count {
            width: 20px;
            height: 20px;
            background: red;
            position: absolute;
            top: 7px;
            left: 15px;
            border-radius: 100%;
            color: #fff;
            text-align: center;
            line-height: 20px;
            font-size: 12px
        }
        
        .basket .basket-detail {
            height: 40px;
            overflow: hidden;
            color: #43ab4a;
            width: calc(100% - 140px);
            float: left
        }
        
        .basket .basket-detail .basket-items-label {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            font-weight: 300
        }
        
        .basket .basket-detail .basket-items-total {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            font-weight: 600;
            color: red
        }
        
        .basket .basket-next {
            position: absolute;
            height: 50px;
            width: 100px;
            text-align: center;
            right: 0;
            top: 0
        }
        
        .basket .basket-next button {
            border: none;
            font-size: 12px;
            font-weight: 700;
            background-image: linear-gradient(to top, #50eb2c, #43ab4a);
            height: 35px;
            color: #fff;
            text-align: center;
            margin: 7.5px 0 0 0;
            padding: 0 30px;
            line-height: 35px;
            border-radius: 25px;
            cursor: pointer
        }
        
        .cart {
            position: fixed;
            width: 100%;
            height: 100%;
            background: #f7f7f9;
            top: 0;
            left: 0;
            z-index: 999999;
            display: none
        }
        
        .cart .cart-inner {
            position: relative;
            height: 100%
        }
        
        .cart .cart-inner .cart-head {
            height: 55px;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-bottom: 1px solid rgba(0, 0, 0, .09);
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09);
            z-index: 99
        }
        
        .cart .cart-inner .cart-head .back {
            height: 55px;
            width: 100%;
            float: left;
            cursor: pointer;
            padding: 0 10px
        }
        
        .cart .cart-inner .cart-head .back i {
            font-size: 35px;
            line-height: 55px;
            color: #000
        }
        
        .cart .cart-inner .cart-head .back span {
            display: inline-block;
            height: 55px;
            line-height: 55px;
            font-size: 16px;
            font-weight: 700;
            vertical-align: top;
            margin-left: 10px
        }
        
        .cart .cart-inner .cart-content {
            padding-top: 65px;
            overflow-y: auto;
            height: 100%
        }
        
        .cart .cart-inner .cart-content .cart-content-items {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09);
            margin-bottom: 10px
        }
        
        .cart .cart-inner .cart-content .cart-content-items .cart-content-items-head {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            padding: 10px;
            height: 50px;
            font-size: 14px
        }
        
        .cart .cart-inner .cart-content .cart-content-items .cart-content-items-head .cart-content-items-head-title {
            color: #000;
            font-weight: 600;
            float: left;
            height: 30px;
            line-height: 30px
        }
        
        .cart .cart-inner .cart-content .cart-content-items .cart-content-items-head .cart-content-items-head-add {
            font-weight: 700;
            font-size: 12px;
            float: right;
            height: 30px;
            line-height: 30px;
            cursor: pointer
        }
        
        .cart .cart-inner .cart-content .cart-content-items .cart-content-items-head .cart-content-items-head-add a {
            color: #43ab4a;
            font-weight: 700;
            font-size: 12px;
            float: right;
            height: 30px;
            line-height: 30px;
            cursor: pointer;
            text-decoration: none
        }
        
        .cart .cart-inner .cart-content .cart-content-items .cart-content-items-list {
            position: relative;
            padding: 0 10px
        }
        
        .cart .cart-inner .cart-content .cart-content-detail {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09);
            margin-bottom: 10px
        }
        
        .cart .cart-inner .cart-content .cart-content-detail .cart-content-detail-head {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            padding: 10px;
            height: 50px;
            font-size: 14px
        }
        
        .cart .cart-inner .cart-content .cart-content-detail .cart-content-detail-head .cart-content-detail-head-title {
            color: #000;
            font-weight: 600;
            float: left;
            height: 30px;
            line-height: 30px
        }
        
        .cart .cart-inner .cart-content .cart-content-detail .cart-content-detail-list {
            position: relative;
            font-size: 13px;
            line-height: 17px
        }
        
        .cart .cart-inner .cart-content .cart-content-detail .cart-content-detail-list table {
            padding: 5px 10px
        }
        
        .cart .cart-inner .cart-content .cart-content-detail .cart-content-detail-list table tr td {
            padding: 5px 0
        }
        
        .cart .cart-inner .cart-content .cart-content-detail .cart-content-detail-list table tr td.value {
            text-align: right
        }
        
        .cart .cart-inner .cart-content .cart-content-detail .cart-content-detail-list table tr td.value select {
            font-size: 12px;
            width: 200px;
            color: #999;
            border: 1px solid #ccc;
            padding: 7px 10px;
            font-family: inherit;
            border-radius: 5px
        }
        
        .cart .cart-inner .cart-content .cart-content-form {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09);
            margin-bottom: 10px
        }
        
        .cart .cart-inner .cart-content .cart-content-form .cart-content-form-head {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            padding: 10px;
            height: 50px;
            font-size: 14px
        }
        
        .cart .cart-inner .cart-content .cart-content-form .cart-content-form-head .cart-content-form-head-title {
            color: #000;
            font-weight: 600;
            float: left;
            height: 30px;
            line-height: 30px
        }
        
        .cart .cart-inner .cart-content .cart-content-form .cart-content-form-list {
            position: relative;
            font-size: 13px;
            line-height: 17px
        }
        
        .cart .cart-inner .cart-content .cart-content-form .cart-content-form-list .customer {
            padding: 5px 10px
        }
        
        .cart .cart-inner .cart-content .cart-content-form .cart-content-form-list .customer .customer-field {
            margin: 10px 0
        }
        
        .cart .cart-inner .cart-content .cart-content-form .cart-content-form-list .customer .customer-field input {
            width: 100%
        }
        
        .cart .cart-inner .cart-content .cart-content-form .cart-content-form-list .customer .customer-field textarea {
            width: 100%
        }
        
        .cart .cart-inner .cart-content .cart-content-form .cart-content-form-list .customer .customer-field select {
            width: 100%
        }
        
        .cart .cart-inner .cart-content .cart-content-submit {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .09);
            margin-bottom: 10px;
            padding: 10px
        }
        
        .cart .cart-inner .cart-content .cart-content-submit button {
            width: 100%;
            border: 1px solid #43ab4a;
            background: #43ab4a;
            color: #fff;
            cursor: pointer
        }
        
        .productcart {
            padding: 20px 0 20px 0;
            height: auto;
            overflow: hidden;
            border-bottom: 1px solid rgba(0, 0, 0, .07)
        }
        
        .productcart .content {
            position: relative;
            height: auto;
            overflow: hidden
        }
        
        .productcart .content .image {
            width: 60px;
            height: 60px;
            float: left;
            background: #fff;
            text-align: center;
            border-radius: 8px
        }
        
        .productcart .content .image img {
            width: auto;
            height: 100%;
            border-radius: 8px
        }
        
        .productcart .content .detail {
            width: calc(100% - 60px);
            height: auto;
            float: right;
            padding-left: 10px;
            position: relative
        }
        
        .productcart .content .detail h3 {
            margin: 0;
            padding: 0;
            font-size: 14px;
            line-height: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            color: #000
        }
        
        .productcart .content .detail h3 a:hover {
            text-decoration: none;
            color: #000
        }
        
        .productcart .content .detail .pricing {
            position: relative;
            height: 17px
        }
        
        .productcart .content .detail .pricing .price {
            font-weight: 600;
            color: #000;
            line-height: 15px;
            font-size: 12px;
            vertical-align: top
        }
        
        .productcart .content .detail .pricing .price-slik {
            line-height: 15px;
            font-size: 12px;
            color: #666;
            text-decoration: line-through;
            margin-left: 10px;
            vertical-align: top
        }
        
        .productcart .content .detail .atc {
            text-align: right
        }
        
        .wa-support {
            width: 40px;
            height: 40px;
            position: fixed;
            right: 10px;
            bottom: 60px;
            font-size: 40px;
            color: #4ced69;
            cursor: pointer;
            z-index: 999998
        }
        
        .wa-support-box {
            width: 250px;
            height: 270px;
            position: fixed;
            right: 10px;
            bottom: 110px;
            background: #fff;
            box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
            border-radius: 8px;
            z-index: 999998;
            display: none;
            visibility: hidden;
            opacity: 0
        }
        
        .wa-support-box.open {
            display: block;
            visibility: visible;
            opacity: 1
        }
        
        .wa-support-box .wa-support-body {
            position: relative
        }
        
        .wa-support-box .wa-support-body .wa-support-heading {
            padding: 20px 10px
        }
        
        .wa-support-box .wa-support-body .wa-support-form {
            padding: 0 10px
        }
        
        .wa-support-box .wa-support-body .wa-support-form .input {
            margin-bottom: 10px;
            width: 100%
        }
        
        .wa-support-box .wa-support-body .wa-support-form .input input,
        .wa-support-box .wa-support-body .wa-support-form .input textarea {
            font-size: 14px;
            line-height: 16px;
            width: 100%
        }
        
        .wa-support-box .wa-support-body .wa-support-form .input input {
            height: 40px;
            line-height: 40px
        }
        
        .wa-support-box .wa-support-body .wa-support-form .input textarea {
            height: 80px
        }
        
        .wa-support-box .wa-support-body .wa-support-form button {
            width: 100%;
            background: #4ced69;
            color: #fff
        }
        
        .alignleft {
            display: inline;
            float: left;
            margin-right: 1.5em
        }
        
        .alignright {
            display: inline;
            float: right;
            margin-left: 1.5em
        }
        
        .aligncenter {
            clear: both;
            display: block;
            margin-left: auto;
            margin-right: auto
        }
        
        embed,
        iframe,
        object {
            max-width: 100%
        }
        
        .wp-caption {
            margin-bottom: 1.5em;
            max-width: 100%
        }
        
        .wp-caption img[class*=wp-image-] {
            display: block;
            margin-left: auto;
            margin-right: auto
        }
        
        .wp-caption .wp-caption-text {
            margin: .8075em 0
        }
        
        .wp-caption-text {
            text-align: center
        }
        
        .gallery {
            margin-bottom: 1.5em
        }
        
        .gallery-item {
            display: inline-block;
            text-align: center;
            vertical-align: top;
            width: 100%
        }
        
        .gallery-columns-2 .gallery-item {
            max-width: 50%
        }
        
        .gallery-columns-3 .gallery-item {
            max-width: 33.33%
        }
        
        .gallery-columns-4 .gallery-item {
            max-width: 25%
        }
        
        .gallery-columns-5 .gallery-item {
            max-width: 20%
        }
        
        .gallery-columns-6 .gallery-item {
            max-width: 16.66%
        }
        
        .gallery-columns-7 .gallery-item {
            max-width: 14.28%
        }
        
        .gallery-columns-8 .gallery-item {
            max-width: 12.5%
        }
        
        .gallery-columns-9 .gallery-item {
            max-width: 11.11%
        }
        
        .gallery-caption {
            display: block
        }
        
        .qty-selector {
            width: 97px;
            float: right;
            border: 1px solid #43ab4a;
            border-radius: 8px
        }
        
        .qty-selector input {
            width: 35px;
            text-align: center;
            border: none;
            border-left: 1px solid #43ab4a;
            border-right: 1px solid #43ab4a;
            border-radius: 0;
            margin: 0;
            float: left;
            color: #000;
            padding: 0;
            font-weight: 700;
            height: 30px;
            font-size: 12px;
            line-height: 30px;
            text-align: center
        }
        
        .qty-selector button {
            background: rgba(0, 0, 0, .04);
            width: 30px;
            border: none;
            cursor: pointer;
            margin: 0;
            float: left;
            font-size: 18px;
            line-height: 25px;
            text-align: center;
            height: 30px;
            border-radius: 0;
            padding: 0;
            color: #43ab4a;
            font-weight: 700
        }
        
        .qty-selector button:hover {
            background: rgba(0, 0, 0, .09)
        }
        
        @media only screen and (max-width:768px) {
            .qty-selector {
                width: 82px
            }
            .qty-selector input {
                width: 30px;
                height: 25px;
                line-height: 25px;
                font-size: 10px
            }
            .qty-selector button {
                width: 25px;
                height: 25px;
                line-height: 20px;
                vertical-align: top
            }
        }
        
        .ss-main {
            position: relative;
            display: inline-block;
            user-select: none;
            color: #666;
            width: 100%
        }
        
        .ss-main .ss-single-selected {
            display: flex;
            cursor: pointer;
            width: 100%;
            height: 30px;
            padding: 6px;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            background-color: #fff;
            outline: 0;
            box-sizing: border-box;
            transition: background-color .2s
        }
        
        .ss-main .ss-single-selected.ss-disabled {
            background-color: #dcdee2;
            cursor: not-allowed
        }
        
        .ss-main .ss-single-selected.ss-open-above {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }
        
        .ss-main .ss-single-selected.ss-open-below {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }
        
        .ss-main .ss-single-selected .placeholder {
            flex: 1 1 100%;
            text-align: left;
            width: calc(100% - 30px);
            line-height: 1em;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }
        
        .ss-main .ss-single-selected .placeholder,
        .ss-main .ss-single-selected .placeholder * {
            display: flex;
            align-items: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }
        
        .ss-main .ss-single-selected .placeholder * {
            width: auto
        }
        
        .ss-main .ss-single-selected .placeholder .ss-disabled {
            color: #dedede
        }
        
        .ss-main .ss-single-selected .ss-deselect {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex: 0 1 auto;
            margin: 0 6px;
            font-weight: 700
        }
        
        .ss-main .ss-single-selected .ss-deselect.ss-hide {
            display: none
        }
        
        .ss-main .ss-single-selected .ss-arrow {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex: 0 1 auto;
            margin: 0 6px
        }
        
        .ss-main .ss-single-selected .ss-arrow span {
            border: solid #666;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            transition: transform .2s, margin .2s
        }
        
        .ss-main .ss-single-selected .ss-arrow span.arrow-up {
            transform: rotate(-135deg);
            margin: 3px 0 0
        }
        
        .ss-main .ss-single-selected .ss-arrow span.arrow-down {
            transform: rotate(45deg);
            margin: -3px 0 0
        }
        
        .ss-main .ss-multi-selected {
            display: flex;
            flex-direction: row;
            cursor: pointer;
            min-height: 30px;
            width: 100%;
            padding: 0 0 0 3px;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            background-color: #fff;
            outline: 0;
            box-sizing: border-box;
            transition: background-color .2s
        }
        
        .ss-main .ss-multi-selected.ss-disabled {
            background-color: #dcdee2;
            cursor: not-allowed
        }
        
        .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
            color: #666
        }
        
        .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
            cursor: not-allowed
        }
        
        .ss-main .ss-multi-selected.ss-open-above {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }
        
        .ss-main .ss-multi-selected.ss-open-below {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }
        
        .ss-main .ss-multi-selected .ss-values {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            flex: 1 1 100%;
            width: calc(100% - 30px)
        }
        
        .ss-main .ss-multi-selected .ss-values .ss-disabled {
            display: flex;
            padding: 4px 5px;
            margin: 2px 0;
            line-height: 1em;
            align-items: center;
            width: 100%;
            color: #dedede;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }
        
        @keyframes scaleIn {
            0% {
                transform: scale(0);
                opacity: 0
            }
            to {
                transform: scale(1);
                opacity: 1
            }
        }
        
        @keyframes scaleOut {
            0% {
                transform: scale(1);
                opacity: 1
            }
            to {
                transform: scale(0);
                opacity: 0
            }
        }
        
        .ss-main .ss-multi-selected .ss-values .ss-value {
            display: flex;
            user-select: none;
            align-items: center;
            font-size: 12px;
            padding: 3px 5px;
            margin: 3px 5px 3px 0;
            color: #fff;
            background-color: #5897fb;
            border-radius: 4px;
            animation-name: scaleIn;
            animation-duration: .2s;
            animation-timing-function: ease-out;
            animation-fill-mode: both
        }
        
        .ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
            animation-name: scaleOut;
            animation-duration: .2s;
            animation-timing-function: ease-out
        }
        
        .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
            margin: 0 0 0 5px;
            cursor: pointer
        }
        
        .ss-main .ss-multi-selected .ss-add {
            display: flex;
            flex: 0 1 3px;
            margin: 9px 12px 0 5px
        }
        
        .ss-main .ss-multi-selected .ss-add .ss-plus {
            display: flex;
            justify-content: center;
            align-items: center;
            background: #666;
            position: relative;
            height: 10px;
            width: 2px;
            transition: transform .2s
        }
        
        .ss-main .ss-multi-selected .ss-add .ss-plus:after {
            background: #666;
            content: "";
            position: absolute;
            height: 2px;
            width: 10px;
            left: -4px;
            top: 4px
        }
        
        .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
            transform: rotate(45deg)
        }
        
        .ss-content {
            position: absolute;
            width: 100%;
            margin: -1px 0 0;
            box-sizing: border-box;
            border: 1px solid #dcdee2;
            z-index: 1010;
            background-color: #fff;
            transform-origin: center top;
            transition: transform .2s, opacity .2s;
            opacity: 0;
            transform: scaleY(0)
        }
        
        .ss-content.ss-open {
            display: block;
            opacity: 1;
            transform: scaleY(1)
        }
        
        .ss-content .ss-search {
            display: flex;
            flex-direction: row;
            padding: 8px 8px 6px
        }
        
        .ss-content .ss-search.ss-hide,
        .ss-content .ss-search.ss-hide input {
            height: 0;
            opacity: 0;
            padding: 0;
            margin: 0
        }
        
        .ss-content .ss-search input {
            display: inline-flex;
            font-size: inherit;
            line-height: inherit;
            flex: 1 1 auto;
            width: 100%;
            min-width: 0;
            height: 30px;
            padding: 6px 8px;
            margin: 0;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            background-color: #fff;
            outline: 0;
            text-align: left;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -webkit-appearance: textfield
        }
        
        .ss-content .ss-search input::placeholder {
            color: #8a8a8a;
            vertical-align: middle
        }
        
        .ss-content .ss-search input:focus {
            box-shadow: 0 0 5px #5897fb
        }
        
        .ss-content .ss-search .ss-addable {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 22px;
            font-weight: 700;
            flex: 0 0 30px;
            height: 30px;
            margin: 0 0 0 8px;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            box-sizing: border-box
        }
        
        .ss-content .ss-addable {
            padding-top: 0
        }
        
        .ss-content .ss-list {
            max-height: 200px;
            overflow-x: hidden;
            overflow-y: auto;
            text-align: left
        }
        
        .ss-content .ss-list .ss-optgroup .ss-optgroup-label {
            padding: 6px 10px;
            font-weight: 700
        }
        
        .ss-content .ss-list .ss-optgroup .ss-option {
            padding: 6px 6px 6px 25px
        }
        
        .ss-content .ss-list .ss-optgroup-label-selectable {
            cursor: pointer
        }
        
        .ss-content .ss-list .ss-optgroup-label-selectable:hover {
            color: #fff;
            background-color: #5897fb
        }
        
        .ss-content .ss-list .ss-option {
            padding: 6px 10px;
            cursor: pointer;
            user-select: none
        }
        
        .ss-content .ss-list .ss-option * {
            display: inline-block
        }
        
        .ss-content .ss-list .ss-option.ss-highlighted,
        .ss-content .ss-list .ss-option:hover {
            color: #fff;
            background-color: #5897fb
        }
        
        .ss-content .ss-list .ss-option.ss-disabled {
            cursor: not-allowed;
            color: #dedede;
            background-color: #fff
        }
        
        .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
            color: #666;
            background-color: rgba(88, 151, 251, .1)
        }
        
        .ss-content .ss-list .ss-option.ss-hide {
            display: none
        }
        
        .ss-content .ss-list .ss-option .ss-search-highlight {
            background-color: #fffb8c
        }
   
        .recentcomments a {
            display: inline !important;
            padding: 0 !important;
            margin: 0 !important;
        }
    
        .notifku {
            position: fixed;
            z-index: 999999;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
            -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
            height: 70px;
            width: 300px;
            overflow: hidden;
            border-radius: 10px;
            transition: all .8s ease-out;
        }
        
        .notifku.leftbottom {
            bottom: -90px;
            left: 10px;
        }
        
        .notifku.leftbottom-push {
            bottom: 10px;
            left: 10px;
        }
        
        .notifku.lefttop {
            top: -90px;
            left: 10px;
        }
        
        .notifku.lefttop-push {
            top: 10px;
            left: 10px;
        }
        
        .notifku.rightbottom {
            bottom: -90px;
            right: 10px;
        }
        
        .notifku.rightbottom-push {
            bottom: 10px;
            right: 10px;
        }
        
        .notifku.righttop {
            top: -90px;
            right: 10px;
        }
        
        .notifku.righttop-push {
            top: 10px;
            right: 10px;
        }
        
        .notifku .notifku-inner {
            width: 100%;
            position: relative;
            height: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        .notifku .notifku-inner .notifku-image {
            position: absolute;
            width: 50px;
            height: 50px;
            top: 10px;
            left: 10px;
            border-radius: 100%;
            overflow: hidden;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
        
        .notifku .notifku-inner .notifku-content {
            width: 100%;
            padding: 5px 10px 5px 70px;
        }
        
        .notifku .notifku-inner .notifku-content .notifku-line {
            padding-top: 9px;
            height: 45px;
            width: 100%;
            line-height: 18px;
            font-size: 14px;
            color: #000000;
            font-weight: 300;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        
        .notifku .notifku-inner .notifku-content .notifku-line strong {
            font-weight: bold;
        }
        
        .notifku .notifku-inner .notifku-content .notifku-time {
            font-size: 10px;
            height: 15px;
            line-height: 15px;
        }
        
        .notifku {
            background: #ffffff
        }
        
        .notifku .notifku-inner .notifku-content .notifku-line strong {
            color: #000000
        }
        
        .notifku .notifku-inner .notifku-content .notifku-line {
            color: #000000
        }
        
        .notifku .notifku-inner .notifku-content .notifku-time {
            color: #000000
        }
        
        .notifku {
            border-radius: 10px
        }
    
        body {}
    
        .address {
            font-size: 10px;
        }
    
        ._3emE9--dark-theme .-S-tR--ff-downloader {
            background: rgba(30, 30, 30, .93);
            border: 1px solid rgba(82, 82, 82, .54);
            box-shadow: 0 4px 7px rgba(30, 30, 30, .55);
            color: #fff
        }
        
        ._3emE9--dark-theme .-S-tR--ff-downloader ._6_Mtt--header ._2VdJW--minimize-btn {
            background: #3d4b52
        }
        
        ._3emE9--dark-theme .-S-tR--ff-downloader ._6_Mtt--header ._2VdJW--minimize-btn:hover {
            background: #131415
        }
        
        ._3emE9--dark-theme .-S-tR--ff-downloader ._10vpG--footer {
            background: rgba(30, 30, 30, .93)
        }
        
        ._2mDEx--white-theme .-S-tR--ff-downloader {
            background: #fff;
            border: 1px solid rgba(82, 82, 82, .54);
            box-shadow: 0 4px 7px rgba(30, 30, 30, .55);
            color: #314c75
        }
        
        ._2mDEx--white-theme .-S-tR--ff-downloader ._6_Mtt--header {
            font-weight: 700
        }
        
        ._2mDEx--white-theme .-S-tR--ff-downloader ._2dFLA--container ._2bWNS--notice {
            border: 0;
            color: rgba(0, 0, 0, .88)
        }
        
        ._2mDEx--white-theme .-S-tR--ff-downloader ._10vpG--footer {
            background: #fff
        }
        
        .-S-tR--ff-downloader {
            display: block;
            overflow: hidden;
            position: fixed;
            bottom: 20px;
            right: 7.1%;
            width: 330px;
            height: 180px;
            background: rgba(30, 30, 30, .93);
            border-radius: 2px;
            color: #fff;
            z-index: 99999999;
            border: 1px solid rgba(82, 82, 82, .54);
            box-shadow: 0 4px 7px rgba(30, 30, 30, .55);
            transition: .5s
        }
        
        .-S-tR--ff-downloader._3M7UQ--minimize {
            height: 62px
        }
        
        .-S-tR--ff-downloader._3M7UQ--minimize .nxuu4--file-info,
        .-S-tR--ff-downloader._3M7UQ--minimize ._6_Mtt--header {
            display: none
        }
        
        .-S-tR--ff-downloader ._6_Mtt--header {
            padding: 10px;
            font-size: 17px;
            font-family: sans-serif
        }
        
        .-S-tR--ff-downloader ._6_Mtt--header ._2VdJW--minimize-btn {
            float: right;
            background: #f1ecec;
            height: 20px;
            width: 20px;
            text-align: center;
            padding: 2px;
            margin-top: -10px;
            cursor: pointer
        }
        
        .-S-tR--ff-downloader ._6_Mtt--header ._2VdJW--minimize-btn:hover {
            background: #e2dede
        }
        
        .-S-tR--ff-downloader ._13XQ2--error {
            color: red;
            padding: 10px;
            font-size: 12px;
            line-height: 19px
        }
        
        .-S-tR--ff-downloader ._2dFLA--container {
            position: relative;
            height: 100%
        }
        
        .-S-tR--ff-downloader ._2dFLA--container .nxuu4--file-info {
            padding: 6px 15px 0;
            font-family: sans-serif
        }
        
        .-S-tR--ff-downloader ._2dFLA--container .nxuu4--file-info div {
            margin-bottom: 5px;
            width: 100%;
            overflow: hidden
        }
        
        .-S-tR--ff-downloader ._2dFLA--container ._2bWNS--notice {
            margin-top: 21px;
            font-size: 11px
        }
        
        .-S-tR--ff-downloader ._10vpG--footer {
            width: 100%;
            bottom: 0;
            position: absolute;
            font-weight: 700
        }
        
        .-S-tR--ff-downloader ._10vpG--footer ._2V73d--loader {
            animation: n0BD1--rotation 3.5s linear forwards;
            position: absolute;
            top: -120px;
            left: calc(50% - 35px);
            border-radius: 50%;
            border: 5px solid #fff;
            border-top-color: #a29bfe;
            height: 70px;
            width: 70px;
            display: flex;
            justify-content: center;
            align-items: center
        }
        
        .-S-tR--ff-downloader ._10vpG--footer ._24wjw--loading-bar {
            width: 100%;
            height: 18px;
            background: #dfe6e9;
            border-radius: 5px
        }
        
        .-S-tR--ff-downloader ._10vpG--footer ._24wjw--loading-bar ._1FVu9--progress-bar {
            height: 100%;
            background: #8bc34a;
            border-radius: 5px
        }
        
        .-S-tR--ff-downloader ._10vpG--footer ._2KztS--status {
            margin-top: 10px
        }
        
        .-S-tR--ff-downloader ._10vpG--footer ._2KztS--status ._1XilH--state {
            float: left;
            font-size: .9em;
            letter-spacing: 1pt;
            text-transform: uppercase;
            width: 100px;
            height: 20px;
            position: relative
        }
        
        .-S-tR--ff-downloader ._10vpG--footer ._2KztS--status ._1jiaj--percentage {
            float: right
        }