@keyframes tiac_0{0%{opacity:0}15%{opacity:1}50%{}100%{transform:scale(1.1);opacity:1}}@keyframes tiac_1{0%{opacity:1}100%{transform:scale(1);opacity:0}}#MAIN{min-width:100%;min-height:100%;width:100%;height:100%}body,html{background:#000;min-width:100%;min-height:100%;overflow-y:hidden;width:100%;height:100%}.fp-right{right:inherit !important;left:20px}#MASK_B_28 .content .l h5 img{height:3vh}#MASK_B_27 .content .l h5 img{height:6vh}.MASK_B{position:fixed;top:0;right:-100%;z-index:51;width:100%;height:100%}.MASK_B .close{position:absolute;cursor:pointer;position:absolute;right:5%;bottom:7%;width:1.5vw;height:1.5vw;z-index:4}.MASK_B .close:hover{transform:rotate(180deg)}.MASK_B .close:before{content:'';width:2px;height:100%;overflow:hidden;background:#777;display:block;transform:rotate(45deg);position:absolute;left:0.75vw;top:0}.MASK_B .close:after{content:'';width:2px;height:100%;overflow:hidden;background:#777;display:block;transform:rotate(135deg);position:absolute;left:0.75vw;top:0}.MASK_B .bgc{display:flex;flex-wrap:nowrap;position:absolute;left:0;top:0;width:100%;height:100%;flex-direction:row-reverse}.MASK_B .bgc .l{flex:6.5;background:#BDB7B7}.MASK_B .bgc .r{flex:3.5;background:#685C5D}.MASK_B .content{display:flex;flex-wrap:nowrap;position:absolute;left:7%;top:24%;width:90%;flex-direction:row-reverse}.MASK_B .content .l{flex:3.5}.MASK_B .content .l h5{padding:0 0 0 8%}.MASK_B .content .l h5 img{height:4vh}.MASK_B .content .l .text{margin:3vw 0 0 0;width:90%;padding:0 14% 0 8%;box-sizing:border-box;font-size:14px;line-height:1.4vw;height:24.5vw;overflow-x:hidden;overflow-y:scroll}.MASK_B .content .l .text *{color:#555}.MASK_B .content .l .text::-webkit-scrollbar{width:2px;background-color:#fff}.MASK_B .content .l .text::-webkit-scrollbar-track{background-color:#bbb}.MASK_B .content .l .text::-webkit-scrollbar-thumb{background:#fff}.MASK_B .content .l .text::-webkit-scrollbar-button:start{background:none;display:none}.MASK_B .content .l .text::-webkit-scrollbar-button:end{background:none;display:none}.MASK_B .content .r{display:flex;flex:6.5}.MASK_B .content .r img{width:100%}#RUNBANNER{height:100%}#RUNBANNER .pages{height:100%;padding:0 0 0 0;overflow:hidden;position:relative}#RUNBANNER .pages .kox__{position:relative;width:100%;height:100%;margin:0 auto 0 auto}#RUNBANNER .page_0{z-index:10}#RUNBANNER .page_0 .bgi{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}#RUNBANNER .page_0 .bgi li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0}#RUNBANNER .page_0 .bgi li.hover{animation-name:tiac_0;animation-fill-mode:forwards;animation-duration:4s}#RUNBANNER .page_0 .conl{position:relative;z-index:2;height:100%}#RUNBANNER .page_0 .conl ul{display:flex;height:100%;flex-wrap:nowrap}#RUNBANNER .page_0 .conl ul a{flex:1;border-right:1px solid rgba(255,255,255,0.2);display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}#RUNBANNER .page_0 .conl ul a .en{width:100%;height:4vw;font-size:4vw;color:#fff;text-align:center;font-family:'nd';font-weight:100}#RUNBANNER .page_0 .conl ul a .cn{width:100%;text-align:center;letter-spacing:0.03em;font-size:0.8vw;color:#fff;font-weight:bold}#RUNBANNER .page_0 .conl ul a.hover{background:rgba(0,0,0,0.5)}#RUNBANNER .page_0 .conl ul a:nth-last-of-type(1){border-right:0}#RUNBANNER .page_1 .bgi{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0}#RUNBANNER .page_1 .bgi li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0}#RUNBANNER .page_1 .bgi li.hover{animation-name:tiac_0;animation-fill-mode:forwards;animation-duration:4s}#RUNBANNER .page_1 .conl{position:absolute;z-index:2;width:65%;height:58%;left:17.5%;top:24%}#RUNBANNER .page_1 .conl .grid{display:grid;width:100%;height:100%;margin:0 auto;grid-template-columns:50% 50%;grid-template-rows:50% 50%;border:1px solid rgba(255,255,255,0.2);opacity:0}#RUNBANNER .page_1 .conl .grid a{flex:1;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;opacity:0}#RUNBANNER .page_1 .conl .grid a:nth-child(1){border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2)}#RUNBANNER .page_1 .conl .grid a:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.2)}#RUNBANNER .page_1 .conl .grid a:nth-child(3){border-right:1px solid rgba(255,255,255,0.2)}#RUNBANNER .page_1 .conl .grid a:nth-child(1) img{width:15vw}#RUNBANNER .page_1 .conl .grid a:nth-child(2) img{width:14vw}#RUNBANNER .page_1 .conl .grid a:nth-child(3) img{width:12vw}#RUNBANNER .page_1 .conl .grid a:nth-child(4) img{width:14vw}#RUNBANNER .page_1 .conl .grid a.hover{background:#BDB7B7}#RUNBANNER .page_2 .bgc{display:flex;flex-wrap:nowrap;position:absolute;left:0;top:0;width:100%;height:100%}#RUNBANNER .page_2 .bgc .l{flex:6.5;background:#685C5D}#RUNBANNER .page_2 .bgc .r{flex:3.5;background:#BDB7B7}#RUNBANNER .page_2 .content{display:flex;flex-wrap:nowrap;position:absolute;left:7%;top:24%;width:90%}#RUNBANNER .page_2 .content .l{flex:3.5}#RUNBANNER .page_2 .content .l h5{font-weight:200;font-size:12px;font-family:'nd';color:#fff;height:20px}#RUNBANNER .page_2 .content .l h3{color:#fff;display:flex;align-items:center;align-content:center}#RUNBANNER .page_2 .content .l h3 .en{font-family:'nd';font-weight:300;font-size:1.4vw;letter-spacing:0.1vw}#RUNBANNER .page_2 .content .l h3 .cn{padding:0 0 0 4px;font-size:1vw}#RUNBANNER .page_2 .content .l .text{margin:3vw 0 0 0;width:90%;padding:0 3% 0 0;font-size:14px;line-height:1.4vw;height:24.5vw;overflow-x:hidden;overflow-y:scroll}#RUNBANNER .page_2 .content .l .text *{color:#bbb}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar{width:2px;background-color:#fff}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar-track{background-color:#bbb}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar-thumb{background:#fff}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar-button:start{background:none;display:none}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar-button:end{background:none;display:none}#RUNBANNER .page_2 .content .r{display:flex;flex:6.5}#RUNBANNER .page_2 .content .r img{width:100%}@media screen and (max-width: 650px){.fp-right{right:inherit !important;left:2vw}.MASK_B{position:fixed;top:0;right:-100%;z-index:51;width:100%;height:100%}.MASK_B .close{position:absolute;cursor:pointer;position:absolute;right:10%;bottom:7%;width:6.5vw;height:6.5vw;z-index:4}.MASK_B .close:hover{transform:rotate(180deg)}.MASK_B .close:before{content:'';width:2px;height:100%;overflow:hidden;background:#777;display:block;transform:rotate(45deg);position:absolute;left:0.75vw;top:0}.MASK_B .close:after{content:'';width:2px;height:100%;overflow:hidden;background:#777;display:block;transform:rotate(135deg);position:absolute;left:0.75vw;top:0}.MASK_B .bgc{display:flex;flex-wrap:nowrap;position:absolute;left:0;top:0;width:100%;height:100%;flex-direction:row-reverse}.MASK_B .bgc .l{flex:6.5;background:#BDB7B7}.MASK_B .bgc .r{flex:3.5;background:#685C5D}.MASK_B .content{display:block;flex-wrap:nowrap;position:relative;left:0%;top:17%;width:78%;margin:0 auto;flex-direction:row-reverse}.MASK_B .content .l{display:block;padding:0 0 2vh 0;flex:3.5;width:100%}.MASK_B .content .l h5{padding:0 0 0 0}.MASK_B .content .l h5 img{height:4vh}.MASK_B .content .l .text{margin:3vw 0 0 0;width:100%;padding:0 5% 0 0;box-sizing:border-box;font-size:12px;line-height:5.4vw;height:40.5vh;overflow-x:hidden;overflow-y:scroll;mix-blend-mode:screen}.MASK_B .content .l .text *{color:#eee}.MASK_B .content .l .text::-webkit-scrollbar{width:2px;background-color:#fff}.MASK_B .content .l .text::-webkit-scrollbar-track{background-color:#bbb}.MASK_B .content .l .text::-webkit-scrollbar-thumb{background:#fff}.MASK_B .content .l .text::-webkit-scrollbar-button:start{background:none;display:none}.MASK_B .content .l .text::-webkit-scrollbar-button:end{background:none;display:none}.MASK_B .content .r{width:100%;display:block;flex:6.5}.MASK_B .content .r img{width:100%}#RUNBANNER .page_0 .bgi{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}#RUNBANNER .page_0 .bgi li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0}#RUNBANNER .page_0 .bgi li.hover{animation-name:tiac_0;animation-fill-mode:forwards;animation-duration:4s}#RUNBANNER .page_0 .conl{position:relative;z-index:2;height:100%}#RUNBANNER .page_0 .conl ul{display:flex;height:100%;flex-wrap:nowrap}#RUNBANNER .page_0 .conl ul a{flex:1;border-right:1px solid rgba(255,255,255,0.2);display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}#RUNBANNER .page_0 .conl ul a .en{width:100%;height:4vw;font-size:5vw;color:#fff;text-align:center;font-family:'nd';font-weight:100;padding:0 0 1vh 0}#RUNBANNER .page_0 .conl ul a .cn{width:100%;text-align:center;letter-spacing:0.03em;font-size:2.8vw;color:#fff;font-weight:bold}#RUNBANNER .page_0 .conl ul a.hover{background:rgba(0,0,0,0.5)}#RUNBANNER .page_0 .conl ul a:nth-last-of-type(1){border-right:0}#RUNBANNER .page_1 .bgi{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0}#RUNBANNER .page_1 .bgi li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0}#RUNBANNER .page_1 .bgi li.hover{animation-name:tiac_0;animation-fill-mode:forwards;animation-duration:4s}#RUNBANNER .page_1 .conl{position:absolute;z-index:2;width:65%;height:38%;left:17.5%;top:35%}#RUNBANNER .page_1 .conl .grid{display:grid;width:100%;height:100%;margin:0 auto;grid-template-columns:50% 50%;grid-template-rows:50% 50%;border:1px solid rgba(255,255,255,0.2);opacity:0}#RUNBANNER .page_1 .conl .grid a{flex:1;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;opacity:0}#RUNBANNER .page_1 .conl .grid a:nth-child(1){border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2)}#RUNBANNER .page_1 .conl .grid a:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.2)}#RUNBANNER .page_1 .conl .grid a:nth-child(3){border-right:1px solid rgba(255,255,255,0.2)}#RUNBANNER .page_1 .conl .grid a:nth-child(1) img{width:15vw}#RUNBANNER .page_1 .conl .grid a:nth-child(2) img{width:14vw}#RUNBANNER .page_1 .conl .grid a:nth-child(3) img{width:12vw}#RUNBANNER .page_1 .conl .grid a:nth-child(4) img{width:14vw}#RUNBANNER .page_1 .conl .grid a.hover{background:#BDB7B7}#RUNBANNER .page_2 .bgc{display:flex;flex-wrap:nowrap;position:absolute;left:0;top:0;width:100%;height:100%}#RUNBANNER .page_2 .bgc .l{flex:6.5;background:#685C5D}#RUNBANNER .page_2 .bgc .r{flex:3.5;background:#BDB7B7}#RUNBANNER .page_2 .content{display:block;flex-wrap:wrap;position:relative;left:inherit;top:17vh;width:78%;margin:0 auto}#RUNBANNER .page_2 .content .l{flex:3.5;width:100%}#RUNBANNER .page_2 .content .l h5{font-weight:200;font-size:12px;font-family:'nd';color:#fff;height:20px}#RUNBANNER .page_2 .content .l h3{color:#fff;display:flex;align-items:center;align-content:center}#RUNBANNER .page_2 .content .l h3 .en{font-family:'nd';font-weight:300;font-size:5.4vw;letter-spacing:0.1vw}#RUNBANNER .page_2 .content .l h3 .cn{padding:0 0 0 4px;font-size:4vw}#RUNBANNER .page_2 .content .l .text{margin:3vw 0 0 0;width:95%;padding:0 3% 0 0;font-size:12px;line-height:5.8vw;height:38.5vh;overflow-x:hidden;overflow-y:scroll;mix-blend-mode:screen}#RUNBANNER .page_2 .content .l .text *{color:#bbb}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar{width:2px;background-color:#fff}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar-track{background-color:#bbb}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar-thumb{background:#fff}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar-button:start{background:none;display:none}#RUNBANNER .page_2 .content .l .text::-webkit-scrollbar-button:end{background:none;display:none}#RUNBANNER .page_2 .content .r{display:block;flex:6.5;margin:5vw 0 0 0}#RUNBANNER .page_2 .content .r img{width:100%}}