/*===========共用=============*/

/*===熱門商品ICON==========*/
#neilproduct3_block .discount_box #hoticon img,
#neilproduct1_block #product_content #hoticon img {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 15% !important;
  z-index: 100;
  transition: all .55s ease .1s;
}









/*========商品展示區塊================*/
#neilproduct1_block {
  position: relative;
  margin: 0px 0px -20px 0px;
}

#neilproduct1_block .row-initial {
  width: 102%;
  margin: 30px 0px 0px 0px !important;
}

#neilproduct1_block #product_content {
  width: 92%;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #848484;
  overflow: hidden;
  margin: 5px 0px 40px 0px;
  transition: all .25s ease .1s;
  background: #FFFFFF url(../../img/modules/) no-repeat left top;
}

#neilproduct1_block #product_content #product_img {
  position: relative;
  width: 100%;
  height: 282px;
  overflow: hidden;
}

#neilproduct1_block #product_content #product_img img:not(#hoticon img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .55s ease .1s;
}

#neilproduct1_block #product_content #product_sort {
  position: relative;
  margin-top: 0px;
  background: #565656 url(../../img/modules/) no-repeat left top;
  height: 41px;
  padding: 2px 5px;
  line-height: 180%;
  overflow: hidden;
  text-align: center;
  font-size: 110%;
  transition: all .25s ease .1s;
}

#neilproduct1_block #product_content #product_sort a {
  color: #FFFFFF;
}

#neilproduct1_block #product_content #product_title {
  position: relative;
  margin: 15px 5px 15px 5px;
  padding: 10px  5px 10px 5px;
  height: 70px;
  overflow: hidden;
  font-size: 110%;
  line-height: 165%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;  
  transition: all .25s ease .1s;
}

#neilproduct1_block #product_content #product_title a {
  position: relative;
  max-height: 70px;
  overflow: hidden;
  color: #353535;
}

#neilproduct1_block #product_content #product_btn {
  position: relative;
  margin: 15px 0px 25px 0px !important;
  padding: 0px 0px 0px 12px;
}

#neilproduct1_block #product_content #product_btn .btn {
  width: 90%;
  font-size: 80%; 
  padding: 6px 4px;
}

#neilproduct1_block #product_content #product_btn .btn-default {
  color: #FFFFFF;
  background-color: #2877ED;
  border-color: #1150AF;
  transition: all .25s ease .1s;
}

#neilproduct1_block #product_content #product_btn .btn-default:hover:not(.disabled) {
  color: #FFFFFF;
  background-color: #333333;
  border-color: #111111;
}

#neilproduct1_block #product_content #product_btn .btn-finish {
  color: #FFFFFF;
  background-color: #606060;
  border-color: #3F3F3F;
  transition: all .25s ease .1s;
}

#neilproduct1_block #product_content #pricebox {
  position: absolute;
  color: #D62872;
  bottom: 5px;
  right: 5px;
  z-index: 100;
  text-shadow: 0 0 1.5px #FFFFFF, 0 0 1.5px #FFFFFF, 0 0 1.5px #FFFFFF, 0 0 1.5px #FFFFFF;
  font-weight: 550;
}

#neilproduct1_block #block_custom_1 {
  text-align: center;
  display: block;
  background-color: #FFDFA0;
  margin: 5px 0px 20px 0px;
  transition: all .25s ease .1s;
  padding: 4px 3px;
  min-height: 40px;
  overflow: hidden;  
}
#neilproduct1_block #block_custom_1  a{
color: #000000; 
}





#neilproduct1_block #product_content:hover:not(#pricebox) {
  border: 1px solid #D62872;
  transform: scale(0.97, 0.97);
}

#neilproduct1_block #product_content:hover #product_sort {
  background: #D62872 url(../../img/modules/) no-repeat left top;
}

#neilproduct1_block #product_content:hover #product_title a {
  color: #D62872;
}

#neilproduct1_block #product_content:hover #product_img img {
  transform: scale(1.5, 1.5);
}

#neilproduct1_block #product_content:hover #block_custom_1 {
  color: #FFFFFF;
  background-color: #E57A00;
}

#neilproduct1_block #product_content:hover #block_custom_1 a{
  color: #FFFFFF;
}

/*========人氣商品排名區塊================*/
#neilproduct2_block {
  position: relative;
  width: 102%;
  margin: 0px 0px 20px 0px;
}


/*========小縮圖樣式=============*/
#neilproduct2_block #block_0 #product_popularity {
  position: relative;
  background-color: #FFFCF4;
  border: 1px solid #E5C352;
  border-radius: 10px;
  margin: 12px 25px 18px 0px;
  padding: 15px 10px;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_0 #product_popularity #product_img {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50px;
  background-color: #FFFFFF;
  border: 1px solid #E5C352;
  transition: all .55s ease .1s;
}

#neilproduct2_block #block_0 #product_popularity #product_img img:not(#hoticon img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .55s ease .1s;
}

#neilproduct2_block #block_0 #product_popularity #product_title {
  position: relative;
  font-size: 95%;
  height: 84px;
  overflow: hidden;
  line-height: 150%;
}

#neilproduct2_block #block_0 #product_popularity #product_title a {
  color: #000000;
}

#neilproduct2_block #block_0 #product_popularity #counterbox {
  font-size: 83%;
  color: #D12771;
}

#neilproduct2_block #block_0 #product_popularity .countbox {
  background-color: #917744;
  border-radius: 10px;
  color: #FFFFFF;
  padding: 0px 7px 2px 7px;
}

#neilproduct2_block #block_0 #product_popularity #count1 {
  background-color: #954548;
}

#neilproduct2_block #block_0 #product_popularity #count2 {
  background-color: #457095;
}

#neilproduct2_block #block_0 #product_popularity #count3 {
  background-color: #479545;
}

#neilproduct2_block #block_0 #product_popularity #product_btn {
  position: relative;
  margin: 5px 0px 0px 0px !important;
  padding: 0px 0px 0px 13px;
}

#neilproduct2_block #block_0 #product_popularity #product_btn .btn {
  width: 89%;
}

#neilproduct2_block #block_0 #product_popularity #product_btn .btn-default {
  color: #FFFFFF;
  background-color: #B58400;
  border-color: #846100;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_0 #product_popularity #product_btn .btn-default:hover:not(.disabled) {
  color: #FFFFFF;
  background-color: #333333;
  border-color: #111111;
}

#neilproduct2_block #block_0 #product_popularity #product_btn .btn-finish {
  color: #FFFFFF;
  background-color: #606060;
  border-color: #3F3F3F;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_0 #product_popularity:hover {
  border: 1px solid #D62872;
  transform: scale(1.12, 1.12);
  background-color: #FFF2F7;
}

#neilproduct2_block #block_0 #product_popularity:hover #product_img {
  border: 1px solid #D62872;
}

#neilproduct2_block #block_0 #product_popularity:hover #product_img img {
  transform: scale(1.5, 1.5);
}

/*=============大縮圖樣式================*/
#neilproduct2_block #block_1 {
  width: 102%;
  margin: 20px 0px 0px 0px !important;
}

#neilproduct2_block #block_1 #product_popularity {
  width: 92%;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #848484;
  overflow: hidden;
  margin: 5px 0px 40px 0px;
  transition: all .25s ease .1s;
  background: #FFFFFF url(../../img/modules/) no-repeat left top;
}

#neilproduct2_block #block_1 #product_popularity #product_img {
  position: relative;
  width: 100%;
  height: 282px;
  overflow: hidden;
}

#neilproduct2_block #block_1 #product_popularity #product_img img:not(#hoticon img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .55s ease .1s;
}

#neilproduct2_block #block_1 #product_popularity #product_sort {
  position: relative;
  margin-top: 0px;
  background: #565656 url(../../img/modules/) no-repeat left top;
  height: 41px;
  padding: 2px 5px;
  line-height: 180%;
  overflow: hidden;
  text-align: center;
  font-size: 110%;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_1 #product_popularity #product_sort a {
  color: #FFFFFF;
}

#neilproduct2_block #block_1 #product_popularity #product_title {
  position: relative;
  margin: 15px 5px 15px 5px;
  padding: 10px 5px 10px 5px;
  height: 70px;
  overflow: hidden;
  font-size: 110%;
  line-height: 165%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_1 #product_popularity #product_title a {
  position: relative;
  max-height: 70px;
  overflow: hidden;
  color: #353535;
}

#neilproduct2_block #block_1 #product_popularity #product_btn {
  position: relative;
  margin: 15px 0px 25px 0px !important;
  padding: 0px 0px 0px 12px;
}

#neilproduct2_block #block_1 #product_popularity #product_btn .btn {
  width: 88%;
}

#neilproduct2_block #block_1 #product_popularity #product_btn .btn-default {
  color: #FFFFFF;
  background-color: #2877ED;
  border-color: #1150AF;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_1 #product_popularity #product_btn .btn-default:hover:not(.disabled) {
  color: #FFFFFF;
  background-color: #333333;
  border-color: #111111;
}

#neilproduct2_block #block_1 #product_popularity #product_btn .btn-finish {
  color: #FFFFFF;
  background-color: #606060;
  border-color: #3F3F3F;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_1 #product_popularity #pricebox {
  position: absolute;
  color: #D62872;
  bottom: 5px;
  right: 5px;
  z-index: 100;
  text-shadow: 0 0 1.5px #FFFFFF, 0 0 1.5px #FFFFFF, 0 0 1.5px #FFFFFF, 0 0 1.5px #FFFFFF;
  font-weight: 550;
}

#neilproduct2_block #block_1 #product_popularity #block_custom_1 {
  text-align: center;
  display: block;
  background-color: #FFDFA0;
  margin: 5px 0px 20px 0px;
  transition: all .25s ease .1s;
  padding: 4px 3px;
  min-height: 40px;
}

#neilproduct2_block #block_1 #product_popularity #block_custom_1 a {
  color: #000000;
}

#neilproduct2_block #block_1 #product_popularity .countbox {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  background-color: rgba(255, 255, 255, .8);
  padding: 3px 0px;
  z-index: 1000;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_1 #product_popularity .no_box {
  background-color: rgba(224, 48, 32, .7);
  color: #FFFFFF;
  padding: 6px 5px;
}

#neilproduct2_block #block_1 #product_popularity .counterbox {
  position: relative;
  padding: 0px 0px 0px 15px;
}

#neilproduct2_block #block_1 #product_popularity:hover:not(#pricebox) {
  border: 1px solid #D62872;
  transform: scale(0.97, 0.97);
}

#neilproduct2_block #block_1 #product_popularity:hover #product_sort {
  background: #D62872 url(../../img/modules/) no-repeat left top;
}

#neilproduct2_block #block_1 #product_popularity:hover #product_title a {
  color: #D62872;
}

#neilproduct2_block #block_1 #product_popularity:hover #product_img img {
  transform: scale(1.5, 1.5);
}

#neilproduct2_block #block_1 #product_popularity:hover .countbox {
  position: absolute;
  background-color: rgba(255, 255, 196, .8);
  top: 100px;
}

#neilproduct2_block #block_1 #product_popularity:hover #block_custom_1 {
  color: #FFFFFF;
  background-color: #E57A00;
}

#neilproduct2_block #block_1 #product_popularity:hover #block_custom_1 a {
  color: #FFFFFF;
}

/*========優惠商品========== */
/*#neilproduct3_block .owl-carousel {
  position: relative;
  width: 101.9%;
  margin: 15px 0px 10px 0px;
}

#neilproduct3_block .item {
  width: 95%;
}

#neilproduct3_block .discount_box {
  position: relative;
  top: 0px;
  width: 92%;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #848484;
  overflow: hidden;
  margin: 5px 0px 40px 0px;
  transition: all .25s ease .1s;
  background: #FFFFFF url(../../img/modules/) no-repeat left top;
}*/


#neilproduct3_block  .owl-carousel .owl-stage-outer {
    padding-top: 10px;
}

#neilproduct3_block .owl-carousel {
  position: relative;
  width: 102%;
  margin: 15px 0px 10px -1%;
}

#neilproduct3_block  .column_3 .owl-carousel{
  width: 102.7%;
  margin: 15px 0px 10px -1.35%;
}


#neilproduct3_block .discount_box {
  position: relative;
  top: 0px;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #848484;
  overflow: hidden;
  margin: 5px 4% 40px 4%;
  transition: all .25s ease .1s;
  background: #FFFFFF url(../../img/modules/) no-repeat left top;
}


#neilproduct3_block .discount_box #product_img {
  position: relative;
  width: 100%;
  height: 282px;
  overflow: hidden;
}

#neilproduct3_block .discount_box #product_img img:not(#hoticon img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .55s ease .1s;
}

#neilproduct3_block .discount_box #product_deadline {
  position: relative;
  margin-top: 0px;
  background: #ed47a9 url(../../img/modules/) no-repeat left top;
  height: 41px;
  padding: 2px 5px;
  line-height: 180%;
  overflow: hidden;
  text-align: center;
  font-size: 100%;
  transition: all .25s ease .1s;
  color: #ffffff;
}

#neilproduct3_block .discount_box #product_info {
  position: relative;
  margin-top: 0px;
  background: #ffd6ee url(../../img/modules/) no-repeat left top;
  height: 41px;
  padding: 2px 5px;
  line-height: 180%;
  overflow: hidden;
  text-align: center;
  font-size: 105%;
  transition: all .25s ease .1s;
  color: #000000;
}

#neilproduct3_block .discount_box #product_info a {
  color: #000000;
}

#neilproduct3_block .discount_box #product_title {
  position: relative;
  margin: 15px 5px 15px 5px;
  padding: 10px 5px 10px 5px;
  height: 70px;
  overflow: hidden;
  font-size: 110%;
  line-height: 165%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease .1s;
}

#neilproduct3_block .discount_box #product_title a {
  position: relative;
  max-height: 70px;
  overflow: hidden;
  color: #353535;
}

#neilproduct3_block .discount_box #product_btn {
  position: relative;
  margin: 15px 0px 25px 0px !important;
  padding: 0px 0px 0px 12px;
}

#neilproduct3_block .discount_box #product_btn .btn {
  width: 90%;
  font-size: 80%; 
  padding: 6px 4px;
}

#neilproduct3_block .discount_box #product_btn .btn-default {
  color: #FFFFFF;
  background-color: #2877ED;
  border-color: #1150AF;
  transition: all .25s ease .1s;
}

#neilproduct3_block .discount_box #product_btn .btn-default:hover:not(.disabled) {
  color: #FFFFFF;
  background-color: #333333;
  border-color: #111111;
}

#neilproduct3_block .discount_box #product_btn .btn-finish {
  color: #FFFFFF;
  background-color: #606060;
  border-color: #3F3F3F;
  transition: all .25s ease .1s;
}

#neilproduct3_block .discount_box #special_box {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;  
  background-color: rgba(255, 255, 255, .7);
  text-align: center;
  padding: 5px 5px 5px 5px;
  line-height: 150%;
  z-index: 100;
  transition: all .25s ease .1s;
}

#neilproduct3_block .discount_box #sellingprice {
  font-size: 95%;
  text-decoration:line-through;
}

#neilproduct3_block .discount_box #pricebox {
  position: relative;
  color: #fa106d;
  font-weight: 550;
  font-size: 110%;
}

/*============左右按鈕===========*/
#neilproduct3_block   .owl-nav .owl-prev {
  position: absolute;
  top: 90px !important;
  z-index: 1000;
  left: 14px;
  width: 40px;
  height: 52px;
  background: #000 url(../../../../images/leftarrow.png) no-repeat center center;
  opacity: 0.5;
}

#neilproduct3_block  .owl-nav .owl-next {
  position: absolute;
  top: 90px !important;
  z-index: 1000;
  right: 13px;
  width: 40px;
  height: 52px;
  background: #000 url(../../../../images/rightarrow.png) no-repeat center center;
  opacity: 0.5;
}


/*===========效果===============*/
#neilproduct3_block .discount_box:hover {
  border: 1px solid #D62872;
  top: 15px;
}
#neilproduct3_block .discount_box:hover  #special_box{
  bottom: 100px;
  background-color: rgba(255, 229, 229, .8); 
}



#neilproduct3_block .discount_box:hover #product_deadline {
  background: #DD3721 url(../../img/modules/) no-repeat left top;
}

#neilproduct3_block .discount_box:hover #product_title a {
  color: #DD3721;
}

#neilproduct3_block .discount_box:hover #product_img img {
  transform: scale(1.5, 1.5);
}

#neilproduct3_block .discount_box:hover #product_info {
  background-color: #FFADDD;
}



/*============商品分類======================*/
#neilproduct4_block .owl-carousel {
  position: relative;
  width: 102%;
  margin: 15px 0px 10px -1%;
}

#neilproduct4_block  .column_3 .owl-carousel{
  width: 102.7%;
  margin: 15px 0px 10px -1.35%;
}


#neilproduct4_block #sort_box {
  position: relative;
  top: 0px;
  border: 1px solid #a8a8a8;
  overflow: hidden;
  margin: 5px 4% 40px 4%;
  transition: all .25s ease .1s;
  background: #FFFFFF url(../../img/modules/) no-repeat left top;
}

#neilproduct4_block #sort_box #product_img {
  position: relative;
  width: 100%;
  height: 224px;
  overflow: hidden;
    padding: 12px;
}

#neilproduct4_block #sort_box #product_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .55s ease .1s;
}

#neilproduct4_block #sort_box #product_count {
  position: relative;
  margin: 0px 0px 20px 0px;
  background: #ffe2d0 url(../../img/modules/) no-repeat left top;
  height: 39px;
  padding: 2px 5px;
  line-height: 180%;
  overflow: hidden;
  text-align: center;
  font-size: 100%;
  transition: all .25s ease .1s;
  color: #000000;
}

#neilproduct4_block #sort_box #product_sort {
  position: relative;
  margin-top: 0px;
  background: #f6931e url(../../img/modules/) no-repeat left top;
  height: 40px;
  padding: 2px 5px;
  line-height: 180%;
  overflow: hidden;
  text-align: center;
  font-size: 105%;
  transition: all .25s ease .1s;
  color: #ffffff;
}

#neilproduct4_block #sort_box #product_sort a {
  color: #ffffff;
}

#neilproduct4_block #sort_box #product_ofitems {
  position: relative;
  padding: 0px 5px;
  height: 60px;
  overflow: hidden;
  font-size: 105%;
  line-height: 165%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease .1s;
}

#neilproduct4_block #sort_box #product_ofitems #focus{
color: #d80000;
}



#neilproduct4_block #sort_box #product_btn {
  position: relative;
  margin: 0px 0px 25px 0px !important;
  padding: 0px 15px;
}

#neilproduct4_block #sort_box #product_btn .btn-default {
  color: #FFFFFF;
  background-color: #2877ED;
  border-color: #1150AF;
  transition: all .25s ease .1s;
}

#neilproduct4_block #sort_box #product_btn .btn-default:hover{
  color: #FFFFFF;
  background-color: #333333;
  border-color: #111111;
}

/*============左右按鈕===========*/
#neilproduct4_block   .owl-nav .owl-prev {
  position: absolute;
  top: 90px !important;
  z-index: 1000;
  left: 1px;
  width: 40px;
  height: 52px;
  background: #000 url(../../../../images/leftarrow.png) no-repeat center center;
  opacity: 0.5;
}

#neilproduct4_block  .owl-nav .owl-next {
  position: absolute;
  top: 90px !important;
  z-index: 1000;
  right: 25px;
  width: 40px;
  height: 52px;
  background: #000 url(../../../../images/rightarrow.png) no-repeat center center;
  opacity: 0.5;
}




/*===========效果=================*/
#neilproduct4_block #sort_box:hover {
  border: 1px solid #D62872;
  transform: scale(0.97, 0.97);
  background-color: #FFF2F7;
}

#neilproduct4_block #sort_box:hover #product_sort {
  background-color: #DD4F86;
}


#neilproduct4_block #sort_box:hover #product_count{
  background-color:#FFFFFF;
  color: #DD4F86;
}

#neilproduct4_block #sort_box:hover  #product_img img {
  transform: scale(1.5, 1.5);
}

/*========動畫效果========== */
.animationtrue .indexpage #neilproduct1_block .at_true .contentbox {
  position: relative;
  animation-duration: 0.8s;
  opacity: 0;
  animation-timing-function: ease-in-out;
}

@keyframes product1_block {
  0% {
    top: -150px;
    opacity: 0;
  }

  70% {
    top: 70px;
    opacity: 0.7;
  }

  100% {
    top: 0px;
    opacity: 1;
  }
}

.animationtrue .indexpage #neilproduct2_block .at_true .popularitybox {
  position: relative;
  animation-duration: 0.7s;
  opacity: 0;
  animation-timing-function: linear;
  transform: rotate(0deg) scale(0.5, 0.5);
}

@keyframes product2_block {
  0% {
    transform: rotate(0deg) scale(0.5, 0.5);
    opacity: 0;
  }

  50% {
    transform: rotate(180deg) scale(1.4, 1.4);
    opacity: 0.5;
  }

  100% {
    transform: rotate(360deg) scale(1, 1);
    opacity: 1;
  }
}