@charset "UTF-8";
/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/* line 19, sass/style.scss */
a, a:focus, a:hover, a:visited {
  text-decoration: none !important;
}

/*== Header ==*/
/* line 27, sass/style.scss */
.hero-third-text {
  color: #AC623B;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 4.8px;
  display: flex;
  margin: 30px -10px;
  width: auto !important;
}
/* line 39, sass/style.scss */
.hero-third-text:before, .hero-third-text:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 1px;
  background: #AC623B;
  margin: 10px 10px;
}
@media screen and (max-width: 1040px) {
  /* line 48, sass/style.scss */
  .hero-third-text .elementor-widget-container {
    margin: 0 auto;
  }
}

/*@media screen and (max-width: 1040px ){
	.site-navigation{
		ul.main-header-menu{
			li.menu-item{
				 a{
					font-size: 0.9em;
				}
			}
		}
	}
}*/
@media screen and (max-width: 1040px) {
  /* line 68, sass/style.scss */
  .elementor-1068 .elementor-element.elementor-element-8rppnyr > .elementor-background-overlay {
    background-image: linear-gradient(90deg, #ffffffba 100%, #ffffffba 100%);
  }
}

/* line 74, sass/style.scss */
.title-deco {
  position: relative;
}
/* line 76, sass/style.scss */
.title-deco:after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #B84329;
  position: absolute;
  left: 0;
  bottom: -10px;
}

/* line 88, sass/style.scss */
.d-none {
  display: none;
}

/* line 91, sass/style.scss */
.top-banner h4 {
  color: #FFFfff;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 9px;
}

/* line 101, sass/style.scss */
.block-headline {
  color: #83976A;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 6px;
  position: relative;
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1040px) {
  /* line 112, sass/style.scss */
  .block-headline h5 {
    font-size: 30px !important;
  }
}
/* line 119, sass/style.scss */
.block-headline:after {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 5px;
  background: #B84329;
  left: 50%;
  bottom: -15px;
  margin-left: -60px;
}

/* Product list  */
/* line 133, sass/style.scss */
.product-list ul.products li {
  transition-duration: 0.3s;
  opacity: 1;
}

/* line 138, sass/style.scss */
.product-list ul.products li:hover {
  opacity: 0.5;
  transition-duration: 0.5s;
}

/* line 143, sass/style.scss */
.product-list ul.products li .astra-shop-summary-wrap {
  text-align: center;
}

/* line 147, sass/style.scss */
.astra-shop-thumbnail-wrap:hover .ast-on-card-button:not(.ast-onsale-card) {
  display: none;
}

/* line 151, sass/style.scss */
.product-list ul.products li .astra-shop-summary-wrap .ast-woo-product-category, .product-list ul.products li .astra-shop-summary-wrap .button {
  display: none;
}

/* line 155, sass/style.scss */
.product-list ul.products li .astra-shop-summary-wrap .ast-loop-product__link h2 {
  color: #484A44;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 163, sass/style.scss */
.product-list ul.products li .astra-shop-summary-wrap .price {
  color: #B5B5B5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 172, sass/style.scss */
.product-list ul.products li.product_cat-hide-detail {
  pointer-events: none;
}

/* line 176, sass/style.scss */
.product-list ul.products li:not(.product_cat-hide-detail) {
  position: relative;
  overflow: hidden;
}

/* line 181, sass/style.scss */
.product-list ul.products li:not(.product_cat-hide-detail):before {
  content: "了解更多";
  display: block;
  position: absolute;
  background: #b84329;
  box-shadow: 0 0 0 999px #b84329;
  clip-path: inset(0 -100%);
  top: 16px;
  right: 0;
  z-index: 1;
  color: #ffffff;
  transform: rotate(45deg);
  font-size: 14px;
  padding: 5px;
  text-align: center;
  letter-spacing: 0.08em;
}

/*About*/
/* line 203, sass/style.scss */
.connect-line {
  position: relative;
}
/* line 205, sass/style.scss */
.connect-line:after {
  content: "";
  display: block;
  width: 60px;
  height: 10px;
  border-top: 6px dotted #83976A;
  position: absolute;
  right: -50px;
  top: 80px;
}
@media screen and (max-width: 1040px) {
  /* line 205, sass/style.scss */
  .connect-line:after {
    display: none;
  }
}

/* line 221, sass/style.scss */
.compare-table {
  max-width: 800px;
  margin: 0 auto;
}

/* line 226, sass/style.scss */
.compare-table th, td {
  color: #484A44;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2px;
  padding: 15px 20px;
  border: 1px dotted #C7AF87;
}

/* line 238, sass/style.scss */
.compare-table td.win {
  /*	position: relative;*/
}

/* line 242, sass/style.scss */
.compare-table td.win:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(img/win-icon.png) no-repeat;
  margin-left: 10px;
  margin-right: -30px;
  margin-bottom: -10px;
  	/*position: absolute;
      right: -10px;
      top: calc(50% - 20px);*/
}

/* line 257, sass/style.scss */
.compare-table thead th {
  background-color: #83976A;
}

/* line 262, sass/style.scss */
.compare-table thead th {
  color: #ffffff;
  border-color: #83976A;
  padding: 20px 10px;
}

/* line 268, sass/style.scss */
.compare-table th {
  background-color: #DFEBCF;
  color: #83976A;
}

/* News List */
/* line 275, sass/style.scss */
.news ul.list {
  list-style: none;
  padding: 0;
  margin: 50px 0;
}
/* line 279, sass/style.scss */
.news ul.list .item {
  margin: 50px 0;
  border-bottom: 1px solid #DBDBDB;
}
/* line 282, sass/style.scss */
.news ul.list .item .cont {
  display: flex;
  flex-wrap: wrap;
}
/* line 286, sass/style.scss */
.news ul.list .item .cont .img {
  width: 100%;
}
/* line 288, sass/style.scss */
.news ul.list .item .cont .img img {
  width: 100%;
}
/* line 293, sass/style.scss */
.news ul.list .item .cont .info {
  width: 100%;
  padding: 24px 0;
}
/* line 296, sass/style.scss */
.news ul.list .item .cont .info .meta {
  color: #707070;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.8px;
}
/* line 302, sass/style.scss */
.news ul.list .item .cont .info .meta .date {
  display: inline-block;
  color: #484A44;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 1.4px;
}
/* line 312, sass/style.scss */
.news ul.list .item .cont .info .meta .categories {
  display: inline-block;
  list-style: none;
  margin: 0;
}
/* line 316, sass/style.scss */
.news ul.list .item .cont .info .meta .categories li {
  display: inline-block;
}
/* line 318, sass/style.scss */
.news ul.list .item .cont .info .meta .categories li a {
  color: #484A44;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 1.4px;
}
/* line 332, sass/style.scss */
.news ul.list .item .cont .title {
  color: #1A1A1A;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  /* 175% */
  letter-spacing: 2.4px;
  margin-bottom: 10px;
}
/* line 344, sass/style.scss */
.news ul.list .item .cont .desc {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 3.5px;
  margin-bottom: 20px;
}
/* line 354, sass/style.scss */
.news ul.list .item .cont .read-btn {
  color: #B84329;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 200% */
  letter-spacing: 1.6px;
  transition-duration: 0.3;
}
/* line 362, sass/style.scss */
.news ul.list .item .cont .read-btn:hover {
  opacity: 0.8;
  transition-duration: 0.5;
}

/* line 376, sass/style.scss */
.page-number-warp .page-number {
  margin: 0 0 50px -15px;
  list-style: none;
}

/* line 381, sass/style.scss */
.page-number-warp .page-number .page-item {
  color: #000;
  display: inline-block;
  margin: 0 15px;
}

/* line 387, sass/style.scss */
.page-number-warp .page-number .page-item a {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #B84329;
}

/* line 394, sass/style.scss */
.page-number-warp .page-number .page-item.active a {
  background-color: #B84329;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

/* 側邊欄 */
/* line 403, sass/style.scss */
.page-sider {
  padding-left: 30px;
}
@media screen and (max-width: 1024px) {
  /* line 403, sass/style.scss */
  .page-sider {
    padding-left: 0px;
  }
}
/* line 410, sass/style.scss */
.page-sider.blog {
  padding-top: 70px;
}
@media screen and (max-width: 1024px) {
  /* line 410, sass/style.scss */
  .page-sider.blog {
    padding-top: 0px;
  }
}
/* line 417, sass/style.scss */
.page-sider .warp {
  margin-bottom: 30px;
}
/* line 421, sass/style.scss */
.page-sider .search {
  margin-bottom: 50px;
  border: 1px solid #DBDBDB;
}
/* line 426, sass/style.scss */
.page-sider .search .search-query-box .search-query {
  width: calc(100% - 64px);
  border: none;
  font-size: 14px;
  padding: 15px 20px;
}
/* line 431, sass/style.scss */
.page-sider .search .search-query-box .search-query:focus-visible {
  border: none;
}
/* line 435, sass/style.scss */
.page-sider .search .search-query-box .search-btn {
  color: #434343;
  background: transparent;
  padding: 15px 20px;
  font-size: 12px;
  font-weight: 700;
  border: none;
}
/* line 446, sass/style.scss */
.page-sider .sider-title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  /* 175% */
  letter-spacing: 2px;
  margin-bottom: 40px;
}
/* line 456, sass/style.scss */
.page-sider .sider-list {
  color: #434343;
  font-family: Noto Sans TC;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 200% */
  letter-spacing: 1.6px;
  margin-left: 0;
  list-style: none;
}
/* line 465, sass/style.scss */
.page-sider .sider-list li {
  margin-bottom: 10px;
}
/* line 467, sass/style.scss */
.page-sider .sider-list li a {
  color: #484A44;
}
/* line 472, sass/style.scss */
.page-sider .sider-list li.active a {
  color: #b84329;
}

/* line 484, sass/style.scss */
.single .entry-header .post-thumb img {
  width: 100%;
}

/* Post List @ index */
/* line 493, sass/style.scss */
.post-list {
  list-style: none;
  gap: 20px;
  display: flex;
  padding: 0;
  margin: 0 20px;
}
@media screen and (max-width: 1024px) {
  /* line 493, sass/style.scss */
  .post-list {
    display: block;
  }
}
/* line 504, sass/style.scss */
.post-list .item {
  border: 1px solid #D9D9D9;
  width: 33.3%;
}
@media screen and (max-width: 1024px) {
  /* line 504, sass/style.scss */
  .post-list .item {
    width: 100%;
    margin-bottom: 50px;
    max-width: 60%;
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 540px) {
  /* line 504, sass/style.scss */
  .post-list .item {
    max-width: 100%;
  }
}
/* line 524, sass/style.scss */
.post-list .item a .img {
  display: block;
  width: 400px;
  height: 300px;
  max-width: 400px;
  max-height: 300px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  /* line 524, sass/style.scss */
  .post-list .item a .img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}
/* line 539, sass/style.scss */
.post-list .item a .info {
  padding: 40px 20px;
  height: 210px;
}
/* line 543, sass/style.scss */
.post-list .item a .info .title {
  color: #000;
  font-family: Noto Sans TC;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2.4px;
  margin-bottom: 30px;
}
/* line 554, sass/style.scss */
.post-list .item a .info .desc {
  color: #000;
  font-family: Noto Sans TC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.92px;
}
/* line 566, sass/style.scss */
.post-list .item a .meta {
  border-top: 1px solid #D9D9D9;
  padding: 15px 20px;
  color: #000;
  text-align: right;
}

/* line 577, sass/style.scss */
.woocommerce-page #content {
  margin-top: 50px;
}

/* 商品單頁 */
/* line 585, sass/style.scss */
.single-product .woocommerce-product-gallery-warp.hide-img {
  display: none;
}
/* line 589, sass/style.scss */
.single-product .drug-number {
  padding: 0 0 10px 13px;
}
/* line 591, sass/style.scss */
.single-product .drug-number .num {
  text-align: left;
}

/* 商品字號-商品列表 */
/* line 599, sass/style.scss */
.products .drug-number {
  margin-top: 10px;
}
/* line 601, sass/style.scss */
.products .drug-number .num {
  font-size: 14px;
  color: #484A44;
  text-align: center;
}

/* About Page */
/* line 614, sass/style.scss */
.about-top {
  overflow: hidden;
}
/* line 616, sass/style.scss */
.about-top .about-top-up-bg {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 620, sass/style.scss */
.about-top .about-top-down-bg {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 625, sass/style.scss */
.about-desc {
  margin: auto 0 !important;
}
/* line 627, sass/style.scss */
.about-desc .about-title {
  color: #000;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 4.8px;
  margin-bottom: 50px;
}
/* line 634, sass/style.scss */
.about-desc .about-content {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2.4px;
}

/* QA List */
/* line 644, sass/style.scss */
.qa-list {
  border-top: 1px solid #000;
}
/* line 646, sass/style.scss */
.qa-list .elementor-tab-title.elementor-active {
  border-bottom: 1px dashed #000 !important;
}

/* Pattern CSS import */
/* Custom Location */
/*== Custom Select ==*/
/* line 5, inc/custom-location.scss */
.custom-select {
  min-width: 350px;
  position: relative;
}
/* line 9, inc/custom-location.scss */
.custom-select select {
  appearance: none;
  /*  safari  */
  -webkit-appearance: none;
  /*  other styles for aesthetics */
  width: 100%;
  font-size: 1.15rem;
  padding: 0.675em 6em 0.675em 1em;
  background-color: #fff;
  border: 1px solid #caced1;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}
/* line 24, inc/custom-location.scss */
.custom-select:before, .custom-select:after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}
/* line 32, inc/custom-location.scss */
.custom-select:before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 40%;
}
/* line 39, inc/custom-location.scss */
.custom-select::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%;
}

/* line 48, inc/custom-location.scss */
.map-frame {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: relative;
  margin-bottom: 30px;
}
/* line 54, inc/custom-location.scss */
.map-frame iframe {
  height: 100%;
  position: absolute;
}

/* line 60, inc/custom-location.scss */
.city-selector {
  max-width: 160px;
  margin-bottom: 30px;
}
/* line 64, inc/custom-location.scss */
.city-selector select {
  background: #f3f3f3;
  border: none;
  border-radius: 0px;
  padding: 15px 30px;
  color: #000000;
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2px;
}

/* line 81, inc/custom-location.scss */
.store-list .tab-content {
  width: 100%;
}
/* line 83, inc/custom-location.scss */
.store-list .tab-content .tab-pane {
  width: 100%;
}
/* line 85, inc/custom-location.scss */
.store-list .tab-content .tab-pane table {
  width: 100%;
}
/* line 87, inc/custom-location.scss */
.store-list .tab-content .tab-pane table td, .store-list .tab-content .tab-pane table th {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.6px;
  padding: 15px;
  background: #f3f3f3;
  border: 1px solid #FFFFFF;
}
/* line 98, inc/custom-location.scss */
.store-list .tab-content .tab-pane table th {
  background: #B84329;
  color: #FFFFFF;
}
/* line 105, inc/custom-location.scss */
.store-list .tab-content .tab-pane table tr:nth-child(odd) td {
  background: #e6e6e6;
}