.ch-info,.ch-info-front,.box,.box > div{-webkit-transform-style:var(--p3d);-moz-transform-style:var(--p3d);-ms-transform-style:var(--p3d);-o-transform-style:var(--p3d);transform-style:var(--p3d)}
.ch-info > div{-webkit-transform-origin:var(--tO);-moz-transform-origin:var(--tO);-ms-transform-origin:var(--tO);-o-transform-origin:var(--tO);transform-origin:var(--tO)}
.ch-item{-webkit-perspective:var(--per);-moz-perspective:var(--per);-ms-perspective:var(--per);-o-perspective:var(--per);perspective:var(--per)}

.ch-grid{overflow:visible}

.ch-grid{display:block}
.ch-grid li{display:inline-block}

.ch-item,.ch-info,.ch-info > div{position:-webkit-absolute;position:absolute}
.ch-grid li{position:-webkit-relative;position:relative}
.ch-img-1,.ch-img-2,.ch-img-3,.ch-img-4,.ch-img-5{background-repeat:no-repeat;background-size:cover;background-position:center center}

.ch-item,.ch-info > div{-webkit-transition:var(--tran);-moz-transition:var(--tran);-o-transition:var(--tran);transition:var(--tran)}
.ch-info-front,.ch-info-front .box > div,.ch-info-back,.ch-info:hover .ch-info-front,
	.ch-info:hover .ch-info-back{-webkit-transform:var(--nLab);-moz-transform:var(--nLab);-ms-transform:var(--nLab);-o-transform:var(--nLab);transform:var(--nLab)}

.ch-grid{width:100vw;padding:0;list-style:none;text-align:center}

.ch-grid li{width:16.6vw;height:7.25vw;padding:.95vw .95vw;text-decoration:none;font-size:1.56vw}

.ch-item{--per:83.33vw;--tran:.4s linear;width:inherit;height:inherit;cursor:default}

.ch-info{width:inherit;height:inherit}

.ch-info > div{--tO:50% 0;--tran:.4s linear;background-position:center center;width:inherit;height:inherit}

.ch-info-front{--nLab:translate3d(0,0,0)rotate3d(1,0,0,0)}

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

.ch-info-front .box{background:red;width:16.6vw;height:7.5vw}
.ch-info-front .box > div{--nLab:translate3d(0,-1.5vw,10vw)scale(.25)}

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

.ch-info:hover .ch-info-front{--nLab:translate3d(0,9vw,0)rotate3d(1,0,0,-90deg);opacity:.85}

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