.top[data-v-b886f970]{position:relative;width:100%;min-height:41.2vw}.top .title[data-v-b886f970]{position:absolute;top:0;left:0;z-index:10;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;font-weight:700}.top .title.no-space[data-v-b886f970],.top .title .title-en[data-v-b886f970]{letter-spacing:0!important;text-indent:0!important}.top .title .title-en[data-v-b886f970]{font-weight:100;font-size:.24rem}.top .img[data-v-b886f970]{overflow:hidden;position:relative;background:#fff}.top .img img[data-v-b886f970]{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.top .img img.fix-img[data-v-b886f970]{position:absolute;z-index:2;left:0;top:0}.top .img img.text-img[data-v-b886f970]{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:20%}.top .img .randomCoffeeFirst[data-v-b886f970]{position:absolute;top:27%;left:.15rem;right:.15rem}.top .img .randomCoffeeFirst[data-v-b886f970],.top .img .randomCoffeeFirst [data-v-b886f970]{transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}.top .img .randomCoffeeFirst .img[data-v-b886f970]{width:50vw;margin:0 auto .15rem;box-shadow:0 .05rem .1rem rgba(0,0,0,.1);height:50vw;border-radius:.1rem}.top .img .randomCoffeeFirst .img img[data-v-b886f970]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.top .img .randomCoffeeFirst .info[data-v-b886f970]{position:relative;width:100%;text-align:center}.top .img .randomCoffeeFirst .info .title[data-v-b886f970]{position:relative;font-size:.2rem;font-weight:700;padding-bottom:.03rem;height:auto;padding-top:0;text-indent:inherit;letter-spacing:inherit;text-shadow:none}.top .img .randomCoffeeFirst .info .desc[data-v-b886f970]{font-size:.12rem;color:#ededed;padding:.1rem 0}@-webkit-keyframes fadeInDown-data-v-b886f970{0%{opacity:.1;transform:translate3d(0,-.2rem,0)}to{opacity:1;transform:none}}@keyframes fadeInDown-data-v-b886f970{0%{opacity:.1;transform:translate3d(0,-.2rem,0)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInZoom-data-v-b886f970{0%{opacity:.2;transform:scale(1.1)}to{opacity:1;transform:none}}@keyframes fadeInZoom-data-v-b886f970{0%{opacity:.2;transform:scale(1.1)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInOption-data-v-b886f970{0%{opacity:.2;transform:scale(.4) translate(-50%,-50%)}to{opacity:1;transform:scale(1) translate(-50%,-50%)}}@keyframes fadeInOption-data-v-b886f970{0%{opacity:.2;transform:scale(.4) translate(-50%,-50%)}to{opacity:1;transform:scale(1) translate(-50%,-50%)}}@media screen and (min-width:1024px){.top .title[data-v-b886f970]{height:37vw;letter-spacing:.1rem;text-indent:.2rem;font-size:.78rem}.top img[data-v-b886f970]{animation:fadeInZoom-data-v-b886f970 1.5s ease-out;-webkit-animation:fadeInZoom-data-v-b886f970 1.5s ease-out}.top .text-img[data-v-b886f970]{animation:fadeInOption-data-v-b886f970 1.5s ease-out;-webkit-animation:fadeInOption-data-v-b886f970 1.5s ease-out}.top .img .randomCoffeeFirst .img[data-v-b886f970]{width:5rem;height:5rem}}@media screen and (max-width:1023px){.top .title[data-v-b886f970],.top[data-v-b886f970]{padding-top:.5rem}.top .title[data-v-b886f970]{height:48vw;letter-spacing:.15rem;text-indent:.15rem;font-size:.4rem}.top .title .title-en[data-v-b886f970]{font-size:.18rem}.top img[data-v-b886f970]{animation:fadeInZoom-data-v-b886f970 1.5s ease-out;-webkit-animation:fadeInZoom-data-v-b886f970 1.5s ease-out}.top .text-img[data-v-b886f970]{width:30%!important;animation:fadeInOption-data-v-b886f970 1.5s ease-out;-webkit-animation:fadeInOption-data-v-b886f970 1.5s ease-out}}.main[data-v-497554f5]{position:relative;z-index:10;min-height:6rem;animation:fadeUp 1.5s ease-in-out;-webkit-animation:fadeUp 1.5s ease-in-out}.main .panel[data-v-497554f5]{position:relative;background-color:hsla(0,0%,100%,.85);box-shadow:0 .1rem .2rem rgba(0,0,0,.2)}.main .panel .content[data-v-497554f5]{display:flex;position:relative;overflow:hidden;width:100%}.main .panel .content .side-menu[data-v-497554f5]{z-index:10;text-align:center;flex-shrink:0}.main .panel .content .side-menu .menu-item[data-v-497554f5]{display:inline-block;text-align:center;cursor:pointer;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;border-bottom:.03rem solid transparent}.main .panel .content .side-menu .menu-item.active[data-v-497554f5],.main .panel .content .side-menu .menu-item[data-v-497554f5]:hover{color:#0f6595;border-bottom:.03rem solid #0f6595}.main .panel .content .detail[data-v-497554f5]{width:100%;background-color:#fff;min-height:6rem}.main .panel .content .detail [data-v-497554f5]{max-width:100%!important}@media screen and (min-width:1024px){.main[data-v-497554f5]{margin-top:-2rem}.main .panel[data-v-497554f5]{width:78%;margin:auto;border-radius:.15rem}.main .panel .content .side-menu[data-v-497554f5]{width:2.5rem;padding:.3rem;box-shadow:.05rem 0 .2rem rgba(0,0,0,.1)}.main .panel .content .side-menu .menu-item[data-v-497554f5]{margin:.2rem auto;font-size:.2rem;line-height:.3rem;padding:.05rem 0}.main .panel .content .side-menu .menu-item.active[data-v-497554f5],.main .panel .content .side-menu .menu-item[data-v-497554f5]:hover{color:#0f6595;border-bottom:.03rem solid #0f6595}.main .panel .content .detail[data-v-497554f5]{padding:.4rem .6rem;border-radius:0 .15rem .15rem 0}}@media screen and (max-width:1300px) and (min-width:1024px){.panel[data-v-497554f5]{width:96%!important}}@media screen and (max-width:1023px){.main[data-v-497554f5]{margin-top:-.5rem;padding:.15rem}.main .panel[data-v-497554f5]{width:100%;border-radius:.05rem}.main .panel .content[data-v-497554f5]{flex-direction:column}.main .panel .content .side-menu[data-v-497554f5]{width:100%;display:flex}.main .panel .content .side-menu .menu-box[data-v-497554f5]{width:33.3%}.main .panel .content .side-menu .menu-box .menu-item[data-v-497554f5]{margin:.05rem auto;font-size:.16rem;line-height:.2rem;padding:.03rem 0}.main .panel .content .side-menu .menu-box .menu-item.active[data-v-497554f5]{color:#0f6595;border-bottom:.03rem solid #0f6595}.main .panel .content .detail[data-v-497554f5]{border-radius:0 0 .05rem .05rem;padding:.1rem .15rem}}