@charset "UTF-8";

.idec-slide-demo .pro_item img {
  width: 100%;
}

.idec-slide-demo .item {
  overflow          : hidden;
  padding           : 15px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.idec-slide-demo .item:hover {
  border-radius     : 6px;
  margin            : 10px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow        : 0 0 5px rgba(0, 0, 0, 0.5);
}

/* .idec-slide-demo .item::before {
  content           : "HOT";
  position          : absolute;
  top               : 29px;
  background        : #852134;
  color             : #FFF;
  right             : 2px;
  z-index           : 10;
  -webkit-transform : rotate(0deg);
  -ms-transform     : rotate(0deg);
  transform         : rotate(0deg);
  padding           : 4px;
  font-size         : 10px;
  width             : 46px;
  text-align        : center;
  line-height       : 10px;
  -webkit-box-shadow: 1px 1px 2px #5a5a5a;
  box-shadow        : 1px 1px 2px #5a5a5a;
} */

@media screen and (max-width: 768px) {
  .idec-slide-demo .item {
    padding: 0;
  }

  .idec-slide-demo .item::before {
    top               : 0px;
    right             : 0px;
    -webkit-box-shadow: 1px 1px 1px #5a5a5a;
    box-shadow        : 1px 1px 1px #5a5a5a;
  }
}

.idec-slide-demo .pro_main {
  color: #F2F4F3;
}

.idec-slide-demo .pro_main p {
  font-size     : 14px;
  letter-spacing: 1px;
  display       : none;
}

.idec-slide-demo .pro_price {
  text-decoration: line-through;
  padding        : 0;
  margin         : 0;
  color          : #999;
  vertical-align : middle;
  font-size      : 15px;
  display        : none;
}

.on_sale {
  font-size  : 21px;
  color      : #ff265e;
  padding    : 0;
  margin     : 0;
  font-weight: bold;
  display    : none;
}

.on_sale span {
  font-size: 15px;
  color    : #999;
}

.idec-slide-demo .pro_btn {
  float          : right;
  /*width        : 50%;*/
  border         : 1px solid #adadad;
  border-radius  : 5px;
  text-align     : center;
  padding        : 6px 10px;
  text-decoration: none;
  color          : #adadad;
}

.idec-slide-demo .pro_btn .fa-list {
  display: none;
}

.pro_item {
  position: relative;
}

.pro_item:hover .mask {
  opacity: 1;
}

.pro_item .mask {
  position          : absolute;
  background        : rgba(72, 72, 72, 0.8);
  top               : 0;
  opacity           : 0;
  padding           : 10px;
  overflow          : hidden;
  left              : 0;
  width             : 100%;
  color             : #fff;
  height            : 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition     : all 0.4s ease-in-out;
  transition        : all 0.4s ease-in-out;
}

.pro_txt_box {
  position          : absolute;
  left              : 0;
  top               : 0;
  opacity           : 0;
  width             : 100%;
  height            : 100%;
  padding           : 10px;
  -webkit-transition: all 0.8s ease-in-out;
  -o-transition     : all 0.8s ease-in-out;
  transition        : all 0.8s ease-in-out;
  overflow          : hidden;
}

@media screen and (max-width: 414px) {
  .pro_txt_box {
    display: none;
  }
}

.pro_txt_box:hover {
  opacity: 1;
}

.pro_txt_box .pro_title {
  margin         : -10px;
  color          : #FFF;
  text-decoration: none;
  font-size      : 17px;
  background     : #4a101d;
  padding        : 10px;
  line-height    : 1.6em;
}

.pro_txt_box .pro_text {
  color                  : #FFF;
  text-decoration        : none;
  font-size              : 14px;
  padding-top            : 15px;
  margin-top             : 15px;
  -webkit-animation-delay: 1s;
  animation-delay        : 1s;
  letter-spacing         : 1px;
}

.owl-prev,
.owl-next {
  display                : inline-block;
  font                   : normal normal normal 14px/1 FontAwesome;
  font-size              : 22px;
  text-rendering         : auto;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size              : 0px;
  /*文字隱藏*/
}

/* .owl-prev:before {
  content: "\f053";
  font-size: 20px;
  background: #ff265e;
  color: #FFF;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  display: block;
  line-height: 40px;
  text-align: center;
  margin: 15px;
}

.owl-next:before {
  content: "\f054";
  font-size: 20px;
  background: #ff265e;
  color: #FFF;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  display: block;
  line-height: 40px;
  text-align: center;
  margin: 15px;
  margin-left: -2px;
} */
/* .owl-page {
  margin: 0 auto;
}

.owl-page span {
  background: #CCC;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
  float: left;
  margin: 3px;
}

.owl-page.active span {
  background: #333;
} */
button.owl-dot {
  width        : 10px;
  height       : 10px;
  border-radius: 50%;
  margin       : 4px;
}

button.owl-dot.active {
  background: #7c7c7c;
}

/* .owl-buttons {

  float: right;
  color: #ddd;
  font-size: 20px;
  background: #ff265e;
} */
.owl-nav {
  width                  : 80px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  float                  : right;
}

.owl-nav button {
  width             : 50px;
  height            : 50px;
  margin            : 5px;
  background        : #CDCFD4 !important;
  border-radius     : 50%;
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
}

.owl-nav button:hover {
  border            : 1px solid #c9c9c9 !important;
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
}

button.owl-prev span,
button.owl-next span {
  font-size         : 44px;
  color             : #FFF;
  line-height       : 24px;
  padding-left      : 2px;
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
}

button.owl-prev span:hover,
button.owl-next span:hover {
  -webkit-transition: 0.5s;
  -o-transition     : 0.5s;
  transition        : 0.5s;
}

a.pro_btn {
  display: none;
}




/* +++++++++++++++++第2種效果+++++++++++++++++*/
#idec-slide-demo2 .pro_main,
#idec-slide-demo2 .pro_sale {
  display: block;
}

#idec-slide-demo2 .pro_item {
  overflow: hidden;
}

#idec-slide-demo2 img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -webkit-transform : scale(1);
  -moz-transform    : scale(1);
  -ms-transform     : scale(1);
  -o-transform      : scale(1);
  transform         : scale(1);
}

#idec-slide-demo2 .mask {
  background        : #333333;
  background        : rgba(0, 0, 0, 0.6);
  visibility        : hidden;
  opacity           : 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

#idec-slide-demo2 h3 {
  /* text-transform    : uppercase; */
  color             : #111;
  font-size         : 16px;
  padding           : 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

#idec-slide-demo2 p {
  font-style        : italic;
  font-size         : 12px;
  position          : relative;
  color             : #bbb;
  padding           : 20px 20px 20px;
  text-align        : center;
  -webkit-transition: all 0.3s 0.1s linear;
  -moz-transition   : all 0.3s 0.1s linear;
  transition        : all 0.3s 0.1s linear;
}

#idec-slide-demo2 a:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform   : scale(1.2);
  -ms-transform    : scale(1.2);
  -o-transform     : scale(1.2);
  transform        : scale(1.2);
}

#idec-slide-demo2 a:hover .mask {
  visibility: visible;
  opacity   : 1;
}

#idec-slide-demo2 .pro_title,
#idec-slide-demo2 .pro_txt_box {
  color: #FFF;
}

/* #idec-slide-demo2 h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform   : translateY(-100%);
  -ms-transform    : translateY(-100%);
  -o-transform     : translateY(-100%);
  transform        : translateY(-100%);
}

#idec-slide-demo2 p {
  -webkit-transform: translateY(100%);
  -moz-transform   : translateY(100%);
  -ms-transform    : translateY(100%);
  -o-transform     : translateY(100%);
  transform        : translateY(100%);
} */

/* #idec-slide-demo2 a:hover h3,
#idec-slide-demo2 a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform   : translateY(0);
  -ms-transform    : translateY(0);
  -o-transform     : translateY(0);
  transform        : translateY(0);
} */



button.owl-prev {
  position: absolute;
  left    : -30px;
  top     : 40%;
}

button.owl-next {
  position: absolute;
  right   : -30px;
  top     : 40%;
}

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