.height100[data-v-c61eac86]{height:100%}.header[data-v-c61eac86]{position:relative;width:100%;max-height:500px}.header img[data-v-c61eac86]{display:block;width:100%;height:auto;image-rendering:-webkit-optimize-contrast}.contents[data-v-c61eac86]{display:relative;width:100%;background-image:url(/static/img/roles/characterImg.jpg);background-repeat:no-repeat;background-size:cover}.container[data-v-c61eac86]{max-width:1200px;padding-bottom:60px}.topRole[data-v-c61eac86]{margin:16px 0 0 0}.topRole p[data-v-c61eac86]{font-size:60px;color:#fff;font-weight:900;font-style:oblique;margin:0 0 -15px 0}.topRole img[data-v-c61eac86]{margin-top:40px;display:block;width:100%;min-height:15px;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}.topRole .roles[data-v-c61eac86] :first-child{margin-left:115px}.topRole .roles .list[data-v-c61eac86]{margin:0;text-align:center;position:relative}.topRole .roles .list .roleBackground[data-v-c61eac86]{display:block;width:100%;height:auto;max-width:250px;max-height:400px;z-index:1}.topRole .roles .list .rolesImage[data-v-c61eac86]{position:absolute;top:8%;margin-left:119px;display:block;width:100%;height:auto;max-width:160px;max-height:300px;z-index:2}.topRole .roles .list .name[data-v-c61eac86]{position:absolute;bottom:0;color:#fff;z-index:4;font-size:15px;margin-bottom:3px;white-space:nowrap;text-align:center;width:100%;margin-left:118px;max-width:140px}.topRole .roles .list .name span[data-v-c61eac86]{font-weight:500}.topRole .roles .list .name_en[data-v-c61eac86]{font-size:14px}.topRole .roles .list .nameTag[data-v-c61eac86]{position:absolute;bottom:0;margin-left:118px;display:block;width:100%;height:auto;max-width:140px;max-height:80px;z-index:3}.topRole .roles[data-v-c61eac86]:nth-child(n+2){margin-left:-15px}@media only screen and (max-width:1200px){.topRole p[data-v-c61eac86]{font-size:40px;margin:0 0 -5px 0}.topRole .roles[data-v-c61eac86] :first-child{margin-left:15px}.topRole .roles .list[data-v-c61eac86]{position:relative;width:156px}.topRole .roles .list .rolesImage[data-v-c61eac86]{top:10%;margin-left:17px;height:235px;width:147px}.topRole .roles .list .name[data-v-c61eac86]{width:8.3rem;right:10px;margin-bottom:5px}.topRole .roles .list .nameTag[data-v-c61eac86]{right:8px;bottom:0;margin-left:0;height:100%;width:8.25rem}}@media only screen and (max-width:600px){.topRole img[data-v-c61eac86]{margin-top:0}.topRole .roles .list[data-v-c61eac86]{width:140px}.topRole .roles .list .rolesImage[data-v-c61eac86]{width:130px;height:212px;margin-left:18px}.topRole .roles .list .nameTag[data-v-c61eac86]{right:5px;width:7.5rem}.topRole .roles .list .name[data-v-c61eac86]{right:0}.topRole .roles .roleBackground[data-v-c61eac86]{max-width:150px;max-height:300px}.topRole .roles[data-v-c61eac86]:nth-child(n+2){margin-left:0}}@media only screen and (max-width:450px){.header img[data-v-c61eac86]{width:150%;margin-left:-70px}.topRole p[data-v-c61eac86]{font-size:35px;margin:0 0 -5px 0}.topRole .roles .list .name_en[data-v-c61eac86]{font-size:12px}}