.absolute-center{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bg-pink {
  background-color: #ffeff0;
}
.text-555{
  color: #555;
}
.stay-banner-row {
  height: 560px;
  overflow: hidden;
}
.stay-logo-bg{
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0.7;
  z-index: 2;
}
.stay-banner-logo{
  min-height: 400px;
  background-image: url('../imgs/lp/stayhome/bg_main.jpg?v=1');
  background-size: 100% auto;
  background-position: 50% 50%;
  overflow: hidden;
}
.stay-para1 {
  font-size: 14px
}
.stay-logo{
  z-index: 4;
}
.stay-tag{
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 3;
}
.pro-banner{
  width: 200px;
}
.stay-lastprice {
  display: inline-block;
  top: 5px;
  right: 8px;
  font-size: 0.8rem;
}
.stay-lastprice .last{
  display: block;
  font-size: 10px;
  color: #aaa;
  font-weight: bold;
}
.stay-lastprice .price{
  text-shadow: -1px 1px 0px rgba(0,0,0,0.3);
  font-size: 1.4rem;
  color: #f56c6c;
  font-weight: bold;
  line-height: 18px;
}

.stay-banner-link{
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 1px 4px 4px;
  margin: 3px 4px;
}
.stay-hight-img{
  width: 100%;
  z-index: 10;
}
.stay-hight-h{
  font-size: 3rem;
  width: 100%;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
.stay-hight-line{
  display: inline-block;
  width: 100%;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
}
/* .bg-PALLADIUM-PALLASHOCK-MID-OG-AUTUMN-BLAZE{ background-color: #c49742 }
.text-PALLADIUM-PALLASHOCK-MID-OG-AUTUMN-BLAZE{ color: #c49742 }
.bg-PALLADIUM-PALLASHOCK-MID-OG-BLACK-RED{ background-color: #a95854 }
.text-PALLADIUM-PALLASHOCK-MID-OG-BLACK-RED{ color: #a95854 }
.bg-PALLADIUM-PALLASHOCK-MID-OG-BRICK{ background-color: #663c3c }
.text-PALLADIUM-PALLASHOCK-MID-OG-BRICK{ color: #663c3c; }
.bg-PALLADIUM-PALLASHOCK-MID-OG-DUSKY-GREEN{ background-color: #7c7e72 }
.text-PALLADIUM-PALLASHOCK-MID-OG-DUSKY-GREEN{ color: #7c7e72; }
.bg-PALLADIUM-PALLASHOCK-MID-OG-MARSHMALLOW{ background-color: #6aafc8 }
.text-PALLADIUM-PALLASHOCK-MID-OG-MARSHMALLOW{ color: #6aafc8; }

.bg-PALLDAIUM-PALLABROUSE-WAX-BLACK-DK-GUM{ background-color: #60686b }
.text-PALLDAIUM-PALLABROUSE-WAX-BLACK-DK-GUM{ color: #60686b }
.bg-PALLDAIUM-PALLABROUSE-WAX-MAJOR-BROWN-MID-GUM{ background-color: #756d64 }
.text-PALLDAIUM-PALLABROUSE-WAX-MAJOR-BROWN-MID-GUM{ color: #756d64 }
.bg-PALLADIUM-PALLABROUSE-WAX-MOONROCK{ background-color: #848076 }
.text-PALLADIUM-PALLABROUSE-WAX-MOONROCK{ color: #848076 }
.bg-PALLADIUM-PALLABROUSE-WAX-MARSHMALLOW{ background-color: #4cabae }
.text-PALLADIUM-PALLABROUSE-WAX-MARSHMALLOW{ color: #4cabae }
.bg-PALLADIUM-PALLABROUSE-WAX-BRICK{ background-color: #583a39 }
.text-PALLADIUM-PALLABROUSE-WAX-BRICK{ color: #583a39 } */

.bg-EXCELSIOR-BOLT-LO-MOSS-GREEN{ background-color: #7f7c6b }
.text-EXCELSIOR-BOLT-LO-MOSS-GREEN{ color: #7f7c6b; }
.bg-EXCELSIOR-BOLT-LO-FOREST-GREEN{ background-color: #16745a }
.text-EXCELSIOR-BOLT-LO-FOREST-GREEN{ color: #16745a; }
.bg-EXCELSIOR-BOLT-LO-BLACK-IRIS{ background-color: #393c4a }
.text-EXCELSIOR-BOLT-LO-BLACK-IRIS{ color: #393c4a; }
.bg-EXCELSIOR-BOLT-LO-SIENNA{ background-color: #723334 }
.text-EXCELSIOR-BOLT-LO-SIENNA{ color: #723334; }
.bg-EXCELSIOR-BOLT-LO-AMBER-BROWN{ background-color: #915f48 }
.text-EXCELSIOR-BOLT-LO-AMBER-BROWN{ color: #915f48; }

.bg-ROKA-CANFIELD-B-TEAL{ background-color: #265a69; }
.text-ROKA-CANFIELD-B-TEAL{ color: #265a69 }
.bg-EDWIN-K0506-75-506-SLIM-SKINNY-CHINO-BLACK{ background-color: #3a393e }
.text-EDWIN-K0506-75-506-SLIM-SKINNY-CHINO-BLACK{ color: #3a393e; }
.bg-OBEY-DEBASER-SHELL-BLACK{ background-color: #222224 }
.text-OBEY-DEBASER-SHELL-BLACK{ color: #222224 }
.bg-OBEY-BE-MINE-BLACK{ background-color: #e1764f }
.text-OBEY-BE-MINE-BLACK{ color: #e1764f }

.stay-rec{
  font-size: 3rem;
  margin-top: 100px;
  margin-bottom: 30px;
  text-shadow: -3px 3px 0px rgba(0,0,0,0.3);
}
.stay-hight-text{
  bottom: 53%;
  left: 65%;
  font-size: 1rem;
  z-index: 10;
}
.stay-hight-text h1{
  font-size: 6rem;
  line-height: 85px;
  text-shadow: -4px 4px 0px rgba(0,0,0,0.3);
}
.stay-hight-thumb{
  position: absolute;
  width: 100%;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, 0);
  transition: opacity .6s ease;
  z-index: 30;
}
.stay-hight-thumb img{
  display: inline-block;
  width: 150px;
}
.opacity-50{
  opacity: .5;
}
.stay-promotion-hd{
  font-family: Kanit;
  display: inline-block;
  width: 25%;
  cursor: pointer;
  font-size: 3rem;
  color: #ccc;
  transition: opacity .6s ease;
  border-color: #ccc;
  border-width: 5px;
}
.stay-promotion-hd.active{
  color: #f56c6c;
}
.stay-promotion-hd.b-top{
  padding-top: 10px;
  margin-bottom: 60px;
  border-top: 5px solid #ccc;
}
.stay-promotion-hd.b-bottom{
  margin-top: 60px;
  padding-bottom: 10px;
  border-bottom: 5px solid #ccc;
}
.stay-promotion-hd.b-top.active{
  border-top: 5px solid #f56c6c;
}
.stay-promotion-hd.b-bottom.active{
  border-bottom: 5px solid #f56c6c;
}
.stay-promotion-hd small{
  font-size: 1.6rem;
}
.stay-portal{
  margin-top: 3rem
}
.stay-portal .bg-green1{
  background-color: #72A74F;
}
.stay-portal .bg-green2{
  background-color: #177E8B;
}
.stay-portal img {
  width: 100%;
}
.stay-portal a{
  display: inline-block;
  width: 100%;
}
.stay-portal .stay-portal-text {
  color: #fff;
  text-decoration: none;
  width: 100%;
}
.stay-portal .stay-portal-text h2{
  font-size: 2.5rem;
}
.stay-portal .stay-portal-text h6{
  font-size: 1.5rem;
}

.stay-promotion img{
  height: 250px;
}
.stay-promotion .img-big{
  height: 300px;
}
.stay-promotion .card{
  margin: .13rem .13rem;
  border: 0;
  box-shadow: rgba(149, 157, 165, 0.2) 1px 4px 4px;
}
.stay-promotion h1{
  font-size: 4rem;
  line-height: 50px;
  text-shadow: -3px 3px 0px rgba(0,0,0,0.3);
}
.stay-promotion hr{
  float: left;
  border-top: 4px solid #000;
  width: 40px;
  margin: 15px 0 25px;
}
.stay-promotion .btn{
  padding: 14px 10px 13px 20px;
  width: 100%; 
}
.stay-promotion .btn span{
  vertical-align: middle;
  font-size: 1rem;
}
.stay-promotion .mdi-chevron-right{
  font-size: 1.5rem;
  vertical-align: middle
}
.stay-promotion .left1{
  vertical-align: top;
  padding: 20px 0;
  width: 40%;
}
.stay-promotion .left-text{
  padding: 0 30px;
}
.stay-promotion .right1{
  width: 60%;
  text-align: center;
  vertical-align: top;
}
@media only screen and (max-width: 600px) {
  .stay-banner-logo{
    background-size: auto 100%;
  }
  .stay-hight-text{
    bottom: 50%;
    left: 63%;
  }
  .stay-hight-text h1{
    font-size: 3.5rem !important;
    line-height: 50px;
    text-shadow: -3px 3px 0px rgba(0,0,0,0.3) !important;
  }
  .stay-hight-text{
    font-size: 0.8rem;
  }
  .stay-hight-line{
    top: 55%;
    height: 40px;
  }
  .stay-hight-thumb{
    position: relative;
    bottom: 40px;
  }
  .stay-hight-thumb img{
    width: 75px;
  }
  .stay-promotion-hd{
    font-size: 2rem;
    padding-bottom: 15px;
  }
  .stay-promotion-hd small{
    font-size: 1.3rem;
  }
  .stay-promotion-hd::before{
    width: 100%;
    border-radius: 0px;
  }

  .stay-promotion .card{
    box-shadow: none;
  }
  .stay-promotion .card-body{
    text-align: center;
    padding: 0;
  }
  .stay-promotion hr{
    float: none;
    margin: 15px auto 25px;
  }
  .stay-promotion h1{
    font-size: 3.4rem;
    text-shadow: -2px 2px 0px rgba(0,0,0,0.3);
  }
  .stay-promotion .left1{
    width: 100%;
  }
  .stay-promotion .left-text{
    font-size: 0.9rem;
  }
  .stay-promotion .left-small{
    padding: 0;
  }
  .stay-promotion .left-small .btn{
    width: auto;
    padding: 12px 10px 10px 20px;
  }
  .stay-promotion .left-small .btn span{
    font-size: .9rem !important;
  }
  .stay-promotion .right1{
    width: 100%;
  }
  .stay-promotion .img-small, .stay-promotion .img-big {
    height: auto;
    width: 100%;
  }
  .pro-banner{
    width: 175px;
  }
  .stay-portal{
    margin-top: 0;
  }
  .stay-portal img {
    width: 100%;
  }
}

.stay2-banner-logo {
  min-height: 400px;
  background-image: url('../imgs/lp/stayhome2/bg_main.jpg?v=1');
  background-size: 100% auto;
  background-position: 50% 50%;
  overflow: hidden;
}
.stay2-logo{
  z-index: 4;
  width: 200px;
}

.stay2-para1 {
  font-size: 14px
}

@media only screen and (max-width: 600px) {
  .stay2-banner-logo{
    background-size: auto 100%;
  }
  .stay2-logo{
    width: 170px;
  }
}