#links{width:100%;margin-bottom:5rem}#links .for-box .title{margin:2rem 0.25rem 1rem;font-size:1.1rem;display:flex;align-items:center;animation:fade .5s}#links .for-box .title img{width:1.25rem;height:auto}#links .for-box .title span{margin-left:8px;text-shadow:0 0 5px rgba(0,0,0,0.3)}#links .for-box .swiper-container{left:-10px;z-index:0;overflow:hidden}#links .for-box .swiper-container .swiper-slide{height:100%}#links .for-box .swiper-container .swiper-pagination{width:100% !important;transform:translateX(0%);position:static;margin-top:1rem}#links .for-box .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:#fff;width:18px;height:4px;border-radius:4px;transition:opacity 0.3s}#links .for-box .swiper-container .swiper-pagination .swiper-pagination-bullet:hover{opacity:1}#links .for-box .swiper-container .link-all{display:grid;grid-template-columns:repeat(3, 1fr);grid-row-gap:20px;grid-column-gap:20px}#links .for-box .swiper-container .link-all .item{height:100px;width:100%;display:flex;align-items:center;flex-direction:row;justify-content:center;padding:0 10px;animation:fade 0.5s;position:relative;min-width:5.5rem}#links .for-box .swiper-container .link-all .item:hover{transform:scale(1.02);background:rgba(0,0,0,0.4);transition:0.3s}#links .for-box .swiper-container .link-all .item:active{transform:scale(1)}#links .for-box .swiper-container .link-all .item .name{font-size:1.1rem;margin-left:8px;white-space:break-spaces;text-align:center}@media (min-width: 720px) and (max-width: 820px){#links .for-box .swiper-container .link-all .item .name{display:none}}@media (max-width: 720px){#links .for-box .swiper-container .link-all .item{height:90px}}@media (max-width: 460px){#links .for-box .swiper-container .link-all .item{flex-direction:column}#links .for-box .swiper-container .link-all .item .name{font-size:1rem;margin-left:0;margin-top:8px}}#links .for-box .swiper-container .link-all .item .tag{color:#ffffff;font-size:12px;margin-left:1rem;border-radius:0.25rem;padding:0.25rem 0.5rem;box-shadow:2px 2px 6px rgba(0,0,0,0.3)}@media (max-width: 720px){#links .for-box .swiper-container .link-all .item .tag{color:#ffffff;font-size:12px;margin-top:0;margin-left:1rem;border-radius:0.25rem;padding:0.1rem 0.2rem;box-shadow:2px 2px 6px rgba(0,0,0,0.3)}}@media (max-width: 460px){#links .for-box .swiper-container .link-all .item .tag{color:#ffffff;font-size:12px;margin-top:0.5rem;margin-left:0;border-radius:0.25rem;padding:0.1rem 0.2rem;box-shadow:2px 2px 6px rgba(0,0,0,0.3)}}@media (min-width: 720px) and (max-width: 820px){#links .for-box .swiper-container .link-all .item .tag{color:#ffffff;font-size:12px;margin-left:1rem;margin-top:0;border-radius:0.25rem;padding:0.1rem 0.2rem;box-shadow:2px 2px 6px rgba(0,0,0,0.3)}}