.ch-grid{width:100vw;padding:0;list-style:none;z-index:3}
.ch-grid li{width:16.6vw;height:7.25vw;padding:.95vw .95vw}
.ch-item,.ch-info-front .box > div{--tran:transform 1s,opacity 1s}
.ch-item{--per:83.33vw;--nLab:translate3d(calc(var(--leftI,0)*1vw),calc(var(--topI,0)*1vw),0)scale(.5);width:16.6vw;height:inherit;cursor:pointer}
.ch-info{width:inherit;height:inherit}
.ch-info > a{--tO:50% 0;--tran:transform 1s,opacity 1s;background-position:center center;width:auto;height:auto}
.ch-info-front{--nLab:translate3d(0,calc(var(--up,-1)*1vw),0)rotate3d(1,0,0,calc(var(--deg,0)*1deg))scale(var(--sca,1));opacity:1}

.ch-img-1,.ch-img-2,.ch-img-3,.ch-img-4,.ch-img-5{background-image:none}

/* .box{--nLab:}
.box:hover{--lTM:;--lL:;--lTp:} */

.ch-info-front .box{top:0;width:16.6vw;height:7.5vw}
.ch-info-front .box > div{--nLab:translate3d(0,calc(var(--boxY,-2.5)*1vw),calc(var(--boxZ,3)*1vw))scale(.25);-webkit-filter:drop-shadow(.416vw .416vw .833vw #000);filter:drop-shadow(.416vw .416vw .833vw #000)}

.ch-info-back{--nLab:translate3d(0,0,0)rotate3d(1,0,0,-90deg);opacity:0}

.ch-info:hover .ch-info-front{--opF:.75;--boxY:-1;--boxZ:5;--up:2;--deg:-25;--sca:1.5}
.ch-info:hover .ch-info-back{--nLab:translate3d(0,0,0)rotate3d(1,0,0,0)}