body {
    overflow-x: hidden;
}

div,
body,
h1,
h2,
h3,
h4,
h5,
h6,
span,
p {
    font-family: proxima-nova, 'Arial', PingFangSC, "微軟正黑體", "黑體-繁", sans-serif !important;
}

h5 {
    font-size: 18px;
}

.focus {
    background: #fff;
}

.focus1 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.focus1:hover {
    background: #fff;
}

.inner {
    max-width: 1200px;
    margin: 0 auto;
}

.header-01 {
    position: fixed;
    width: 100%;
    z-index: 200;
    top: 0;
}

@media screen and (max-width: 1024px) {
    .header-01 {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
}

.hall-nav {
    position: fixed;
}

.user-info-menu {
    z-index: 999;
}

.mobile-menu-wrapper .mobile-menu-inner {
    position: fixed;
    top: 0;
    left: -265px;
    width: 85%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 80px;
    box-shadow: 12px 12px 8px -12px #000;
}

.mobile-navigation .mobile-menu li a {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #444;
    display: block;
    padding: 14px 20px;
    line-height: 24px;
}

.mobile-navigation .mobile-menu li .sub-menu {
    background-color: #fafafa;
    padding-left: 10px;
}

.nav-pills .nav-link {
    border-radius: 2rem;
}

.nav-link {
    display: block;
    padding: 1rem 1rem;
}

.header-style-3 .header-bottom {
    background-color: #222322cc;
}

.separator {
    border-color: #FFE7D1;
}

.header .top-bar {
    background-color: #FFE7D1 !important;
    padding-top: 0 !important;
    padding-bottom: 39px !important;
}

.mini-cart-btn sup {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: block;
    top: 6px;
    right: 0;
    text-align: center;
    padding: 0;
    background-color: #efc58e;
}

.main-navigation .mainmenu__link {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 400;
}

.main-navigation-3 .mainmenu__item.menu-item-has-children>ul.megamenu {
    left: -60px;
}

.main-navigation .mainmenu__item.active>a {
    color: #fff;
}

.color-variation-3 .zuka-preloader .zuka-child {
    background-color: #545554;
}

.btn_1 {
    text-transform: capitalize;
    display: inline-block;
    /*如同float進階*/
    text-align: center;
    /*置中*/
    vertical-align: middle;
    /*垂直置中*/
    padding: 3px 10px;
    /*padding*/
    min-height: 45px;
    line-height: 45px;
    border-width: 0px;
    border: 2px solid #ada9ab;
    /*外框(粗度-類型-顏色)*/
    border-radius: 5px;
    /*外框(弧度)*/
    background: #6b6865;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b6865), to(#6b6865));
    background: -moz-linear-gradient(top, #6b6865, #6b6865);
    background: linear-gradient(to bottom, #6b6865, #6b6865);
    -webkit-box-shadow: #a59e98 0px 0px 10px 0px;
    -moz-box-shadow: #a59e98 0px 0px 10px 0px;
    box-shadow: #a59e98 0px 0px 10px 0px;
    /*框的陰影*/
    text-shadow: #48301a 0px 0px 1px;
    /*文字陰影*/
    font: normal normal bold 18px arial;
    /*字型*/
    color: #ffffff;
    text-decoration: none;
}

.btn_1:hover,
.btn_1:focus {
    border: 2px solid #868685;
    background: #484746;
    background: -webkit-gradient(linear, left top, left bottom, from(#484746), to(#3d3d3d));
    background: -moz-linear-gradient(top, #484746, #3d3d3d);
    background: linear-gradient(to bottom, #484746, #3d3d3d);
    color: #ffffff;
    text-decoration: none;
}


/*點擊按下時*/

.btn_1:active {
    background: #484746;
    background: -webkit-gradient(linear, left top, left bottom, from(#484746), to(#3d3d3d));
    background: -moz-linear-gradient(top, #484746, #3d3d3d);
    background: linear-gradient(to bottom, #484746, #3d3d3d);
}

.btn_w {
    width: 100%;
    border-radius: .5rem;
}

.btn_w_01 {
    width: 120px;
    border-radius: .6rem;
    color: white;
}

.btn_w_02 {
    width: 150px;
    border-radius: .4rem;
    color: white;
}

.product-title {
    font-size: 16px;
    font-weight: 600;
}

.post-title {
    font-size: 20px;
}

@media (min-width: 0px) and (max-width: 576px) {
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width:475px) {
    /*隱藏寬度525以上  */
    .hidden-xs-up {
        display: none !important;
    }
}

@media (max-width: 476px) {
    /*隱藏寬度575以下*/
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 75em) {
    .container {
        max-width: 1440px !important;
    }
}

.heading-secondary-3 {
    font-size: 35px;
}

.work {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: 1px 1px 7px grey;
}

.color--white {
    font-weight: 300;
}

.product-summary .product-price-wrapper>span {
    font-size: 20px;
}

.form__input {
    height: 45px;
}

.form__input--2 {
    height: 45px;
}

.ftw {
    font-weight: bold;
}

.fszie25 {
    font-size: 25px !important;
    font-weight: bold !important;
}

.main-navigation-3 .mainmenu__item.menu-item-has-children>ul {
    margin-top: 0px;
}

.pic {
    width: 500px;
    height: 350px;
    overflow: hidden;
}

.pic img {
    transform: scale(1, 1);
    transition: all 1s ease-out;
}

.pic img:hover {
    transform: scale(1.2, 1.2);
}

.tab-style-4 .nav-link {
    padding: 5px 30px;
}

.bor {
    border-radius: 5px;
}

.borl_2 {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.menu-item-has-children.sss.active a {
    color: #181818 !important;
}

@media (min-width:575px) {
    .phone {
        display: none;
    }
    .pl--15 {
        padding-left: 15px !important;
    }
    .is-sticky.top-padding.headroom--fixed {
        display: block !important;
        height: 154px;
    }
}

@media (max-width:576px) {
    .web {
        display: none;
    }
    .pl--15 {
        padding-left: 0px !important;
    }
    .is-sticky.top-padding.headroom--fixed {
        display: block !important;
        height: 90px;
    }
}

body,
html {
    overflow-x: hidden;
}

@media (min-width: 992px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 100%;
    }
}

.zhise_1 {
    color: #7b599b;
}

.huise_1 {
    color: grey;
}

.baise_1 {
    color: #fff;
}

.bg_huise_1 {
    background-color: #eee !important;
}

.action-btn.dark-bg,
.nav-hover-1 .slick-btn:hover,
.post.popular-post .post-info {
    background-color: #181818 !important;
}

.shop-toolbar__btn {
    padding: 5px 20px;
}

.heading-secondary {
    font-size: 20px;
}

.table tbody td {
    padding: 5px 0;
}

.color-variation-3 .btn:hover,
.color-variation-3 .btn-style-1:hover,
.color-variation-3 .btn-style-2,
.color-variation-3 .btn-style-4,
.color-variation-3 .header-bottom,
.color-variation-3 .searchform-3 .searchform__submit,
.color-variation-3 .mini-cart-btn sup,
.color-variation-3 .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title span.mm-text:after,
.color-variation-3 .product-badge,
.color-variation-3 .product-countdown-3,
.color-variation-3 .product-countdown-3 .single-countdown,
.color-variation-3 .action-btn:hover,
.color-variation-3 .tab-style-4 .nav-link.active,
.color-variation-3 .tab-style-4 .nav-link:hover,
.color-variation-3 .slick-dots li.slick-active button {
    background-color: #181818;
}

.color-variation-3 .btn:hover,
.color-variation-3 .btn-style-1:hover,
.color-variation-3 .tab-style-4 .nav-link.active,
.color-variation-3 .tab-style-4 .nav-link:hover {
    border-color: #ffffff;
}

.action-btn-square {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

.btn-submit {
    min-height: 25px;
    line-height: 25px;
    background-color: #222;
    border-radius: 5px;
}

select {
    padding: 4px 20px;
    border: 1px #cdcdcd solid;
    cursor: pointer;
    border-radius: 5px;
}

.nav-outline .slick-btn {
    border: 1px solid #494949e8;
}

.nav-round .slick-btn {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 40px;
}

.fixed {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
}

.button {
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    border: 2px solid #504f4f;
    border-radius: 50px;
    background: #1d1d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#525353), to(#1c1d1d));
    background: -moz-linear-gradient(top, #525353, #1c1d1d);
    background: linear-gradient(to bottom, #525353, #1c1d1d);
    -webkit-box-shadow: #080d11 0px 0px px 0px;
    -moz-box-shadow: #080d11 0px 0px px 0px;
    box-shadow: #747373 0px 0px 5px 0px;
    text-shadow: #080d11 1px 1px 1px;
    font: normal normal bold 33px arial;
    color: #ffffff;
    text-decoration: none;
}

.button:hover,
.button:focus {
    border: 2px solid #919090;
    background: #7c7c7c;
    background: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#504f4f));
    background: -moz-linear-gradient(top, #7c7c7c, #2c2c2c);
    background: linear-gradient(to bottom, #7c7c7c, #2c2c2c);
    color: #ffffff;
    text-decoration: none;
}

.button:active {
    background: #e5e7e9;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e7e9), to(#1c1d1d));
    background: -moz-linear-gradient(top, #e5e7e9, #1c1d1d);
    background: linear-gradient(to bottom, #e5e7e9, #1c1d1d);
}

.main-navigation .mainmenu__item.active> :hover {
    color: #000;
}

.mobile-menu-wrapper.menu.open {
    pointer-events: all;
}

.mobile-menu-wrapper.menu {
    pointer-events: none;
}

.searchform-3 .searchform__input {
    height: 35px;
    line-height: 35px;
    padding: 0 50px 0 10px;
}

.searchform-3 .searchform__submit {
    height: 35px;
    line-height: 40px;
    width: 45px;
}

.mobile-menu-wrapper .btn-close {
    top: 30px;
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #393939;
    border-radius: 0px;
    background-color: #393939;
}

.scrollbar::-webkit-scrollbar {
    height: 2px;
    background-color: #393939;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #ffffff;
}

.scrollbar {
    height: 100%;
    width: 100%;
    overflow-x: scroll;
}

.mobile-td {
    padding: 20px 0px !important;
    width: 10% !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(146, 146, 146, 0.5) !important;
}

.mobile-font {
    color: white;
    font-size: 20px;
    margin-top: 5px;
    width: 85px
}

.mobile-font-a {
    padding: 10px;
    background-color: #393939;
}

.mobile-udiv {
    text-align: center;
    padding: 5px 0px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(146, 146, 146, 0.5) !important;
}

.mobile-ufont {
    text-align: center;
    color: white;
    font-size: 17px;
    margin-top: 5px;
}

.wei-grids-wall {
    display: flex;
    flex-direction: row;
    position: relative;
    /* margin-top: 10vh; */
}

.wei-grid {
    position: relative;
    /* left: 10%; */
    width: 300px;
    height: 200px;
    /* border: 1px solid black; */
    margin: 0px 10px 0px 10px;
    overflow: hidden;
}

.wei-image1 {
    transition: transform 1s ease;
    width: 100%;
    height: 100%;
}

.wei-grid:hover .wei-image1,
.wei-grid:focus .wei-image1 {
    transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

.color-variation-3 .btn:hover,
.color-variation-3 .btn-style-1:hover,
.color-variation-3 .btn-style-2,
.color-variation-3 .btn-style-4,
.color-variation-3 .header-bottom,
.color-variation-3 .searchform-3 .searchform__submit,
.color-variation-3 .mini-cart-btn sup,
.color-variation-3 .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title span.mm-text:after,
.color-variation-3 .product-badge,
.color-variation-3 .product-countdown-3,
.color-variation-3 .product-countdown-3 .single-countdown,
.color-variation-3 .action-btn:hover,
.color-variation-3 .tab-style-4 .nav-link.active,
.color-variation-3 .tab-style-4 .nav-link:hover,
.color-variation-3 .slick-dots li.slick-active button {
    background-color: #e10060;
}

.heading-button,
.heading-button:hover,
.load-more,
.view-all,
.cart-calculator__item--head,
.cart-calculator__item--value,
.mini-cart,
.side-navigation-wrapper,
.header__text,
.header .contact-info span,
.header-toolbar__item>a,
.header-toolbar-3 .header-toolbar__item>a,
.header-transparent .headroom--fixed.is-sticky .main-navigation.white-color .mainmenu__item.active>a,
.header-transparent .headroom--fixed.is-sticky .main-navigation.white-color .mainmenu__item.menu-item-has-children:not(.megamenu-holder):after,
.header-transparent .headroom--fixed.is-sticky .main-navigation.white-color .mainmenu__link,
.header-aside__top .header-toolbar .toolbar-btn,
.accordion__link,
.btn-bg-white,
.action-btn i,
.load-more-btn,
.nav-style-1 .slick-btn,
.product-slide-nav.slick-vertical .slick-btn i,
.product-slide-nav .slick-btn i,
.comment-info,
.comment-author a,
.comment-content p,
.comment .reply,
.form__label--2,
.form__label--3,
.form__label.checkbox-label,
.reply-title,
.cart-form__input,
.cart-form__btn,
.shipping-calculator-form select,
.shipping-calculator-form input,
.shipping-calculator-form input[type="submit"],
.zuka-newsletter-popup-body h4,
.main-navigation .mainmenu__item.menu-item-has-children>ul li a,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title,
.main-navigation-2 .mainmenu__link,
.sidenav-menu li a,
.post-title a,
.post .read-more,
.single-post-details .entry-excerpt p,
.post-navigation .nav-links__inner,
.product-price-wrapper>span,
.product-stock,
.product-description,
.zuka-product-layout-2 .product-title a,
.zuka-product-list .product-title a,
.zuka-product-list .product-action a,
.product-summary .product-navigation a,
.product-summary .product-extra a,
.product-summary .product-meta span,
.product-summary .product-share-box span,
.product-countdown .single-countdown__time,
.product-countdown .single-countdown__text,
.variation-form .swatch-label,
.variation-form .reset_variations,
.product-box .product-item .product-price-wrapper span.product-price-old,
.product-box .product-item .product-price-wrapper span.product-price-new,
.product-box-2 .product-price-wrapper span.product-price-old,
.banner-box .banner-badge.yellow,
.banner-box .banner-title-2,
.banner-box .banner-title-2-1,
.banner-box .banner-title-3,
.banner-box .banner-title-4,
.banner-box .banner-title-11,
.banner-box .banner-btn-outline,
.banner-box .banner-btn-2,
.banner-box .banner-btn-3.banner-btn-outline,
.banner-box .banner-btn-5.banner-btn-outline,
.banner-box .banner-btn.hover-style-bg.banner-btn-color-white:hover,
.social__link,
.social-medium .social__link,
.tab-style-1 .nav-link.active,
.tab-style-2 .nav-link.active,
.tab-style-3 .nav-link.active,
.product-widget .widget-title,
.contact-info p,
.contact-info a,
.blog-widget .menu li a,
.recent-post__title a,
.team-member__name a,
.table.compare-table tbody th,
.group-product-table tbody td.product-name h3,
.group-product-table tbody td.product-price .product-price-wrapper>span.product-price-old,
.payment-label,
.shop-toolbar__btn,
.shop-toolbar__btn:hover,
.shop-toolbar .product-pages,
.shop-toolbar .product-view-count ul li.active a,
.shop-toolbar .product-view-mode a.active,
.product-reviews .review__author,
.breadcrumb-area .breadcrumb li a,
.breadcrumb-area .breadcrumb li span,
.message-box p,
.message-box a,
.coming-soon .contact-info__item,
.contact-info-2 .contact-info__item i,
.contact-info-2 .contact-info__item span {
    color: #e10060;
}

.main-navigation .mainmenu__link>span.mm-text:after {
    content: '';
    top: auto;
    top: calc(50% + 12px);
    left: 50%;
    width: 20px;
    height: 2px;
    margin-left: -10px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #ffffff;
}

.action-btn.dark-bg,
.nav-hover-1 .slick-btn:hover,
.post.popular-post .post-info {
    background-color: #e10060 !important;
}

.pagination li .page-number.current,
.pagination li .page-number:hover {
    background-color: #000000;
    color: #fff;
}