.flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.w-100{width:100%}.d-none{display:none}.d-inline{display:inline !important}.user-select-none{-moz-user-select:none;-khtml-user-select:none;user-select:none}.white-space-pre-wrap{white-space:pre-wrap}.float-right{float:right}.float-left{float:left}.cursor-pointer{cursor:pointer}.ImageBox{display:block;width:100vw;position:relative;box-sizing:border-box;padding:5px 10px;margin:0 auto;height:0;padding-bottom:40vw;max-width:90vw}.ImageBox .wrapper{position:relative}.ImageBox .data-box,.ImageBox .data-image{position:absolute;left:0;top:0;width:100%;z-index:3}.ImageBox .wrapper-box{position:absolute}.ImageBox .wrapper-data{box-sizing:border-box;padding:5px 10px;left:0;top:15px;width:60%;z-index:1;background-color:rgba(218,221,225,0.8);height:0;padding-bottom:40%}.ImageBox .wrapper-image{right:0;top:0;width:60%;z-index:2}.ImageBox img{max-width:100%;max-height:100%}.ImageBox .main-data{left:15%;top:27px;width:50%;z-index:4;background-color:#fff;height:0;padding-bottom:28%}.ImageBox .wrapper.left .main-data{left:20%}.ImageBox .wrapper.left .wrapper-data{left:auto;right:0;top:0;width:60%}.ImageBox .wrapper.left .wrapper-image{left:0;top:10%;width:60%}@media screen and (min-width: 550px){.ImageBox .main-data{top:45px}}@media screen and (min-width: 768px){.ImageBox .wrapper-data{top:30px}.ImageBox .main-data{top:6vw}}