[data-v-6fd42ff6]:root{--header-height:48px;--header-height-mobile:60px}@media screen and (max-width:1200px){[data-v-6fd42ff6]:root{--header-height:60px}}.ImageComponent[data-v-6fd42ff6]{width:100%}.ImageComponent section[data-v-6fd42ff6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.15rem .05rem}.ImageComponent section[data-v-6fd42ff6]:after{content:"";-webkit-box-flex:99999;-ms-flex-positive:99999;flex-grow:99999}.ImageComponent section .img-container[data-v-6fd42ff6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-around;overflow:hidden}.ImageComponent section .img-container .img-wrapper[data-v-6fd42ff6]{width:30%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:2.5rem;margin:.2rem;overflow:hidden;position:relative}.ImageComponent section .img-container .img-wrapper .img[data-v-6fd42ff6]{background-position:50%;background-size:cover;-o-object-fit:cover;object-fit:cover}.ImageComponent section .img-container .img-wrapper .img img[data-v-6fd42ff6]{height:2.5rem;min-width:100%;opacity:0}.ImageComponent section .img-container .img-wrapper .info[data-v-6fd42ff6]{bottom:-100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.16rem;left:0;padding:.1rem .18rem;position:absolute;width:100%;z-index:2}.ImageComponent section .img-container .img-wrapper .info .wf-text[data-v-6fd42ff6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ImageComponent section .img-container .img-wrapper:hover .info[data-v-6fd42ff6]{bottom:0}.ImageComponent section .img-container .img-wrapper[data-v-6fd42ff6]:hover:after{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.8)));background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.8));content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ImageComponent .image-type[data-v-6fd42ff6]{font-size:.14rem;line-height:1;margin:.2rem 0 .5rem;text-align:center;width:100%}.ImageComponent .image-type.sticky[data-v-6fd42ff6]{left:0;position:sticky;top:0}.ImageComponent .image-type .image-type-item[data-v-6fd42ff6]{border:1px solid #d8d8d8;color:#7e7e7e;cursor:pointer;display:inline-block;height:.36rem;line-height:.36rem;margin:0 .05rem .05rem;padding:0 .25rem}.ImageComponent .image-type .image-type-item[data-v-6fd42ff6]:hover{background-color:#d8d8d8}.ImageComponent .image-type .image-type-item.active[data-v-6fd42ff6]{background:#d38a3d;color:#fff}.ImageComponent .page[data-v-6fd42ff6]{height:.5rem;line-height:1!important;margin:.5rem 0;overflow:hidden;text-align:center}.ImageComponent .page.pc-page[data-v-6fd42ff6]{display:block}.ImageComponent .page.mobile-page[data-v-6fd42ff6]{display:none}.ImageComponent .image-view[data-v-6fd42ff6]{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.ImageComponent .image-view .image-container[data-v-6fd42ff6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - .7rem);width:100%;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5rem 0}.ImageComponent .image-view .image-container .image-content[data-v-6fd42ff6]{background-color:#ccc;height:100%;width:50%}.ImageComponent .image-view .image-container .next[data-v-6fd42ff6]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1752481896084/assets/images/gallery/next.png) 50%/cover no-repeat;height:.5rem;width:.5rem}.ImageComponent .image-view .image-container .prev[data-v-6fd42ff6]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1752481896084/assets/images/gallery/prev.png) 50%/cover no-repeat;height:.5rem;width:.5rem}.ImageComponent .image-view .image-container .next[data-v-6fd42ff6],.ImageComponent .image-view .image-container .prev[data-v-6fd42ff6]{cursor:pointer;display:inline-block;text-align:center}.ImageComponent .image-view .image-container .next i[data-v-6fd42ff6],.ImageComponent .image-view .image-container .prev i[data-v-6fd42ff6]{color:#fff;cursor:pointer;font-size:.5rem}.ImageComponent .image-view .control[data-v-6fd42ff6]{background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;height:.7rem;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.18rem;padding:0 .3rem}.ImageComponent .image-view .control .title[data-v-6fd42ff6]{color:#fff;height:.7rem;line-height:.7rem;padding-left:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ImageComponent .image-view .control .control-right .download-btn[data-v-6fd42ff6]{cursor:pointer}.ImageComponent .image-view .control .control-right span[data-v-6fd42ff6]{display:inline-block;margin:0 .1rem}.ImageComponent .image-view .control a[data-v-6fd42ff6]{display:inline-block;height:.3rem;line-height:.3rem}.ImageComponent .image-view .control .download[data-v-6fd42ff6]{color:#fff;font-size:.2rem}.ImageComponent .image-view .close[data-v-6fd42ff6]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1752481896084/assets/images/gallery/close.png) 50%/cover no-repeat;cursor:pointer;height:.3rem;line-height:.5rem;position:absolute;right:1rem;top:1.5rem;width:.3rem}.ImageComponent .image-view .close i[data-v-6fd42ff6]{color:#fff;font-size:.5rem;line-height:.5rem}@media screen and (max-width:768px){.ImageComponent[data-v-6fd42ff6]{width:100%}.ImageComponent section .img-container .img-wrapper[data-v-6fd42ff6]{width:47%}.ImageComponent section .img-container .img-wrapper .info[data-v-6fd42ff6]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(#000));background:linear-gradient(180deg,rgba(0,0,0,.2),#000);bottom:0;font-size:.3rem;padding-bottom:.1rem;width:100%}.ImageComponent .image-type[data-v-6fd42ff6]{margin:.2rem 0;text-align:left}.ImageComponent .image-type .image-type-item[data-v-6fd42ff6]{border-radius:.3rem;font-size:.24rem;height:.48rem;line-height:.48rem;margin-bottom:.2rem}.ImageComponent .image-type .image-type-item.active[data-v-6fd42ff6]{border:1px solid #000;color:#000}.ImageComponent .page.pc-page[data-v-6fd42ff6]{display:none}.ImageComponent .page.mobile-page[data-v-6fd42ff6]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;width:95%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.3rem}.ImageComponent .page.mobile-page .page-item[data-v-6fd42ff6]{background-color:#d38a3d;border-radius:.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;padding:.2rem;width:30%}.ImageComponent .image-view[data-v-6fd42ff6]{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.ImageComponent .image-view .image-container[data-v-6fd42ff6]{display:block;height:calc(100vh - 1rem);position:relative;width:100%}.ImageComponent .image-view .image-container .image-content[data-v-6fd42ff6]{background-color:#ccc;height:100%;width:100%}.ImageComponent .image-view .image-container .prev[data-v-6fd42ff6]{left:0}.ImageComponent .image-view .image-container .next[data-v-6fd42ff6]{right:0}.ImageComponent .image-view .image-container .next[data-v-6fd42ff6],.ImageComponent .image-view .image-container .prev[data-v-6fd42ff6]{height:1rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1rem}.ImageComponent .image-view .control[data-v-6fd42ff6]{display:block;height:1.2rem;text-align:center}.ImageComponent .image-view .control .title[data-v-6fd42ff6]{font-size:.3rem;height:.6rem;line-height:.6rem}.ImageComponent .image-view .control .control-right[data-v-6fd42ff6]{font-size:.3rem;height:.6rem}.ImageComponent .image-view .control .control-right .download-btn[data-v-6fd42ff6]{display:none}}