.albumList {
  margin: 0 -20px;
}
.albumList .albumItem {
  cursor: pointer;
  padding: 0 20px;
}
.albumList .albumItem img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 1024px) {
  .albumList {
    margin: 0 -15px;
  }
  .albumList .albumItem {
    padding: 0 15px;
  }
}
@media (max-width: 480px) {
  .albumList {
    margin: 0 -8px;
  }
  .albumList .albumItem {
    padding: 0 8px;
  }
}


.iconBox img {
  width: 95%;
  margin: auto;
}

@media (max-width: 768px) {
  .iconBox img {
  width: 100%;
}
}

.icon img{
  /*aspect-ratio:4/5;*/
  object-fit:cover;
  /*border-radius:200px 200px 0 0;*/
}

.textEditor .contentBuilder .shelfWrap .item.iconContent .icon img {

}









.processSection{
padding:10px 0;
}

.processSection .titleBox{
text-align:center;
max-width:700px;
margin:0 auto 80px;
}

.processSection .titleBox .en{
display:block;
font-size:12px;
letter-spacing:4px;
color:#b29b88;
margin-bottom:15px;
}

.processSection .titleBox h2{
font-size:38px;
font-weight:400;
letter-spacing:3px;
margin-bottom:20px;
}

.processSection .titleBox p{
font-size:15px;
color:#777;
line-height:2;
}

.processList{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.processItem{
padding:40px 35px;
border:1px solid rgba(0,0,0,.08);
background:#faf8f5;
transition:.3s;
}

.processItem:hover{
transform:translateY(-6px);
}

.processItem .num{
font-size:42px;
color:#cbb8a8;
font-family:serif;
margin-bottom:20px;
}

.processItem h3{
font-size:20px;
font-weight:500;
margin-bottom:15px;
color:#222;
}

.processItem p{
font-size:14px;
line-height:2;
color:#666;
}

@media(max-width:1024px){

.processList{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.processSection{
padding:10px 0;
}

.processList{
grid-template-columns:1fr;
}

.processItem{
padding:30px;
}

}