:root {
  --theme-color-1: #0E6538;
  --theme-color-2: #281D00;
}

.line {
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #D8D8D8;
  opacity: 0.4;
}

ol, ul {
  padding-left: 0px;
}

.product-img-wrapper {
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}
.product-img-wrapper img {
  position: absolute;
  top: 0px;
}

a {
  cursor: pointer;
}

.nav-drop-item > a {
  text-decoration: none;
}

.no-display {
  display: none !important;
}

.btn-color-1 {
  background-color: var(--theme-color-1) !important;
  color: #FFFFFF !important;
  border-radius: 5px;
  border: solid 1px var(--theme-color-1) !important;
}

.btn-color-2 {
  background-color: #FFFFFF !important;
  color: var(--theme-color-1) !important;
  border-radius: 5px;
  border: solid 1px var(--theme-color-1) !important;
}

.btn-group-container {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
}
.btn-group-container a {
  margin-right: 20px;
}
.btn-group-container alast-child {
  margin-right: 0px;
}

.woocommerce-Price-amount {
  font-size: 18px;
}

.quantity .qty {
  width: 80px !important;
  height: 45px !important;
}

.product-template-default .single_variation_wrap .quantity .qty {
  width: 80px;
  height: 45px;
}
.product-template-default .single_variation_wrap .single_add_to_cart_button {
  background-color: var(--theme-color-1) !important;
  height: 45px;
}

/* The container */
.dot-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.dot-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border-radius: 50%;
  border: #D6D6D6 solid 1px;
}

/* On mouse-over, add a grey background color */
.dot-container:hover input ~ .checkmark {
  background-color: var(--theme-color-1);
}

/* When the radio button is checked, add a blue background */
.dot-container input:checked ~ .checkmark {
  background-color: var(--theme-color-1);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.dot-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.dot-container .checkmark:after {
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #FFFFFF;
}

.alert-text {
  width: 100%;
}

.img {
  width: 100%;
  height: 100%;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.noselect, a {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Edge, Opera and Firefox */
}

.btn-check:focus + .btn, .btn:focus {
  box-shadow: none;
}

* {
  font-family: "Noto Sans TC", sans-serif;
}

p, h2 {
  letter-spacing: 0;
  color: var(--theme-color-2);
  margin: 0px;
  padding: 0px;
}

.hover {
  hover: pointer;
}

a {
  hover: pointer;
  color: var(--theme-color-2);
}

a.tag {
  text-decoration: none;
}

a:hover {
  opacity: 0.7;
}

.text-align-center {
  text-align: center;
}

.line-t {
  border-top: solid 1px rgba(216, 216, 216, 0.7);
}

.line-b {
  border-bottom: solid 1px rgba(216, 216, 216, 0.7);
}

/*.container{
    margin:0px;
    padding:0px;
}*/
.contain {
  max-width: 1600px;
  width: 83.33vw;
  margin: 0px auto;
  min-height: 700px;
}

.contain.part {
  min-height: 0px;
}

.breadcrumb-container {
  display: flex;
  background-color: #FFFFFF;
}

.woocommerce-breadcrumb {
  margin: 0px auto !important;
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}
.woocommerce-breadcrumb a {
  text-decoration: none;
}

.contain.full {
  width: 100vw;
  max-width: 100vw;
  margin: 0px auto;
}
.contain.full .inner-container {
  max-width: none;
}

.page-content {
  background-image: url("/wp-content/themes/lesfanmily/images/image/image_homepage_bg.png");
  background-size: cover;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  margin: 0px;
  padding: 0px;
  max-width: 100% !important;
}

.btn {
  width: fit-content;
  font-size: 15px;
  line-height: 17px;
  margin: 0px;
  padding: 0px;
  padding: 8px 52px 11px 52px;
}

.btn.disabled {
  color: #FFFFFF;
  background-color: #D6D6D6;
}

.btn-full-width {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 11px;
}

p, a {
  font-size: 15px;
  line-height: 17px;
}

.content-text p {
  font-size: 18px;
  line-height: 20px;
}

.desc p, p.desc {
  line-height: 26px;
}

.title.l, .title.l p {
  font-size: 60px;
  font-weight: 700;
  line-height: 66px;
}

.title, .title p {
  font-size: 40px;
  font-weight: 700;
  line-height: 43px;
}

.sub-title, .sub-title p {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.sub-title.l, .sub-title.l p {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}

.content-text {
  font-size: 50px;
  line-height: 55px;
}

.content-text.sm {
  font-size: 18px;
  line-height: 20px;
}

.text-1 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}

.text-2 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.text-3 {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.text-4 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

a[disabled=disabled] {
  background-color: #d6d6d6 !important;
}

.form-check-input {
  vertical-align: middle;
}

.form-check-input:checked {
  background-color: var(--theme-color-2);
  border-color: var(--theme-color-2);
}
.form-check-input:checked .label {
  font-size: 16px;
  line-height: 24px;
}

/*
.sub-title .sub-title p{
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}*/
.content {
  font-size: 15px;
  line-height: 26px;
}

.tab {
  display: flex;
}

.group {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.inner-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.croppie-container .cr-boundary {
  margin: 0px;
}

.croppie-container .cr-slider-wrap {
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

section .title {
  margin-bottom: 15px;
}
section .sub-title {
  margin-bottom: 30px;
}
section .content {
  margin-bottom: 40px;
}

.slide-btn-group-container {
  display: flex;
  flex-direction: row;
}
.slide-btn-group-container .btn {
  padding: 0px;
  margin-right: 15px;
  width: 92px;
  height: 92px;
}
.slide-btn-group-container .btn:last-child {
  margin-right: 0px;
}

.woocommerce ul.products .product-container {
  display: flex;
  width: 380px;
  height: auto;
}
.woocommerce ul.products .product-container li.product {
  width: 100%;
  margin: 0px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.woocommerce ul.products .product-container li.product a {
  text-align: center;
}
.woocommerce ul.products .product-container li.product a img {
  margin: 0px;
  padding: 0px;
}
.woocommerce ul.products .product-container li.product a .woocommerce-loop-product__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  padding: 0px 30px;
  margin: 0px;
  margin-top: 20px;
}
.woocommerce ul.products .product-container li.product a .price {
  padding: 0px 30px;
  margin-top: 15px;
}
.woocommerce ul.products .product-container li.product .add-to-cart-btn {
  margin-top: 15px;
  margin-bottom: 15px;
}
.woocommerce ul.products .product-container li.product .add-to-cart-btn a {
  margin-top: 0px;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 20px;
  background-color: var(--theme-color-1);
  color: #FFFFFF;
  border-radius: 5px;
}

.filter-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.filter-group a {
  text-decoration: none;
  margin-right: 50px;
}
.filter-group a:last-child {
  margin-right: 0px;
}
.filter-group a.active {
  color: var(--theme-color-1);
  border-bottom: 2px solid var(--theme-color-1);
}

.wp_pagination {
  display: flex;
  justify-content: center;
  margin: 45px 0px 45px 0px;
}
.wp_pagination span.page-numbers {
  height: 17px;
  margin-right: 60px;
}
.wp_pagination span.page-numbers:last-child {
  margin-right: 0px;
}
.wp_pagination a.page-numbers {
  height: 17px;
  color: #888888;
  text-decoration: none;
  margin-right: 60px;
  font-weight: 700;
}
.wp_pagination a.page-numbers:last-child {
  margin-right: 0px;
}
.wp_pagination .page-numbers.current {
  color: var(--theme-color-2);
  border-bottom: 2px solid var(--theme-color-2);
  line-height: 17px;
  height: 17px;
}
.wp_pagination.type-1 .title {
  display: none;
}
.wp_pagination.type-1 .prev.page-numbers {
  display: none;
  margin-right: 60px;
}
.wp_pagination.type-1 .next.page-numbers {
  display: none;
  margin-left: 60px;
}

.form-group {
  color: var(--theme-color-2);
}

.page-register .form-group .form-text, .page-register select .form-text {
  color: var(--theme-color-2);
}

input[type=checkbox] {
  /*width:auto!important;*/
}

.form-control {
  padding: 22.5px 8.5px;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef !important;
  opacity: 1;
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel] {
  box-sizing: border-box;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  padding: 8px 22.5px;
}

input[type=text].textarea {
  height: 180px;
}

.iti {
  width: 100%;
  display: block;
}
.iti input[type=tel] {
  padding-left: 70px !important;
}
.iti .iti__selected-flag {
  left: 15px;
}

.country-select {
  width: 100%;
  display: block;
}
.country-select .selected-flag {
  left: 15px;
}
.country-select input {
  padding-left: 70px !important;
}

select, select.form-control {
  background: transparent url("/wp-content/themes/lesfanmily/images/icon/icon_arrow_down_grey.svg?v=2") no-repeat right 1rem center;
  background-size: 16px 16px;
  /*    border-radius: 21px;
      padding:0px;*/
  /*    padding-left:17px;
      padding-right:17px;*/
  border-radius: 5px;
  padding: 8px 22.5px;
}

.select2 {
  box-sizing: border-box;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  padding: 8px 22.5px;
}
.select2 .select2-selection.select2-selection--single {
  border: 0px;
}
.select2 .select2-selection.select2-selection--single .select2-selection__rendered {
  margin: 0px;
  padding: 0px;
}

.select2.select2-container--default .select2-selection--single .select2-selection__arrow {
  transform: translateY(-50%);
  top: 50%;
  right: 15px;
}

.wpml-ls-statics-footer, .otgs-development-site-front-end {
  display: none;
}

@media (max-width: 1920px) and (min-width: 768px) {
  .woocommerce ul.products .product-container {
    width: 19.79vw;
  }
  .woocommerce ul.products .product-container li.product a .woocommerce-loop-product__title {
    font-size: 18px;
    line-height: 20px;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    padding: 0px 1.56vw;
  }
  .woocommerce ul.products .product-container li.product a .price {
    margin-top: 15px;
    padding: 0px 1.56vw;
  }
  .woocommerce ul.products .product-container li.product .add-to-cart-btn {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .woocommerce ul.products .product-container li.product .add-to-cart-btn a {
    margin-top: 0px;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 20px;
  }
}
@media (max-width: 1920px) and (min-width: 993px) {
  p, a {
    font-size: 15px;
    line-height: 17px;
  }

  .desc p, p.desc {
    line-height: 26px;
  }

  .title.l, .title.l p {
    font-size: 3.125vw;
    font-weight: 700;
    line-height: 3.44vw;
  }

  .title, .title p {
    font-size: 2.08vw;
    font-weight: 700;
    line-height: 2.24vw;
  }

  .sub-title, .sub-title p {
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.56vw;
  }

  .sub-title.l, .sub-title.l p {
    font-size: 1.56vw;
    font-weight: 700;
    line-height: 1.87vw;
  }

  .content-text {
    font-size: 2.5vw;
    line-height: 2.55vw;
  }

  .text-1 {
    font-size: 1.25vw;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.35vw;
  }

  .text-2 {
    font-size: 0.83vw;
    font-weight: 300;
    line-height: 1.25vw;
  }

  .text-3 {
    font-size: 0.73vw;
    font-weight: 300;
    line-height: 1.04vw;
  }

  section .title {
    margin-bottom: 0.78vw;
  }
  section .sub-title {
    margin-bottom: 1.56vw;
  }
  section .content {
    margin-bottom: 2.08vw;
  }

  .slide-btn-group-container .btn {
    margin-right: 0.78vw;
    width: 4.79vw;
    height: 4.79vw;
  }
}
@media screen and (max-width: 992px) {
  .woocommerce-breadcrumb {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }

  .contain {
    max-width: 100%;
    width: 89.33vw;
    margin: 0px auto;
    min-height: 0px;
  }

  .contain.full {
    width: 100vw;
    max-width: 100vw;
    margin: 0px auto;
  }
  .contain.full .inner-container {
    max-width: none;
  }

  .slide-btn-group-container .btn {
    width: 64px;
    height: 64px;
  }
  .slide-btn-group-container .btn img {
    width: 100%;
    height: 100%;
  }

  .woocommerce {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .woocommerce ul.products .product-container {
    display: flex;
    width: 100%;
    height: auto;
  }
  .woocommerce ul.products .product-container li.product {
    width: 100%;
    margin: 0px;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .woocommerce ul.products .product-container li.product a {
    text-align: center;
  }
  .woocommerce ul.products .product-container li.product a img {
    padding: 6.66vw 6.66vw 2.66vw 6.66vw;
    margin: 0px;
    /*padding:0px;*/
  }
  .woocommerce ul.products .product-container li.product a .woocommerce-loop-product__title {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 30px;
    margin: 0px;
    margin-top: 20px;
  }
  .woocommerce ul.products .product-container li.product a .price {
    padding: 0px 30px;
    margin-top: 15px;
  }
  .woocommerce ul.products .product-container li.product .add-to-cart-btn {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .woocommerce ul.products .product-container li.product .add-to-cart-btn a {
    margin-top: 0px;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 20px;
    background-color: var(--theme-color-1);
    color: #FFFFFF;
    border-radius: 5px;
  }
}
@media screen and (max-width: 992px) {
  .text-1 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
  }

  .text-2 {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
  }

  .text-3 {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
  }

  .content-text {
    font-size: 24px;
    line-height: 35px;
  }

  .content-text.sm {
    font-size: 16px;
    line-height: 24px;
  }

  p, a {
    font-size: 14px;
    line-height: 17px;
  }

  .desc p, p.desc {
    line-height: 26px;
  }

  .title.l, .title.l p {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
  }

  .title, .title p {
    font-size: 30px;
    font-weight: 700;
    line-height: 43px;
  }

  .sub-title, .sub-title p {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
  }

  .sub-title.l, .sub-title.l p {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
  }
}
.top-nav-main-content .social-icon-wrapper {
  display: flex;
  flex-direction: row;
  margin-right: 10px;
}
.top-nav-main-content .social-icon-wrapper a {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.top-nav-main-content .social-icon-wrapper a:last-child {
  margin-right: 0px;
}
.top-nav-main-content .social-icon-wrapper a img {
  width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

/*# sourceMappingURL=common.css.map */