ul ,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mt50{  margin-top: 50px; }
.pl0{ padding-left: 0; }
.pr0{ padding-right: 0; }

.elementor-widget-container {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #30364f;

    -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;

    width: auto;
    display: inline-block;
}


.elementor-button-wrapper .elementor-button {
    font-family: "Rubik",Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3em;
    fill: #ff005a;
    color: #ff005a;
    background-color: rgba(255,255,255,0);
    border-radius: 0 0 0 0;
    padding: 0 0 2px 0;
}

.elementor-button-wrapper .elementor-button {
    border-color: #71b230;
    background-color: #71b230;
}
.elementor-button-wrapper .elementor-button {
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
}
.elementor-align-right .elementor-button {
    width: auto;
}

.elementor-button .elementor-align-icon-right {
    margin-left: 5px;
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
}
.elementor-button-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    display: inline-block;
}

.elementor-widget-container a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.elementor-button span {
    text-decoration: inherit;
}
.elementor-button-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
}

.header{ 
	/* height: 120px; */
	display: -webkit-flex;
	align-content: center;
    align-items: center;

    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 15%);
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    /*padding: 0% 5% 0% 5%;*/

    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 0px;
        width: 100%;
    background: #fff;
    z-index: 99;
    margin-top: 10px;
 }
 .header .row{ 
	display: -webkit-flex;
	align-content: center;
    align-items: center;
 }
.header .logo img{ width: 100%; height: auto; }


.blog-nav{
	/* height: 120px; */
	display: flex;
    display: -webkit-flex;
	align-content: center;
    align-items: center;
    position: relative;
}
.blog-nav ul{
    align-content: center;
    align-items: center;

    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

}
.blog-nav li{
	position: relative;

	font-size: 16px;
}

.blog-nav a{ 
	color: #3b3933;    
	padding: 15px 17px;
	line-height: 1;
    text-decoration: none;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    white-space: nowrap;

 }
 .blog-nav a:hover{ color: #30364f; }

 .blog-nav .current a:after{ opacity: 1; }


 .blog-nav a:after {
    content: '';
    bottom: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background-color: #30364f;
    z-index: 2;
    display: block;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
    opacity: 0;
}
.blog-nav  a:hover:after{ opacity: 1; }
.blog-nav a:before, a:after {
    
}


.menu-toggle {
    visibility: visible;
    opacity: 1;
    display: block;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    cursor: pointer;
    border: 0 solid;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #494c4f;
    position: relative;
    line-height: 1;

    margin-left: auto;
}
.nav-menu-icon {
    color: #30364f;
}

.nav-menu-icon {
    display: inline-block;
    line-height: 1;
    text-align: center;
}
.nav-menu-icon {
    padding: .35em;
    border: 0 solid;
}
.menu-is-active{
    position: absolute;
    display: block!important;
    width: 100%;
    background: #fff;
    top: 46px;
    right: -15px;
    width:150px
}
.menu-is-active li{
    width: 100%;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: #c4c4c4;
    border-bottom-width: .5px;
}

@media(max-width: 767px) {

    .nav-menu-icon {
        font-size: 24px;
    }
    .header{ height: auto; }
    .header .blog-nav{ 
        height: auto; 
        display: flex;
        flex-direction: column;
    }

    .header .blog-nav ul{
        display: none;
    }
   

}





.banner{
    background-position: center center;
    background-size: cover;

    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    padding: 7.5% 0% 10% 1.5%;
    position: relative;
}


.banner-bottom {
    bottom: -1px;

    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
    z-index: 1;
}

.banner-bottom svg {
    /* width: calc(116% + 1.3px); */
    height: 55px;
}
.banner-bottom svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner-bottom svg:not(:root) {
    overflow: hidden;
}


.banner-bottom  .elementor-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.banner .container{ text-align: center; }
.banner .heading-title {
    color: #30364f;
    font-family: "Noto Sans",Sans-serif;
    font-size: 30px;
    font-weight: 400;
	margin-top: 30px
}
.banner h1 {
     color: #3b3933;
    font-family: "Noto Sans",Sans-serif;
    font-size: 40px;
    font-weight: 300;
    margin-top: 20px;
}
.banner p {
    color: #8e4448;
    font-size: 14px;
}
.banner p.tip {
    color: #7a6c4d;
    font-size: 14px;
    margin-top: 50px;
    width: 300px;
    margin: 0 auto;
}

.banner .button-wrapper{
	margin-top: 25px;
}
.banner a.button {
	color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    background-color: #30364f;
    border-radius: 103px 103px 103px 103px;
        padding-top: 16px;
    padding-right: 40px;
    padding-bottom: 16px;
    padding-left: 40px;
    text-decoration: none;
}

.banner a.button:hover {
    background-color: #CB4646;
}
.elementor-container{

  }

.elementor-divider.elementor-divider {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    --divider-border-style: solid;
    --divider-color: #000;
    --divider-border-width: 1px;
    --divider-icon-size: 20px;
    --divider-element-spacing: 10px;
    --divider-pattern-height: 24px;
    --divider-pattern-size: 20px;
    --divider-pattern-url: none;
    --divider-pattern-repeat: repeat-x;
}

.elementor-divider .elementor-divider__text {
    color: #ff005a;
    font-size: 14px;
    font-weight: 400;
        margin: 0 var(--divider-element-spacing);
    -ms-flex-negative: 0;
    flex-shrink: 0;

    font-size: 15px;
    line-height: 1;
    max-width: 95%;
}
.elementor-divider .elementor-divider-separator {
    width: 180px;
    margin: 0 auto;
    margin-left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    direction: ltr;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.elementor-divider .elementor-divider-separator:before {
    display: block;
    content: "";
    border-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}

h2.elementor-heading-title{ 
	color: #30364f;
    font-size: 45px;
    font-weight: 300;
}


.article .item{ margin-bottom: 30px; }

.article .title,.article .title a {

    color: #7a6c4d;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    text-decoration: none;
}
.article .content h3{ margin-top: 0; }
 
.article .content .meta-data {
    color: #7a6c4d;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3em;
    font-size: 12px;
    margin-bottom: 13px;
}

.article .content .read-more {
    color: #7a6c4d;
    font-weight: 300;
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.article .thumb {
   top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: relative;
}

.article .thumb img {
    height: auto;
/*
    position: absolute;
    top: calc(50% + 1px);
    left: calc(50% + 1px);
 
    -webkit-transform: scale(1.01) translate(-50%,-50%);
    -ms-transform: scale(1.01) translate(-50%,-50%);
    transform: scale(1.01) translate(-50%,-50%);
*/ 
    display: block;
    width: 100%;
    max-height: none;
    max-width: none;
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    -o-transition: filter .3s;
    transition: filter .3s;
    transition: filter .3s,-webkit-filter .3s;
}



.elementor-separator  {
    margin-top: 60px;
    --divider-border-style: solid;
    --divider-color: #30364f;
    --divider-border-width: 2px;
}

.elementor-separator .elementor-divider-separator {
    width: 100%;

    border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    direction: ltr;
}

.index-item2{
        transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    margin-top: 80px;
    margin-bottom: 0;

    min-height: 450px;

}

.index-item2 .widget-image{
    background-image: url(https://blog.beauty-place.com.hk/wp-content/uploads/2021/07/Batch-GettyImages-1138162433_img_1040_780.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 450px;
}
.index-item2 .widget-article{
    background-color: #F6F2E9;
    min-height: 450px;
}

.index-item2 .widget-article .widget-wrap{

    padding: 5% 20% 5% 10%;

}
.index-item2 .article {
    min-height: 150px;
}
.index-item2 .article .date{
    color: #7a6c4d;  
}

.index-item2 .elementor-widget-container{ margin-top: 20px; }



.index-item3{
    margin-top: 80px;
    margin-bottom: 20px;
    
}
.index-item3 .wdget-right{
    padding: 3% 3% 8% 3%;
    padding: 17px;
    border-radius: 20px 20px 20px 20px;
    background-color: #F6F2E9;

    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}
.index-item3 .wdget-right .wdget-ad {
    margin-bottom: 20px;
}
.index-item3 .wdget-right .wdget-ad img{
    width: 100%;
    height: auto;
}
.index-item3 .wdget-right .date{
color: rgba(0,0,0,.5);

}
.index-item3  .wdget-article{ margin-top: 40px; margin-bottom: 20px; }
.index-item3  h2.elementor-heading-title{ margin: 40px 0; }

.index-item3  .wdget-article .item{ margin-bottom: 15px; }
.index-item3  .wdget-article .content{ padding-left: 0; }




.footer{
 position: relative;
    background-image: url(https://www-x-lovingjbazaar-x-com.img.abc188.com/blogbanners/front/frontbottom.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    margin-top: 80px;
  
}

.footer .wdget-container{
    margin-bottom: -85px;
    padding: 70px 0 120px 0;
}
.footer-logo { text-align: center; }
.footer-logo img {width: 100%; max-width: 300px; }
.footer-menu {height: auto; margin-top: 20px;}
.footer-menu ul{

    flex-wrap: wrap; justify-content: center;
} 


 .elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.elementor-shape-top {
    top: -1px;
}
.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.elementor-shape .elementor-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.elementor-shape-top svg {
    width: calc(158% + 1.3px);
    height: 33px;

    z-index: -1;
}
.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.elementor-shape svg:not(:root) {
    overflow: hidden;
}
.pagebar{ margin-top: 20px; text-align: center; }
.pagebar a{ color: #7a6c4d; }

.detail-banner{
    margin-top: 120px;
    background-image: url(https://www-x-lovingjbazaar-x-com.img.abc188.com/blogbanners/front/header.jpg);
    background-position: center center;

    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;

}
.detail-banner .image{
    padding: 20px 0 20px 20px;
}
.detail-banner img{
    width: 100%; 

    border-radius: 10px 10px 10px 10px;

    vertical-align: middle;
    display: inline-block;

    height: auto;
    max-width: 100%;
    border: none;

    -webkit-box-shadow: none;
    box-shadow: none;
}
.detail-banner .wdget{
    min-height: 266px;
    display: flex;
        align-content: center;
    align-items: center;
    justify-content: center;
}
.detail-banner h1{
    color: #8e4448;
    font-size: 26px;
    font-weight: 300;
    line-height: 150%;

    padding: 0;
    margin: 0;
    vertical-align: middle;

}

.article-detail{
    margin-top: 60px;
}
.article-detail .position{
        margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: #30364f;
}
.article-detail .position a{
    color: #30364f;
}
.article-detail h2 {
    margin-bottom: 50px;
    color: #290512;
    font-size: 28px;
    font-weight: 300;
    line-height: 140%;
}

.article-detail .content{
    color: #290512;
    font-family: "Rubik",Sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.article-detail .content .elementor-element,
.article-detail .content .elementor-widget-container,
.article-detail .content .tablepress ,
{ 
    width: 100%!important;
}

.detail-like{
    padding: 20px 20px 20px 20px;
    background-color: #F6F2E9;
    border-radius: 20px 20px 20px 20px;
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}

.detail-like p.elementor-heading-title{
    margin: 20px 0;
    color: #290512;
    font-size: 22px;
    font-weight: 300;
}
.detail-like .article{
    color: #290512;
    font-size: 16px;
    font-weight: 300;
}

.detail-like .article .title, .detail-like  .article .title a{
    color: #290512;
    font-size: 16px;
    font-weight: 300;
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;

    padding: 30px 30px 30px 30px;
    background-color: #f7f7f7;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(12,12,12,.1);

}
.navigation .arrow-prev {
    padding-right: 15px;
}
.navigation .arrow-wrapper {
    color: #A87438;
    font-size: 20px;
}

.navigation .arrow-prev,
.navigation .arrow-next
{
    padding-right: 15px;

    color: #A87438;
    font-size: 20px;
}
.navigation .arrow-next {
    padding-left: 15px;
}

.navigation  .link-next,
.navigation  .link-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.navigation .prev-label,
.navigation .next-label {
    font-family: "Rubik",Sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;

    color: #8e4448;
}
.navigation .prev-title, 
.navigation .next-title {
    color: #290512;
    font-family: "Noto Sans",Sans-serif;
    font-size: 16px;
    font-weight: 400;
   
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
    
}
.navigation .navigation-link {
    width: calc(50% - (1px / 2));
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.navigation a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;

    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.navigation-next{ text-align: right; }

.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
@media(max-width: 767px) {
.elementor-widget-container{ margin-bottom: 30px }
}
#ez-toc-container {
 background:#f9f9f9;
 border:1px solid #aaa;
 border-radius:4px;
 box-shadow:0 1px 1px rgba(0,0,0,.05);
 display:table;
 margin-bottom:1em;
 padding:10px;
 position:relative;
 width:auto
}
div.ez-toc-widget-container {
 padding:0;
 position:relative
}
#ez-toc-container.ez-toc-light-blue {
 background:#edf6ff
}
#ez-toc-container.ez-toc-white {
 background:#fff
}
#ez-toc-container.ez-toc-black {
 background:#000
}
#ez-toc-container.ez-toc-transparent {
 background:none transparent
}
div.ez-toc-widget-container ul {
 display:block
}
div.ez-toc-widget-container li {
 border:none;
 padding:0
}
div.ez-toc-widget-container ul.ez-toc-list {
 padding:10px
}
#ez-toc-container ul ul,
.ez-toc div.ez-toc-widget-container ul ul {
 margin-left:1.5em
}
#ez-toc-container li,
#ez-toc-container ul {
 margin:0;
 padding:0
}
#ez-toc-container li,
#ez-toc-container ul,
#ez-toc-container ul li,
div.ez-toc-widget-container,
div.ez-toc-widget-container li {
 background:0 0;
 list-style:none none;
 line-height:1.6;
 margin:0;
 overflow:hidden;
 z-index:1
}
#ez-toc-container p.ez-toc-title {
 text-align:left;
 line-height:1.45;
 margin:0;
 padding:0
}
.ez-toc-title-container {
 display:table;
 width:100%
}
.ez-toc-title,
.ez-toc-title-toggle {
 display:table-cell;
 text-align:left;
 vertical-align:middle
}
#ez-toc-container.ez-toc-black p.ez-toc-title {
 color:#fff
}
#ez-toc-container div.ez-toc-title-container+ul.ez-toc-list {
 margin-top:1em
}
.ez-toc-wrap-left {
 float:left;
 margin-right:10px
}
.ez-toc-wrap-right {
 float:right;
 margin-left:10px
}
#ez-toc-container a {
 color:#444;
 box-shadow:none;
 text-decoration:none;
 text-shadow:none
}
#ez-toc-container a:visited {
 color:#9f9f9f
}
#ez-toc-container a:hover {
 text-decoration:underline
}
#ez-toc-container.ez-toc-black a {
 color:#fff
}
#ez-toc-container.ez-toc-black a:visited {
 color:#fff
}
#ez-toc-container a.ez-toc-toggle {
 color:#444
}
#ez-toc-container.counter-flat ul,
#ez-toc-container.counter-hierarchy ul,
.ez-toc-widget-container.counter-flat ul,
.ez-toc-widget-container.counter-hierarchy ul {
 counter-reset:item
}
#ez-toc-container.counter-numeric li,
.ez-toc-widget-container.counter-numeric li {
 list-style-type:decimal;
 list-style-position:inside
}
#ez-toc-container.counter-decimal ul.ez-toc-list li a::before,
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
/* content:counters(item,".") ". ";*/
 display:inline-block;
 counter-increment:item;
 margin-right:.2em
}
#ez-toc-container.counter-roman li a::before,
.ez-toc-widget-container.counter-roman ul.ez-toc-list li a::before {
 content:counters(item,".",upper-roman) ". ";
 counter-increment:item
}
.ez-toc-widget-container ul.ez-toc-list li::before {
 content:' ';
 position:absolute;
 left:0;
 right:0;
 height:30px;
 line-height:30px;
 z-index:-1
}
.ez-toc-widget-container ul.ez-toc-list li.active::before {
 background-color:#ededed
}
.ez-toc-widget-container li.active>a {
 font-weight:900
}
.ez-toc-btn {
 display:inline-block;
 padding:6px 12px;
 margin-bottom:0;
 font-size:14px;
 font-weight:400;
 line-height:1.428571429;
 text-align:center;
 white-space:nowrap;
 vertical-align:middle;
 cursor:pointer;
 background-image:none;
 border:1px solid transparent;
 border-radius:4px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -o-user-select:none;
 user-select:none
}
.ez-toc-btn:focus {
 outline:thin dotted #333;
 outline:5px auto -webkit-focus-ring-color;
 outline-offset:-2px
}
.ez-toc-btn:focus,
.ez-toc-btn:hover {
 color:#333;
 text-decoration:none
}
.ez-toc-btn.active,
.ez-toc-btn:active {
 background-image:none;
 outline:0;
 box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.ez-toc-btn-default {
 color:#333;
 background-color:#fff;
 border-color:#ccc
}
.ez-toc-btn-default.active,
.ez-toc-btn-default:active,
.ez-toc-btn-default:focus,
.ez-toc-btn-default:hover {
 color:#333;

 background-color:#ebebeb;
 border-color:#adadad
}
.ez-toc-btn-default.active,
.ez-toc-btn-default:active {
 background-image:none
}
.ez-toc-btn-sm,
.ez-toc-btn-xs {
 padding:5px 10px;
 font-size:12px;
 line-height:1.5;
 border-radius:3px
}
.ez-toc-btn-xs {
 padding:1px 5px
}
.ez-toc-btn-default {
 text-shadow:0 -1px 0 rgba(0,0,0,.2);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}
.ez-toc-btn-default:active {
 box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.active,
.ez-toc-btn:active {
 background-image:none
}
.ez-toc-btn-default {
 text-shadow:0 1px 0 #fff;
 background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
 background-repeat:repeat-x;
 border-color:#dbdbdb;
 border-color:#ccc
}
.ez-toc-btn-default:focus,
.ez-toc-btn-default:hover {
 background-color:#e0e0e0;
 background-position:0 -15px
}
.ez-toc-btn-default.active,
.ez-toc-btn-default:active {
 background-color:#e0e0e0;
 border-color:#dbdbdb
}
.ez-toc-pull-right {
 float:right!important;
 margin-left:10px
}
.ez-toc-glyphicon {
 position:relative;
 top:1px;
 display:inline-block;
 font-family:'Glyphicons Halflings';
 -webkit-font-smoothing:antialiased;
 font-style:normal;
 font-weight:400;
 line-height:1;
 -moz-osx-font-smoothing:grayscale
}
.ez-toc-glyphicon:empty {
 width:1em
}
.ez-toc-toggle i.ez-toc-glyphicon {
 font-size:16px;
 margin-left:2px
}
[class*=ez-toc-icon-] {
 font-family:ez-toc-icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.ez-toc-icon-toggle:before {
 content:"\e87a"
}

.ez-toc-heading-level-3{margin-left:25px!important;}


.share-box{ display:flex;    -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-items: center;  align-items: center;}
.share-box ul{display:flex}
.share-box ul a{ background:#3B5998; padding:10px 20px; margin:5px 5px; color:#fff; text-decoration:none}
.share-box ul a:hover{ color:#fff; background:#366CDD}
.share-box ul a span{padding-left:10px;}
.share-box ul a.whatsapp{ background:#25D366;}
.share-box ul a.whatsapp:hover{ background:#00FF54;}
.share-box ul a.linkedin{ background:#0077B5;}
.share-box ul a.linkedin:hover{ background:#009BFF;}
.share-box ul a.telegrame{ background:#2CA5E0;}
.share-box ul a.telegrame:hover{ background:#00D3FF;}




.su-button {display: inline-block !important;text-align: center;text-decoration: none !important;box-sizing: content-box !important;transition: all .2s; padding:8px 15px;display: block !important;margin: 1em 0;color:#5973b6;background-color:#f0d4ff;border-color:#c0aacc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;color:#5973b6;font-size:20px;line-height:30px;border-color:#f5e1ff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-shadow:1px px 0px #000000;-moz-text-shadow:1px px 0px #000000;-webkit-text-shadow:1px px 0px #000000}
.su-button span{}
.su-button span i{ color:#fff}

.w1200 {
	/* width: 1200px; */
    margin: 0 auto;
}.block {
	width: 980px;
	height: auto;
    margin: 0 auto;
}.tel {
	position: absolute;
	right: 13px;
	top: 42px;
	color: #FFF;
	font-family: Arial;
	font-weight: 700;
	font-size: 14px;
}
.call i,.weibo,.weixin,.jdt-l,.jdt-r,.jdt-list span,.buttonbuy,.buttonbuy_dz,.nav_title,.nav_ico1,.qq_ico,.nav_ico3,.nav_ico4,#site-nav .cart .menu-bd .smb a,.nav_ico6,#site-nav .quick-menu LI,#site-nav .search .menu-hd S,.cart i,#site-nav .search .menu-bd BUTTON{background-image:url(images/sprite.png); background-repeat:no-repeat}
.top-bar{background:#efefef;border-bottom:1px solid #ddd;}
.top-bar *{ box-sizing:content-box;}
.top-bar a{text-decoration:none}
.chl-poster{width:1000px;margin:0 auto}
#site-nav .quick-menu LI {}
#site-nav .search .menu-hd S {}
.cart i {}
#site-nav .search .menu-bd BUTTON {}
#header {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
#page {MARGIN-LEFT: auto; WIDTH: 950px; MARGIN-RIGHT: auto}
#site-nav-bg {Z-INDEX: 9999; BACKGROUND: #f7f7f7; LEFT: 0px; WIDTH: 100%; BORDER-BOTTOM: #d2d2d2 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 25px}
#site-nav {Z-INDEX: 10000; padding:2px 0; COLOR: #000; LINE-HEIGHT: 19px; POSITION: relative; HEIGHT: 22px}
#site-nav A {COLOR: #666464}
#site-nav A:hover {COLOR: #f50}
#site-nav .login-info {FLOAT: left; PADDING-TOP: 1px}
#site-nav .login-info A {MARGIN-RIGHT: 8px}
#site-nav .login-info A.user-nick {MARGIN-RIGHT: 0px}
#site-nav .quick-menu {RIGHT: 0px; POSITION: absolute; TOP: 0px}
#site-nav .quick-menu LI {PADDING-RIGHT: 10px; BACKGROUND-POSITION: right 6px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: -1px; PADDING-TOP: 2px}
#site-nav .quick-menu LI.last {BACKGROUND: none transparent scroll repeat 0% 0%}
#site-nav .quick-menu LI.menu-item {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: relative}
.cart {PADDING-TOP: 1px; POSITION: relative; _padding-top: 2px}
.cart A {PADDING-LEFT: 26px !important;padding-right:10px !important;padding-top:1px !important;}
.cart i {BACKGROUND-POSITION: -255px -21px; LEFT: 8px; WIDTH: 14px; POSITION: absolute; TOP: 6px; HEIGHT: 11px}
#site-nav .menu-hd {PADDING-RIGHT: 22px; DISPLAY: block; PADDING-LEFT: 10px; Z-INDEX: 10002; PADDING-BOTTOM: 0px; MARGIN: 1px 1px 0px; CURSOR: pointer; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 20px}
#site-nav .mytaobao .menu-hd {PADDING-TOP: 1px; _padding-top: 1px}
#site-nav .search .menu-hd {WIDTH: 34px; PADDING-TOP: 1px; _padding-top: 1px}
#site-nav .services .menu-hd {WIDTH: 80px; PADDING-TOP: 1px; _padding-top: 1px}
#site-nav .menu-hd B {BORDER-RIGHT: #eee 4px solid; BORDER-TOP: #666464 4px solid; FONT-SIZE: 0px; RIGHT: 10px; BORDER-LEFT: #eee 4px solid; WIDTH: 0px; LINE-HEIGHT: 0; BORDER-BOTTOM: #eee 4px solid; POSITION: absolute; TOP: 7px; HEIGHT: 0px; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in}
#site-nav .search .menu-hd {PADDING-LEFT: 25px; COLOR: #666464}
#site-nav .search .menu-hd S {BACKGROUND-POSITION: -238px -20px; LEFT: 9px; WIDTH: 14px; POSITION: absolute; TOP: 4px; HEIGHT: 13px}
#site-nav .menu-bd {BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; DISPLAY: none; Z-INDEX: 10001; RIGHT: 0px; BACKGROUND: #fff; BORDER-LEFT: #bfbfbf 1px solid; BORDER-BOTTOM: #bfbfbf 1px solid; POSITION: absolute; TOP: 21px}
#site-nav .search .menu-bd {_right: -1px}
#site-nav IFRAME.menu-bd {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: -1; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=0); FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
#site-nav .menu-bd-panel {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 6px; PADDING-TOP: 10px}
#site-nav .menu-item-opp .menu-bd {LEFT: 0px}
#site-nav .menu-item-opp .menu-bd S.rt {LEFT: 0px}
#site-nav .menu-item-opp .menu-bd S.lt {BACKGROUND-POSITION: -87px -55px; RIGHT: -2px; LEFT: auto}
#site-nav .menu {POSITION: relative}
#site-nav .menu:hover .menu-hd,#site-nav .menu.hover .menu-hd {BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; BACKGROUND: white; MARGIN: 0px; BORDER-LEFT: #bfbfbf 1px solid; BORDER-BOTTOM: #bfbfbf 1px}



#site-nav .hover .menu-hd {BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; BACKGROUND: white; MARGIN: 0px; BORDER-LEFT: #bfbfbf 1px solid; BORDER-BOTTOM: #bfbfbf 1px}
#site-nav .menu:hover .menu-bd {DISPLAY: block}
#site-nav .hover .menu-bd {DISPLAY: block}
#site-nav .menu:hover .menu-hd B {BORDER-LEFT-COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #666464; TOP: 5px; BORDER-RIGHT-COLOR: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%}
#site-nav .hover .menu-hd B {BORDER-LEFT-COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #666464; TOP: 5px; BORDER-RIGHT-COLOR: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%}
#site-nav .mytaobao .menu-bd {WIDTH: 112px; LINE-HEIGHT: 1.7; TOP: 21px; HEIGHT: 57px}
#site-nav .mytaobao .menu-bd-panel {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px}
#site-nav .search .menu-bd {WIDTH: 204px; TOP: 21px; HEIGHT: 66px}
#site-nav .search .menu-bd INPUT {BORDER-RIGHT: #b7b7b7 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #878787 1px solid; PADDING-LEFT: 1px; FLOAT: left; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #878787 1px solid; WIDTH: 180px; LINE-HEIGHT: 13px; PADDING-TOP: 3px; BORDER-BOTTOM: #b7b7b7 1px solid}
#site-nav .search .menu-bd BUTTON {BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: -170px -20px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 66px; CURSOR: pointer; COLOR: #fff; HEIGHT: 24px; BORDER-RIGHT-WIDTH: 0px}
#site-nav .services .menu-bd, #site-nav .cart .menu-bd {WIDTH: 174px; TOP: 21px; HEIGHT: 218px}
#site-nav .cart .menu-bd{height:auto}
#site-nav .services .menu-bd-panel {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}
#site-nav .services .menu-bd DL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #e5e5e5 1px solid}
#site-nav .services .menu-bd .last {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
#site-nav .services .menu-bd DT {FONT-WEIGHT: bold; COLOR: #8c8c8c; LINE-HEIGHT: 1.5; TEXT-ALIGN: left}
#site-nav .services .menu-bd DD {LINE-HEIGHT: 1.6; TEXT-ALIGN: left}
#site-nav .services .menu-bd DD A {MARGIN-RIGHT: 2px}
.cart .item{border-bottom:1px solid #ddd;padding:8px 0}
.cart .item .pic{width:50px;height:50px; float:left;}
.cart .item .info{width:135px; text-align:left;float:right;margin-right:10px;}
.cart .item A{padding:0px !important;color:#333;font-weight:bold}
.cart .last{border-bottom:0px;}
.cart .menu-bd{width: 350px !important;}
.cart .menu-bd .smt{}

#site-nav .quick-menu LI.cart .menu-bd .smc li{border-top: 1px dotted #CCCCCC;margin:0px !important; height: 52px;background:#fff !important;width:auto !important; line-height: 17px;float:none; overflow: hidden; padding: 8px 10px; vertical-align: bottom;}
#site-nav .quick-menu LI.cart .menu-bd .smc li a{padding:0px !important;}
.cart .menu-bd .smc li:hover, .cart .menu-bd .smc li.hover{background: none repeat scroll 0 0 #F5F5F5;}
.fl{float:left}
.cart .menu-bd .smt{height:30px; line-height:30px;padding-left:10px;}
.cart .menu-bd .smc .p-img{border: 1px solid #DDDDDD; font-size: 0; height: 50px; margin-right: 10px; padding: 0; width: 50px;}
.cart .menu-bd .smc .p-name{height: 52px; width: 160px;}
.cart .menu-bd .smc .p-price{font-weight: bold;}
.cart .menu-bd .smc .delete{color: #005EA7;}
.cart .menu-bd .smc .smb{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #F3F3F3; border-color: #DDDDDD; border-image: none; border-radius: 0 0 5px 5px; border-style: solid; border-width: 0 1px 1px; padding: 8px;}
.cart .menu-bd .smc .smb b{color: #CC0000; margin: 0 5px;}
.cart .menu-bd .smc .smb strong{color: #CC0000; font-size: 18px;}
.cart .menu-bd .smc .smb a{background-position: 0 -220px; color: #666464; display: inline-block; font-weight: bold; height: 30px; line-height: 30px; margin-top: 6px; text-align: center; width: 120px;}
.cart .menu-bd .smc li.style1{height: auto;}
.cart .menu-bd .smc li.style1 .gift{height: 17px; overflow: hidden;}
.cart .menu-bd .smc li.style1 .gift a{color: #999999;}
.cart .menu-bd .smb{text-align:right; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #F3F3F3; padding: 8px;}
.cart .menu-bd .smb b{color: #CC0000; margin: 0 5px;}
.cart .menu-bd .smb strong{color: #CC0000; font-size: 18px;}
#site-nav .cart .menu-bd-panel{padding:0px;}
.cart .menu-bd .smb a{color: #666464; display: inline-block; font-weight: bold; height: 30px; line-height: 30px; margin-top: 6px; text-align: center; width: 120px;}
.cart .menu-bd .smb a{}
#site-nav .cart .menu-bd .smb a{background-position: 0 -161px; color: #666464; display: inline-block; font-weight: bold; height: 30px; line-height: 30px; margin-top: 6px;padding:0px !important; text-align: center; width: 120px;}


.add_cart{-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;background-color: #ff7126;
    border-color: #ff7126;
    color: #fff; text-decoration:none; margin-top:10px;}

    .sns{position:absolute;right:0;top:80px;height:60px;width:260px;text-align:right;}
.sns img{width:40px;height:40px;display:inline-block;margin:0 0 0 10px;}
.meun_b{display: none;}

.blog-log{display: none;}
.pc-header-bg{/* box-shadow: 0 1px 10px 0 rgb(0 0 0 / 15%); */}
.pc-header-bg .block {width: 1200px;}
.pc-header-bg .block .block { display: flex; justify-content: center;}
.header_bg li a{font-size: 18px!important;}


#floatBox{position: fixed;right: 0px;z-index: 98;bottom: 17rem;}
#floatBox a.gotop{width: 40px;height: 40px;border-radius: 50px;display: block;opacity:0.5;background-color: #000;filter: alpha(opacity=50)}
#floatBox a.gotop .triangle{top: -4px;left: 5px;border-bottom: solid #fff;border-width: 15px}
#floatBox a.gotop .triangle i{top: -13px;left: -15px;border-bottom: solid #000;border-width: 15px}
#floatBox .lbico {width: 30px;height: 30px;}
#floatBox a.history_back{width: 40px;height: 40px;border-radius: 50px;display: block;opacity:0.5;filter: alpha(opacity=50); background:#000 url(img/back.png) center center no-repeat}
#floatBox a.history_back .triangle{top: -4px;left: 5px;border-bottom: solid #fff;border-width: 15px}
#floatBox a.gotop .triangle i{top: -13px;left: -15px;border-bottom: solid #000;border-width: 15px}


#floatBox a.history_back1{width: 40px;height: 40px; line-height:40px; text-align:center; color:#fff;border-radius: 50px;display: block;opacity:0.5;filter: alpha(opacity=50); background:#000}


.header-logo{display: none;}
@media (min-width: 767px){
    .shop-memu-icon{display: none;}
    .header{box-shadow: 0 1px 10px 0 rgb(0 0 0 / 15%);}
    .blog-nav li {
        position: relative;
        font-size: 12px;
    }
    .blog-nav a{padding: 15px 10px;}
    .blog-nav ul{width: 100%; justify-content: center;}
    .header-sticky{ position: sticky; top: 0; z-index: 1000; background-color: #fff; }
    #floatBox{display: none;}
}

@media (max-width: 767px){
    .header-logo{display: block;background-color: #fbfaf8; padding:10px 0px;}
    .top-bar, .header_bg, .pc-header,.footer{display: none;}
    .blog-log{ display: block;}
    .blog-log img{margin: 5px auto; display: none;}
    .header{position: fixed; margin-top: 0px;width:100%; display:block!important; box-shadow:none; z-index: 9999;}
    .header .container{padding:0px;width:100%;margin: 0px;height:60px; background-color: #fbfaf8;}
    .header .row{justify-content: space-between; height:50px;width:100%; position: relative;padding:0px;margin:0px;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);}
    .shop-memu-icon, .right-menu{ position: absolute; top: 0;height:100%; display: flex; align-items: center; justify-content:flex-start;}
    .shop-memu-icon{ left: 0; }
    .right-menu{ position: absolute; right: 0;  justify-content: flex-end;}

}