@media (max-width: 768px){
  .list-factsheet{
    flex-wrap: wrap;
    justify-content: center;
  }
  .item-list-factsheet{
    width: 33.3%!important;
  }
}
@media (max-width: 480px){
  .item-list-factsheet{
    width: 100%!important;
  }
}
.list-factsheet{
  display: flex;
}
.item-list-factsheet{
  width: 20%;height: auto;font-weight: bold;display: block;
}
#food{
  background-color: #dc5490;
  border: 2px solid #dc5490;  
}
#food::before{  
  background-image: url('https://cloudcdn.taiwantradeshows.com.tw/2026/food/images/logo-fd.png');
}
#food:hover{
  color: #dc5490!important;  
}
#foodtech{
  background-color: #0088ff;
  border: 2px solid #0088ff;
}
#foodtech::before{  
  background-image: url('https://cloudcdn.taiwantradeshows.com.tw/2026/food/images/logo-ft.png');
}
#foodtech:hover{
  color: #0088ff!important;
}
#bio{
  background-color: #32ccbd;
  border: 2px solid #32ccbd;
}
#bio::before{  
  background-image: url('https://cloudcdn.taiwantradeshows.com.tw/2026/food/images/logo-bio.png');
}
#bio:hover{
  color: #32ccbd!important;
}
#pack{
  background-color: #4f2f2f;
  border: 2px solid #4f2f2f;
}
#pack::before{  
  background-image: url('https://cloudcdn.taiwantradeshows.com.tw/2026/food/images/logo-pk.png');
}
#pack:hover{
  color: #4f2f2f!important;
}
#horeca{
  background-color: #6848ce;
  border: 2px solid #6848ce;
}
#horeca::before{  
  background-image: url('https://cloudcdn.taiwantradeshows.com.tw/2026/food/images/logo-hr.png');
}
#horeca:hover{
  color: #6848ce!important;
}
.btns{
  color: #ffffff!important;
  height: 100%;
  padding: 15px 15px 15px 50px;
  display: flex;
  flex-direction: column; 
  justify-content: center;
  transition: .2s ease-in-out;
  font-weight: bold;
  position: relative;
}
.btns::before{
  position: absolute;
  content: '';
  top: calc(50% - 17px);
  left: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
}
.btns:hover{
  background-color: #ffffff!important;
}

.register{width: 250px;margin: 0 auto;display: block;}
.ul_item{
  width: 100%;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.li_item{
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100px;
}
.btn1{font-size: 1rem;font-weight: 700;line-height: 1.5;position: relative;display: inline-block;padding: 1rem 2rem;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;
  -ms-user-select: none;user-select: none;-webkit-transition: all 0.3s;transition: all 0.3s;text-align: center;vertical-align: middle;text-decoration: none;letter-spacing: 0.1em;color: #212529;
  border-radius: 0.5rem;}
a.btn-flat {display: block;overflow: hidden;padding: 1rem 2rem;color: #fff;border-radius: 0;background: #000;}
a.btn-flat:hover{color: #ffffff!important;}
a.btn-flat span {position: relative;}
a.btn-flat:before {position: absolute;top: 0;left: 50px;width: 150%;height: 550%;content: "";-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);transform: translateX(-98%) translateY(-25%) rotate(45deg);background: #dc5490;}
a.btn-flat:hover:before {-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);transform: translateX(-9%) translateY(-25%) rotate(45deg);}

@media (max-width: 920px) {
  .ul_item{
    justify-content: left;
  }
  .li_item{
    width: 50%;
  }
}
@media (max-width: 360px) {
  .li_item{
    width: 100%;
  }
}