.component[data-v-0c4bd600]{position:relative;display:grid;height:668px;overflow:hidden}.bg-box[data-v-0c4bd600]{background-position:50%;background-size:cover;background-repeat:no-repeat}.bg-box.play[data-v-0c4bd600]{-webkit-animation:flash-data-v-0c4bd600 .5s linear;animation:flash-data-v-0c4bd600 .5s linear}.bg-box.restart[data-v-0c4bd600]{-webkit-animation:flash1-data-v-0c4bd600 .5s linear;animation:flash1-data-v-0c4bd600 .5s linear}@media (max-width:767px){.bg-box[data-v-0c4bd600]{position:absolute;top:0;left:50%;bottom:0;margin-left:-636px;width:1252px}}.tab-box[data-v-0c4bd600]{position:absolute;display:grid;left:50%;bottom:42px;right:auto;width:1320px;margin-left:-660px}@media (max-width:1439px){.tab-box[data-v-0c4bd600]{left:50%;bottom:12px;right:auto;width:800px;margin-left:-400px}}@media (max-width:1280px){.tab-box[data-v-0c4bd600]{bottom:24px;width:680px;margin-left:-340px}}@media (max-width:1080px){.tab-box[data-v-0c4bd600]{bottom:12px;width:520px;margin-left:-260px}}@media (max-width:767px){.tab-box[data-v-0c4bd600]{right:18px;bottom:2%;left:18px;width:auto;margin-left:0}}.tab-box .tab-main[data-v-0c4bd600]{display:flex;justify-content:space-between}@media (max-width:1439px){.tab-box .tab-main[data-v-0c4bd600]{flex-wrap:wrap}}@media (max-width:767px){.tab-box .tab-main[data-v-0c4bd600]:nth-child(3){justify-content:start}}.tab-box .tab-main:nth-child(3) .tab-btn[data-v-0c4bd600]:first-child{margin-right:16px}.tab-box .tab-btn[data-v-0c4bd600]{padding:8px 28px;line-height:32px;border-radius:32px;font-size:20px;color:#fff;border:2px solid transparent;background-color:rgba(51,51,51,.5);white-space:nowrap;cursor:pointer;transition:all .3s ease-in-out}@media (max-width:1439px){.tab-box .tab-btn[data-v-0c4bd600]{padding:8px 32px;margin:0 12px 24px 12px}}@media (max-width:1280px){.tab-box .tab-btn[data-v-0c4bd600]{padding:4px 24px;margin:0 8px 24px 8px;font-size:18px}}@media (max-width:1080px){.tab-box .tab-btn[data-v-0c4bd600]{padding:2px 18px;margin:0 0 18px 0;font-size:16px;cursor:auto}}@media (max-width:767px){.tab-box .tab-btn[data-v-0c4bd600]{padding:2px 16px;margin:0 0 18px 0;font-size:16px;cursor:auto}}@media (max-width:320px){.tab-box .tab-btn[data-v-0c4bd600]{padding:0 12px;margin:0 0 12px 0;font-size:14px;cursor:auto}}@media (max-width:767px){.tab-box .tab-btn[data-v-0c4bd600]:last-child{margin-right:20%}}.tab-box .tab-btn.active[data-v-0c4bd600]{border:2px solid #fff;background-color:var(--base-black-color)}@-webkit-keyframes flash-data-v-0c4bd600{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes flash-data-v-0c4bd600{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes flash1-data-v-0c4bd600{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes flash1-data-v-0c4bd600{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}