@charset "utf-8";
/* CSS Document */
@import url('../css/animate.min.css');
@import url('../css/hover.min.css');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Montserrat');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
/*@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
}
@media (max-width:767px) {
}
*/
* {
   font-family: Montserrat, Helvetica, Arial, "微軟正黑體";
}
html {
   font-size: 100%
}
body {
   font-family: Helvetica, Arial, "微軟正黑體";
   color: #333;
   overflow-x: hidden;
   font-size: 1rem;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   vertical-align: middle;
}
.table-hover > tbody > tr:hover {
   background-color: beige;
}
a {
   color: #333;
   text-decoration: none;
}
ul li {
   list-style-type: none;
}
ul {
   padding: 0;
}
.user-img-responsive {
   width: 100%;
   height: auto;
}
hr {
   margin: 20px 0;
   border-top: 2px #f6f6f6 solid;
}
a:focus, a:hover {
   color: #7a0478;
   text-decoration: none;
}
p, li {
   font-size: 15px;
   line-height: 1.8;
   padding: 0;
   margin: 0;
}
h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
   line-height: 1.8;
   padding: 0;
   margin: 0;
}
.user-img-responsive {
   width: 100%;
   height: auto;
}
/* ---------------------------垂直居中對齊---------------------------------- */
.flex-center {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.flex-end {
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.flex-center-desk {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
@media (max-width:767px) {
   .flex-center-desk {
      display: block;
      justify-content: flex-start;
      align-items: center;
   }
}
/* -----------------------------------5欄----------------------------------- */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
   position: relative;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
}
.col-xs-1-5 {
   width: 20%;
   float: left;
}
select.county, select.district, .zipcode, select.join_year, select.join_month, select.join_day {
   height: 34px;
   padding: 0px 12px;
   line-height: 1.42857143;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 0;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input.zipcode {
   width: 60px;
}
@media (min-width: 768px) {
   select.county, select.district, .zipcode, select.join_year, select.join_month, select.join_day {
      display: inline-block;
      width: auto;
      vertical-align: middle;
   }
   .col-sm-1-5 {
      width: 20%;
      float: left;
   }
}
@media (min-width: 992px) {
   .col-md-1-5 {
      width: 20%;
      float: left;
   }
}
@media (min-width: 1200px) {
   .col-lg-1-5 {
      width: 20%;
      float: left;
   }
}
.c-7a0478 {
   color: #7A0478;
}
/* -----------------------------------漢堡----------------------------------- */
.left-btn {}
.mobile-bn {
   width: 30px;
   height: 30px;
   transition-duration: 1s;
   display: none;
   margin: 15px;
   right: 0px;
   top: 40px;
   cursor: pointer;
   position: fixed;
}
@media (max-width: 767px) {
   .mobile-bn {
      z-index: 1039;
      display: inline-block;
   }
}
.icon-line {
   height: 5px;
   width: 30px;
   top: 0px;
   background-color: #72a230;
   border-radius: 20px;
   position: absolute;
   transition-duration: 0.5s;
}
.icon-line:before {
   left: 10;
   position: absolute;
   top: -10px;
   height: 5px;
   width: 30px;
   background-color: #72a230;
   content: "";
   border-radius: 20px;
   transition-duration: 0.5s;
}
.icon-line:after {
   left: 0;
   position: absolute;
   top: 10px;
   height: 5px;
   width: 30px;
   background-color: #72a230;
   content: "";
   border-radius: 20px;
   transition-duration: 0.5s;
}
.burger2.open .icon-line {
   transition-duration: 0.1s;
   transition-delay: 0.5s;
   background: transparent;
}
.burger2.open .icon-line:before {
   transition: top 0.5s, transform 0.5s 0.5s;
   top: 0px;
   transform: rotateZ(-45deg);
}
.burger2.open .icon-line:after {
   transition: top 0.4s, transform 0.5s 0.5s;
   top: 0px;
   transform: rotateZ(45deg);
}
/* -----------------------------------上版----------------------------------- */
.top {
   background: #7a0478;
}
.top p, .top p a {
   line-height: 25px;
   color: #FFF;
   margin: 0;
}
.top p a:hover {
   color: #fdffce;
}
.top-con {
   height: 90px;
}
.social-search {
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
/*.logo{
  animation-duration:2s;
  animation-delay:0.3s ;
  animation-iteration-count: infinite;
}*/
@media (max-width: 767px) {
   .top {
      z-index: 1200;
      min-width: 100%;
      position: fixed;
      height: 30px;
   }
   .top-con {
      z-index: 20;
      position: fixed;
      margin-top: 30px;
      background: #FFF;
   }
}
@media (max-width:767px) {
   .logo {
      width: 180px;
   }
   .top-con {
      height: 50px;
   }
   .social-search {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 80px;
      background: #FFF;
   }
}
/* -------------社群選單------------- */
.social .fb {
   background-image: url(../images/line.jpg);
   background-position: top center;
   width: 35px;
   height: 35px;
   float: left;
   margin: 0 2px;
   background-size: cover;
   transition: all .3s;
}
.social .fb:hover {
   background-image: url(../images/line.jpg);
   background-position: bottom center;
   background-size: cover;
}
.social .line {
   background-image: url(../images/fb.jpg);
   background-position: top center;
   width: 35px;
   height: 35px;
   float: left;
   margin: 0 2px;
   background-size: cover;
   transition: all .3s;
}
.social .line:hover {
   background-image: url(../images/fb.jpg);
   background-position: bottom center;
   background-size: cover;
}
/* -----------------------------------搜尋----------------------------------- */
.search form {
   position: relative;
   width: 210px;
   margin: 0 auto;
}
.search input, .search button {
   outline: none;
   background: transparent;
}
.search input {
   width: 100%;
   height: 35px;
   padding-left: 15px;
   border: 1px solid #7a0478
}
.search button {
   border: none;
   height: 35px;
   width: 35px;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
}
.search button:before {
   content: "\e003";
   font-family: 'Glyphicons Halflings';
   font-size: 15px;
   color: #7a0478;
}
.search input:focus {
   border-color: #7a0478;
}
/* -----------------------------------首頁或內頁隱藏選單----------------------------------- */
.hidden-nav {
   display: none;
}
@media (max-width: 767px) {
   .hidden-nav {
      display: block;
   }
}
/* -----------------------------------輪播左右箭頭 拿掉漸層----------------------------------- */
.index-banner {}
.carousel-control.left {
   background-image: none;
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
   left: auto;
   right: 0;
   background-image: none;
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-indicators {
   bottom: -15px;
}
/* -----------------------------------圖片選單----------------------------------- */
.index-menu-box {
   margin-bottom: 30px;
   box-shadow: rgb(204, 204, 204) 0px 3px 10px inset;
   background: rgb(237, 237, 237);
}
.index-menu-box ul li {
   margin-top: 23px;
   margin-bottom: 25px;
   line-height: 50px;
   border: solid 1px #e2e2e2;
}
.index-menu-box ul li p {
   font-size: 20px;
}
@media (max-width:991px) {
   .index-menu-box {
      padding-bottom: 20px;
   }
}
@media (max-width:767px) {
   .index-menu-box ul li {
      margin-top: 10px;
   }
   .index-menu-box ul li p {
      font-size: 16px;
      line-height: 1.2;
      padding: 8px 0;
   }
   .index-menu-box {}
}
.triangle {
   position: absolute;
   top: 0;
   right: 0;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 13px 13px 0;
}
.c1 {
   border-color: transparent #bb5830 transparent transparent;
}
.c2 {
   border-color: transparent #d08e86 transparent transparent;
}
.c3 {
   border-color: transparent #dbb01a transparent transparent;
}
.c4 {
   border-color: transparent #858244 transparent transparent;
}
.c5 {
   border-color: transparent #4a94b2 transparent transparent;
}
.c6 {
   border-color: transparent #865b82 transparent transparent;
}
.index-menu-imgbox {
   position: relative;
   background: #FFF;
   font-size: 20px;
   color: #333;
   text-align: center;
}
.index-menu-img {
   position: relative;
   width: 100%;
   padding-bottom: 80%;
   overflow: hidden;
}
.index-menu-img img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   transition: .5s;
}
.index-menu-img:hover img {
   width: 120%;
   left: -10%;
   top: -10%;
}
/* -----------------------------------圖片商品----------------------------------- */
.hover-opa img {
   filter: opacity(100%);
   transition: all .3s;
   border: solid 1px #e2e2e2;
}
.hover-opa img:hover {
   filter: opacity(60%);
}
.index-product-img {
   margin-bottom: 30px;
}
@media (max-width:992px) {
   .index-menu-box ul li {
      margin-bottom: 0px;
   }
   .index-menu-imgbox {
      position: relative;
      background: #FFF;
      font-size: 18px;
      color: #333;
      text-align: center;
   }
}
/* -----------------------------------footer----------------------------------- */
footer {
   z-index: -1;
   background: #efefef;
   padding: 10px 0;
}
footer .left-line {
   border-left: #8e8e8e 2px solid;
   margin: 20px 0;
}
footer p {
   line-height: 1.3;
}
@media (max-width:992px) {
   footer .left-line {
      border-left: #8e8e8e 0px solid;
      margin: 4px 0;
   }
   footer p {
      line-height: 1.2;
   }
}
/* -----------------------------------回到最上----------------------------------- */
.to-top {
   background-image: linear-gradient(to top, #7a0478 0px, #4a0478 100%);
   color: #FFF;
   width: 50px;
   height: 50px;
   text-align: center;
   line-height: 50px;
}
.to-top:hover {
   background-image: linear-gradient(to top, #4a0478 0px, #7a0478 100%);
   color: #fdffce;
   width: 50px;
   height: 50px;
   text-align: center;
   line-height: 50px;
}
/* ----------------------------------------------------------------------內頁---------------------------------------------------------------------- */
main {
   padding: 0 0 30px 0;
}
@media (max-width: 767px) {
   main {
      margin-top: 134px;
   }
}
/* -----------------------------------路徑修改----------------------------------- */
.breadcrumb {
   padding: 8px 15px;
   margin-bottom: 0px;
   list-style: none;
   border-radius: 4px;
   background: none;
   text-align: left;
}
.breadcrumb > li {
   display: inline-block;
   font-size: 14px;
}
.breadcrumb > li + li:before {
   content: "\e080";
   font-family: 'Glyphicons Halflings';
   padding: 0 5px;
   font-size: 8px;
   color: #333;
}
.breadcrumb > .active {
   color: #7a0478;
}
@media (max-width:991px) {
   .breadcrumb {
      padding: 6px 15px;
      margin-bottom: 0px;
   }
}
/* -----------------------------------內頁選單----------------------------------- */
.top-menu-bg {
   background: #f5f5f5;
   background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 50%, #f0f0f0 50%, #f0f0f0 50%, #f8f8f8 100%);
   background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 50%, #f0f0f0 50%, #f0f0f0 50%, #f8f8f8 100%);
   background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 50%, #f0f0f0 50%, #f0f0f0 50%, #f8f8f8 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f8f8f8', GradientType=0);
   height: 86px;
   border-bottom: #e2e2e2 solid 1px;
}
.top-menu ul {
   padding: 0;
   margin: 0;
}
.top-menu ul li {
   float: left;
   border-right: #e2e2e2 1px solid;
   width: calc(100%/6);
   text-align: center;
   font-size: 18px;
   line-height: 43px;
   font-weight: normal;
}
.top-menu ul li a {
   transition: all .3s;
   display: block;
   background: none;
   font-weight: normal;
   text-shadow: 0px 0px #FFF;
}
.top-menu ul li a:hover {
   color: #333;
   background: rgba(180, 180, 180, 0.2);
   display: block;
   font-weight: normal;
   text-shadow: 1px 1px #FFF;
}
.top-menu ul li:nth-last-child(1) {
   border-right: #e2e2e2 0px solid;
}
@media (max-width:767px) {
   .top-menu-bg {
      display: none;
   }
}
.left-menu {}
.left-menu > ul {
   background: #f4f4f4;
   padding-bottom: 5px;
}
.left-menu ul li ul li {
   font-size: 14px;
   line-height: 2;
   display: block;
   background: #f4f4f4;
}
.left-menu ul li ul li a {
   padding-left: 20px;
   display: block;
   text-shadow: 0px 0px #FFF;
   transition: all .3s;
}
.left-menu ul li ul li a:hover {
   background: #ededed;
   display: block;
   text-shadow: 1px 1px #FFF;
}
.left-menu ul li ul {
   margin: 10px 0;
}
.left-menu .title, .right-con .title {
   display: block;
   color: #FFF;
   font-size: 16px;
   padding-left: 20px;
}
.left-menu .title a, .right-con .title a {
   color: #FFF;
   display: block;
   text-shadow: 0px 0px #FFF;
   transition: all .3s;
}
.left-menu .title a:hover, .right-con .title a:hover {
   color: #FFF;
   padding-left: 10px;
}
@media (max-width: 767px) {
   .left-menu {
      display: none;
      position: fixed;
      top: 85px;
      left: 0;
      width: 100vw;
      z-index: 99;
      height: 100vh;
      overflow-y: scroll;
      padding-bottom: 70px;
      box-shadow: 1px 1px 5px #999;
   }
   .left-menu .title, .right-con .title {
      font-size: 18px;
   }
   .left-menu ul li ul li a {
      font-size: 16px;
   }
}
.c-bb5830 {
   background: #bb5830;
}
.c-d08e86 {
   background: #d08e86;
}
.c-dbb01a {
   background: #dbb01a;
}
.c-858244 {
   background: #858244;
}
.c-4a94b2 {
   background: #4a94b2;
}
.c-865b82 {
   background: #865b82;
}
/* -----------------------------------商品列表頁----------------------------------- */
.right-con {
   min-height: 590px;
}
.product-listbox {}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 992px) and (max-width: 1199px) {}
@media screen and (min-width: 768px) and (max-width: 991px) {}
@media (max-width:767px) {}
@media (min-width:992px) {
   .product-listbox:nth-child(3n+1) {
      clear: both;
   }
}
@media (max-width:991px) {
   .product-listbox:nth-child(2n+1) {
      clear: both;
   }
}
.product-listbox .product-img {
   margin: 30px 0 20px 0;
}
.product-imgbox {
   position: relative;
   width: 100%;
   padding-bottom: 80%;
   overflow: hidden;
}
.product-imgbox img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   transition: .5s;
}
.product-imgbox:hover img {
   width: 110%;
   left: -5%;
   top: -5%;
}
.product-listbox h2 {
   font-size: 16px;
   color: #333;
   line-height: 1.3;
}
.product-listbox p.summary {
   font-size: 14px;
   color: #999;
   padding-bottom: 5px;
}
/* -----------------------------------商品列表----------------------------------- */
.product-info {
   margin: 30px 0 20px 0;
}
.product-info h2 {
   font-size: 20px;
   color: #333;
   line-height: 1.3;
}
.product-info p.summary {
   font-size: 14px;
   color: #999;
   padding-bottom: 5px;
}
.product-info p.number {
   font-size: 14px;
   color: #333;
   padding: 20px 0 10px 0;
   line-height: 1;
}
.product-info p.price {
   font-size: 15px;
   color: #333;
}
.product-info p.price span.price-red {
   font-size: 15px;
   color: #dd0000;
   line-height: 1;
}
.product-info-digital {
   padding: 20px 0;
}
.product-info-digital h4 {
   color: #7a0478;
   padding-bottom: 20px;
   position: relative;
}
.product-info-digital h4:before {
   content: '';
   width: 100%;
   height: 1px;
   background: #7a0478;
   position: absolute;
   z-index: 0;
   top: 20px;
   left: 0;
}
.product-info-digital h4 .ba-fff {
   width: 120px;
   font-size: 23px;
   margin: 0 auto;
   text-align: center;
   background: #fff;
   position: relative;
   z-index: 1;
}
.sale-info-red {
   font-size: 18px;
   color: #dd0000;
   line-height: 1.8;
   font-weight: bold;
   margin-top: 30px;
}
/* -----------------------------------自主健康檢測----------------------------------- */
#modal-cartCont {
   padding: 20px 0;
}
.modal-content {
   text-align: center;
   color: #1c2975;
}
.modal-content p {
   color: #333;
   text-align: left;
}
.form-agree p {
   font-size: 14px;
}
.agree p {
   padding-top: 20px;
}
.test-box {
   margin-top: 40px;
}
.test-box .test-word h3.title {
   padding: 0;
   margin: 0;
   line-height: 1.5;
   font-size: 18px;
   font-weight: bold;
   color: #7a0478;
}
.test-box .test-word h3.sub {
   padding: 0;
   margin: 0;
   line-height: 1.5;
   font-size: 18px;
   font-weight: normal;
   color: #7a0478;
}
.test-box .test-box-item {
   margin-bottom: 20px;
}
.test-img {
   margin-bottom: 10px;
}
.test-q {}
.test-q form {
   margin-top: 20px;
}
.test-q h2 {
   text-align: center;
   color: #7a0478;
   font-size: 22px;
}
.test-q h3 {
   text-align: center;
   background: #e6e6e6;
   font-size: 18px;
   padding: 5px 0;
}
.test-q .form p {
   font-size: 18px;
   padding: 5px;
   font-weight: bold;
   margin-bottom: 5px;
   margin-top: 30px;
}
label {
   font-weight: normal;
}
.form {
   border: solid 1px #f2f2f2;
   overflow: hidden;
   padding-bottom: 50px;
}
.form .line {
   padding-bottom: 5px;
   border-bottom: solid 1px #f2f2f2;
}
/*.form .green-bn, .form-contact .green-bn, .form-agree */
.green-bn {
   width: 100%;
   background-color: #6db327;
   border: #FFF;
   color: #FFF;
   margin-right: 15px;
   border-radius: 0;
   margin-top: 20px;
}

.grey-bn {
   width: 100%;
   background-color: #b3b4b2;
   border: #FFF;
   color: #FFF;
   margin-right: 15px;
   border-radius: 0;
   margin-top: 20px;
}
/*.test-q .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .test-q .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .test-q .table-bordered > tfoot > tr > td {
   border: 2px solid #FFF;
}*/
.test-q .form-bg-c7a0478 {
   background: #7a0478;
   color: #FFF;
}
.test-q td {
   background: #f4f4f4;
}
.test-q .w6 td {
   width: calc(100% / 6);
}
.test-q .w4 td {
   width: calc(100% / 4);
}
.test-q .form-mt40 {
   margin-top: 40px;
}
.form-result h3 {
   text-align: center;
   color: #7A0478;
   font-size: 20px;
}
.form-result h5 {
   background: #7A0478;
   color: #FFF;
   padding: 5px;
   margin-bottom: 5px;
}
.bg-cf0f7e9 {
   background: #f0f7e9;
   display: block;
}
.bg-cf1e5f1 {
   background: #f1e5f1;
   display: block;
}
/* -----------------------------------聯絡我們 食品雲----------------------------------- */
.right-box100-green {
   background: url(../images/contact-green.jpg) no-repeat;
   background-size: cover;
   background-color: #FFF;
}
.contact {
   background-color: #fff;
   border-top: solid 5px #6db327;
   padding-bottom: 30px;
}
.contact .contact-info {
   margin-bottom: 20px;
}
.contact .con-bt {
   font-size: 55px;
   color: #7a0478;
   line-height: 1.3;
}
.contact .form-contact .form-group {
   padding: 0em 0 1em 0;
   border-bottom: solid 1px #f2f2f2;
}
.contact .form-contact p {
   /*    color: #7a0478;
*/
}
.right-box100-gray {
   background: url(../images/news-gray.jpg) no-repeat;
   background-size: cover;
   background-color: #FFF;
}
.news-con {}
.news-con h3 {
   font-size: 22px;
   color: #7a0478;
   line-height: 1.3;
   padding-bottom: 10px;
}
.news-con h3 a {
   color: #7a0478;
}
.news-con h3 a:hover {
   color: #333;
}
.news-con h4 {
   font-weight: bold;
}
.news-con p:last-child {
   margin-bottom: 20px
}
.news-con .news-box {
   padding: 15px;
}
@media (max-width: 767px) {
   .news-con h3 {
      font-size: 18px;
      padding-bottom: 15px;
   }
   .news-con h4 {
      font-size: 16px;
   }
}
.keyword h1, h2 {
   display: inline;
   font-size: 16px;
   font-weight: bold;
   font-family: "微軟正黑體", "新細明體";
}
/* ------20190318新增購物會員功能------ */
/* ------通用文字  背景底色 間距 ------ */
.p5 {
   padding: 5px;
}
.c-e4522a {
   color: #e4522a;
}
.c-e4522a-bg {
   display: inline-block;
   text-decoration: none;
}
.c-e4522a-bg a {
   border: solid 1px #e4522a;
   color: #e4522a;
   padding: 3px;
   text-shadow: 0px 0px 0px #FFF;
}
.c-e4522a-bg a:hover {
   background: #e4522a;
   color: #FFF;
   padding: 3px;
}
.bg-f5f5f5 {
   background: #f5f5f5;
}
.c-333 {
   color: #333;
}
.bg-6db327 {
   background: #6db327;
}
/* ------按鈕 藍線------ */
.btn-7a0478 {
   color: #7a0478;
   background-color: #fff;
   border-color: #7a0478;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}
.btn-7a0478:focus, .btn-7a0478.focus {
   color: #FFF;
   background-color: #7a0478;
   border-color: #7a0478;
}
.btn-7a0478:hover {
   color: #FFF;
   background-color: #7a0478;
   border-color: #7a0478;
}
.btn-7a0478:active, .btn-7a0478.active, .open > .dropdown-toggle.btn-7a0478 {
   color: #FFF;
   background-color: #7a0478;
   border-color: #7a0478;
}
/* ------按鈕加入收藏------ */
.btn-add-fav {
   color: #d08e86;
   background-color: #FFF;
   border-color: #d08e86;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}
.btn-add-fav:focus, .btn-add-fav.focus {
   color: #FFF;
   background-color: #d08e86;
   border-color: #d08e86;
}
.btn-add-fav:hover {
   color: #FFF;
   background-color: #d08e86;
   border-color: #d08e86;
}
.btn-add-fav:active, .btn-add-fav.active {
   color: #FFF;
   background-color: #d08e86;
   border-color: #d08e86;
}
.btn-add-fav:active:hover, .btn-add-fav.active:hover {
   color: #FFF;
   background-color: #d08e86;
   border-color: #d08e86;
}
.jQueryEqualHeight {
   list-style: none;
}
/* .product-price ins {
   color: #e4522a;
   font-weight: bold;
   text-decoration: none;
   font-size: 1.5rem;
   line-height: 1.4;
   margin: 5px 0;
} */
.product-price ins {
   color: #333;
   font-weight: 300;
   text-decoration: none;
   font-size: .9rem;
   line-height: 1.2;
   margin: 5px 0;
}
.img-zoom:hover img {
   opacity: 0.8;
   -webkit-transform: scale(1.03);
   -ms-transform: scale(1.03);
   transform: scale(1.03);
}
.img-zoom img {
   display: block;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
}
.img-zoom > div {
   overflow: hidden;
}
.product-list .product-cart-box {
   margin-top: 10px;
}
.product-cart-box .add-fav {
   font-weight: bold;
   width: 23%;
   margin-right: 2%;
   float: left;
}
.product-cart-box .add-cart {
   font-weight: bold;
   width: 75%;
   float: left;
}
.summary {
   font-size: 14px;
   color: #999;
   padding-bottom: 5px;
}
.product-h1 {
   font-size: 16px;
   color: #333;
   line-height: 1.3;
   margin: 0;
   font-weight: bold;
}
.product-h2 {
   font-size: 20px;
   color: #333;
   line-height: 1.3;
   font-weight: bold;
}
.available {
   padding: 5px 0;
}
.available ul li select {
   outline: none;
   padding: 3px;
   width: auto;
   min-width: 60px;
}
.top-nav {
   display: flex;
   justify-content: flex-end;
   margin-bottom: 0;
}
.top-nav, .top-nav a {
   color: #FFF;
}
.top-nav a:hover {
   color: beige;
}
.personal-data h3, .login-member h3, .login-add h3, .history-detail-info h3 {
   margin-top: 0px;
}
.step h3, .login h3, .signup h3, .history-detail h3, .history-detail h3, .history-list h3, .checkout h3 {
   font-size: 2rem;
   color: #000;
   font-weight: bold;
   line-height: 1.8;
   border-bottom: solid 1px #ddd;
   margin-bottom: 20px;
   margin-top: 50px;
}
@media (max-width: 991px) {
   .step h3, .login h3, .signup h3, .history-detail h3, .history-detail h3, .history-list h3, .checkout h3 {
      margin-top: 30px;
   }
}
.bg-fff-bd-green {
   border-top: solid 5px #6db327;
   background: rgba(251, 251, 251, .7);
   padding-bottom: 30px;
}
.c-6db327 {
   color: #6db327;
}
/* ------表單------ */
.form-horizontal .control-label {
   text-align: left;
}
select {
   background-color: transparent;
}
.add-form-inline {
   margin-bottom: 10px;
}
input.form-control.zipcode {
   padding: 0;
   width: 60px;
   background: #fff;
   display: inline-block;
   margin: 0;
}
.button-box {
   border-top: 2px dashed #f5f5f5;
   margin-top: 40px;
   padding-top: 20px;
}
@media (max-width: 991px) {
   select.form-control {
      width: auto;
      display: inline-block;
   }
}
/* ------左選單------ */
.inner_title {
   font-size: 2rem;
   color: #7a0478;
   font-weight: bold;
   line-height: 1.8;
   border-bottom: solid 1px #ddd;
   margin-bottom: 20px;
   margin-top: 50px;
}
.inner_menu ul {
   padding-left: 0px;
   margin-top: 20px;
}
.inner_menu ul li {
   font-size: 18px;
   padding-left: 1.3em;
}
.inner_menu ul li:before {
   content: "\f058"; /* FontAwesome Unicode */
   font-family: FontAwesome;
   display: inline-block;
   width: 1.3em;
   color: rgba(239, 239, 239, 1.00);
}
.inner_menu ul li.active:before {
   content: "\f058";
   font-family: FontAwesome;
   display: inline-block;
   width: 1.3em;
   color: #7a0478;
   text-shadow: 1px 1px 5px #FFF;
}
.inner_menu ul li {
   list-style: none;
   margin: 0;
   padding: 2px 0 2px 0px;
}
.inner_menu ul li.active a {
   color: #7a0478;
   font-weight: bold;
   text-shadow: 1px 1px 5px #FFF;
}
.inner_menu ul li:hover:before {
   content: "\f058";
   font-family: FontAwesome;
   display: inline-block;
   width: 1.3em;
   color: #7a0478;
}
.chevron-down {
   display: none;
}
@media (max-width: 991px) {
   .inner_title {
      font-size: 1.4em;
      background: #72a230;
      color: #FFF;
      padding: 0 10px;
      margin: 0;
      border-bottom: solid 1px #72a230;
   }
   .inner_menu {
      display: none;
   }
   .inner_menu ul {
      background: #FFF;
      border: solid 1px #72a230;
   }
   .chevron-down {
      display: block;
      float: right;
      margin-top: 7px;
      margin-right: 7px;
   }
   .inner_menu ul {
      margin: 0;
      padding: 10px;
   }
}
/* ------popup------ */
.modal-header {
   background: #7a0478;
   color: #FFF;
   text-align: center;
}
.title_rule {
   font-size: 1.125em;
   line-height: 1.6;
   color: #6db327;
   font-weight: bold;
   position: relative;
   border-bottom: 3px solid #6db327;
   padding-bottom: 5px;
   margin-top: 1em;
   text-align: left;
}
/* ------表格RWD自適應------ */
.rwd-table {
   overflow: hidden;
}
.rwd-table tr {
   border: solid 1px #EDEDED;
}
.rwd-table tr:nth-of-type(odd) {
   background: rgba(251, 251, 251, .6);
}
.rwd-table tr:nth-of-type(even) {
   background: rgba(251, 251, 251, 1.00);
}
.rwd-table thead tr:nth-child(1) {
   background: #e3e3e3;
}
.rwd-table th, .rwd-table td {
   color: #333;
   margin: 0.5em 1em;
}
.rwd-table {
   min-width: 100%;
}
.rwd-table th {
   display: none;
}
.rwd-table td {
   display: block;
}
.rwd-table td:before {
   content: attr(data-th) " : ";
   font-weight: bold;
   width: 8em;
   display: inline-block;
}
.rwd-table th, .rwd-table td {}
.rwd-table th, .rwd-table td:before {
   color: #333;
   font-weight: bold;
}
.rwd-table span {
   color: #000;
}
.sp_img img {
   display: none;
}
td.td-delete::before {
   content: none;
}
td.td-delete {
   text-align: center;
}
td.td-delete i {
   font-size: 1.3em;
   color: #FFF;
   background: #7a0478;
   width: 100%;
   padding: 5px;
   text-align: center; /*    padding:8px 8px;
    border-radius: 50% 50%;*/
}
@media (min-width: 992px) {
   .rwd-table td:before {}
   td.td-delete {
      text-align: left;
   }
   td.td-delete i {
      cursor: pointer;
      width: auto;
      font-size: 1.3em;
      color: #FFF;
      background: #7a0478;
      text-align: center;
      padding: 8px 8px;
      border-radius: 50% 50%;
   }
   .rwd-table td:before {
      display: none;
   }
   .rwd-table th, .rwd-table td {
      display: table-cell;
      padding: 0em 0.5em;
   }
   .rwd-table th:first-child, .rwd-table td:first-child {
      padding-left: 0;
   }
   .rwd-table th:last-child, .rwd-table td:last-child {
      padding-right: 0;
   }
   .rwd-table th, .rwd-table td {
      padding: 0.5em !important;
   }
}
.check-product-total {
   padding: 5px 20px;
}
/* ------訂單完成------ */
.ok-gift {
   text-align: center;
   font-size: 60px;
   line-height: 1;
   color: #7a0478;
}
.order-completed h2 {
   font-size: 35px;
   color: #7a0478;
   font-weight: bold;
   letter-spacing: 2px;
   margin: 10px 0 30px 0;
   display: block;
}
.order-completed p {
   background: #f5f5f5;
   margin: 30px 0;
   padding: 10px 20px;
}
/* 購物清單*/
.dropdown-cart {
   padding: 10px;
}
ul.dropdown-cart {
   min-width: 250px;
   left: -160px;
}
ul.dropdown-cart li .item {
   display: block;
   padding: 10px;
   border-bottom: solid 1px #eee;
   ;
}
ul.dropdown-cart li .item:hover {
   background-color: #f3f3f3;
}
ul.dropdown-cart li .item:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}
ul.dropdown-cart li .item-left {
   float: left;
}
ul.dropdown-cart li .item-left img {
   float: left;
   width: 50px;
   border: solid 1px #eee;
}
ul.dropdown-cart li .item-left span.item-info {
   float: left;
   color: #333;
   margin-left: 10px;
   width: 125px;
}
ul.dropdown-cart li .item-left span.item-info span {
   display: block;
   line-height: 1.3;
}
ul.dropdown-cart li .item-right {
   float: right;
}
ul.dropdown-cart li .item-right button {
   margin-top: 14px;
}
p.countAmount {
   color: #333;
   padding-top: 20px;
}
@media (max-width:767px) {
   .top-nav .dropdown {
      position: static;
   }
   ul.dropdown-cart {
      min-width: 100vw;
      left: 0px;
   }
}
.product-tab {
   margin-bottom: 20px;
}
table.fz14 {
   font-size: 14px;
}
#year, #month {
   height: 34px;
}
.cart-info{
    margin-top: 30px;
}
.cart-info thead td {
    color: #4D4D4D;
    font-weight: 700;
    background-color: #F7F7F7;
    border-bottom: 1px solid #ddd;
}
.cart-info thead td {
    border: 1px solid #000;
}







/*樹狀圖*/

.list01,.list02,.list03,.list04,.list05,.list06,.list07,.list08,.list09,.list10,.list11,.list12{
	display: inline-block;
	font-size: 12px;
	padding-left: 2px;
    color: #333;
}

.tree-box{
	width:100%;
	overflow-x: auto;
	color: #FFF;

}
.tree{
	width:840px;
    margin-top: 30px;
}
.bg-72A230-box {
    background: #72A230;
}

.tree-title {
   display:inline-flex ;
	color: #FFF;
	text-align: center;
}

.list01{
width: 38px;
}
.list02{
width: 50px;
}
.list03{
width:146px;
}
.list04{
width: 53px;
}
.list05{
width: 51px;
}
.list06{
width:81px;
}
.list07{
width: 75px;
}
.list08{
width: 55px;
}
.list09{
width:88px;
}
.list10{
width: 89px;
}
.list11{
width: 45px;
}
.list12{
width: 45px;
}

.widget2,.widget{
    margin-top: 20px;
}

/*20200316 加價購*/
.add-shopping-box .add-shopping{
   float: left;
   height: 34px;
   width: 40%;
}
.add-shopping-box .product-cart-box .add-cart{
   width: 60%;
}
@media screen and (max-width: 991px) {
 .add-shopping{
     margin-bottom: 50px;
}
}
.pt-1{
   padding-top: 1em;
}

h3.add-shopping-h3{
   background: #7a0478;
   color:#FFF;
   padding-left: 30px;
   margin-bottom:-1px;
}
.add-shopping-box {
   padding: 20px;
   border: solid 1px #7a0478;
   margin: 0px;
   background: #FBFBFB;
}

.add-shopping-box li{
   padding-bottom: 10px;
}

.bg-f7a82d {
    font-size: 20px;
    background-color: #f7a82d;
    color: #FFFFFF;
    text-align: center;
}

.bg-de563a {
    font-size: 20px;
    background-color: #de563a;
    color: #FFFFFF;
    text-align: center;
}

.bg-5d8e17 {
    font-size: 20px;
    background-color: #5d8e17;
    color: #FFFFFF;
    text-align: center;
}


.outofstock{
   background: #e4522a;
   color: #FFF;
   padding: 3px;
   display: inline-block;
   margin-bottom: 20px;
}


/* ------按鈕 灰 缺貨------ */
.btn-666 {
  color: #FFF;
  background-color: #666;
  border-color: #666;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-666:hover {
  color: #FFF;
  background-color: #666;
  border-color: #666;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor:not-allowed;
}

/*20200316 加價購*/
.add-shopping-box .add-shopping{
   float: left;
   height: 34px;
   width: 40%;
}
.add-shopping-box .product-cart-box .add-cart{
   width: 60%;
}
@media screen and (max-width: 991px) {
 .add-shopping{
     margin-bottom: 50px;
}
}
.pt-1{
   padding-top: 1em;
}

h3.add-shopping-h3{
   background: #7a0478;
   color:#FFF;
   padding-left: 30px;
   margin-bottom:-1px;
}
.add-shopping-box {
   padding: 20px;
   border: solid 1px #7a0478;
   margin: 0px;
   background: #FBFBFB;
}

.add-shopping-box li{
   padding-bottom: 10px;
}

.bg-f7a82d {
    font-size: 20px;
    background-color: #f7a82d;
    color: #FFFFFF;
    text-align: center;
}

.bg-de563a {
    font-size: 20px;
    background-color: #de563a;
    color: #FFFFFF;
    text-align: center;
}

.bg-5d8e17 {
    font-size: 20px;
    background-color: #5d8e17;
    color: #FFFFFF;
    text-align: center;
}


.no-gutters{
  margin-right: 0;
  margin-left: 0;
}
.class-con{
    margin-top: 30px;
}

.class-con h3 {
    font-size: 22px;
    color: #7a0478;
    line-height: 1.3;
    padding-bottom: 10px;
}

.class-tab li{
    font-size: 22px;
}

.class-tab > li.active > a, .class-tab > li.active > a:hover, .class-tab > li.active > a:focus {
    color: #fff;
    background-color:#7a0478;
    margin-bottom: 30px;
}

.badge, .class-tab > .active > a > .badge {
    color: #7a0478;
    background-color: #f9f9f9;
}

.red{
   color: #ff0000;
}

.line-through {
	font-family: 'Montserrat';
	text-decoration: line-through;
}

.ui-quantity_text {
	width: 28px;
	height: 24px;
	text-align: center;
	border: solid #f3f3f3 1px;
}
.ui-quantity_btn_minus {
	width: 24px;
	background-color: #d0d0d0;
	color: #FFF;
	display: inline-block;
	text-align: center;
}
.ui-quantity_btn_minus a {
	color: #FFF;
}
.ui-quantity_btn_minus:hover {
	background-color: #464646;
	cursor: pointer;
}
.ui-quantity_btn_plus {
	width: 24px;
	background-color: #d0d0d0;
	color: #FFF;
	display: inline-block;
	text-align: center;
}
.ui-quantity_btn_plus a {
	color: #FFF;
}
.ui-quantity_btn_plus:hover {
	background-color: #464646;
	cursor: pointer;
}

#content table.list:hover {
	background-color: #edf5d0e5;
}
#content table tr.list td {
	padding-top: 6px;
	padding-bottom: 6px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #666;
	border-left-color: #666;
}

.product-price {
   font-size:15px;
}

.recently-listed {
   color: #fff;
   /*background-color: rgba(238, 55, 251, 0.7);*/
   background-color: rgba(5, 77, 55, .7);
   font-size: 0.875em;
   text-align: center;
   width: 100%;
   padding: 5px 0;
   display: block;
   position: absolute;
   left: 0;
   bottom: calc(50% - 17px);
   text-decoration: none;
}
@media (min-width: 992px) {
   .recently-listed {
      font-size: 1em;
      padding: 5px 0;
      bottom: calc(50% - 17px);
   }
}