.relatedProdcut,
.newProduct,
.ad,
.section-slider-landing {
  width: 100%;
  display: inline-block;
  height: 590px;
  background-image: url("/images/v5/foodmap/Cuisine_Map2021_Banner_Desktop_2676x1180.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

  .relatedProdcut_miniProg,
  .newProduct_miniProg,
  .ad_miniProg,
  .section-slider-landing_miniProg {
    width: 100%;
    display: inline-block;
    height: 450px;
    background-image: url("/images/v5/foodmap/Cuisine_Map2021_Banner_Desktop_2676x1180.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }




  .header-title{
  height: 148px;
width: 70%;
  color: #FFFFFF;
  font-family: "Noto Sans TC";
    text-shadow: 2px 2px 4px #000000;
  font-weight: 500;
  line-height: 148px;
  text-align: center;
  margin-top: 200px;
  font-size: 100px;
  letter-spacing: 75px;
  padding-left: 75px;
  }


.into-content{
	position: absolute;
 	    text-shadow: 2px 2px 4px #000000;
  width: 60%;
  color: #FFFFFF;
  font-family: "Noto Sans TC";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  bottom:63px;
}

.search-wrapper{
	padding: 20px 0 20px 0;

}
.search-list{
display: inline-block;
 font-family: "Noto Sans TC";
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 29px;
}
.search-cate-outter{
	text-align: center;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.search-wrapper h2{
	color: #EC9729;
}

.section-title-map{
 float: left;
}



/*STAR OF HOT SEARCHES (TEXT)*/
.active-search{
 display: inline-block;
 color: #000;
}
.search-item{
 display: inline-block;
 color: #757575;
}

/*STAR OF HOT SEARCHES (Button)*/
.search-btn{
	padding:  6px 18px;
	height: 41px;
 	border-radius: 16px;
    background-color: #FFFFFF;
    margin: 5px 8px ;
}
.search-btn:active{
    background-color: #ffe4c4;
    color: #495057;
}
.search-btn:hover { 
    background-color: #ffe4c4;
    color: #495057;
}

/*STAR OF HOT SEARCHES (Button active)*/
.search-list .active-btn{
	background-color: #FFC56A;
    color: #000000;
}


.icon.icon-hotitem {
    background-image: url(img/icon-hotitem.svg);
    display: inline-block;
}

@media only screen and (max-width: 1200px){
.relatedProdcut,
.newProduct,
.ad,
.section-slider-landing {
  height: 460px;
 }


  .header-title{
  width: 80%;
  font-size: 70px;
  font-weight: 500;
  letter-spacing: 30px;
  line-height: 59px;
padding-left: 2rem;
  text-align: center;
  }

.into-content{
bottom:40px;
  width: 60%;
  font-size: 20px;
  line-height: 36px;

}


 }

@media only screen and (max-width: 992px){
.relatedProdcut,
.newProduct,
.ad,
.section-slider-landing {
  height: 460px;
 }


  .header-title{
  width: 80%;
  font-size: 70px;
   letter-spacing: 30px;
  }

.into-content{
bottom:40px;
  width: 70%;
  font-size: 18px;
  line-height: 30px;

}.search-cate-outter{
	width: 70%;
}


 }

@media only screen and (max-width: 768px) {
.relatedProdcut,
.newProduct,
.ad,
.section-slider-landing {
  height: 460px;
 }


  .header-title{
  width: 100%;
  font-size: 70px;
   letter-spacing: 30px;
  }

.into-content{
	bottom:50px;
  width: 85%;
  font-size: 17px;
  line-height: 30px;

}
.search-cate-outter{
	width: 80%;
}

 }

 @media only screen and (max-width: 600px) {
.relatedProdcut,
.newProduct,
.ad,
.section-slider-landing {
  height: 460px;
 }


  .header-title{
   width: 100%;
  font-size: 40px;
   letter-spacing: 20px;

  }

.into-content{
  bottom:32px;
  width: 86%;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.search-cate-outter{
	width: 100%;
	float: left;
	text-align: left;
	padding:0 10px;
}

 }




@media only screen and (max-width: 320px) {
.relatedProdcut,
.newProduct,
.ad,
.section-slider-landing {
  height: 460px;
 }


  .header-title{
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 20px;
  line-height: 59px;
  padding-left: 1.5rem;

  }

.into-content{
	bottom:40px;
  width: 80%;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.search-cate-outter{
   width: 100%;
   text-align: left;
   padding:0 10px;
}

 }