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

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


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

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

#neilproduct1_block #product_content {
  width: 92%;
  border-radius: 0.375rem 0.375rem 0rem 0rem;
  border: 0.0625rem solid #848484;
  overflow: hidden;
  margin: 0.3125rem 0rem 2.5rem 0rem;
  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: 17.625rem;
  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: 0rem;
  background: #565656 url(../../img/modules/) no-repeat left top;
  height: 2.5625rem;
  padding: 0.125rem 0.3125rem;
  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: 0.9375rem 0.3125rem 0.9375rem 0.3125rem;
  padding: 0.625rem  0.3125rem 0.625rem 0.3125rem;
  height: 4.375rem;
  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: 4.375rem;
  overflow: hidden;
  color: #353535;
}

#neilproduct1_block #product_content #product_btn {
  position: relative;
  margin: 0.9375rem 0rem 1.5625rem 0rem !important;
  padding: 0rem 0rem 0rem 0.75rem;
}

#neilproduct1_block #product_content #product_btn .btn {
  width: 90%;
  font-size: 80%; 
  padding: 0.375rem 0.25rem;
}

#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: 0.3125rem;
  right: 0.3125rem;
  z-index: 100;
  text-shadow: 0 0 0.09375rem #FFFFFF, 0 0 0.09375rem #FFFFFF, 0 0 0.09375rem #FFFFFF, 0 0 0.09375rem #FFFFFF;
  font-weight: 550;
}

#neilproduct1_block #block_custom_1 {
  text-align: center;
  display: block;
  background-color: #FFDFA0;
  margin: 0.3125rem 0rem 1.25rem 0rem;
  transition: all .25s ease .1s;
  padding: 0.25rem 0.1875rem;
  min-height: 2.5rem;
  overflow: hidden;  
}
#neilproduct1_block #block_custom_1  a{
color: #000000; 
}





#neilproduct1_block #product_content:hover:not(#pricebox) {
  border: 0.0625rem 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: 0rem 0rem 1.25rem 0rem;
}


/*========小縮圖樣式=============*/
#neilproduct2_block #block_0 #product_popularity {
  position: relative;
  background-color: #FFFCF4;
  border: 0.0625rem solid #E5C352;
  border-radius: 0.625rem;
  margin: 0.75rem 1.5625rem 1.125rem 0rem;
  padding: 0.9375rem 0.625rem;
  transition: all .25s ease .1s;
}

#neilproduct2_block #block_0 #product_popularity #product_img {
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  overflow: hidden;
  border-radius: 3.125rem;
  background-color: #FFFFFF;
  border: 0.0625rem 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: 5.25rem;
  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: 0.625rem;
  color: #FFFFFF;
  padding: 0rem 0.4375rem 0.125rem 0.4375rem;
}

#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: 0.3125rem 0rem 0rem 0rem !important;
  padding: 0rem 0rem 0rem 0.8125rem;
}

#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: 0.0625rem solid #D62872;
  transform: scale(1.12, 1.12);
  background-color: #FFF2F7;
}

#neilproduct2_block #block_0 #product_popularity:hover #product_img {
  border: 0.0625rem 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: 1.25rem 0rem 0rem 0rem !important;
}

#neilproduct2_block #block_1 #product_popularity {
  width: 92%;
  border-radius: 0.375rem 0.375rem 0rem 0rem;
  border: 0.0625rem solid #848484;
  overflow: hidden;
  margin: 0.3125rem 0rem 2.5rem 0rem;
  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: 17.625rem;
  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: 0rem;
  background: #565656 url(../../img/modules/) no-repeat left top;
  height: 2.5625rem;
  padding: 0.125rem 0.3125rem;
  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: 0.9375rem 0.3125rem 0.9375rem 0.3125rem;
  padding: 0.625rem 0.3125rem 0.625rem 0.3125rem;
  height: 4.375rem;
  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: 4.375rem;
  overflow: hidden;
  color: #353535;
}

#neilproduct2_block #block_1 #product_popularity #product_btn {
  position: relative;
  margin: 0.9375rem 0rem 1.5625rem 0rem !important;
  padding: 0rem 0rem 0rem 0.75rem;
}

#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: 0.3125rem;
  right: 0.3125rem;
  z-index: 100;
  text-shadow: 0 0 0.09375rem #FFFFFF, 0 0 0.09375rem #FFFFFF, 0 0 0.09375rem #FFFFFF, 0 0 0.09375rem #FFFFFF;
  font-weight: 550;
}

#neilproduct2_block #block_1 #product_popularity #block_custom_1 {
  text-align: center;
  display: block;
  background-color: #FFDFA0;
  margin: 0.3125rem 0rem 1.25rem 0rem;
  transition: all .25s ease .1s;
  padding: 0.25rem 0.1875rem;
  min-height: 2.5rem;
}

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

#neilproduct2_block #block_1 #product_popularity .countbox {
  position: absolute;
  width: 100%;
  left: 0rem;
  top: 0rem;
  background-color: rgba(255, 255, 255, .8);
  padding: 0.1875rem 0rem;
  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: 0.375rem 0.3125rem;
}

#neilproduct2_block #block_1 #product_popularity .counterbox {
  position: relative;
  padding: 0rem 0rem 0rem 0.9375rem;
}

#neilproduct2_block #block_1 #product_popularity:hover:not(#pricebox) {
  border: 0.0625rem 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: 6.25rem;
}

#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 .owl-stage-outer {
    padding-top: 0.625rem;
}

#neilproduct3_block .owl-carousel {
  position: relative;
  width: 102%;
  margin: 0.9375rem 0rem 0.625rem -1%;
}

#neilproduct3_block  .column_3 .owl-carousel{
  width: 102.7%;
  margin: 0.9375rem 0rem 0.625rem -1.35%;
}


#neilproduct3_block .discount_box {
  position: relative;
  top: 0rem;
  border-radius: 0.375rem 0.375rem 0rem 0rem;
  border: 0.0625rem solid #848484;
  overflow: hidden;
  margin: 0.3125rem 4% 2.5rem 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: 17.625rem;
  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: 0rem;
  background: #ed47a9 url(../../img/modules/) no-repeat left top;
  height: 2.5625rem;
  padding: 0.125rem 0.3125rem;
  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: 0rem;
  background: #ffd6ee url(../../img/modules/) no-repeat left top;
  height: 2.5625rem;
  padding: 0.125rem 0.3125rem;
  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: 0.9375rem 0.3125rem 0.9375rem 0.3125rem;
  padding: 0.625rem 0.3125rem 0.625rem 0.3125rem;
  height: 4.375rem;
  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: 4.375rem;
  overflow: hidden;
  color: #353535;
}

#neilproduct3_block .discount_box #product_btn {
  position: relative;
  margin: 0.9375rem 0rem 1.5625rem 0rem !important;
  padding: 0rem 0rem 0rem 0.75rem;
}

#neilproduct3_block .discount_box #product_btn .btn {
  width: 90%;
  font-size: 80%; 
  padding: 0.375rem 0.25rem;
}

#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: 0rem;
  left: 0rem;  
  background-color: rgba(255, 255, 255, .7);
  text-align: center;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  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: 5.625rem !important;
  z-index: 1000;
  left: 0.875rem;
  width: 2.5rem;
  height: 3.25rem;
  background: #000 url(../../../../images/leftarrow.png) no-repeat center center;
  opacity: 0.5;
}

#neilproduct3_block  .owl-nav .owl-next {
  position: absolute;
  top: 5.625rem !important;
  z-index: 1000;
  right: 0.8125rem;
  width: 2.5rem;
  height: 3.25rem;
  background: #000 url(../../../../images/rightarrow.png) no-repeat center center;
  opacity: 0.5;
}


/*===========效果===============*/
#neilproduct3_block .discount_box:hover {
  border: 0.0625rem solid #D62872;
  top: 0.9375rem;
}
#neilproduct3_block .discount_box:hover  #special_box{
  bottom: 6.25rem;
  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: 0.9375rem 0rem 0.625rem -1%;
}

#neilproduct4_block  .column_3 .owl-carousel{
  width: 102.7%;
  margin: 0.9375rem 0rem 0.625rem -1.35%;
}


#neilproduct4_block #sort_box {
  position: relative;
  top: 0rem;
  border: 0.0625rem solid #a8a8a8;
  overflow: hidden;
  margin: 0.3125rem 4% 2.5rem 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: 14rem;
  overflow: hidden;
    padding: 0.75rem;
}

#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: 0rem 0rem 1.25rem 0rem;
  background: #ffe2d0 url(../../img/modules/) no-repeat left top;
  height: 2.4375rem;
  padding: 0.125rem 0.3125rem;
  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: 0rem;
  background: #f6931e url(../../img/modules/) no-repeat left top;
  height: 2.5rem;
  padding: 0.125rem 0.3125rem;
  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: 0rem 0.3125rem;
  height: 3.75rem;
  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: 0rem 0rem 1.5625rem 0rem !important;
  padding: 0rem 0.9375rem;
}

#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: 5.625rem !important;
  z-index: 1000;
  left: 0.0625rem;
  width: 2.5rem;
  height: 3.25rem;
  background: #000 url(../../../../images/leftarrow.png) no-repeat center center;
  opacity: 0.5;
}

#neilproduct4_block  .owl-nav .owl-next {
  position: absolute;
  top: 5.625rem !important;
  z-index: 1000;
  right: 1.5625rem;
  width: 2.5rem;
  height: 3.25rem;
  background: #000 url(../../../../images/rightarrow.png) no-repeat center center;
  opacity: 0.5;
}




/*===========效果=================*/
#neilproduct4_block #sort_box:hover {
  border: 0.0625rem 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: -9.375rem;
    opacity: 0;
  }

  70% {
    top: 4.375rem;
    opacity: 0.7;
  }

  100% {
    top: 0rem;
    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;
  }
}