:root {
    --color-primary: #fa7c92;
    --color-gradient-start: #fa7c92;
    --color-gradient-stop: #fa7c92;
}

body {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px;
    color: #808291;
}

.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}

.text-gray {
    color: #A7A9B8 !important;
}

.text-darkgray {
    color: #3c3c3c !important;
}

.text-pink {
    color: #e06dc0 !important;
}

.text-green {
    color: #e643b8 !important;
}

.text-blue {
    color: #588baf !important;
}

.text-darkorange {
    color: #e4764c !important;
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
    color: #181b31;
}

.h1, h1 {
    line-height: 1.2em;
    font-size: 42px;
}

.h2, h2 {
    line-height: 1.2em;
    font-size: 36px;
}

.h3, h3 {
    line-height: 1.25em;
    font-size: 30px;
}

.h4, h4 {
    line-height: 1.5em;
    font-size: 22px;
}

.h5, h5 {
    line-height: 1.5em;
    font-size: 18px;
}

.h6, h6 {
    line-height: 1.5em;
    font-size: 16px;
}

.btn-solid-dark {
    background: #44bed6;
    color: #fff;
}

.btn-dark {
    display: -webkit-inline-box;
    display: inline-flex;
    padding: 0;
    position: relative;
    border: 1px solid #44bed6;
    border-radius: 0;
    font-size: 1em;
    white-space: nowrap;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05);
}

    .btn-dark:hover {
        border-color: transparent;
        background-color: var(--color-primary);
        color: #fff;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
    }

    .btn-dark.round {
        border-radius: 4px;
    }

.img-fluid {
    width: 100%;
}


.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.liquid-lp-details:first-child {
    margin-bottom: 0;
}

.liquid-blog-item-square .liquid-lp-category {
    font-size: 16px;
}

.bg-darkgray {
    background-color: #e5e7ea;
}

/* ===================================================================
   ============================= index 1 =============================
   =================================================================== */
@media screen and (min-width: 767px) {
    #banner_2 {
        height: 650px;
    }
}

.navbar-collapse {
    overflow: initial !important;
}

@media screen and (max-width: 767px) {
    .navbar-collapse {
        overflow: auto !important;
    }
}

.main-nav > li > a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #353535 !important;
    text-transform: uppercase;
}

    .main-nav > li.is-active > a,
    .main-nav > li.current-menu-item > a,
    .main-nav > li:hover > a,
    .main-nav > li > a:hover {
        color: #fff;
    }

    .main-nav > li > a .link-ext {
        background-color: #44bed6;
        height: 2px;
    }

.main-footer a:not(.btn) {
    color: #808291;
}

    .main-footer a:not(.btn):hover {
        color: #000;
    }


@media (min-width: 1200px) {
    .main-header .is-stuck {
        background: #ffffff !important;
    }

    .mainbar-wrap.is-stuck .social-icon a,
    .mainbar-wrap.is-stuck .header-module .ld-module-trigger,
    .mainbar-wrap.is-stuck .main-nav > li > a {
        color: #353535 !important;
    }

        .mainbar-wrap.is-stuck .social-icon a:hover,
        .mainbar-wrap.is-stuck .main-nav > li > a:hover {
            color: #44bed6 !important;
        }
}

.text-inf {
    font-size: 15px;
    line-height: 26px;
    font-weight: 300;
}

.filter-list {
    margin-bottom: 0;
}

.filter-list-inline {
    font-size: 16px;
}

.liquid-filter-items .carousel-nav-circle {
    position: absolute;
    right: 0;
    top: 20%;
}

.carousel-nav-sm .flickity-prev-next-button {
    font-size: 24px;
    width: 50px;
    height: 50px;
}

@media (max-width: 991px) {
    .filter-list {
        margin-bottom: 0;
    }

    .carousel-nav-sm .flickity-prev-next-button {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }
}

.sectio-video-inf {
    padding: 0 60px;
}

#sectio-video .stretch-to-left {
    margin-left: -5vw !important;
}

@media screen and (max-width: 1400px) {
    .sectio-video-inf {
        padding: 0 40px;
    }
}

@media screen and (max-width: 1200px) {
    #sectio-video .stretch-to-left {
        margin-left: 0 !important;
    }
}


@media screen and (max-width: 767px) {
    .sectio-video-inf {
        padding: 0 20px;
    }
}

#blog .fancy-box-info p {
    font-size: 0.85em;
}

#blog .fancy-box {
    margin-bottom: 0;
}

#blog .fancy-box-travel.fancy-box-tall {
    padding-bottom: 160%;
}

@media screen and (max-width: 767px) {
    #blog .fancy-box-travel.fancy-box-tall {
        padding-bottom: 50%;
    }
}

.main-footer p {
    font-size: 15px;
}

#section-product .flickity-equal-cells .carousel-item .ld-pf-item {
    position: initial;
}

#section-product .pf-details-inside .ld-pf-details {
    position: initial;
}

#section-product .ld-pf-details .ld-pf-title {
    color: #44bed6;
}

#section-product .ld-pf-details .ld-pf-category {
    color: #A7A9B8;
}

#section-product .ld-pf-details {
    padding: 10px 0;
    text-align: center;
}

#section-product .ld-pf-item.ld-pf-light .ld-pf-category-lined:before {
    background-color: #A7A9B8;
}

#section-product .liquid-overlay-link:hover {
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    #section-product .filter-list-inline li {
        margin: 0 14px;
    }
}
/* ===================================================================
   ============================= index 2 =============================
   =================================================================== */
.bg-darkblue {
    background-color: #44bed6 !important;
}

.bg-green {
    background-color: #27AE60 !important;
}

.bg-pink {
    background-color: #EA5498 !important;
}

.bg-color1 {
    background-color: #44bed6 !important;
}

.marqee-text p {
    width: 150px;
}

#shop-header .main-nav > li > a {
    color: #FFF !important;
    font-weight: 300;
}

#shop-header .ld-module-trigger-count {
    position: absolute;
    top: 4px;
    right: -12px;
}

@media (min-width: 1200px) {
    .main-header .is-stuck {
        background: #FFF !important;
    }
}


#shop-header .ld-module-trigger {
    color: #FFF;
}

#section-shop .ld-pf-inner {
    border: 1px solid #EDECEC;
}

#section-shop .tabs-nav-sm .tabs-nav li {
    margin: 0 15px;
}

#section-shop .ld-pf-inner .product-tag-frame {
    position: absolute;
    top: 6%;
    left: 3%;
    z-index: 1;
    color: #FFF;
}

    #section-shop .ld-pf-inner .product-tag-frame span {
        display: block;
    }

#section-shop .ld-pf-item:hover .ld-pf-bg {
    opacity: .8;
}

.ld-cart-total-label {
    font-size: 18px;
}

#shop-header .rwd-header {
    display: none;
}

@media (max-width: 1200px) {
    #shop-header .rwd-header {
        display: block;
    }

        #shop-header .rwd-header .navbar-header {
            width: 100%;
        }

    #shop-header .main-nav > li > a {
        color: #353535 !important;
        font-size: 14px;
        padding: 10px 25px;
        font-weight: 500;
    }
}

#section-recommend .flickity-enabled.is-draggable .flickity-viewport {
    cursor: initial;
}

#section-recommend .carousel-dots-style4 .dot:hover, #section-recommend .carousel-dots-style4 .dot.is-selected {
    background-color: #fa7c92;
}

#section-recommend .carousel-nav-solid .flickity-prev-next-button {
    background-color: rgba(0,0,0,.35);
}

#section-recommend .flickity-prev-next-button svg {
    stroke: #FFF;
}

.carousel-nav-rectangle .flickity-prev-next-button svg, .carousel-nav-circle .flickity-prev-next-button svg, .carousel-nav-square .flickity-prev-next-button svg {
    max-width: 60%;
}

#section-recommend .carousel-item .product-tag-frame {
    position: absolute;
    top: 6%;
    left: 3%;
    z-index: 99;
    color: #FFF;
}

    #section-recommend .carousel-item .product-tag-frame span {
        display: block;
    }

@media screen and (max-width: 767px) {
    .tabs-nav {
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        flex-direction: initial;
    }

    .tabs-nav-sm .tabs-nav a {
        padding: 0.3em 0.5em;
    }

    .report-inner .lity-container {
        width: 90%;
    }
}

/* ===================================================================
   =========================== inner page ============================
   =================================================================== */

#inner-content .tabs-nav-side .tabs-nav a:after {
    background-color: #44bed6;
}

.lqd-modal-inner-md {
    width: 60% !important;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .lqd-modal-inner-md {
        width: 100% !important;
    }

    .post-nav {
        display: none
    }
}

.lqd-modal .pricing-table-default ul li {
    padding: 0.8em 0;
}

.lqd-modal .pricing-table-default .pricing-table-header {
    padding: 8px 12px;
}

.lqd-modal .pricing-table-default .pricing-table-body {
    padding: 10px 60px;
}

.lqd-modal .pricing-table-default ul li:nth-last-child(1) {
    border-bottom: none;
}

.lqd-modal .pricing-table-default .pricing-table-header {
    background-color: #44bed6;
}

    .lqd-modal .pricing-table-default .pricing-table-header h5 {
        color: #FFF;
    }

.lqd-column .btn-dark {
    display: grid;
}

.tabs .liquid-lp-sp-block {
    border-radius: 4px;
    padding-bottom: 35%;
}

    .tabs .liquid-lp-sp-block.liquid-lp-sp-instagram:before {
        opacity: .85;
        background-image: -webkit-gradient(linear, left top, right top, from #fa7c92, to #44bed6);
        background-image: linear-gradient(to right, #fa7c92 0%, #44bed6 100%);
    }

.liquid-lp-extra-icon img {
    width: 40px;
}

#custom-carousel .carousel-item figure:before {
    content: url("../../../assets/img/golden_frame.png");
    position: absolute;
    z-index: -1;
    top: -63px;
    left: -108px;
}



.center-image {
    position: relative;
    height: 280px;
    margin-top: 15px;
    overflow: hidden;
}

    .center-image img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        width: auto;
        transform: translate(-50%,-50%);
    }

        .center-image img.portrait {
            width: 100%;
            height: auto;
        }

.box-shadow-2 {
    box-shadow: 0px 40px 90px 0px rgba(12, 50, 88, 0.2);
}

@media screen and (max-width: 992px) {
    #about_map {
        background-image: none !important;
    }

    .blog-single-footer > ul, .blog-single-footer > span {
        margin-bottom: 0;
        margin-top: 1em;
    }
}


.liquid-lp-title.size-sm {
    font-size: 22px;
}

#services hr {
    border-top: 1px solid #e4e4e4;
}

#section-shop .ld-pf-inner {
    border: none;
}

.liquid-lp-time-aside > time {
    background-color: #44bed6;
    border: none;
    color: #FFF;
    width: 70px;
    height: 60px;
}

    .liquid-lp-time-aside > time span {
        color: #FFF;
        font-size: 1.8em;
    }

footer .lqd-custom-menu img {
    width: 24px;
    margin-right: 4px;
}

.footer-social img {
    width: 35px;
    margin-right: 5px;
}

.form-row label .required {
    color: #D0021B;
}

.contact-form select, .contact-form input, .contact-form textarea, .contact-form .ui-selectmenu-button {
    height: 42px;
}

.custom-file {
    height: 60px;
}

input#customFile {
    padding-left: 0;
    border: none;
}

.titlebar-scroll-link {
    bottom: 20px;
}

.titlebar-md .titlebar-inner {
    padding-top: 0;
}

@media screen and (max-width: 1200px) {
    .titlebar-md .titlebar-inner {
        padding-top: 0;
    }
}

@media screen and (max-width: 479px) {
    .titlebar-inner h1 {
        margin-top: 0;
        font-size: 20px !important;
    }
}

.main-nav .children > li > a, .nav-item-children > li > a {
    padding: 0.6em 1em
}

@media screen and (max-width: 767px) {
    .titlebar-inner h1 {
        margin-bottom: 0;
        margin-top: 20px;
        font-size: 24px !important;
    }

    .main-nav .children > li > a, .nav-item-children > li > a {
        padding: 0.6em 3em
    }
}

.main-nav .children, .nav-item-children {
    min-width: 150px;
    padding: 0;
    border-radius: 0;
    background-color: #f4f5f8;
}

    .main-nav .children > li:hover > a, .nav-item-children > li:hover > a {
        background-color: #44bed6;
        color: #FFF;
    }

.social-icon li {
    margin-right: 4px;
}

.social-icon img {
    width: 30px;
}

.one-ib-circ-cnt {
    width: 90%;
}

.one-ib-circ-icn {
    height: 100px;
    width: 100px;
}

    .one-ib-circ-icn:hover p {
        color: #FFF !important;
    }

    .one-ib-circ-icn b {
        position: relative;
        z-index: 1;
    }

.multi-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-bottom: 0 !important;
}

.filter-list li.active, .filter-list li:hover {
    color: #fa7c92;
}

.no-wrap {
    white-space: nowrap;
}

#agree-btn {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    padding: 25px 40px;
}

    #agree-btn input {
        width: 25px;
        height: 25px;
        position: relative;
        top: 6px;
    }

.woocommerce div.product .ld-product-summary .product-meta > span span {
    color: #8e8e8e;
}

.woocommerce div.product .ld-product-summary .product-meta {
    font-size: 15px;
}

.woocommerce div.product .product_title {
    font-size: 32px;
}

.woocommerce .ld-sp figure img {
    width: 2000px;
}

@media screen and (min-width: 992px) {
    .woocommerce div.product div.summary {
        width: 62%;
        margin-left: auto;
    }

    .woocommerce div.product .ld-product-images {
        width: 34%;
        margin-right: auto;
    }
}

.product-tag {
    position: absolute;
    right: 1.5%;
}

    .product-tag img {
        width: 100px;
    }

@media screen and (max-width: 768px) {
    .product-tag {
        position: initial;
    }
}

.fancy-box-overlay:hover .cb-overlay {
    opacity: 0.6;
}

.text-justify {
    text-align: justify;
}

.login-text {
    font-size: 20px;
}

#login-frame {
    background-color: rgba(0,0,0,.7);
}

#login-content {
    padding-top: 150px;
    padding-bottom: 80px;
}

.dealer-titlebar {
    padding-top: 40px !important;
    padding-bottom: 150px !important;
}

@media screen and (max-width: 768px) {
    .login-text h2 {
        display: none;
    }

    #login-content {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .login-text {
        font-size: 15px;
    }

    .dealer-titlebar {
        padding-top: 30px !important;
        padding-bottom: 100px !important;
    }
}

@media screen and (max-width: 480px) {
    #login-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .login-text {
        font-size: 15px;
    }

    .dealer-titlebar {
        padding-top: 30px !important;
        padding-bottom: 70px !important;
    }
}

.ld-pf-item.ld-pf-dark a {
    color: #000;
}

    .ld-pf-item.ld-pf-dark a:hover {
        color: #FD8365;
    }

@media screen and (min-width: 992px) {
    .woocommerce div.product .woocommerce-tabs .tabs-nav {
        width: 20%;
    }

    .woocommerce div.product .woocommerce-tabs .tabs-content {
        width: 80%;
        padding-left: 60px;
    }
}

.woocommerce div.product .woocommerce-tabs .tabs-nav li a:after {
    right: 5%;
}

.woocommerce div.product .woocommerce-tabs .tabs-nav li a:hover, .woocommerce div.product .woocommerce-tabs .tabs-nav li.active a {
    padding: 14px;
    color: #FFF;
    background-color: #383838;
}

@media screen and (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs .tabs-nav li a {
        padding: 8px 14px;
    }

        .woocommerce div.product .woocommerce-tabs .tabs-nav li a:hover, .woocommerce div.product .woocommerce-tabs .tabs-nav li.active a {
            padding: 8px 14px;
        }
}

.join_btn {
    width: 150px;
    position: fixed;
    right: 2%;
    bottom: 3%;
    z-index: 99;
    transform: scale(.9);
    transition: .5s;
}

    .join_btn a {
        display: block;
    }

    .join_btn:hover {
        transform: scale(1);
        transition: .2s;
    }

.ld-media-item .product-overlay {
    position: absolute;
    top: 60%;
    display: block;
    width: 100%;
}

.ld-module-cart .ld-module-dropdown {
    overflow-y: hidden;
}

@media screen and (max-width: 1200px) {
    .EC-header .header-module {
        display: block !important;
    }

    .mobile-cart {
        position: absolute;
        right: 115px;
    }

    .mobile-search {
        position: absolute;
        right: 70px;
    }

    .ld-module-cart .ld-module-dropdown {
        margin-top: 5px;
    }
}

.EC-inner {
    padding-top: 120px;
}

@media screen and (max-width: 1200px) {
    .EC-inner {
        padding-top: 25px;
    }
}

@media screen and (max-width: 768px) {
    .EC-inner {
        padding-top: 0;
    }
}

.woocommerce .ui-spinner {
    width: 120px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 1.5em;
}

.woocommerce .ui-spinner .ui-button {
    width: 35px;
    height: 35px;
}

.woocommerce .ui-spinner .ui-spinner-input {
    width: 40px !important;
}

.woocommerce div.product span.price, .woocommerce div.product p.price {
    color: #fa7c92
}

/* ----- marquee modify ----- */
.marquee {
    width: 100%;
    margin: 0 auto 10px auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

    .marquee span {
        display: inline-block;
        padding-left: 100%;
        will-change: transform;
        animation: marquee 15s linear infinite;
    }

        .marquee span:hover {
            animation-play-state: paused
        }

@media screen and (max-width: 767px) {
    .marquee {
        margin-top: 12px;
    }
}


@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}


@media (prefers-reduced-motion: reduce) {
    .marquee {
        white-space: normal
    }

        .marquee span {
            animation-iteration-count: 1;
            animation-duration: 0.01;
            padding-left: 0;
        }
}


.bottom-nav {
    padding: 15px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    color: #FFF;
    background-color: #44bed6;
    box-shadow: 10px 25px 10px 26px rgb(0 0 0 / 35%);
}

    .bottom-nav a {
        color: #FFF;
        display: block;
    }

    .bottom-nav i {
        font-size: 24px;
    }

    .bottom-nav p {
        margin-bottom: 0;
        font-size: 14px;
    }

.nav-5-1 {
    width: 20%;
    float: left;
}

/* ==================== shop page ==================== */

.lqd-woo-steps-item {
    font-size: 20px;
    padding: 20px;
}

.lqd-woo-steps-number {
    width: 36px;
    height: 36px;
    font-size: 18px;
    margin-right: 1em;
}

.lqd-woo-steps {
    margin-top: 50px;
}

.woocommerce #yith-wcwl-form table.shop_table .product-remove a.remove, .woocommerce .woocommerce-cart-form table.shop_table .product-remove a.remove {
    font-size: 15px;
}

.woocommerce #yith-wcwl-form table.shop_table tbody, .woocommerce .woocommerce-cart-form table.shop_table tbody {
    font-size: 18px;
}

.product-price .score {
    color: #02b10a;
}

.woo-checkout-btn {
    background-color: #44bed6 !important
}

@media screen and (max-width: 991px) {
    .lqd-woo-steps {
        margin-top: 0;
    }

    .lqd-woo-steps-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: inherit;
    }

    .lqd-woo-steps-item {
        font-size: 14px;
        padding: 15px 6px;
    }

    .lqd-woo-steps-number {
        width: 24px;
        height: 24px;
        font-size: 15px;
        margin-right: 2px;
    }

    .lqd-woo-steps-item svg {
        display: none;
    }
}

.woocommerce-cart #content {
    padding-top: 0;
}

.woocommerce .cart-collaterals .cart_totals {
    width: 100%;
}

.cart-table {
    text-align: center;
    padding: 30px 30px;
    background-color: #f0f0f0;
}

.woocommerce .cart_totals table.shop_table td {
    padding: 10px 15px;
}

@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-cart-form table.shop_table tr {
        position: relative;
    }

    .woocommerce .woocommerce-cart-form table.shop_table td.product-remove {
        position: initial;
    }

    .product-remove {
        border: none;
    }

    .woocommerce .woocommerce-cart-form table tbody tr:first-child td:first-child {
        border-top: 1px solid #e8e8e8;
    }

    .cart_item {
        box-shadow: 0 12px 20px rgba(0, 0, 0, 0.18);
    }
}

.woocommerce #yith-wcwl-form table.shop_table .product-name img, .woocommerce .woocommerce-cart-form table.shop_table .product-name img {
    width: 100px;
}

.woocommerce #yith-wcwl-form table.shop_table th, .woocommerce #yith-wcwl-form table.shop_table td, .woocommerce .woocommerce-cart-form table.shop_table th, .woocommerce .woocommerce-cart-form table.shop_table td {
    padding: 10px;
}

.woocommerce #yith-wcwl-form table.shop_table tbody tr:nth-child(even):not(:last-child), .woocommerce .woocommerce-cart-form table.shop_table tbody tr:nth-child(even):not(:last-child) {
    background-color: #FFF;
}

.woocommerce form.woocommerce-checkout h3.order_review_heading {
    background-color: #d8d8d8;
}

.woocommerce form.woocommerce-checkout h3.order_review_heading {
    padding: 1em 40px 1em;
}

.woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table th {
    font-size: 16px;
}

.woocommerce form.woocommerce-checkout h3.order_review_heading {
    font-size: 18px;
}

    .woocommerce form.woocommerce-checkout h3.order_review_heading i {
        font-size: 24px;
        margin-right: 5px;
        position: relative;
        top: 3px;
    }

@media screen and (max-width: 479px) {
    .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table tr {
        display: table-row;
    }
}

.woocommerce form.woocommerce-checkout #payment div.payment_box {
    background-color: #fffcda;
    padding: 15px 30px;
}


@media screen and (max-width: 479px) {
    .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th, .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td, .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th, .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td {
        border-bottom: 1px dashed #D4D4D4;
    }

    .woocommerce form.woocommerce-checkout #payment {
        padding: 0 10px 20px;
    }

        .woocommerce form.woocommerce-checkout #payment div.payment_box {
            padding: 15px 10px;
        }

    .woocommerce form.woocommerce-checkout h3.order_review_heading {
        font-size: 15px;
        padding: .5em 25px .5em;
    }

    .woocommerce form.woocommerce-checkout #payment ul.wc_payment_methods li label {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .liquid-blog-item-square .liquid-lp-header {
        width: 95%;
    }

    .content h3, .content .h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .vc_row[class*=pt-] {
        padding-top: 2rem !important;
    }

    .vc_row[class*=pb-] {
        padding-bottom: 2rem !important;
    }
}

@media screen and (max-width: 768px) {
    .EC-inner .vc_row[class*=pt-] {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table {
        padding: 0 20px 20px;
    }

        .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table th {
            font-size: 15px;
        }

        .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th, .woocommerce form.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td {
            padding-bottom: 8px;
            padding-top: 8px;
        }

    .btn > span {
        padding: .6em 1em;
    }

    .woocommerce form.woocommerce-checkout h3.order_review_heading {
        padding: .5em 20px .5em;
        font-size: 15px;
        font-weight: 500;
    }

    .woocommerce .cart_totals h3 {
        font-size: 14px;
        line-height: 1em;
    }

    .woocommerce .cart_totals table.shop_table th {
        padding: 10px !important;
    }

    .accordion-body-bordered .accordion-content {
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .accordion-title a {
        padding: 0.7em 3em 0.7em 0;
    }

    .EC-inner .iconbox-sm.iconbox-circle .iconbox-icon-container {
        width: 100px;
        height: auto;
    }

        .EC-inner .iconbox-sm.iconbox-circle .iconbox-icon-container img {
            width: 100px;
        }

    .EC-inner .iconbox-side .iconbox-icon-wrap {
        margin-right: 10px;
    }
}

.searh-table {
    position: relative;
    ;
}

    .searh-table > tbody > tr > td {
        padding: 14px;
        border: none !important;
    }

    .searh-table > tbody > tr {
        border-bottom: 1px solid #ececec;
    }

    .searh-table span {
        position: absolute;
        right: 10px;
    }

.lity-container-xs {
    width: 400px;
}

.ld-pf-image {
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s, -webkit-transform 0.3s;
    transition: box-shadow 0.3s, -webkit-transform 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, transform 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, transform 0.3s, -webkit-transform 0.3s, -webkit-transform 0.3s;
}

.ld-pf-item:hover .ld-pf-image {
    transform: translateY(-3px);
}


.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    max-width: 600px;
    margin: auto;
    border: none;
    z-index: 0;
}

    .process-model li::after {
        background: #e5e5e5 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        display: block;
        height: 4px;
        margin: 0 auto;
        position: absolute;
        right: -30px;
        top: 33px;
        width: 85%;
        z-index: -1;
    }

    .process-model li.visited::after {
        background: #57b87b;
    }

    .process-model li:last-child::after {
        width: 0;
    }

    .process-model li {
        display: inline-block;
        width: 18%;
        text-align: center;
        float: none;
    }

        .nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {
            border: none;
            background: transparent;
        }

        .process-model li a {
            padding: 0;
            border: none;
            color: #606060;
        }

        .process-model li.active {
            color: #fa7c92;
        }

            .process-model li.active a,
            .process-model li.active a:hover,
            .process-model li.active a:focus,
            .process-model li.visited a,
            .process-model li.visited a:hover,
            .process-model li.visited a:focus {
                color: #57b87b;
            }

        .process-model li i {
            display: block;
            height: 68px;
            width: 68px;
            text-align: center;
            margin: 0 auto;
            background: #f5f6f7;
            border: 2px solid #e5e5e5;
            line-height: 65px;
            font-size: 30px;
            border-radius: 50%;
        }

        .process-model li.active i, .process-model li.visited i {
            background: #fff;
            border-color: #d4d4d4;
        }

        .process-model li p {
            font-size: 14px;
            margin-top: 11px;
        }

    .process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {
        color: #606060 !important;
        font-weight: normal
    }

    .process-model.contact-us-tab li::after {
        display: none;
    }

    .process-model.contact-us-tab li.visited i {
        border-color: #e5e5e5;
    }



@media screen and (max-width: 560px) {
    .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }

    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
}

@media screen and (max-width: 380px) {
    .process-model.more-icon-preocess li {
        width: 22%;
    }

    .more-icon-preocess.process-model li span {
        font-size: 15px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }

    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }

    .more-icon-preocess.process-model li::after {
        top: 18px;
    }

    .process-model.more-icon-preocess {
        text-align: center;
    }
}

.bg-pos-center {
    background-position: 50% 50%;
}

@media screen and (max-width: 767px) {
    .filter-list li {
        margin-bottom: .3em;
        text-align: left;
        width: 140px;
    }

    .filter-list {
        width: 100%;
    }
}

.process-font {
    max-width: 574px;
    position: relative;
    height: 30px;
}

    .process-font span {
        position: absolute;
    }

@media screen and (max-width: 767px) {
    .process-font span {
        font-size: 12px;
    }
}

.arrow-L {
    position: fixed;
    left: 3%;
    top: 60%;
    z-index: 99;
}

.arrow-R {
    position: fixed;
    right: 3%;
    top: 60%;
    z-index: 99;
}

.carousel-shadow-active .carousel-item-inner {
    margin-bottom: 25px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* ----- banner modify 210222 ----- */
.banner-center-image {
    position: relative;
    height: 650px;
    overflow: hidden;
}

    .banner-center-image img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        width: auto;
        transform: translate(-50%,-50%);
    }

        .banner-center-image img.portrait {
            width: 110% !important;
            max-width: 110% !important;
            height: auto;
        }

@media screen and (max-width: 1200px) {
    .banner-center-image {
        height: 450px;
    }
}

@media screen and (max-width: 960px) {
    .banner-center-image {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .banner-center-image {
        height: 300px;
    }
}

@media screen and (max-width: 576px) {
    .banner-center-image {
        height: 180px;
    }
}
/* -----  modify 210224 ----- */
/* -----  新益美英雄榜跑板處理 ----- */
@media screen and (max-width: 768px) {
    .tabs .liquid-lp-sp-block {
        padding-bottom: 60%;
    }

    .navbar-collapse .social-icon li a {
        opacity: 1;
    }

    .lity-container {
        width: 95%;
    }
}

/* -----  modify 210301 ----- */
.liquid-filter-items-label.size-xl {
    font-size: 40px;
}

.page_key .fancy-box-overlay.tall .fancy-box-contents {
    padding: 0;
}

.page_key .fancy-box-header {
    padding: 30px;
    background-color: rgba(255,255,255,.9);
}

/* -----  modify 210304 ----- */

p {
    letter-spacing: 0.08rem;
}

#section-shop .pd_smaller .masonry-item {
    min-height: 450px;
}

    #section-shop .pd_smaller .masonry-item figure {
        width: 200px;
        margin: 0 auto;
    }

@media screen and (max-width: 1199px) {
    #section-shop .pd_smaller .masonry-item figure {
        width: 180px;
    }

    #section-shop .pd_smaller .masonry-item {
        min-height: 390px;
    }
}

@media screen and (max-width: 767px) {
    #section-shop .pd_smaller .masonry-item figure {
        width: 230px;
    }

    #section-shop .pd_smaller .masonry-item {
        min-height: auto;
    }
}

@media screen and (max-width: 575px) {
    #section-shop .pd_smaller .masonry-item .ld-pf-title.h4 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* ----- modify 0415 ----- */
.pos_robot {
    z-index: 9;
    position: fixed;
    right: 0;
    bottom: 2%;
}

    .pos_robot img {
        animation: repeat 5s ease-in-out infinite;
        width: 150px;
    }

@keyframes repeat {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

@media screen and (max-width: 767px) {
    .pos_robot img {
        width: 100px;
    }
}

.monthly.liquid-lp-media {
        height: 120px;
        overflow: hidden;
    }

@media screen and (min-width:1200px) {
    .monthly.liquid-lp-media {
        height: 153px;
        overflow: hidden;
    }
}

@media screen and (max-width:1200px) {
    .monthly.liquid-lp-media {
        height: 120px;
        overflow: hidden;
    }
}

@media screen and (max-width:996px) {
    .monthly.liquid-lp-media {
        height: 443px;
        overflow: hidden;
    }
}

@media screen and (max-width:768px) {
    .monthly.liquid-lp-media {
        height: auto;
        overflow: hidden;
    }
}