@charset "UTF-8";
@import "main.css";
@import "diy.css";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.0
*/

.single-product  .tab-panels {
    padding-top: 0;
}

.single-product  .wc-tabs{
	display:none
}

.single-product  .nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    background-color: transparent;
    content: " ";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: all .3s;
    width: 100%;
}

.single-product .product_meta,
.single-product .product_meta a{
	color:#666;

	}
@media (max-width: 549px) {
.single-product .product_meta,
.single-product .product_meta a{
	color:#666;
	font-size:8px;
	}
}
@media (max-width: 549px) {
.post-title a{
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 最多两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
	min-height:36px
  }
}

.sub-list-goods .box-image {
    box-shadow: 2px 2px 3px #00000021;
    -webkit-mask-image: none;
}
@media (max-width: 549px) {
	.sub-list-goods  .box-category .box-text, 
	.sub-list-goods  .product-small .box-text {
		padding: 7px 10px;
		font-size: 9px;
		HEIGHT: 50px;
	}
	}


.ux-relay__load-more-button{
	background:transparent;
	color:#000;
	border-color:#000;
	border-width:1px
}
	.accordion-title.active {
    background-color: transparent;
    border-color: var(--fs-color-primary);
    color: var(--fs-color-primary);
    font-weight: 700;
}

@media screen and (max-width: 849px) {
   .reveal  .post-item {
        padding-bottom: 15px;
    }
}
@media (max-width: 549px) {

footer  H3{
	font-size:14px !important;
}
footer .toggle {
    font-size: 12px !important;
    top: 8px !important;
}
.sidebar-wrapper .toggle {
    left: auto !important;
    font-size: 12px !important;
    top: 0px !important;
    position: relative;
}



}

.html_topbar_right{
	display:none !important;
	}
.off-canvas:not(.off-canvas-center) li.html {
    padding: 20px;
    DISPLAY: none;
}
.entry-content h2 {
    color: #a97b39;
    border-left: 4px solid #d4c9bb;
    padding-left: 13px;
}
.author-name {
	padding-top:0;
	margin-top:0
}
.author-desc,
#at_posts_related .post-title{
	font-size:12px;
}

 .entry-content h3 {
    color: burlywood;
}



.entry-author .circle, .circle img {
    border-radius: 999px !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 53px;
}

.single-post .entry-header-text {
    padding: 0;
}
.single-post .from_the_blog_excerpt {
	display:none  !important;
}
.single-post .entry-content {
    padding-bottom: 1.5em;
    padding-top: 13px;
}


.lwptoc-light .lwptoc_i {
    color: #333;
    background: #c5a77b21;
    width: 100%;
    border: 1px solid #896c4129;
    border-radius: 4px;
}

.lwptoc_item {
    padding: 4px 0;
}




.from_the_blog_excerpt{
overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient: vertical !important;
    line-height: 1.6 !important;
    max-height: 4.8em !important;
    position: relative !important;
}

.no-comments{
	display:none
}

/*底部*/
footer .section-content .ux-menu-link__text,
footer .section-content .col a{
    display: inline-block;
}
footer *,
footer .widget .current-cat>a{
    font-weight: 300 !important;
}
footer .widget>ul>li>a {
    padding: 7px 0;
    font-size: 12px;
}
footer .ux-menu-link__link,
footer .ux-menu-link__text{
    font-size: 12px !important;
    padding: 0;
    font-weight: 300 !important;
}
.cat-item-22{
    display: none !important;
}


footer .widget_product_categories>ul>li{
    display: block !important;
}
footer .product-categories{
    position: relative;
    font-weight: 300 !important;
}

footer .ux-menu-link__link:after,
footer .product-categories a:after{
    content: '';
    width: 100%;
    height: 1px !important;
    color: #fff;
    display: block;
    background: #fff;
    bottom: 0;
    width: 0;
    transition: .25s;
}
footer .product-categories a:after{
    background: #ccc;
}

footer .product-categories a:hover:after{
    width: 100%;
}


footer .product-categories a:hover{
    opacity: .7;
}


.gradientbtn:hover,
.ux-relay__load-more-button:hover,
.primary.expand-sm:hover {
    background: #fff !important;
    color: #000 !important;
  box-shadow: inset 0 0 0 1px #000 !important;
}

/*產品詳情*/
h1.product_title{
    font-weight: 500;
}
.gradientbtn:hover i,
.goods-info .primary:hover i{
    
    color: green !important;
}


/*高亮按鈕*/
.ligth-btn:before {
    position: absolute;
    content: '';
    opacity: 0;
    top: 0;
    left: 0;
    background: linear-gradient(to right,#fff0 0%,rgb(255 255 255 / .03) 1%,rgb(255 255 255 / .6) 30%,rgb(255 255 255 / .85) 50%,rgb(255 255 255 / .85) 70%,rgb(255 255 255 / .85) 71%,#fff0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
    width: 30%;
    height: 100%;
    transform: skew(-10deg,0deg);
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}



/*文章页面*/

.single-post .entry-header .entry-divider,
#at_posts_related .badge,
.single-post .entry-image .badge{
    display: none;
}

.single-post .html5_video_players,
.single-post .entry-header img{
    border-radius: 3px;
    overflow: hidden;
}
.plyr__control.plyr__control--overlaid[data-plyr="play"] {
    background: #886a00 !important;
    color: #ffffff !important;
    opacity: 1;
    border-radius: 50% !important;
}


/*文章表格*/
.single-post th {
    border-collapse: collapse;
    border-right: 1px solid #c6c6c6 !important;
    border-bottom: 1px solid #c6c6c6 !important;
    background-color: #b4b4b412 !important;
    padding: 9px;
    font-weight: normal;
    text-align: left;
}


/*搜索框*/
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    background-color: rgba(0, 0, 0, .03);
    border-color: rgba(0, 0, 0, .09);
    border-radius: 5px;
    box-shadow: none;
    color: currentColor !important;
}

.dark .form-flat input:not([type=submit]), .dark .form-flat select, .dark .form-flat textarea, .nav-dark .form-flat input:not([type=submit]), .nav-dark .form-flat select, .nav-dark .form-flat textarea {
    background-color: hsl(0deg 0% 100% / 20%) !important;
    border-color: hsl(39.88deg 85.3% 22.35% / 32%);
    color: #fff;
}

/*顶部*/
.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: 1px 1px 1px rgb(0 0 0 / 7%);
}


.stuck .header-main {
    background: #fff !important;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 7%);
}


/*隐藏分类的面包屑和标题*/
.archive .page-title-inner{
    display: none;
}



/*分类背景色*/
.post-type-archive-product #wrapper,
.post-type-archive-product #main{
    
}

/*分类-产品卡片*/
.box-category .box-text,
.product-small .box-text{
    padding: 15px;
}
.product-category .box,
.product-small .box{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
/*产品卡片-标题*/
.product-small .woocommerce-loop-product__title{
    font-size: 14px;
}



/*页面表格 */
.woocommerce-tabs table,
.page-template table {
  width: 100%;
  border-collapse: collapse; /* 合并边框 */
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
}

.woocommerce-tabs table th,
.page-template table th,
.woocommerce-tabs table td,
.page-template table td {
  border: 1px solid #ccc; /* 黑色边框 */
  padding: 10px;
  text-align: left;

}



/*产品详情页隐藏切换卡*/
li.description_tab {
    /*display: none !important;*/
}

/*底部叠加图片*/
.footer-img {
  position: relative;
  overflow: hidden;
}

.footer-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: url(img/map.svg) no-repeat center center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    opacity: .1;
}


/*切换卡图片*/

.icon-tabs-1 .nav li.tab:nth-child(1) a::before {
  content: "\f4d8";
  display: contents;
}


/*字体渐变*/

.h1-color-1 * {
  background-image: linear-gradient(to right, #fbb5d3 0%, #ffeaea 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


/*======================文章分类=======================*/
/*文章分类-文章项*/
.archive .post-item .box{
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.archive .post-item .box .box-text{
    padding: 10px
}

/*======================表单=======================*/
.widget-area .fluentform .ff-el-group {
    margin-bottom: 10px;
}
.widget-area .ff-custom_html h2{
    font-size: 18px;
}
.widget-area .frm-fluent-form .ff-t-container {
    display: block;
    gap: 15px;
    width: 100%;
}
/*======================头部=======================*/

/*logo宽度*/
@media (max-width: 549px) {
  #logo img {
    max-height: 24px !important;   
  }
}


/*======================字体版式=======================*/

/* 字体修改 */
body,h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a{

}

/* 标题字体修改 */
h1, h2, h3, h4,.fs{
   
}


h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-style: normal;
}
/*======================修复字体加粗渲染=======================*/

/* 移除标题左右 <b> 的粗体影响 */
.section-title-normal b {
    font-weight: normal !important;
}

/* 禁用 skew 变形造成的字体模糊 */
.section-title-normal {
    transform: none !important;
}

/* 提高标题字体清晰度 */
.section-title-main {
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
}

*:not(i) {
    font-synthesis: none;
}


/*======================翻译插件=======================*/
.trp-ls-shortcode-current-language input,
.ff-default .ff-el-form-control {
    height: 50px !important;
}

.trp-language-switcher > div{
    padding: 0;
    background-color:#fff;
    border: none;
}


.transparent .trp-language-switcher > div > a{
    color: #fff;
}
.trp-language-switcher > div:hover {
    background-image: block !important;
}

.trp-language-switcher{
    width: inherit !important;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
     padding: 0;
}


.transparent .trp-language-switcher > div > a{
    color: #fff;
}
.trp-language-switcher > div:hover {
    background-image: block !important;
}

.trp-language-switcher{
    width: inherit !important;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
     padding: 0;
}

/*======================关于我们=======================*/

.about-list-info p{
    margin-bottom: 20px !important;
    margin-left: 0 !important;
}

.about-list-info .text-limit-btn-3 p{
    display: block !important;
}