@charset "UTF-8";

.text-black {

  color: #000000 !important;

}



a.text-black:hover {

  color: black !important;

}



.bg-black {

  background-color: #000000 !important;

}



.btn-bg-black {

  background-color: #000000;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-black:hover {

  background-color: black;

}



.border-black {

  border-color: #000000 !important;

}



.text-light-brown {

  color: #f6f5f3 !important;

}



a.text-light-brown:hover {

  color: #cac4b9 !important;

}



.bg-light-brown {

  background-color: #f6f5f3 !important;

}



.btn-bg-light-brown {

  background-color: #f6f5f3;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-light-brown:hover {

  background-color: #ebe9e4;

}



.border-light-brown {

  border-color: #f6f5f3 !important;

}



.text-main {

  color: #9bb96e !important;

}



a.text-main:hover {

  color: #67823f !important;

}



.bg-main {

  background-color: #9bb96e !important;

}



.btn-bg-main {

  background-color: #9bb96e;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-main:hover {

  background-color: #8fb15d;

}



.border-main {

  border-color: #9bb96e !important;

}



.text-gray-6 {

  color: #757575 !important;

}



a.text-gray-6:hover {

  color: #424242 !important;

}



.bg-gray-6 {

  background-color: #757575 !important;

}



.btn-bg-gray-6 {

  background-color: #757575;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-gray-6:hover {

  background-color: #686868;

}



.border-gray-6 {

  border-color: #757575 !important;

}



.text-gray-8 {

  color: #9b9b9b !important;

}



a.text-gray-8:hover {

  color: #686868 !important;

}



.bg-gray-8 {

  background-color: #9b9b9b !important;

}



.btn-bg-gray-8 {

  background-color: #9b9b9b;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-gray-8:hover {

  background-color: #8e8e8e;

}



.border-gray-8 {

  border-color: #9b9b9b !important;

}



.text-gray-9 {

  color: #b1b1b1 !important;

}



a.text-gray-9:hover {

  color: #7e7e7e !important;

}



.bg-gray-9 {

  background-color: #b1b1b1 !important;

}



.btn-bg-gray-9 {

  background-color: #b1b1b1;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-gray-9:hover {

  background-color: #a4a4a4;

}



.border-gray-9 {

  border-color: #b1b1b1 !important;

}



.text-share-color {

  color: #f96d4c !important;

}



a.text-share-color:hover {

  color: #d82f07 !important;

}



.bg-share-color {

  background-color: #f96d4c !important;

}



.btn-bg-share-color {

  background-color: #f96d4c;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-share-color:hover {

  background-color: #f85933;

}



.border-share-color {

  border-color: #f96d4c !important;

}



.text-transparent {

  color: transparent !important;

}



a.text-transparent:hover {

  color: rgba(0, 0, 0, 0) !important;

}



.bg-transparent {

  background-color: transparent !important;

}



.btn-bg-transparent {

  background-color: transparent;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-transparent:hover {

  background-color: rgba(0, 0, 0, 0);

}



.border-transparent {

  border-color: transparent !important;

}



.text-m_navitem {

  color: #358453 !important;

}



a.text-m_navitem:hover {

  color: #183b25 !important;

}



.bg-m_navitem {

  background-color: #358453 !important;

}



.btn-bg-m_navitem {

  background-color: #358453;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.btn-bg-m_navitem:hover {

  background-color: #2e7248;

}



.border-m_navitem {

  border-color: #358453 !important;

}



@font-face {

  font-family: "EBGaramond";

  src: url("../lib/font/EBGaramond-Medium.ttf");

}



html,
body {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans TC", "Microsoft JhengHei", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



input,
textarea {

  font-size: initial;

}



a:hover {

  text-decoration: none;

}



ul {

  padding: 0;

}



ul li {

  list-style: none;

}



img {

  max-width: 100%;

  height: auto;

  -ms-flex-item-align: start;

  align-self: flex-start;

}



.custom-control-input:checked~.custom-control-label::before {

  border-color: #83a54f;

  background-color: #83a54f;

}



.text_indent {

  text-indent: -1rem;

  margin-left: 1rem;

}



.text-decoration-line {

  -webkit-text-decoration-line: line-through;

  text-decoration-line: line-through;

}



.large-font {

  font-size: 1.5em;

}



.small-font {

  font-size: 0.7em;

}



.letter-1 {

  letter-spacing: 1px;

}



.letter-2 {

  letter-spacing: 2px;

}



.line-height2 {

  line-height: 2;

}



.grayscale {

  filter: grayscale(1);

  -webkit-filter: grayscale(1);

  -ms-filter: grayscale(1);

  -moz-filter: grayscale(1);

  -o-filter: grayscale(1);

}



.font-weight-5 {

  font-weight: 500;

}



.border-dashed {

  border-width: 1.5px;

  border-style: dashed;

  border-color: rgba(155, 185, 110, 0.5);

}



.title_border {

  position: relative;

}



.title_border .text {

  z-index: 2;

}



.title_border:after {

  content: '';

  width: 100%;

  height: 1px;

  position: absolute;

  top: 50%;

  left: 0;

  border-bottom: 1px solid #757575;

  z-index: 1;

}



.table-rwd td {

  vertical-align: middle;

}



.transform {

  -webkit-transform: rotate(-0.5turn);

  /*為Chrome/Safari*/

  /*為Firefox*/

  /*為IE*/

  /*為Opera*/

  transform: rotate(-0.5turn);

}



.transform-mirror {

  -webkit-transform: scaleX(-1);

  transform: scaleX(-1);

}



[data-hover="shadow"] {

  -webkit-transition: all 0.1s;

  transition: all 0.1s;

  cursor: pointer;

}



[data-hover="shadow"]:hover {

  -webkit-filter: drop-shadow(2px 4px 6px rgba(50, 50, 50, 0.5));

  filter: drop-shadow(4px 4px 4px rgba(50, 50, 50, 0.5));

}



/* safari */

/* sweetalert2 custom style */

.alert_reg {

  padding: 0.25rem;

  -webkit-filter: drop-shadow(2px 4px 6px #000000);

  filter: drop-shadow(2px 4px 6px #000000);

}



.alert_reg .title {

  font-size: 1.4em;

  font-weight: 400;

}



.alert_reg .close {

  font-size: 1.5em;

  color: rgba(50, 50, 50, 0.8);

}



.alert_reg .cont_text {

  margin-left: 0;

  margin-bottom: 0;

  font-size: 1rem;

  font-weight: 300;

  text-align: center;

}



.btn_shop {

  height: 36px;

  color: #757575;

  font-size: 0.9rem;

  font-weight: 400;

  padding: .375rem 1.2rem;

  background-color: transparent;

  border: 1px solid #757575;

  border-radius: 24px;

  line-height: 18px;

}



.btn_shop:hover {

  background-color: #9bb96e;

  border: 1px solid #9bb96e;

  color: #ffffff;

}



.btn_round {

  min-width: 72px;

  height: 36px;

  border-radius: 24px;

  line-height: 18px;

}



.btn-outline {

  border: 1px solid #cbcbcb !important;

  color: #b1b1b1 !important;

}



.btn-outline:hover,
.btn-outline.act {

  color: #323232;

  background-color: #ffffff;

  -webkit-box-shadow: 0px 1px 3px #b1b1b1;

  box-shadow: 0px 1px 3px #b1b1b1;

}



.btn-outline-main {

  border: 1px solid #cbcbcb;

  color: #323232;

}



.btn-outline-main:hover,
.btn-outline-main.act {

  background-color: #9bb96e;

  color: #ffffff;

  border: 1px solid #b3ca90;

}



.icon_btn {

  width: 3rem;

  height: 3rem;

  font-size: 1.2rem;

  border-radius: 50%;

  padding: 0;

}



.icon_btn:hover {

  background-color: rgba(155, 185, 110, 0.8);

  color: #ffffff;

}



.btn-defult {

  background-color: #e5e5e5;

  border: #e5e5e5;

  color: #323232;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.btn-defult:hover {

  background-color: #9bb96e;

  border: #9bb96e;

  color: #ffffff;

  -webkit-filter: drop-shadow(2px 2px 2px rgba(50, 50, 50, 0.3));

  filter: drop-shadow(2px 2px 2px rgba(50, 50, 50, 0.3));

}



.btn-main {

  cursor: pointer;

  background-color: transparent;

  border: 1px solid #b1b1b1;

  color: rgba(50, 50, 50, 0.9);

  -webkit-transition: all 0.15s;

  transition: all 0.15s;

}



.btn-main:hover {

  background-color: #9bb96e;

  border: 1px solid #9bb96e;

  color: #ffffff;

}



.btn-main-2 {

  cursor: pointer;

  background-color: #9bb96e;

  border: 1px solid #b1b1b1;

  color: #ffffff;

  -webkit-transition: all 0.15s;

  transition: all 0.15s;

}



.btn-main-2:hover {

  background-color: #67823f;

  border: 1px solid #9bb96e;

  color: #ffffff;

}



/*

.btn_thumbs{

    background-color: $like-color;

    color: $white;

    border: 1px solid $like-color;

    cursor: pointer;

    transition: all 0.5s;

    &:hover{

        background-color: darken($like-color,15%);

    }

}

.btn_twitter{

    background-color: $twitter;

    color: $white;

    border: 1px solid $twitter;

    cursor: pointer;

    transition: all 0.5s;

    &:hover{

        background-color: darken($twitter,15%);

    }

}

.btn_share{

    background-color: $share-color;

    color: $white;

    border: 1px solid $share-color;

    cursor: pointer;

    transition: all 0.5s;

    &:hover{

        background-color: darken($share-color,15%);

    }

}*/

.btn_facebook,
.btn_google,
.bg_line {

  color: #ffffff;

  cursor: pointer;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.btn_facebook:hover,
.btn_google:hover,
.bg_line:hover {

  color: #ffffff;

  -webkit-filter: drop-shadow(2px 2px 2px #757575);

  filter: drop-shadow(2px 2px 2px #757575);

}



.btn_facebook {

  background-color: #3b5999;

}



.btn_facebook:hover {

  background-color: #4264ab;

}



.btn_google {

  background-color: #dd482f;

}



.btn_google:hover {

  background-color: #e15b45;

}



.bg_line {

  background-color: #00bd45;

}



.bg_line:hover {

  background-color: #00d74e;

}



.btns_num {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

}



.btns_num input.text {

  height: 2.2rem;

  max-width: 5.4rem;

  width: 100%;

  text-align: center;

  margin: 0 10px;

}



.btns_num .plus,
.btns_num .minus {

  cursor: pointer;

  font-size: 1.4rem;

  color: #f0bd63;

  border: 0;

  background-color: transparent;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.btns_num .plus:hover,
.btns_num .minus:hover {

  color: #eca934;

}



.btn_order {

  background-color: #9b9b9b;

  color: #ffffff;

}



.btn_order:hover {

  background-color: #f96d4c;

  color: #ffffff;

}



.custom-select {

  background-color: rgba(255, 255, 255, 0.2);

}



.btn_colse {

  color: #f0bd63;

  border: 0;

  background-color: transparent;

  font-size: 1.2rem;

  cursor: pointer;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.btn_colse:hover {

  color: #f7451b;

}



.table-responsive .btn_icon {

  max-width: 40px;

}



.table-responsive .btn_icon .fa-shopping-cart {

  margin-left: -2px;

}



.comfirm_table tr td {

  padding: 0.25rem 0.75rem;

}



.comfirm_table tr td:nth-child(odd) {

  width: 150px;

}



.comfirm_table tr th {

  padding: 0.25rem 0.75rem;

}



table.table .bg-light-brown {

  background-color: #f1f1f1 !important;

}



.countdown_card_area {

  min-width: 770px;

  max-width: 770px;

}



.promotion_card_area {

  min-width: 300px;

}



.countdown_card {

  overflow: hidden;

  border-color: #9bb96e;

}



.countdown_card .countdown_promotion {

  right: 5px;

}



.countdown_card .card-header {

  padding: 0.75rem 0.75rem;

  background-color: transparent;

}



.countdown_card .label {

  height: 60px;

  font-size: 25px;

  color: rgba(255, 255, 255, 0.8);

  line-height: 60px;

  position: relative;

}



.countdown_card .label .text-warning {

  font-size: 75%;

  color: #fff200 !important;

}



.countdown_card .p_info_area {

  background-image: url("../image/active/promotion.jpg");

  background-size: cover;

  background-position: center center;

  padding: 20px;

}



.countdown_card .p_info {

  background-color: rgba(255, 255, 255, 0.75);

  padding: 15px;

}



.countdown_card .p_info .text-danger {

  font-size: 1.1em;

}



.countdown_card .p_info .title {

  color: #4c602e;

  text-align: left;

  margin-bottom: 0;

  font-size: 1.4em;

  font-weight: 500;

}



.countdown_card .p_info .sub_title {

  color: #4c602e;

  font-size: 1.4em;

  margin-bottom: 10px;

}



.countdown_card .p_info .text {

  color: #757575;

  font-size: 0.9em;

  word-break: break-all;

}



.countdown_card .p_info .price {

  font-size: 1.9rem;

}



.countdown_card .p_info .img {

  -webkit-box-shadow: 1px 2px 5px rgba(50, 50, 50, 0.5);

  box-shadow: 1px 2px 5px rgba(50, 50, 50, 0.5);

}



.countdown_card .favorite {

  background-color: rgba(255, 255, 255, 0.8);

  color: #9bb96e;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.countdown_card .favorite:hover {

  color: #ffffff;

  background-color: #9bb96e;

}



.act_card {

  min-height: 450px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.act_card .bg {

  background-size: cover;

  background-position: center bottom;

  background-repeat: no-repeat;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.act_card .logo img {

  width: auto;

}



.act_card .discount p {

  line-height: 5rem;

}



.act_card .gradient_text {

  background: radial-gradient(circle, rgba(45, 30, 33, 0.5), #2d1e21);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  -webkit-box-decoration-break: clone;

  box-decoration-break: clone;

  text-shadow: none;

  font-weight: 700;

}



.card {

  border-radius: 0;

}



.card-header {

  background-color: transparent;

  border-color: transparent;

}



.p_card {

  padding: 20px 0;

  background-color: #ffffff;

}



.p_card .card-img-overlay {

  display: none;

  background-color: rgba(246, 245, 243, 0.92);

}



.p_card .icon_btn {

  border: 1px solid #9b9b9b !important;

}



.p_card .icon_btn:hover {

  border: 1px solid #9bb96e !important;

}



.p_card .ribbon {

  display: none;

}



.p_card.discount {

  overflow: hidden;

}



.p_card.discount .discount_text {

  width: 60%;

  height: 40px;

  line-height: 40px;

  text-align: center;

  position: absolute;

  top: -40px;

  right: -80px;

  -webkit-transform-origin: left center;

  transform-origin: left center;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.p_card.discount .ribbon {

  display: block;

  position: absolute;

  right: -5px;

  top: -5px;

  z-index: 1;

  overflow: hidden;

  width: 93px;

  height: 93px;

  text-align: right;

}



.p_card.discount .ribbon span {

  text-transform: uppercase;

  text-align: center;

  font-weight: bold;

  line-height: 32px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 125px;

  display: block;

  -webkit-box-shadow: 0 3px 10px -5px black;

  box-shadow: 0 3px 10px -5px black;

  position: absolute;

  top: 17px;

  right: -29px;

}



.p_card.discount .ribbon_icon {

  width: 100%;

  position: absolute;

  top: 0;

  z-index: 2;

}



.p_card .ribbon_icon {

  position: absolute;

  width: 100%;

  top: 0;

  right: 0;

  z-index: 2;

}



.p_card:hover {

  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.6), inset 0 0 0 1px #ffffff;

  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.6), inset 0 0 0 1px #ffffff;

  border-color: #ffffff;

}



.p_card:hover .card-img-overlay {

  display: block;

}



.p_card .info {

  text-align: center;

}



.p_card .info p {

  margin-bottom: 0;

}



.p_card .info .brand,
.p_card .info .p_name {

  color: #000000;

  font-weight: 400;

  font-size: 1rem;

}



.p_card .info .p_name {

  margin-bottom: 8px;

}



.p_card .info .capacity {

  color: #b1b1b1;

  font-size: 0.85rem;

  margin-bottom: 8px;

}



.p_card .info .p_price {

  font-size: 1.4rem;

  margin-bottom: 10px;

}



.p_card .info .point_img {

  max-width: 30px;

  margin-right: 0.3rem;

  margin-top: -4px;

}



.p_card .info .point {

  font-size: 0.8rem;

  padding-top: 0.25rem;

  line-height: 36px;

  color: #67823f;

}



.p_card .info .btn-sm {

  background-color: transparent;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.p_card .info .btn-sm .hover {

  display: none;

}



.p_card .info .btn-sm .usually {

  display: block;

}



.p_card .info .btn-sm img {

  max-width: 2rem;

}



.p_card .info .btn-sm:hover .hover {

  display: block;

}



.p_card .info .btn-sm:hover .usually {

  display: none;

}



.p_card .info .p_list_text,
.p_card .info .brand_list,
.p_card .info .list_btn {

  display: none;

}



.p_card_list {

  max-width: 100%;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

}



.p_card_list .img {

  -webkit-box-flex: 40%;

  -ms-flex: 40%;

  flex: 40%;

  max-width: 40%;

  text-align: center;

}



.p_card_list .img img {

  max-width: 168px;

}



.p_card_list .info {

  -webkit-box-flex: 60%;

  -ms-flex: 60%;

  flex: 60%;

  max-width: 60%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -ms-flex-pack: distribute;

  justify-content: space-around;

  padding: 0 10px;

}



.p_card_list .info .keep_icon {

  -webkit-box-pack: left !important;

  -ms-flex-pack: left !important;

  justify-content: left !important;

  -webkit-box-ordinal-group: 4;

  -ms-flex-order: 3;

  order: 3;

}



.p_card_list .info .brand {

  display: none;

}



.p_card_list .info .p_name {

  text-align: left;

  -webkit-box-ordinal-group: 3;

  -ms-flex-order: 2;

  order: 2;

}



.p_card_list .info .capacity {

  text-align: left;

  -webkit-box-ordinal-group: 5;

  -ms-flex-order: 4;

  order: 4;

}



.p_card_list .info .p_price {

  text-align: left;

  -webkit-box-ordinal-group: 6;

  -ms-flex-order: 5;

  order: 5;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.p_card_list .info .p_point {

  -webkit-box-pack: left !important;

  -ms-flex-pack: left !important;

  justify-content: left !important;

  -webkit-box-ordinal-group: 8;

  -ms-flex-order: 7;

  order: 7;

}



.p_card_list .info .list_btn {

  display: block;

  text-align: right;

  -webkit-box-ordinal-group: 9;

  -ms-flex-order: 8;

  order: 8;

}



.p_card_list .info .p_list_text {

  color: #b5b5b5;

  letter-spacing: 1px;

  text-align: start;

  -webkit-box-ordinal-group: 7;

  -ms-flex-order: 6;

  order: 6;

}



.p_card_list .card-img-overlay {

  -webkit-box-flex: 40%;

  -ms-flex: 40%;

  flex: 40%;

  max-width: 40%;

}



.p_card_list .card-img-overlay button.btn-main {

  display: none;

}



.p_card_e {

  padding: 8px 15px;

  background-color: transparent;

}



.p_card_e .card-img-overlay {

  z-index: 4;

  display: none;

}



.p_card_e:hover {

  -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.6), inset 0 0 0 1px #ffffff;

  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.6), inset 0 0 0 1px #ffffff;

  border-color: #ffffff;

}



.p_card_e:hover .card-img-overlay {

  display: block;

}



.p_card_e .img {

  max-width: 100px;

}



.p_card_e .info {

  text-align: center;

  font-size: 0.9rem;

  padding: 15px 0;

}



.p_card_e .info .p_price {

  font-size: 1.2rem;

}



.p_card_e .title {

  font-size: 0.8em !important;

}



.p_card_e .price {

  color: #bc2c3d;

}



.info_swiper_card .card-header {

  color: #323232;

  border-radius: 0;

  padding: 0.8rem 1.25rem;

}



.info_swiper_card .card-img-top {

  border-top-left-radius: calc(1.25rem - 1px);

  border-top-right-radius: calc(1.25rem - 1px);

  overflow: hidden;

}



.info_swiper_card .card-img-top img {

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.info_swiper_card:hover .card-img-top img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.info_swiper_card.read .card-header {

  background-color: #d7e3c5;

}



.info_swiper_card.question .card-header {

  background-color: #d0e0e8;

}



.info_swiper_card.video .card-header {

  background-color: #e7d8e7;

}



.news_box .news_header {

  background-color: #e7d8e7;

  padding: 0.8rem 1.25rem;

  border-radius: 0;

}



.news_box .news_item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  font-size: 1.05rem;

  border-bottom: 1px dashed #9b9b9b;

  margin-bottom: 0;

  padding: 1rem 0;

}



.news_box .news_item p {

  white-space: normal;

}



.news_box .news_item .data {

  margin-left: auto;

  color: #757575;

  font-size: 0.9em;

}



.card_hover:hover {

  -webkit-box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 1px #ffffff;

  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 1px #ffffff;

  border-color: #ffffff;

}



.card_hover:hover .card-img-overlay {

  display: block;

}



@media (max-width: 767px) {

  .p_card .info .point {

    width: 100%;

  }

}



.swiper_prev,
.swiper_next {

  position: absolute;

  top: 50%;

  z-index: 10;

  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);

}



.swiper_next {

  right: 0px;

}



.carousel {

  height: calc(50vh - 88px);

  min-height: 600px;

  background-image: url("../image/background/bg-slider.jpg");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.carousel .bg-img {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.carousel .title {

  font-size: 3.5rem;

  letter-spacing: 3px;

  font-family: 'EBGaramond';

}



.carousel .sub_title {

  font-size: 1.8rem;

  letter-spacing: 2px;

}



.carousel .text {

  letter-spacing: 2px;

  margin-bottom: 30px;

}



.carousel .swiper-button-prev,
.carousel .swiper-button-next {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  border: 1px solid #9b9b9b;

}



.carousel .swiper-button-prev:after,
.carousel .swiper-button-next:after {

  font-size: var(--swiper-navigation-size)-10px;

  color: #9b9b9b;

}



.swiper_btn {

  width: 30px;

  height: 30px;

  cursor: pointer;

  text-align: center;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  background-color: transparent;

}



.swiper_btn:hover {

  background-color: rgba(255, 255, 255, 0.8);

}



.swiper-container .hide {

  opacity: 0;

}



.swiper-button-next,
.swiper-button-prev {

  -webkit-transition: opacity 0.5s;

  transition: opacity 0.5s;

}



#brans_prev,
#brans_next {

  height: 60px;

  line-height: 50px;

  margin-top: -30px;

  background-color: rgba(155, 155, 155, 0.8);

  padding: 5px 10px;

  color: #ffffff;

  cursor: pointer;

}



#brans_prev:hover,
#brans_next:hover {

  background-color: #9bb96e;

}



.swiper-container {

  --swiper-preloader-color: #ccc;

  /* 单独设置预加载圆圈的颜色 */

}



.flip-clock-wrapper {

  margin: 0;

}



.flip-clock-wrapper ul {

  width: 40px;

  height: 60px;

  font-size: 50px;

  line-height: 60px;

  margin: 0 3px;

}



.flip-clock-wrapper ul li {

  line-height: 60px;

}



.flip-clock-wrapper ul li a div div.inn {

  font-size: 50px;

  background-color: #9bb96e;

  color: #ffffff;

  text-shadow: 0 1px 2px #313d1e;

}



.flip-clock-wrapper .flip {

  -webkit-box-shadow: none;

  box-shadow: none;

}



.flip-clock-dot {

  background-color: #757575;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.flip-clock-dot.top {

  width: 8px;

  height: 8px;

  top: 10px;

}



.flip-clock-dot.bottom {

  width: 8px;

  height: 8px;

  bottom: 10px;

}



.flip-clock-divider {

  height: 60px;

}



.flip-clock-divider .flip-clock-label {

  color: #9bb96e;

}



.flip-clock-divider.hours {

  position: relative;

  width: 60px;

}



.flip-clock-divider.hours:after {

  content: '天 |';

  font-size: 25px;

  color: #9b9b9b;

  line-height: 90px;

}



.flip-clock-divider.hours .flip-clock-dot {

  display: none;

}



header .tab_content .content {

  width: 100%;

  background-color: white;

  padding-top: 40px;

}



header .tab_content a {

  color: #323232;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



header .tab_content a:hover {

  color: #9bb96e;

}



header .logo {

  min-width: 150px;

  max-width: 225px;

}



header .slogan {

  min-width: 100px;

  max-width: 300px;

}



header .nav_area {

  min-height: 68px;

  margin-top: -2rem;

}



header .member_area .btn-sm {

  font-size: 0.75rem;

}



#history_content .toolbox {

  max-height: calc(90vh - 100px);

  overflow-y: scroll;

}



#brans_main {

  max-height: calc(100vh - 200px);

}



#brans_main .brans_item a {

  display: block;

  max-width: 150px;

  margin: 0 auto;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  -webkit-filter: opacity(50%);

  filter: opacity(50%);

}



#brans_main .brans_item a:hover {

  -webkit-filter: opacity(100%);

  filter: opacity(100%);

}



nav .nav-item a {

  color: #323232;

}



nav .nav-item a:hover,
nav .nav-item a.act {

  color: #9bb96e;

}



.tool_area,
.left_area {

  position: fixed;

  top: calc(123px + 1.2rem);

  z-index: 99;

}



.tool_area {

  width: calc(30px + 1rem);

  right: 0;

}



.tool_area .tool_nav {

  width: 100%;

}



.tool_area .tool_nav .nav-item {

  border-bottom: 1px solid #ffffff;

  padding: 1rem 0;

}



.tool_area .tool_nav .nav-item:nth-last-child(1) {

  border: 0;

}



.tool_area .tool_content {

  min-width: 350px;

  position: absolute;

  top: 0;

  right: calc(30px + 1.5rem);

}



.tool_area .tool_content .search {

  height: 40px;

  position: relative;

}



.tool_area .tool_content .search button.btn {

  height: 40px;

  position: absolute;

  top: 0;

  right: 0;

}



.tool_area .tool_content .p_list {

  max-height: 350px;

  overflow-y: scroll;

}



.left_area {

  min-width: 50px;

  max-width: calc(110px + 1rem);

  padding: 0 1rem;

}



#set_content .img {

  max-width: 2rem;

  margin-right: 0.5rem;

}



.nav_item {

  border-bottom: 1px solid rgba(50, 50, 50, 0.2);

}



.nav_item .lebal {

  width: 100%;

}



.nav_item a {

  width: 100%;

  display: inline-block;

  padding: 10px 0;

  color: #323232;

  letter-spacing: 2px;

}



.nav_item a.act {

  color: #9bb96e;

}



.nav_item a:hover {

  color: #9bb96e;

}



.nav_item.msg a {

  -webkit-box-pack: start !important;

  -ms-flex-pack: start !important;

  justify-content: start !important;

}



.nav_item.msg .msg_text {

  width: 30px;

  height: auto;

  text-align: center;

  background-image: url("../image/icon/oval.png");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

}



.sub_content {

  display: none;

}



.sub_item {

  border-bottom: 1px solid rgba(50, 50, 50, 0.2);

  font-weight: 400;

}



.sub_item:nth-last-child(1) {

  border-bottom: 0;

}



.sub_item li {

  border-bottom: 1px solid rgba(50, 50, 50, 0.2);

  font-weight: 200;

}



.sub_item li:nth-last-child(1) {

  border-bottom: 0;

}



.community_item {

  width: 20%;

  min-width: 65px;

  max-width: 100px;

}



#cart_icon {

  position: relative;

}



#cart_icon .num {

  width: 20px;

  height: 20px;

  position: absolute;

  top: 2px;

  right: -10px;

  background-color: #9bb96e;

  text-align: center;

  font-size: 13.33333px;

}



#cart_icon .dropdown {

  right: 0;

  top: 40px;

}



#cart_icon .price {

  color: #759347;

}



.section.color {

  background-color: #f6f5f3;

}



.section .title {

  font-size: 1.6rem;

  text-align: center;

}



.section .section_header {

  position: relative;

}



.section .section_header:after {

  content: '';

  width: 100%;

  height: 1px;

  position: absolute;

  top: calc(50% - 6px);

  z-index: 1;

}



.promotion .title {

  color: #3c687d;

  z-index: 2;

}

.promotion .title a{
  color: #4c602e;
}


.promotion .title span.font-weight-light {

  color: rgba(60, 104, 125, 0.6);

}



.promotion #promotion_card {

  margin-left: 0;

  margin-right: auto;

}



.promotion #promotion_card .swiper-slide {

  padding: 0 7.5px;

}



.promotion .section_header:after {

  background-color: #3c687d;

}



.promotion .flip-clock-label {

  display: none !important;

}



.collect:after {

  z-index: 3;

  bottom: -80px;

}



.collect .title {

  color: #475a2c;

}



.collect .title span.font-weight-light {

  color: rgba(71, 90, 44, 0.6);

}



.collect .section_header .icon {

  position: relative;

}



.collect .section_header .icon:after {

  content: '';

  width: 100%;

  height: 1px;

  position: absolute;

  bottom: 35%;

  z-index: 1;

  background-color: rgba(71, 90, 44, 0.6);

}



.collect .section_header .icon .img {

  z-index: 2;

  background-color: #f6f5f3;

}



.collect .section_header .btn_round {

  height: auto;

}



.collect .section_header .label_icon {

  max-width: 180px;

  width: 100%;

}



.hot::before {

  top: -80px;

  z-index: 3;

}



.hot::after {

  bottom: -80px;

}



.hot div:first-child {

  z-index: 4;

}



.hot .label .icon {

  background-color: #ffffff;

  max-width: 4rem;

}



.hot .label p {

  margin-bottom: 0;

  line-height: 3.5rem;

}



.hot .label .sw_btns {

  position: absolute;

  right: 1rem;

  bottom: 1.5rem;

}



.hot .hot_item .label:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 1px;

  top: calc(50% + 1rem);

  right: 0;

}



.hot .p_recom .label:after {

  background-color: #f0bd63;

}



.hot .p_green .label:after {

  background-color: #eea7d8;

}



.hot .p_new .label:after {

  background-color: #9bb96e;

}



.information {

  padding-bottom: 2.5rem;

}



.information .title {

  color: #f0bd63;

}



.information .title span.font-weight-light {

  color: rgba(240, 189, 99, 0.6);

}



.information .section_header {

  padding: 3rem 0 3rem 0;

}



.information .section_content {

  padding-bottom: 1.5rem;

}



.banner_bottom .label h5 {

  line-height: 3rem;

}



.banner_bottom .label .icon {

  background-color: #ffffff;

  max-width: 3.8rem;

  z-index: 2;

}



.banner_bottom .label:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 1px;

  top: calc(50% + 1rem);

  right: 0;

  background-color: #9bb96e;

}



.brans_wall div:first-child {

  z-index: 9;

}



.go_top {

  width: 37.5px;

  right: 0px;

  bottom: 12%;

  margin-left: auto;

}



.go_top .btn {

  background-color: rgba(50, 50, 50, 0.8);

}



.go_top .btn:hover {

  background-color: #83a54f;

}



.p_bg_1 {

  right: 0;

  bottom: 40%;

  z-index: 1;

}



.p_bg_2 {

  right: 0;

  bottom: -200px;

  z-index: 7;

}



.p_bg_3 {

  left: -90px;

  top: 50px;

  z-index: 7;

}



.p_banner {

  width: 100%;

}



.p_banner .bg {

  min-height: 20vh;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.breadcrumb a {

  color: #323232;

}



.breadcrumb .breadcrumb-item.active {

  color: #9bb96e;

}



.sidebar .custom-control-label {

  color: #757575;

}



.sidebar .nav_item a {

  color: #757575;

}



.sidebar .nav_item a:hover {

  color: #9bb96e;

}



.sidebar .nav_item.act a {

  color: #9bb96e;

}



.banner_static {

  text-align: center;

  clear: both;

}



.slider.slider-horizontal {

  width: 100%;

}



.slider-handle {

  background: #ffffff;

  border: 1px solid #cecece;

  border-radius: 50%;

  /* You can customize the handle and set a background image */

}



.slider-track {

  background: #dbdbdb;

}



.slider-selection {

  border-top: 0.5px solid #b5b5b5;

}



.view .title {

  color: #b8a780;

  z-index: 2;

}



.view .title span.font-weight-light {

  color: rgba(184, 167, 128, 0.6);

}



.view .section_header:after {

  background-color: rgba(184, 167, 128, 0.6);

}



.swiper-slide-thumb-active .card {

  border: 1.5px solid #9bb96e;

}



.nav-pills .nav-link {

  margin: 0 15px;

  border: 1px solid #9b9b9b;

  color: #9b9b9b;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.nav-pills .nav-link.active,
.nav-pills .nav-link:hover {

  color: #ffffff;

  background-color: #9bb96e;

  border: 1px solid #9bb96e;

}



.nav-pills .show .nav-link {

  background-color: #9bb96e;

  border: 1px solid #9bb96e;

}



.product_info {

  color: #5c5c5c;

}



.product_info a {

  color: #5c5c5c;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.product_info a:hover {

  color: #1977f2;

}



.product_info .price {

  font-weight: 600;

}



.product_info .point_img {

  max-width: 30px;

  margin-right: 0.3rem;

}



.product_info .point {

  color: #83a54f;

}



.product_info .sns_button>div {

  max-width: 100px;

}



.product_content_bottom {

  color: #c1c1c1;

  /* GENERAL STYLES */

}



.product_content_bottom p {

  letter-spacing: 2.5px;

}



.pagination {

  padding: 30px 0;

}



.pagination ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



.pagination a {

  display: inline-block;

  padding: 0 0.5rem;

  color: inherit;

  -webkit-transition: all 0.1s;

  transition: all 0.1s;

}



.pagination a:hover,
.pagination .is-active li {

  font-weight: bold;

  color: #9bb96e;

}



.mwt_border {

  min-width: 3rem;

  height: 100%;

  text-align: center;

  position: relative;

  border: solid 1px #b1b1b1;

  margin-left: 6px;

}



.mwt_border .arrow_l_int {

  width: 0px;

  height: 0px;

  border-width: 6px;

  border-style: solid;

  border-color: transparent #989898 transparent transparent;

  position: absolute;

  top: 15%;

  left: -12px;

}



.mwt_border .arrow_l_out {

  width: 0px;

  height: 0px;

  border-width: 6px;

  border-style: solid;

  border-color: transparent #f6f5f3 transparent transparent;

  position: absolute;

  top: 15%;

  left: -11px;

}



#p_img_top .ribbon {

  display: block;

  position: absolute;

  right: -5px;

  top: -5px;

  z-index: 2;

  overflow: hidden;

  width: 93px;

  height: 93px;

  text-align: right;

}



#p_img_top .ribbon span {

  text-transform: uppercase;

  text-align: center;

  font-weight: bold;

  line-height: 32px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 125px;

  display: block;

  -webkit-box-shadow: 0 3px 10px -5px black;

  box-shadow: 0 3px 10px -5px black;

  position: absolute;

  top: 17px;

  right: -29px;

}



.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

  color: #323232 !important;

  background-color: #f6f5f3;

  border-color: #dee2e6 #dee2e6 #f6f5f3;

}



.act_cart_area {

  width: 100%;

  position: fixed;

  bottom: 0px;

  z-index: 1020;

}



.act_cart_area .act_cart .border-bottom {

  border-bottom: 2px solid rgba(0, 0, 0, 0.5) !important;

}



.act_cart_area .act_cart .header .btn {

  width: 80px;

  height: 26px;

  color: #ffffff;

  margin-bottom: -1px;

  background-image: url("../image/icon/rectangle.png");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  line-height: 13px;

}



.act_cart_area .act_cart .content {

  max-height: 75vh;

  overflow-y: auto;

}



.act_cart_area .act_cart .content .item>.card {

  max-width: 112px;

  margin: 0 auto;

}



.act_cart_area .act_cart .content .del_btn {

  position: absolute;

  top: -0.5rem;

  right: -0.5rem;

  color: rgba(50, 50, 50, 0.8);

  background-color: #ffffff;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  cursor: pointer;

}



.act_cart_area .act_cart .content .del_btn:hover {

  color: #9bb96e;

}



.act_cart_area .act_cart .btns_num input.text {

  height: 1.8rem;

}



.act_cart_area .act_cart .btns_num .plus,
.act_cart_area .act_cart .btns_num .minus {

  top: 0;

}



.act_cart_area .act_cart .btns_num .plus {

  left: 0;

}



.act_cart_area .act_cart .btns_num .minus {

  right: 0;

}



.label_info .text {

  font-size: 0.9em;

  letter-spacing: 0.5px;

  line-height: 1.5rem;

}



.label_info .indent {

  text-indent: 2em;

}



.aboutus .content .sub_title {

  font-size: 1.1rem;

}



.aboutus .content .text {

  text-indent: 2rem;

}



.aboutus .content .phase:nth-child(even) {

  background-color: #f6f5f3;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

}



.contact_area .title {

  padding: 2rem 0;

  color: #9b9b9b;

  line-height: 2rem;

}



.contact_area .cont_tel_label {

  margin-bottom: 0px;

  line-height: 38px;

}



.contact_area .cont_input {

  width: 100%;

  padding-right: 15px;

}



.refer {

  background-color: rgba(0, 0, 0, 0.05);

}



.brans_list .brans_item a {

  display: block;

  -webkit-filter: opacity(50%);

  filter: opacity(50%);

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  border: 1px solid transparent;

  text-align: center;

}



.brans_list .brans_item a:hover {

  -webkit-filter: opacity(100%);

  filter: opacity(100%);

  border: 1px solid #9bb96e;

}



.error {

  min-height: 400px;

}



.guide_area .card-header {

  padding-left: 15px;

  padding-right: 15px;

}



/* 會員中心 */

.reg .form_area {

  max-width: 845px;

}



.reg .progress_rate li .text {

  color: #b1b1b1;

}



.reg .progress_rate li .cycle {

  width: 100%;

  position: relative;

}



.reg .progress_rate li .cycle span {

  width: 32px;

  height: 32px;

  display: block;

  border: 5px solid #b1b1b1;

  background-color: #b1b1b1;

  border-radius: 50%;

  margin: 0 auto;

}



.reg .progress_rate li .cycle i.fas {

  display: none !important;

}



.reg .progress_rate li .cycle::before,
.reg .progress_rate li .cycle:after {

  content: '';

  position: absolute;

  width: 50%;

  height: 1px;

  background-color: #b1b1b1;

  top: calc(50% - (1px / 2));

  z-index: -1;

}



.reg .progress_rate li .cycle::before {

  left: 0;

}



.reg .progress_rate li .cycle:after {

  right: 0;

}



.reg .progress_rate li:nth-child(1) .cycle::before {

  display: none;

}



.reg .progress_rate li:nth-last-child(1) .cycle::after {

  display: none;

}



.reg .progress_rate li.act .cycle span {

  border: 5px solid #9bb96e;

  background-color: #ffffff;

}



.reg .progress_rate li.act .cycle::before,
.reg .progress_rate li.act .cycle:after {

  height: 5px;

  top: calc(50% - (5px / 2));

  background-color: #9bb96e;

}



.reg .progress_rate li.act .text {

  color: #9bb96e;

}



.reg .progress_rate li.done .cycle span {

  background-color: #9bb96e;

}



.reg .progress_rate li.done .cycle i.fas {

  display: inline-block !important;

}



.reg #privacy_text div {

  max-height: 80vh;

  overflow-y: scroll;

  margin-bottom: 2rem;

}



.custom-select option:disabled {

  display: none;

}



.login_form .input-group-prepend {

  position: relative;

}



.login_form .input-group-prepend:after {

  content: '';

  height: 80%;

  position: absolute;

  border-right: 1px solid #ced4da;

  top: 10%;

  right: 0;

  z-index: 1;

}



.verfication_img {

  position: absolute;

  height: calc(100% - 2px);

  width: auto;

  right: 1px;

  top: 1px;

  z-index: 3;

}



.other_login .btn {

  text-align: left;

  font-size: 0.9rem;

  letter-spacing: 1px;

  padding-left: 10%;

}



[data-type="input_eye"] {

  right: 0;

  z-index: 4;

}



.map a {

  color: inherit;

}



.accordion .card-body p {

  line-height: 2rem;

}



.msg_content .item {

  border-bottom: 1px dashed rgba(50, 50, 50, 0.5);

}



.msg_content .item.unread .circle {

  display: block;

}



.msg_content .item .circle {

  display: none;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #bc2c3d;

}



.msg_content .item p {

  margin: 0;

}



.knowledge .title {

  font-size: 1.1rem;

}



.knowledge .custom_pagination_bottom {

  border-top: 0 !important;

}



.qa_index .item p {

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.qa_index .item:hover p {

  color: #9bb96e !important;

  padding-left: 0.5rem;

}



.qa_index .item .text_cont {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

}



.qa_index .item .text_cont p {

  position: absolute;

  bottom: 0;

  left: 1rem;

}



.video .v_item .card-text {

  font-size: 0.8em;

}



.video .v_item:hover img {

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.video .v_item:hover img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



#cart_step .cart_item.general_plus .item_cont,
#cart_step .cart_item.freezing_plus .item_cont {

  position: relative;

}



#cart_step .cart_item.general_plus .item_cont::before,
#cart_step .cart_item.freezing_plus .item_cont::before {

  padding: 0 30px;

  position: absolute;

  top: -12px;

  left: 0px;

  color: #ffffff;

  text-align: center;

  letter-spacing: 2px;

}



#cart_step .cart_item.general_plus .item_cont::before {

  content: '加價購商品';

  background-color: #9bb96e;

}



#cart_step .cart_item.freezing_plus .item_cont::before {

  content: '冷凍加價購';

  background-color: #007c9f;

}



#cart_step table {

  font-size: 0.9em;

}



#cart_step .info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



#cart_step .point_img {

  max-width: 40px;

  margin-right: 0.5rem;

}



#cart_step .point {

  color: #83a54f;

}



[aria-expanded="true"] .title {

  color: #7d9e4c;

}



[aria-expanded="true"] .title_en {

  color: #9b9b9b;

}



[aria-expanded="true"] .fa-caret-down {

  display: inline-block;

}



[aria-expanded="true"] .fa-caret-right {

  display: none;

}



[aria-expanded="false"] .title {

  color: #757575;

}



[aria-expanded="false"] .title_en {

  color: #9b9b9b;

}



[aria-expanded="false"] .fa-caret-down {

  display: none;

}



[aria-expanded="false"] .fa-caret-right {

  display: inline-block;

}



.plus_cart .label {

  font-size: 1.1rem;

  background-color: #e7ece0;

}



.plus_cart #gift_plus [data-action="addCart"] {

  display: block;

}



.plus_cart #gift_plus [data-action="select"] {

  display: none;

}



.plus_cart #gift_plus .title {

  font-size: 1.1rem;

}



.plus_cart #gift_plus .select {

  background-color: rgba(117, 117, 117, 0.1);

}



.plus_cart #gift_plus .select [data-action="addCart"] {

  display: none;

}



.plus_cart #gift_plus .select [data-action="select"] {

  display: block;

}



.comfirm .label {

  font-size: 1.1rem;

  background-color: #e7ece0;

}



.comfirm .label p:first-child {

  line-height: 2.5rem;

}



.cart_area ul>.item:last-child .border-bottom {

  border: 0 !important;

}



.p_nav .active>.btn-defult {

  background-color: #9bb96e;

  border: #9bb96e;

  color: #ffffff;

}



#collapsePay .amount .p_num {

  font-size: 1.15em;

}



#collapsePay .comfirm .content {

  padding-top: 1rem;

  padding-bottom: 30px !important;

}



footer .subscrib input[type="text"] {

  padding: .375rem .75rem;

  background-color: transparent;

  font-size: 0.9rem;

}



footer .footer_top {

  position: relative;

  background-color: #f6f5f3;

  color: #706f70;

}



footer .footer_top>div:first-child {

  z-index: 9;

  border-bottom: 1px solid #cbcbcb;

}



footer .footer_top .logo {

  max-width: 60px;

}



footer .footer_top .logo_text {

  font-size: 0.95em;

  letter-spacing: 2px;

  filter: opacity(0.8);

  -webkit-filter: opacity(0.8);

  -ms-filter: opacity(0.8);

  -moz-filter: opacity(0.8);

  -o-filter: opacity(0.8);

}



footer .footer_top .shop_info p {

  font-size: 0.95em;

  letter-spacing: 1px;

}



footer .footer_top .footer_item {

  letter-spacing: 1.5px;

  z-index: 8;

}



footer .footer_top .footer_item h6 {

  font-size: 0.9em;

  font-weight: 600;

}



footer .footer_top .footer_item a {

  color: #9b9b9b;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  font-size: 0.9em;

}



footer .footer_top .footer_item a:hover {

  color: #83a54f;

  padding-left: 0.3rem;

}



footer .footer_top .social_icon li {

  width: 2.2rem;

  height: 2.2rem;

  translate: all 0.2s;

}



footer .footer_top .social_icon li:hover {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



footer .footer_top .social_icon a:hover {

  padding-left: 0rem;

}



footer .footer_bottom {

  padding-top: 1.5rem;

}



footer .footer_logo {

  min-width: 100px;

  max-width: 250px;

  border-bottom: 1px solid #e4e4e4;

}



footer .footer_text {

  border-right: 0;

  border-bottom: 1px solid #e4e4e4;

}



footer .footer_icon {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



footer .footer_icon .col-2 {

  max-width: 100px;

}



.loading {

  width: 100vw;

  height: 100vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background-color: rgba(50, 50, 50, 0.95);

  top: 0;

  left: 0;

  z-index: 99999;

}



.loading .img {

  max-width: 80px;

}



.loading .loading-text {

  text-align: center;

}



.loading .loading-text span {

  position: relative;

  font-size: 18px;

  font-weight: bolder;

  margin-left: 3px;

}



.loading .loading-text div {

  position: relative;

  display: inline-block;

  -webkit-animation: janimation 4s infinite;

}



.loading .loading-text div.letter_container_1 {

  -webkit-animation-delay: 0s;

}



.loading .loading-text div.letter_container_2 {

  -webkit-animation-delay: .2s;

}



.loading .loading-text div.letter_container_3 {

  -webkit-animation-delay: .4s;

}



.loading .loading-text div.letter_container_4 {

  -webkit-animation-delay: .6s;

}



.loading .loading-text div.letter_container_5 {

  -webkit-animation-delay: .8s;

}



.loading .loading-text div.letter_container_6 {

  -webkit-animation-delay: 1s;

}



.loading .loading-text div.letter_container_7 {

  -webkit-animation-delay: 1.2s;

}



/* 

loading 文字動畫效果

*/

@-webkit-keyframes janimation {

  0% {

    -webkit-transform: rotate(0deg) scale(1.5);

    color: #9bb96e;

  }

  10% {

    -webkit-transform: rotate(0deg) scale(1.7);

    color: #b3ca90;

  }

  100% {

    -webkit-transform: rotate(0deg) scale(1.2);

    color: #9bb96e;

    text-shadow: #666 0 0 10px;

  }

}



@media (max-width: 575.98px) {

  .p_nav .nav-link {

    margin: 0 auto 1rem auto;

    position: relative;

  }

  .qa_index .border-left,
  .qa_index .border-right,
  .qa_index .border-bottom {

    border: 0 !important;

  }

}



@media (max-width: 767px) {

  .container {

    max-width: 540px;

  }

  html,
  body {

    overflow-x: hidden;

  }

  /* clock  */

  .countdown_card_area {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transform-origin: left top;

    transform-origin: left top;

    display: none;

  }

  .countdown_card_area .countdown_card .label {

    font-size: 1.9rem;

  }

  .countdown_card_area .countdown_card .p_info_text {

    font-size: 1.9rem;

  }

  .countdown_card_area .countdown_card .price {

    font-size: 3rem;

  }

  .countdown_card_area .countdown_card .btn {

    font-size: 2.5rem;

  }

  .countdown_card_area .countdown_card .img {

    max-width: 500px;

    margin: 0 auto;

  }

  .promotion #promotion_card {

    min-width: 300px;

    margin-left: 0;

    margin-right: auto;

  }

  html {

    font-size: 85%;

  }

  header {

    position: absolute !important;

  }

  header .header {

    position: static;

  }

  .section.color::after {

    background-position: center;

  }

  .carousel {

    height: calc(100vh - (88px + 48px));

    min-height: 200px;

  }

  .carousel .title {

    font-size: 2.8rem;

  }

  .carousel .sub_title {

    font-size: 1.4rem;

  }

  .collect .order-sm-1 {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

    margin-bottom: 15px;

  }

  .collect .order-sm-2 {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    margin-bottom: 15px;

  }

  .collect .order-sm-3 {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

    margin-bottom: 15px;

  }

  .collect .section_content {

    padding-left: 0;

    padding-right: 0;

  }

  #collect_card {

    height: 850px;

  }

  #collect_card .swiper-slide {

    height: auto;

  }

  .banner_top .col-12.img {

    padding: 0;

  }

  .section .section_header {

    padding: 10px 0 5px 0;

  }

  .section .title {

    font-size: 1.4rem;

  }

  .subscrib_box {

    border-bottom: none;

  }

  footer {

    padding-bottom: 5rem;

  }

  footer .social_box {

    border-bottom: 1px solid rgba(50, 50, 50, 0.2);

    margin-top: 0 !important;

  }

  footer .social_box h5 {

    display: none;

  }

  footer .social_icon li {

    width: 2.5rem !important;

    height: 2.5rem !important;

    margin-right: 0.5rem;

    font-size: 1.5rem;

  }

  footer .subscrib {

    padding: 0 15px;

    margin-bottom: 15px;

  }

  footer .pay_cards .item {

    max-width: 35px;

  }

  footer .footer_item {

    margin-bottom: 1rem;

  }

  footer .footer_item h5 {

    margin-bottom: 0.5rem !important;

    padding-bottom: 0.5rem;

    border-bottom: 1px solid rgba(50, 50, 50, 0.2);

  }

  footer .footer_item a {

    line-height: 2.3rem;

  }

  .p_bg_1 {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    left: 0;

    right: auto;

    bottom: 45%;

  }

  .p_bg_3 {

    display: none;

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

    left: -25%;

  }

  .p_bg_2 {

    display: none;

  }

  .p_sidebar,
  .p_select {

    padding-right: 30px;

    padding-left: 30px;

  }

  .hot .label .sw_btns {

    right: 0.5rem;

    bottom: 1rem;

  }

  #mob_nav {

    width: 100%;

    display: block !important;

    z-index: 1034;

  }

  #m_cart_btn {

    position: relative;

  }

  #m_cart_btn span {

    width: 18px;

    height: 18px;

    position: absolute;

    top: 0.2rem;

    right: 18px;

    text-align: center;

  }

  .m_content .m_nav_title {

    line-height: 26px;

    font-size: 18px;

  }

  .m_content ul {

    overflow-y: scroll;

    height: 100%;

  }

  .m_content ul .nav_item {

    font-size: 1.2rem;

  }

  .m_content ul .nav_item .lebal {

    font-weight: 500;

  }

  .m_content .m_search {

    width: 50%;

  }

  .m_content .m_search input[type="text"] {

    height: 40px;

  }

  .m_content .m_search .m_search_btn {

    width: 40px;

    height: 40px;

    background-color: #9bb96e;

    color: #ffffff;

    right: 0;

    top: 0;

  }

  .m_content .community_item {

    width: 20%;

    min-width: 65px;

    max-width: 100px;

  }

  .m_content .dropdown {

    z-index: 1032;

  }

  #m_nav_content,
  #m_member_cont {

    background-color: rgba(50, 50, 50, 0.5);

  }

  #m_nav_content [data-type="m_nav"],
  #m_member_cont [data-type="m_nav"] {

    background-color: #ffffff;

  }

  #m_set_cont .img {

    width: 20%;

    min-width: 1rem;

    max-width: 2rem;

    margin-right: 0.5rem;

  }

  #m_cart_cont .toolbox {

    height: 100%;

    overflow-y: scroll;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  #m_view {

    display: block !important;

  }

  #m_view .m_view_icon {

    position: fixed;

    right: 0;

    bottom: 125px;

    z-index: 1031;

  }

  #m_view .m_view_icon .fas.fa-history {

    font-size: 1.5rem;

  }

  #m_view .m_view_close {

    width: 45vw;

    height: 30px;

    max-width: 250px;

    min-width: 165px;

    position: fixed;

    right: 5px;

    top: 20px;

    z-index: 1031;

  }

  #m_view .m_view_cont {

    width: 45vw;

    max-width: 250px;

    min-width: 165px;

    height: 80vh;

    position: fixed;

    right: 5px;

    top: 50px;

    z-index: 1031;

  }

  #m_view .m_view_cont ul {

    height: 100%;

    overflow-y: scroll;

  }

  #m_view .m_view_cont .p_card {

    border: 0;

  }

  .table-rwd {

    min-width: 100%;

  }

  /*針對tr去做隱藏*/

  tr.tr-only-hide,
  td.tr-only-hide {

    display: none !important;

  }

  /*讓tr變成區塊主要讓他有個區塊*/

  .table-rwd tr {

    display: block;

    border: 1px solid #ddd;

    margin-top: 5px;

  }

  .table-rwd td {

    text-align: left;

    font-size: 15px;

    overflow: hidden;

    width: 100%;

    padding-top: 0.3rem;

    padding-bottom: 0.3rem;

    display: block;

  }

  .table-rwd td:before {

    content: attr(data-th) "";

    display: inline-block;

    text-transform: uppercase;

    font-weight: 400;

    margin-right: 10px;

    color: #b1b1b1;

  }

  .table-rwd td.th_none:before {

    content: attr(data-th) "";

    display: none;

  }

  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/

  .table-rwd.table-bordered td,
  .table-rwd.table-bordered th,
  .table-rwd.table-bordered {

    border: 0;

  }

  .order-sm-1 {

    -ms-flex-order: 1;

    -webkit-box-ordinal-group: 2;

    order: 1;

  }

  .mb-sm-1 {

    margin-bottom: 0.5rem;

  }

  .order-sm-2 {

    -ms-flex-order: 2;

    -webkit-box-ordinal-group: 3;

    order: 2;

  }

  .mb-sm-2 {

    margin-bottom: 1rem;

  }

  .order-sm-3 {

    -ms-flex-order: 3;

    -webkit-box-ordinal-group: 4;

    order: 3;

  }

  .mb-sm-3 {

    margin-bottom: 1.5rem;

  }

  .order-sm-4 {

    -ms-flex-order: 4;

    -webkit-box-ordinal-group: 5;

    order: 4;

  }

  .mb-sm-4 {

    margin-bottom: 2rem;

  }

  .order-sm-5 {

    -ms-flex-order: 5;

    -webkit-box-ordinal-group: 6;

    order: 5;

  }

  .mb-sm-5 {

    margin-bottom: 2.5rem;

  }

  #custom_pagination .col-6:nth-child(odd) {

    padding-right: 6.5px;

  }

  #custom_pagination .col-6:nth-child(even) {

    padding-left: 6.5px;

  }

  .p_card.discount .ribbon {

    -webkit-transform: scale(0.75);

    transform: scale(0.75);

    -webkit-transform-origin: top right;

    transform-origin: top right;

  }

  .act_cart_area>div {

    height: 100%;

  }

  .act_cart_area .act_cart {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background-color: #ffffff;

  }

  .act_cart_area .act_cart .content {

    overflow-x: auto;

    padding-bottom: 50px;

  }

  .act_cart_area .act_cart .footer {

    position: fixed;

    bottom: 60px;

  }

  .act_cart_area .act_cart .footer .btn {

    min-width: 95px;

    height: auto;

  }

  #collapsePay .p_nav .item {

    width: 100%;

    margin-bottom: 15px;

  }

  #cart_step .title_en {

    font-size: 0.85em;

  }

  #cart_step .info h5 {

    font-size: 1.1rem;

  }

  #cart_step .info h3 {

    font-size: 1.5rem;

  }

  #cart_step .info p {

    font-size: 0.9rem;

  }

  .comfirm_table tr {

    border: none;

  }

  .comfirm_table tr td {

    border-bottom: 1px solid #e4e4e4 !important;

  }

  .comfirm_table tr td:nth-child(odd) {

    width: auto;

  }

  #d_point .input_box,
  #d_bonus .input_box,
  #d_coupon .input_box,
  #d_coup .input_box {

    width: calc(100% - 60px);

  }

  .aboutus .content .phase {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .aboutus .content .phase .img {

    width: 100%;

    margin: 0 auto 15px auto;

  }

  .aboutus .content .phase .text {

    width: 100%;

  }

  .msg_content .table-rwd tr {

    border-top: 0;

    border-left: 0;

    border-right: 0;

  }

  .msg_content .table-rwd .unread {

    position: relative;

  }

  .msg_content .table-rwd td:before {

    float: left;

    color: #757575;

  }

  .msg_content .item td:nth-child(1) {

    position: absolute;

    top: calc(50% - 6px);

    left: -1rem;

  }

  .msg_content .item td:nth-child(2) {

    display: none;

  }

  .msg_content .item td:nth-child(3) {

    width: 100%;

    text-align: right;

  }

  .msg_content .item td:nth-child(3) p {

    font-size: 0.9em;

  }

  .shopping_guide .card-header,
  .shopping_guide .card-body {

    padding-right: 1rem;

    padding-left: 1rem;

  }

  .question .card-header,
  .question .card-body {

    padding-right: 1rem;

    padding-left: 1rem;

  }

  #s_nav_btn {

    margin-top: -0.5rem;

  }

  #search_nav {

    display: none;

    width: 100%;

    height: calc(100% - 60px);

    position: fixed;

    background-color: rgba(50, 50, 50, 0.8);

    margin-left: -30px;

    z-index: 9999;

    bottom: 60px;

  }

  #search_nav .close {

    position: absolute;

    right: 0px;

    z-index: 1;

  }

  #search_nav .nav-link {

    width: calc(50% - 13.6px);

    text-align: center;

    font-size: 110%;

    margin-bottom: 0.5rem;

  }

  #search_content .col-6:nth-child(odd) {

    padding-right: 6.5px;

    padding-left: 0;

  }

  #search_content .col-6:nth-child(even) {

    padding-right: 0;

    padding-left: 6.5px;

  }

  .m_none {

    display: none !important;

  }

  .footer_item.m_none {

    display: none !important;

  }

}



@media (min-width: 767px) and (max-width: 769px) {

  .information h5 {

    white-space: nowrap;

  }

}



@media (min-width: 768px) {

  .container {

    max-width: 720px;

  }

  /* clock  */

  .countdown_card_area {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

    -webkit-transform-origin: top left;

    transform-origin: top left;

  }

  .p_card .info .point {

    font-size: 0.85rem;

  }

  #promotion_card .swiper-slide:nth-child(1) {

    padding-left: 0;

  }

  .information .section_content {

    padding-left: 30px;

    padding-right: 30px;

  }

  .act_cart_area .m_none {

    display: none !important;

  }

  .tool_area,
  .left_area {

    top: calc(140px + 1.2rem);

  }

  #cart_step .item .img {

    min-width: 100px;

    max-width: 250px;

  }

  .custom_pagination_bottom .pagination a {

    padding: 0 1rem;

  }

  #collapsePay .p_nav .item {

    width: calc(100% / 3);

    margin-bottom: 15px;

  }

  #d_coup .input_box {

    width: calc(((100% / 3) * 2) - 58px - 18px);

  }

  #d_point .input_box,
  #d_bonus .input_box,
  #d_coupon .input_box,
  #d_coup .input_box {

    width: calc((100% / 3) * 2);

  }

  #s_nav_btn {

    display: none;

  }

  #search_nav .close {

    display: none;

  }

  .m_none {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

  }

  .footer_item.m_none {

    display: block !important;

  }

}



@media (min-width: 992px) {

  .container {

    max-width: 960px;

  }

  /* clock */

  .countdown_card_area {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transform-origin: top left;

    transform-origin: top left;

  }

  #collapsePay .p_nav .item {

    margin-bottom: 15px;

  }

  #d_coup .input_box {

    width: calc(40% - 58px - 18px);

  }

  #d_point .input_box,
  #d_bonus .input_box,
  #d_coupon .input_box,
  #d_coup .input_box {

    width: calc(40%);

  }

  .act_cart_area .m_none {

    display: block !important;

  }

}



@media (min-width: 992px) and (min-width: 1021px) and (max-width: 1300px) {

  .countdown_card_area {

    -webkit-transform: scale(1.22);

    transform: scale(1.22);

    margin-bottom: 140px;

  }

  .promotion_card_area {

    padding: 0;

  }

}



@media (min-width: 1200px) {

  .container {

    max-width: 1170px;

  }

  /* clock  */

  .countdown_card {

    width: 770px;

  }

  .countdown_card .countdown_promotion {

    right: 5px;

  }

  header .nav_area {

    margin-top: 0;

  }

  .tool_area,
  .left_area {

    top: calc(105px + 1.2rem);

  }

  footer .footer_logo {

    border-bottom: 0;

  }

  footer .footer_text {

    border-right: 1px solid #cbcbcb;

    border-bottom: 0;

  }

  .other_login .btn {

    padding-left: 25%;

  }

}



@media (max-width: 417px) {

  /* clock */

  .promotion_card_area {

    padding: 0;

  }

  #promotion_card .swiper-slide {

    padding: 0 !important;

  }

  .act_cart_area>div {

    height: 100%;

  }

  .act_cart_area .header {

    margin-top: auto;

  }

  .act_cart_area .act_cart {

    background-color: transparent;

  }

  .act_cart_area .act_cart #act_cart_text {

    min-height: 50px;

  }

}



@media (max-width: 320px) {

  .col {

    padding: 0;

  }

}

/*# sourceMappingURL=style-v8-1.css.map */


/*2021-02-06 前端工程師-HAN修改*/
.p_banner .banner p {
  display: none;
}

#p_img_top_logo {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

#p_img_top_logo_right {
  width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

#p_img_top_logo img,
#p_img_top_logo_right img {
  width: 100%;
  height: auto;
}

.video .v_item:hover iframe {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.video .v_item:hover iframe {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.iframe-video {
  position: relative;
}

.iframe-video::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
}

.card {
  border: 1px solid rgba(0, 0, 0, .125);
  /* border: none; */
}

/* .swiper-slide-line {
  border: 1px solid rgba(0, 0, 0, .125);
} */

.p_card_e {
  padding: 0;
}

#general_plus {
  margin: 0 -5px;
}

#general_plus .swiper-slide,
#general_plus .slick-item {
  width: calc(20% - 10px);
  margin: 5px 5px;
}

#general_plus .slick .slick-item .card {
  transition: 0.3s;
}

#pickup-store li:last-child {
  border-right: none !important;
}

#cart_step .info p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.countdown_card .p_info_area {
  overflow: hidden;
  position: relative;
}

.countdown_card .p_info {
  position: relative;
  z-index: 1;
}

.p_info_area_back {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  height: 100%;
}

#home_banner {
  position: relative;
  overflow: hidden;
}

/* #home_banner::after,#home_banner::before {
  transition: 0.6s;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 65px;
  height: 100%;
}
#home_banner::after {
  left: -65px;
}

#home_banner::before {
  right: -65px;
}
#home_banner:hover:after {
  left: 0;
  background: linear-gradient(180deg, transparent 0%, #333333 100%);
  background: -moz-linear-gradient(180deg, transparent 0%, #6B6B6B 100%);
  background: -webkit-linear-gradient(180deg, transparent 0%, #333333 100%);
  background: -o-linear-gradient(180deg, transparent 0%, #6B6B6B 100%);
}

#home_banner:hover::before {
  right: 0;
  background: linear-gradient(0deg, transparent 0%, #333333 100%);
  background: -moz-linear-gradient(0deg, transparent 0%, #6B6B6B 100%);
  background: -webkit-linear-gradient(0deg, transparent 0%, #333333 100%);
  background: -o-linear-gradient(0deg, transparent 0%, #6B6B6B 100%);
} */

#home_banner .pc {
  display: block;
}

#home_banner .slick-prev {
  left: 15px;
}

#home_banner .slick-next {
  right: 15px;
}

#home_banner .slick-prev,
#home_banner .slick-next {
  width: 35px;
  height: 35px;
  z-index: 2;
}

#home_banner .slick-prev:before,
#home_banner .slick-next:before {
  font-size: 35px;
  color: #98b372;
}


#home_banner .mobile {
  display: none;
}

#add_shop .slick {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  /* margin: -5px; */
}

#add_shop .slick.slick-initialized {
  margin: 0;
}

#add_shop .slick .btn02-purchase {
  width: calc(20% - 10px);
  /* margin: 5px; */
}

.collapse:not(.show) {
  display: block !important;
  height: 0;
  overflow: hidden;
}

#general_plus .swiper-slide,
#general_plus .slick-item {
  margin: 0;
}

#custom_pagination .p_card {
  padding: 0 0 20px 0;
}

.countdown_card_area.mr-15 {
  margin-right: 15px !important;
}

.promotion_card_area .card {
  border: none;
}

#eco_froends {
  margin-left: 2.1rem;
  margin-right: 2.1rem;
}

.sub_title.text-secondary {
  font-size: 1.2em !important;
  margin-top: 10px;
}

.banner_top.py-4 {
  padding-bottom: 0 !important;
}

.banner_top .slick-dotted.slick-slider{
  margin-bottom: 0;
}
.banner_top .slick .slick-list{
  margin-left: auto;
  margin-right: auto;
}
.banner_top .slick .slick-dots {
  padding-top: 10px;
  position: static;
}
.collect_card_slick .p_card .info .point_img{
  display: inline-block;
}
.collect_card{
  transform: scale(0);
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.collect_card.active{
  height: auto;
  transform: scale(1);
}

@media (max-width: 1199px) {
  #pickup-store {
    display: flex;
    flex-wrap: wrap;
  }

  #pickup-store li {
    width: 50% !important;
    border-top: 1px solid #dee2e6 !important;
  }

  #pickup-store li:nth-child(1),
  #pickup-store li:nth-child(2) {
    border-top: none !important;
  }
}

@media (max-width: 761px) {

  #product-information .comfirm_table tr {
    border-bottom: 1.5px solid #979797;
    padding-bottom: 5px;
  }

  #product-information .comfirm_table tr td:last-child {
    border-bottom: none !important
  }

  #pickup-store li {
    text-align: center;
    width: 100% !important;
  }

  #pickup-store li:nth-child(2) {
    border-top: 1px solid #dee2e6 !important;
  }

  #general_plus .swiper-slide,
  #general_plus .slick-item {
    width: calc(33% - 10px);
  }

  #add_shop .slick .btn02-purchase {
    width: calc(33% - 10px);
    /* margin: 5px; */
  }
}

@media (max-width: 768px) {
  #information h5 {
    font-size: 1rem;
  }

  #collect_card {
    height: auto !important;
  }
  .banner_top .slick .slick-slide div:nth-child(1) {
    margin-bottom: 15px;
  }
}

@media (max-width: 481px) {
  #home_banner .pc {
    display: none;
  }

  #home_banner .mobile {
    display: block;
  }

  #general_plus .swiper-slide,
  #general_plus .slick-item {
    width: calc(50% - 10px);
    /* margin: 5px 0; */
  }

  #add_shop .slick .btn02-purchase {
    width: calc(50% - 10px);
    margin: 5px;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  #information h5 {
    font-size: 1.25rem;
  }
}

.banner_static:nth-child(1){
  margin-bottom: 30px;
}

@media (max-width: 991px){
  .banner_static:nth-child(1){
    margin-bottom: 0;
  }
}
@media (max-width: 767px){
  .banner_static:nth-child(1){
    margin-bottom: 30px;
  }
}

.card-img-top .iframe-video{
  padding-bottom: 60%;
  height: 0;
  box-sizing: border-box;
  position: relative;
  background-color: #000000;
}

.card-img-top .iframe-video iframe{
  width: 100%;
  height: 275px;
  transition: 0.3s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.card-img-top .iframe-video:hover iframe{
  -webkit-transform:translateX(-50%) translateY(-50%) scale(1.1);
  transform:translateX(-50%) translateY(-50%) scale(1.1);
}

@media (max-width: 767px){
  .card-img-top .iframe-video iframe{
    height: 395px;
  }
}

.countdown_card .p_info .img{
  object-fit: cover;
  width: 100%;
  min-height: 100%;
}

#info_swiper .card-title{
  word-break: normal !important;
  white-space: normal !important;
}

.fw{
  flex-wrap: wrap;
}