/* ===== header.css ===== */
:root {
	--hx-nav-drop-mode: flyout;
	container-type: normal; container-name: hx-nav;
	--hx-drop-w: 260px; --hx-drop-radius: 10px;
	--hx-drop-link-py: 10px; --hx-drop-link-px: 18px; --hx-drop-panel-py: 10px;
	--hx-drop-active-bar: 3px; --hx-drop-flyout-gap: 0; --hx-drop-bridge-w: 6px;
	--hx-drop-hover-bg: #f7f7f7; --hx-drop-accent: var(--fs-experimental-link-color-hover);
}
@media (min-width: 850px) {
	#header .header-nav-main .nav-dropdown {
		padding-block: var(--hx-drop-panel-py) !important;
		& li > a {
			margin: 0 !important; padding: var(--hx-drop-link-py) var(--hx-drop-link-px) !important; border-left: var(--hx-drop-active-bar) solid transparent !important;
			font: inherit !important; line-height: inherit !important; color: inherit !important; text-transform: inherit !important;
			&:hover { color: var(--hx-drop-accent) !important; background: var(--hx-drop-hover-bg) !important; border-left-color: var(--hx-drop-accent) !important; }
		}
	}
	@container hx-nav style(--hx-nav-drop-mode: flyout) {
		#header .header-nav-main .nav-dropdown {
			display: block !important; overflow: visible !important; width: var(--hx-drop-w); min-width: var(--hx-drop-w);
			& :is(> li, li > .sub-menu > li) { display: block !important; position: relative; margin: 0; padding: 0; width: auto !important; min-width: 0 !important; white-space: normal !important; border: 0 !important; }
			& li > a { display: flex; align-items: center; justify-content: space-between; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
			& li.menu-item-has-children:has(> :is(.sub-menu, .nav-column):hover) > a { color: var(--hx-drop-accent) !important; background: var(--hx-drop-hover-bg) !important; border-left-color: var(--hx-drop-accent) !important; }
			& li.menu-item-has-children > a::after { content: "\f105"; font-family: "fl-icons"; font-size: .75em; opacity: .45; transition: opacity .15s, color .15s; }
			& :is(li.menu-item-has-children:has(> :is(.sub-menu, .nav-column):hover) > a, li.menu-item-has-children > a:hover)::after { opacity: 1; color: var(--hx-drop-accent); }
			& li > :is(.sub-menu, .nav-column) {
				display: block !important; position: absolute; visibility: hidden; opacity: 0; overflow: hidden;
				inset: 0 auto auto 100%; width: var(--hx-drop-w); min-width: var(--hx-drop-w);
				margin-left: var(--hx-drop-flyout-gap); padding-block: var(--hx-drop-panel-py); border: 1px solid rgba(0,0,0,.08);
				background: #fff; border-radius: var(--hx-drop-radius); box-shadow: 0 10px 36px rgba(0,0,0,.08); z-index: 20;
				transform: translateX(var(--hx-drop-flyout-gap)); transition: .15s;
				&::before { content: ""; position: absolute; inset: 0 auto 0 calc(-1 * var(--hx-drop-bridge-w)); width: var(--hx-drop-bridge-w); }
			}
			& li:hover > :is(.sub-menu, .nav-column) { visibility: visible; opacity: 1; transform: none; }
		}
	}
}

/* ===== home.css ===== */
/*--------------------------------------------------------------
  Page-home
--------------------------------------------------------------*/
@media screen and (min-width: 850px) {
  .home h1 {
    font-size: 1.6em;
  }
  .home h2 {
    font-size: 1.6em;
  }
}



/* ===== style.css ===== */
@charset "UTF-8";
body {
  line-height: 1.8;
}
.container .section, .row .section {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* .col */
.col {
  padding-bottom: 5px !important;
}
@media screen and (max-width: 550px) {
  .col.rd-l .col-inner {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
  }
  .col.rd-r .col-inner {
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
  }
}
@media screen and (min-width: 550px) {
  .col.rd-l .col-inner {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
  }
  .col.rd-r .col-inner {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
  }
}
.col.product {
  padding-bottom: 25px !important;
}
/*--------------------------------------------------------------
 Accordion
--------------------------------------------------------------*/
.accordion .accordion-item {
  margin-top: 24px;
  background-color: #f5f5f5;
  border-radius: 0px;
}
.accordion-title {
  border-top: none !important;
  margin-top: 3px;
  padding: 1em 2.3em !important;
}
.accordion-title button.toggle {
  margin-right: 15px !important;
  left: inherit !important;
  right: 0 !important;
  background-color: transparent !important;
  color: #e2b53e;
  border-radius: 99px;
  opacity: 0.8;
  font-weight: bolder;
  display: block;
  padding: 0;
  text-align: center;
  min-height: 1.3em;
  height: 1.2em;
  width: 1.3em;
  top: 1em !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.accordion-title button.toggle i.icon-angle-down {
  font-size: 0.8em;
  color: #e2b53e !important;
  text-shadow: 0 0 0 white;
}
.accordion-title button.toggle i.icon-angle-down:before {
  content: "➕" !important;
}
.accordion-title.active {
  background-color: transparent !important;
  color: inherit !important;
}
.accordion-title.active button.toggle i.icon-angle-down {
  font-size: 0.8em;
  color: #e2b53e !important;
  text-shadow: 0 0 0 white;
}
.accordion-title.active button.toggle i.icon-angle-down:before {
  content: "➖" !important;
}
/*--------------------------------------------------------------
Table
1, 首行默认加粗，用th代替td
2，深色背景行：<tr class="trbg">
3,隔行背景色 <table class="bg-gehang">

--------------------------------------------------------------*/
.thtdbase, table th, table td {
  padding: 0.7em;
  padding-left: 5px !important;
  border-width: 0 1px 1px 0 !important;
  font-size: 1em !important;
  line-height: 1.5 !important;
}
.tableborder, table, table th, table td {
  border-color: #d7d7d7 !important;
  border-style: solid;
}
/*
th:first-child, td:first-child,th,td {
    padding-left:5px!important;
}*/
table {
  border-width: 1px 0 0 1px !important;
}
table.bg-gehang tr:nth-child(2n+2) {
  background-color: #f4f4f4 !important;
}
table.center td, table.center th {
  text-align: center !important;
}
table tr.trbg {
  background-color: skyblue;
}
table tr.trbg td {
  color: #fff;
}
/*--------------------------------------------------------------
  Button
--------------------------------------------------------------*/
.button {
  margin-bottom: 0px;
}
/*submit*/
input[type=submit] {
  width: 100%;
}
/*--------------------------------------------------------------
  trp menu
--------------------------------------------------------------*/
li.trp-language-switcher-container ul.nav-dropdown {
  min-width: 155px !important;
}
li.trp-language-switcher-container ul.nav-dropdown .nav-dropdown-has-shadow .nav-dropdown {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05);
}
li.trp-language-switcher-container ul.nav-dropdown .nav-column li > a, li.trp-language-switcher-container ul.nav-dropdown .nav-dropdown > li > a {
  line-height: 1.2 !important;
  padding: 5px 5px !important;
}















/* ===== plugins.css ===== */
/*--------------------------------------------------------------
  CF7
--------------------------------------------------------------*/
.wpcf7 input[type=submit]:not(.is-form) {
  background-color: grey;
  border-radius: 5px;
}
/*--------------------------------------------------------------
  CF7 Image Captcha
--------------------------------------------------------------*/
.captcha-image {
  border: 0px solid !important;
  border-radius: 8px;
  padding: 10px;
  display: inline-block;
  text-align: center;
  background-color: #eaf6f4;
}
.captcha-image .cf7ic_instructions {
  display: block;
}
.captcha-image .cf7ic_instructions span {
  color: red;
  font-weight: bold;
}
.captcha-image label {
  display: inline-block !important;
  width: 60px !important;
  position: relative;
  /* HIDE RADIO */
  /* IMAGE STYLES */
  /* (CHECKED) IMAGE STYLES */
}
.captcha-image label input {
  opacity: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  position: absolute;
}
.captcha-image label svg {
  padding: 5px;
  width: 30px;
  height: 30px;
}
.captcha-image label input + svg {
  cursor: pointer;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
.captcha-image label input:checked + svg, .captcha-image label .captcha-image label > input:focus + svg {
  border: 2px solid #f00;
}
/*--------------------------------------------------------------
  Trp
--------------------------------------------------------------*/
li.trp-language-switcher-container .nav-dropdown {
  padding: 5px 0px !important;
  /*min-width: 150px!important;*/
}
li.trp-language-switcher-container ul.nav-dropdown .nav-column li > a, .nav-dropdown > li > a {
  line-height: 1.05;
  padding: 3px 2px !important;
}















/* ===== products.css ===== */
/*--------------------------------------------------------------
  woocommerce页面通用
--------------------------------------------------------------*/
.woocommerce h1 {
  text-transform: capitalize;
}
/*--------------------------------------------------------------
  Product 分类页
--------------------------------------------------------------*/
.tax-product_cat form.woocommerce-ordering {
  display: none;
}
/*--------------------------------------------------------------
  Product 分类页
--------------------------------------------------------------*/
.single-product .share-icons {
  padding-top: 15px;
}










/* ===== blog.css ===== */
/*--------------------------------------------------------------
  Blog通用
--------------------------------------------------------------*/
@media (min-width: 850px) {
  .entry-image-float {
    max-width: 35% !important;
    float: left;
    margin-right: 2em;
  }
  .entry-content {
    padding-top: 1.5em !important;
  }
}
.post-date {
  display: none !important;
}
a.more-link.button {
  border: 1px solid grey;
}
a.more-link.button:hover {
  background-color: grey;
  border: 1px solid grey;
}
/*--------------------------------------------------------------
  Blog汇总页
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  文章分类
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  文章单页
--------------------------------------------------------------*/
.single-post .comment-respond {
  border-radius: 10px;
}
.single-post .comment-respond input[type=submit] {
  background-color: grey !important;
  border-radius: 5px;
}











/* ===== footer.css ===== */
/*--------------------------------------------------------------
  Footer
--------------------------------------------------------------*/
footer .col {
  padding-bottom: 0px !important;
}
footer p, footer ul, footer ol {
  margin-bottom: 0px;
}
footer .absolute-footer {
  display: none;
}
footer .post-date {
  display: none;
}
/*--------------------------------------------------------------
  4 mobile button
--------------------------------------------------------------*/
.contact_button_mobi {
  display: none;
}
@media only screen and (max-width: 450px) {
  .site-info {
    padding: 15px 0 58px 0;
  }
  .contact_button_mobi {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 40px;
    display: block;
    right: 0;
    box-shadow: 0px 0px 10px 3px #e8e8e8;
    -webkit-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -mox-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -o-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -ms-box-shadow: 0px 0px 10px 3px #e8e8e8;
  }
  .contact_button_mobi {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 40px;
    display: block;
    right: 0;
    box-shadow: 0px 0px 10px 3px #e8e8e8;
    -webkit-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -mox-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -o-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -ms-box-shadow: 0px 0px 10px 3px #e8e8e8;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .contact_button_mobi span {
    width: 50px !important;
    height: 50px !important;
  }
  .contact_button_mobi .font-text {
    margin: 0 0 0 5px;
    color: #FFFFFF;
  }
  .contact_button_mobi ul {
    position: relative;
    z-index: 1;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    list-style-type: none;
    margin: 0px;
    padding: 0px !important;
  }
  .contact_button_mobi ul li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    top: 5px;
  }
  .contact_button_mobi ul li a {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}






























/* ===== custom.css ===== */
@charset "UTF-8";
/*--------------------------------------------------------------
  
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  Fancybox Popup 弹窗
--------------------------------------------------------------*/
.fancybox-content {
  border-radius: 10px;
  padding: 20px !important;
}
/*--------------------------------------------------------------
  Lightbox  弹窗 - Flatsome自带
--------------------------------------------------------------*/
.mfp-content .lightbox-content {
  max-width: 800px !important;
  padding: 30px !important;
  border-radius: 15px;
}