html {
  font-size: 14px;
}

body {
  background:#000;
  font-family: 'Noto Sans TC', sans-serif;
}
/*up to off 50%*/
.uptooff1 {
  display: block;
}

.uptooff2 {
  display: none;
}

.row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutters > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.t-pig1 {
  display: block;
  float: left;
  width: 26%;
}

.animate_layout {
  overflow: hidden;
}

.sidebar .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}

.notice {
  height: 48px;
}

.header_bottom {
}



.currency {
  font-family: arial;
  color: #429fff;
 
  line-height: 1;
  font-size: 1rem; 
  margin:0rem .4rem;
}

.price {
  font-family: arial;
  color: #ffc600;
  font-size:1.6rem;
  line-height: 1; position: relative;
  top:2px;
}

.search_layout input {
  background: #000;
  color: #fff;
  border: solid 1px red;
}

.order_histroy .item {
  width: 112px;
}

.collection{position: relative; margin:1.5rem 0rem 0rem 0rem; cursor: pointer;}
.collection:after{content:""; position: absolute; width:100%; height: 100%; left:0px; top:0px; background: url("../images/common/FAVORITES.gif") no-repeat center center; background-size: 100%; z-index:1;}
.collection .before{position: absolute; width: 100%; height: 100%; background: url("../images/common/FAVORITES.png") no-repeat right top; background-size: 100%; z-index:2;}
.collection:hover .before{
  background-position: right center;
}
.collection:active .before{
  background-position: right bottom;
}
.order_histroy{
  margin-top:15px;
}



.order_histroy .item:nth-child(even) .atvImg-layers {
  transform: rotateX(180deg);
}

.order_histroy .item:nth-child(even) .atvImg-rendered-layer {
  transform: rotateX(-180deg) ! important;
}

.order_histroy .item img {
  margin: 10px;
}

.order_histroy .product_name{
  font-size: 1.2rem;
  margin-top: 8px;
  color: #8089ff;
  line-height: 24px;
  height:48px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Noto Sans TC', sans-serif;
}

.order_histroy .original_price{
  color:#a3a5aa;
  margin-top:6px;
}

.order_histroy .welfare_price{
  color:#ae57ff;
  margin-top:6px;
}

.order_histroy .original_price .val{
  color:#a3a5aa;
}

.order_histroy .welfare_price .val{
  color:#429fff;
}

.order_histroy .welfare_price .val {
  color:#429fff;
}

.order_histroy .original_price .price{
  color:#c4c4c4;
}

.order_histroy .original_price .price:after{
  content: "";
  width: 100%;
  height: 2px;
  background: #ff0000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.quickOrderCart .four{
  background: transparent;
}


.order_histroy .original_price .val,.order_histroy .welfare_price .val{
  display: flex;
  flex-direction: row;
}

.order_histroy .original_price .price,.order_histroy .welfare_price .price{
  position: relative;
  top:-1px;
  margin-left:4px;
}



.order_histroy .arial {
  font-family: arial;
  color: #fd6b00;
  font-size:1.1rem;
}

.peKb_timer{display: none !important;}

.adLayout {
  overflow: hidden;
  position: relative;
  margin-top: 1.2rem; -webkit-backface-visibility: hidden;
}
.adLayout *{-webkit-transform: translate3d(0, 0, 0);}

.adLayout .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.adLayout .img img{opacity: 1; transition: all .5s;}
.adLayout .img img.show{opacity: 1;}

.adLayout .info {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: url('../images/common/ITEM-BACK.gif');
  background-size: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.search_input{

}

.search_input input{padding: .6rem .6rem; outline: none; border: none; background: #373737; color: #b0b0b0; height: 1.8rem; line-height: 1; box-sizing: content-box; border-radius: 5px;}

.search_input a:after{
  content:"\e6ac"; font-family: iconfont; height: 3rem; background: #ff4200; color: #79fdff; font-size: 1.8rem; display: block; padding: 0rem .6rem; border-radius: 5px;  transform: scale(1) translateX(0%); transition: transform .5s ;
}
.search_input a:hover:after{
    background: #e71cff; color: #a6ff57;
}
.search_input a:active:after{
    background: #38efff; color: #ffffff; transform: scale(.8) translateX(-10%);
}
.search_input input.enLetterSpacing{letter-spacing: 0px !important;}


.adLayout.first .info {
  font-size: 1.4rem;
  color: #00fff0;
  text-shadow: 1px 1px 1px #000;
  line-height: 32px;
}

.adLayout.first .info p {
  font-size: 1.2rem;
  color: #ccff00;
}

.adLayout.second .info {
  font-size: 1.2rem;
  color: #00fff0;
  text-shadow: 1px 1px 1px #000;
  line-height: 28px;
}

.adLayout.second .info p {
  font-size:1.2rem; color:#ccff00; line-height: 1; margin-bottom: 0rem; line-height: 1.7;
/*  font-size: 1rem;
  color: #2ddfff;
  line-height: 1; border:solid 1px red; margin-bottom: 0rem;*/
}

.adLayout.second .ad_text p{
  color:#2ddfff;
}

.adLayout.first.hover .info {
  font-size: 1.4rem;
  color: #ccff00;
}

.adLayout.first.hover .info p {
  font-size: 1.2rem;
  color: #00fff0;
}

/*.adLayout.second.hover .info {
  font-size: 1.2rem;
  color: #00fff0;
}

.adLayout.second.hover .info p {
  font-size: 1.2rem;
  color: #ccff00;
}
*/
.adLayout .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out;
}

.adLayout .info p {
  position: relative;
  -webkit-transition: all 0.35s 0.15s linear;
  -moz-transition: all 0.35s 0.15s linear;
  transition: all 0.35s 0.15s linear;
}

.adLayout.hover .img {
  opacity: 0;
}

.adLayout.hover .info {
  visibility: visible;
  opacity: 1;
}

.adLayout.scale_up .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.adLayout.scale_up .info {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.adLayout.scale_up .info .product_name,
.adLayout.scale_up .info p {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  text-align: center;
}

.adLayout.scale_up .info .product_name,
.adLayout.scale_up .info p {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.adLayout.scale_up.hover .img {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}

.adLayout.scale_up.hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.adLayout.scale_up.hover .info .product_name,
.adLayout.scale_up.hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.adLayout.scale_down .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.adLayout.scale_down .info {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}

.adLayout.scale_down .info .product_name,
.adLayout.scale_down .info p {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
}

.adLayout.scale_down.hover .img {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.adLayout.scale_down.hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.adLayout.scale_down.hover .info .product_name,
.adLayout.scale_down.hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/*新物种 哈烧区*/
.hot,.new {
  position: relative;
  overflow: hidden;
}

.sale{margin-top:1.2rem;}

.hot a,.new a,.sale a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.hot a:before,.new a:before,.sale a:before{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-image: url('../images/common/BIGSALE-FRAMES.png');
  background-size: 200%;
  background-repeat: no-repeat;
  /*animation-name: hotNewAnimate;
  animation-duration:4s;
  animation-iteration-count: infinite;*/
}

.new a:after {
}

.hot a:before {
}

.hot a:hover:before {
  background-position: 0% 50%;
}

.hot a:active:before {
  background-position: 0% 100%;
}

.new a:before {
  background-position: 100% 0%;
}

.new a:hover:before {
  background-position: 100% 50%;
}

.new a:active:before {
  background-position: 100% 100%;
}

.sale a:before {
  background: url('../images/common/GOGETIT.png') no-repeat;
  background-size:100%;
}

.sale a:hover:before {
  background-position: center 50%;
}

.sale a:active:before {
  background-position: center 100%;
}

.site {
  width: 100%;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 1.2rem; display: block;
}

.yahoo {padding-top: 56%;}
.shopee{padding-top: 24%;}
.pchome1,.pchome2{padding-top: 43.21%;}
.rakuten{padding-top: 54%;}
.lutian{padding-top: 46%;}
.yapai{padding-top: 20%;}
.ddg{padding-top: 20%;}


.yahoo:after,.pchome1:after,.pchome2:after,.shopee:after,.momo:after,
.lutian:after,.yapai:after,.rakuten:after,.ddg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: url("../images/index/OUTLET-EXTEND_01.png");
  background-size: 300%;
  transition: background-image .5s;
}

.sale_box{
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.sale_box .product_info{
  flex-grow: 1;
  border-left: solid 4px #ff3000;
  padding-left: 10px;
  font-size:1.2rem; 
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

.sale_box .product_no{
  color:#00fff0;
}

.sale_box .original_price,.sale_box .sale_price{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
}

.sale_box .original_price .currency,.sale_box .sale_price .currency{
  position: relative;
  font-size:1rem;
  line-height: 1;
  top:-4px;
}

.sale_box .original_price .currency{
    color: #79799a;
}
.sale_box .original_price .price{
  color:#c4c4c4;
}

.sale_box .original_price .price:after{
  content: "";
  width: 100%;
  height: 2px;
  background: #ff0000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.sale_box .percentage{
  margin-right: 10px;
  color:#00ff24;
}

.pchome1:after {
  background:#000 url('../images/index/OUTLET-EXTEND_02.png') no-repeat 0% 0%/300%;
}

.pchome2:after {
  background:#000 url('../images/index/OUTLET-EXTEND_03.png') no-repeat 0% 0%/300%;
}

.shopee:after {
  background:#000 url('../images/index/OUTLET-EXTEND_04.png') no-repeat 0% 0%/300%;
}

.lutian:after {
  background:#000 url('../images/index/OUTLET-EXTEND_07.png') no-repeat 0% 0%/300%;
}

.yapai:after {
  background:#000 url('../images/index/OUTLET-EXTEND_06.png') no-repeat 0% 0%/300%;
}

.rakuten:after {
  background:#000 url('../images/index/OUTLET-EXTEND_05.png') no-repeat 0% 0%/300%;
}

.ddg:after {
  background:#000 url('../images/index/OUTLET-EXTEND_08.png') no-repeat 0% 0%/300%;
}

.yahoo:hover:after {
  background-position:50% 0%;
}

.yahoo:active:after {
  background-position:100% 0%;
}

.pchome1:hover:after {
   background-position:50% 0%;
}

.pchome1:active:after {
   background-position:100% 0%;
}

.pchome2:hover:after {
  background-position:50% 0%;
}

.pchome2:active:after {
  background-position:100% 0%;
}

.shopee:hover:after {
  background-position:50% 0%;
}

.shopee:active:after {
  background-position:100% 0%;
}



.lutian:hover:after {
  background-position:50% 0%;
}

.lutian:active:after {
  background-position:100% 0%;
}

.yapai:hover:after {
  background-position:50% 0%;
}

.yapai:active:after {
  background-position:100% 0%;
}

.rakuten:hover:after {
  background-position:50% 0%;
}

.rakuten:active:after {
  background-position:100% 0%;
}

.ddg:hover:after {
  background-position:50% 0%;
}

.ddg:active:after {
  background-position:100% 0%;
}



.priceTips {
  position: relative;
  vertical-align: bottom;
}

.priceTips::before {
  width: 68px;
  height: 16px;
  display: block;
  position: relative;
 
  content: "";
  background: url('../images/common/PRICE.png') no-repeat left center;
}

.secondPriceTips::before {
  transform: scale(0.9, 0.9);
}

.priceTips1::before {
  background-position: 0% 0%;
}

.priceTips2::before {
  background-position: 0px 7.69%;
}

.priceTips3::before {
  background-position: 0px 15.38%;
}

.priceTips4::before {
  background-position: 0px 23.07%;
}

.priceTips5::before {
  background-position: 0px 30.76%;
}

.priceTips6::before {
  background-position: 0px 38.46%;
}

.priceTips7::before {
  background-position: 0px 46.15%;
}

.priceTips8::before {
  background-position: 0px 53.84%;
}

.priceTips9::before {
  background-position: 0px 61.53%;
}

.priceTips10::before {
  background-position: 0px 69.23%;
}

.priceTips11::before {
  background-position: 0px 76.92%;
}

.priceTips12::before {
  background-position: 0px 84.61%;
}

.priceTips13::before {
  background-position: 0px 92.30%;
}

.priceTips14::before {
  background-position: 0px 100%;
}

.text-effect {
  height: 69px;
  line-height: 69px;
  outline: none;
  overflow: hidden;
  position: relative;
  filter: contrast(110%) brightness(190%);
  margin-left: .6rem;
}

.neon {
  position: relative;
  background: black;
  color: transparent;
  margin-top: -100px;
}

.neon::before, .neon::after {
  content: attr(data-text);
  font-family: arial;
  color: white;
  filter: blur(0.01em);
  position: absolute;
  top: -20px;
  left: 0.8rem;
  pointer-events: none;
  white-space: nowrap;
}

.neon::after {
  /*mix-blend-mode: difference;*/
}

.sellTop{position: relative;}
.sellTop .topBg{ position:relative; }
.sellTop .topBg img{position: relative; z-index:2;}
.sellTop .topBg img:last-child{position: absolute; z-index:1; bottom:0px; left:0px;}

.gradient,
.spotlight {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 10;
}

.gradient {
  background: linear-gradient(45deg, #ff3600,#ff00fc,blue);
  mix-blend-mode: multiply;
}

.spotlight {
  -webkit-animation: light 8s infinite linear;
  animation: light 8s infinite linear;
  background: radial-gradient(circle, white, transparent 25%) 50% 50%/12.5% 12.5%, radial-gradient(circle, white, black 25%) 50% 50%/12.5% 12.5%;
  top: -100%;
  left: -100%;
  mix-blend-mode: color-dodge;
}

@-webkit-keyframes light {
  100% {
    transform: translate3d(50%, 50%, 0);
  }
}

@keyframes light {
  100% {
    transform: translate3d(50%, 50%, 0);
  }
}

.neon {
  font-size: 92px;
  font-family: arial;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

.neon:active {
  outline: none;
  border: 1px dotted white;
}

.cover {
  display: inline-block;
  width: 112px;
  height: 132px;
}

.atvImg {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-tap-highlight-color: rgba(#000,0);
}

.atvImg img {
  box-shadow: 0 2px 8px rgba(14,21,47,0.25);
}

.atvImg-container {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.atvImg-container.over .atvImg-shadow {
  box-shadow: 0 45px 100px rgba(14,21,47,0.4), 0 16px 40px rgba(14,21,47,0.4);
}

.atvImg-layers {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: url('../images/common/PRODUCTNEONBOX.gif') no-repeat;
  border: solid 1px #61606b;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.atvImg-rendered-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: cover;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  overflow: hidden;
  border-radius: 8px;
}

.atvImg-shadow {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  box-shadow: 0 8px 30px rgba(14,21,47,0.1);
}

.atvImg-shine {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*border-radius: 8px;
  background: -webkit-linear-gradient(315deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%);
  background: linear-gradient(135deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%);*/
}

.shopwindow .product_name{
  font-size:1.2rem;
  margin-top:1.2rem; 
  color:#8089ff;
}
.shopwindow .item:hover .product_name{color:#fff; text-shadow: 0 0 5px #ffcc00, 0 0 10px #ffcc00, 0 0 15px #ffcc00, 0 0 40px #ffcc00, 0 0 70px #ffcc00;}
/*.ad_text{}

.ad_text p{line-height: 1; font-size:1.8rem; margin-bottom: 0rem; margin-top:1rem; text-align: justify !important; letter-spacing: 4px; border:solid 1px red;}
*/
.mobile_nav>div{gap: 1rem;}
.mobile_nav .item{
  width:calc(20% - 1rem);
  color:#00c6ff;
/*  height: 100%;*/
}

.mobile_nav .item .txt{
  color:#00c6ff;
}

.mobile_nav .item:hover .txt{
  color:#c6ff00;
}

.mobile_nav .item .item-box{
  
  width:100%;
  padding-top:100%;
  position: relative;
  /*height: 100%;
  max-width: 180px;

  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  border:solid 1px green;*/
}
.mobile_nav .item .icon{
  width:100%;
  height: 100%;

  position: absolute;
  top:0px;
}

.mobile_nav .item .txt{text-align: center; font-size:1.4rem;}

@media (max-width:660px){
  .mobile_nav .item{
    width:calc(33.33% - 1rem);
  }
}
@media screen and (min-width:1650px) {
  #wowslider-container {
    width: 100% ! important;
  }

  .sixShowWindwo {
    margin-left: 0px ! important;
  }

  .sixShowWindwo>.row>div:nth-of-type(n+3) {
    margin-top: 1.2rem;
  }
}

@media (max-width: 992px) {
  .adLayout.second .info .product_name{
    font-size: 1rem;
    transform: scale(.9);
  }

  .adLayout.second .info p {
    font-size: .8rem;
   
  }

  .adLayout.first.hover .info .product_name{
    font-size: 1rem;
    transform: scale(.9);
  }

  .adLayout.first.hover .info p {
    font-size: .8rem;
   
  }
  
}