@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:#404040;min-width:100%;min-height:100%;overflow-y:hidden;width:100%;height:100%}.fp-right{right:inherit !important;left:20px;display:none}#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{display:flex}#RUNBANNER .page_0 .prodall{display:flex;margin:12vh 0 0 0;height:78vh;box-sizing:border-box;padding:0 3.5%;background:#fff}#RUNBANNER .page_0 .prodall .l{margin:7% 0 0 0;width:16%}#RUNBANNER .page_0 .prodall .l .menu{display:flex;flex-wrap:wrap;flex-direction:column}#RUNBANNER .page_0 .prodall .l .menu a{margin:0 0 3.5vw 0;display:flex;color:#BDB7B7;font-family:'nd';font-weight:300;font-size:1.8vw}#RUNBANNER .page_0 .prodall .l .menu a.selected{color:#111}#RUNBANNER .page_0 .prodall .l .menu a:hover{color:#666;transform:translateX(5px)}#RUNBANNER .page_0 .prodall .r{margin:3% 0 0 0;width:84%;position:relative}#RUNBANNER .page_0 .prodall .r .conl{position:absolute;width:100%;background:transparent;z-index:5}#RUNBANNER .page_0 .prodall .r .conl .lll{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;left:0%;top:15vw;background:rgba(255,255,255,0.8);display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#RUNBANNER .page_0 .prodall .r .conl .lll:before{content:'';position:relative;left:0.2vw;width:0.8vw;height:0.8vw;overflow:hidden;border-top:2px solid #8E9294;border-left:2px solid #8E9294;display:block;transform:rotate(-45deg)}#RUNBANNER .page_0 .prodall .r .conl .lll:hover{background:rgba(0,0,0,0.6)}#RUNBANNER .page_0 .prodall .r .conl .rrr{width:2.6vw;height:2.6vw;box-sizing:border-box;position:absolute;right:0%;top:15vw;background:rgba(255,255,255,0.8);display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#RUNBANNER .page_0 .prodall .r .conl .rrr:before{content:'';position:relative;right:0.2vw;width:0.8vw;height:0.8vw;overflow:hidden;border-top:2px solid #8E9294;border-left:2px solid #8E9294;display:block;transform:rotate(135deg)}#RUNBANNER .page_0 .prodall .r .conl .rrr:hover{background:rgba(0,0,0,0.6)}#RUNBANNER .page_0 .prodall .r .prod{display:block;height:32vw;width:100%;margin:2% 0 0 0;overflow:hidden;position:relative}#RUNBANNER .page_0 .prodall .r .prod .scroll{display:flex;flex-direction:row;height:100%;width:1000000px}#RUNBANNER .page_0 .prodall .r .prod .scroll a{overflow:hidden;height:100%;display:flex;flex-direction:column}#RUNBANNER .page_0 .prodall .r .prod .scroll a .cp{height:93%;position:relative;background:url("data:image/svg+xml,%3Csvg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath opacity='0.2' fill='%23000' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3E%3Cpath fill='%23000' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat;background-position:center;background-size:2vw}#RUNBANNER .page_0 .prodall .r .prod .scroll a .cp img{height:100%}#RUNBANNER .page_0 .prodall .r .prod .scroll a .cp .mask{position:absolute;left:0;top:0;background:#000;opacity:0.2;width:100%;height:100%}#RUNBANNER .page_0 .prodall .r .prod .scroll a .name{text-align:center;font-size:0.8vw;line-height:2vw;letter-spacing:0.03em;color:#BDB7B7}#RUNBANNER .page_0 .prodall .r .prod .scroll a:hover .mask{opacity:0}#RUNBANNER .page_0 .prodall .r .prod .scroll a:hover .name{color:#222;font-weight:bold}#RUNBANNER .page_0 .prodall .r .size{width:100%;display:flex;flex-wrap:wrap;position:relative}#RUNBANNER .page_0 .prodall .r .size .line{width:100%;height:1px;overflow:hidden;background:#ccc}#RUNBANNER .page_0 .prodall .r .size .face{position:absolute;right:0;top:0;display:flex}#RUNBANNER .page_0 .prodall .r .size .face a{height:2vw;line-height:2vw;font-size:0.7vw;margin:0 0 0 1.8vw;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;color:#BDB7B7}#RUNBANNER .page_0 .prodall .r .size .face a::before{opacity:0;content:'';transform:translateX(-0.2vw);height:8px;width:8px;display:flex;background:#000;border-radius:2vw;transition-property:all;transition-duration:.4s;transition-timing-function:""}#RUNBANNER .page_0 .prodall .r .size .face a:hover,#RUNBANNER .page_0 .prodall .r .size .face a.selected{font-weight:bold;color:#111}#RUNBANNER .page_0 .prodall .r .size .face a:hover::before,#RUNBANNER .page_0 .prodall .r .size .face a.selected::before{opacity:1}#RUNBANNER .page_0 .prodall .r .size ul{display:flex}#RUNBANNER .page_0 .prodall .r .size ul a{position:relative;margin:0 2vw 0 0;top:2px;height:2vw;line-height:2vw;font-size:1vw;color:#BDB7B7;font-family:'nd';font-weight:300;border-bottom:3px solid transparent}#RUNBANNER .page_0 .prodall .r .size ul a:nth-of-type(1){margin-left:2vw}#RUNBANNER .page_0 .prodall .r .size ul a:hover,#RUNBANNER .page_0 .prodall .r .size ul a.selected{border-bottom:3px solid #222;color:#222}#RUNBANNER .page_0 .page_{background:#000;width:100%;height:9.5vh;margin:0.5vh 0 0 0;display:flex}@media screen and (max-width: 650px){body,html{background:#404040;min-width:100%;min-height:auto;overflow-y:initial;width:100%;height:auto}#RUNBANNER .page_0{display:flex}#RUNBANNER .page_0 .prodall{display:block;margin:2vh 0 0 0;height:auto;box-sizing:border-box;padding:0 3.5%;background:#fff;flex-wrap:wrap}#RUNBANNER .page_0 .prodall .l{margin:0 0 0 0;padding:5% 0 0 0;height:5vh;width:100%}#RUNBANNER .page_0 .prodall .l .menu{display:flex;flex-wrap:wrap;flex-direction:row}#RUNBANNER .page_0 .prodall .l .menu a{flex:1;margin:0 0 3.5vw 0;display:flex;color:#BDB7B7;font-family:'nd';font-weight:300;font-size:3.8vw}#RUNBANNER .page_0 .prodall .l .menu a.selected{color:#111}#RUNBANNER .page_0 .prodall .l .menu a:hover{color:#666;transform:translateX(5px)}#RUNBANNER .page_0 .prodall .r{margin:3% 0 0 0;width:100%;position:relative}#RUNBANNER .page_0 .prodall .r .conl{display:none;position:absolute;width:100%;background:transparent;z-index:5}#RUNBANNER .page_0 .prodall .r .conl .lll{width:6.6vw;height:6.6vw;box-sizing:border-box;position:absolute;left:0%;top:61vh;background:rgba(255,255,255,0.8);display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#RUNBANNER .page_0 .prodall .r .conl .lll:before{content:'';position:relative;left:0.2vw;width:2.8vw;height:2.8vw;overflow:hidden;border-top:2px solid #8E9294;border-left:2px solid #8E9294;display:block;transform:rotate(-45deg)}#RUNBANNER .page_0 .prodall .r .conl .lll:hover{background:rgba(0,0,0,0.6)}#RUNBANNER .page_0 .prodall .r .conl .rrr{width:6.6vw;height:6.6vw;box-sizing:border-box;position:absolute;right:0%;top:61vh;background:rgba(255,255,255,0.8);display:flex;align-items:center;align-content:center;justify-content:center;cursor:pointer}#RUNBANNER .page_0 .prodall .r .conl .rrr:before{content:'';position:relative;right:0.2vw;width:2.8vw;height:2.8vw;overflow:hidden;border-top:2px solid #8E9294;border-left:2px solid #8E9294;display:block;transform:rotate(135deg)}#RUNBANNER .page_0 .prodall .r .conl .rrr:hover{background:rgba(0,0,0,0.6)}#RUNBANNER .page_0 .prodall .r .prod{display:block;height:auto;width:100%;margin:2% 0 0 0;overflow:hidden;position:relative}#RUNBANNER .page_0 .prodall .r .prod .scroll{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;width:100%}#RUNBANNER .page_0 .prodall .r .prod .scroll a{width:47%;overflow:hidden;height:100%;display:flex;flex-direction:column}#RUNBANNER .page_0 .prodall .r .prod .scroll a .cp{height:93%;position:relative;background:url("data:image/svg+xml,%3Csvg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath opacity='0.2' fill='%23000' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3E%3Cpath fill='%23000' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat;background-position:center;background-size:2vw}#RUNBANNER .page_0 .prodall .r .prod .scroll a .cp img{width:100%;height:auto}#RUNBANNER .page_0 .prodall .r .prod .scroll a .cp .mask{position:absolute;left:0;top:0;background:#000;opacity:0;width:100%;height:100%}#RUNBANNER .page_0 .prodall .r .prod .scroll a .name{text-align:center;font-size:2.9vw;line-height:6vw;height:8vw;letter-spacing:0.03em;color:#BDB7B7}#RUNBANNER .page_0 .prodall .r .prod .scroll a:hover .mask{opacity:0}#RUNBANNER .page_0 .prodall .r .prod .scroll a:hover .name{color:#222;font-weight:bold}#RUNBANNER .page_0 .prodall .r .prod .scroll a:nth-child(2n){margin:0 0 0 6%}#RUNBANNER .page_0 .prodall .r .size{width:100%;display:block;flex-wrap:wrap;position:relative}#RUNBANNER .page_0 .prodall .r .size .line{width:100%;height:1px;overflow:hidden;background:#ccc}#RUNBANNER .page_0 .prodall .r .size .face{position:initial;right:initial;top:initial;display:none}#RUNBANNER .page_0 .prodall .r .size .face a{height:2vw;line-height:2vw;font-size:2.7vw;margin:0 0 0 1.8vw;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;color:#BDB7B7}#RUNBANNER .page_0 .prodall .r .size .face a::before{opacity:0;content:'';transform:translateX(-0.2vw);height:8px;width:8px;display:flex;background:#000;border-radius:2vw;transition-property:all;transition-duration:.4s;transition-timing-function:""}#RUNBANNER .page_0 .prodall .r .size .face a:hover,#RUNBANNER .page_0 .prodall .r .size .face a.selected{font-weight:bold;color:#111}#RUNBANNER .page_0 .prodall .r .size .face a:hover::before,#RUNBANNER .page_0 .prodall .r .size .face a.selected::before{opacity:1}#RUNBANNER .page_0 .prodall .r .size ul{display:flex;flex-wrap:wrap}#RUNBANNER .page_0 .prodall .r .size ul a{position:relative;margin:0 3vw 2vw 0;top:initial;height:initial;line-height:5vw;height:5vw;font-size:3.6vw;color:#BDB7B7;font-family:'nd';font-weight:300;border-bottom:3px solid transparent}#RUNBANNER .page_0 .prodall .r .size ul a:hover,#RUNBANNER .page_0 .prodall .r .size ul a.selected{border-bottom:3px solid #222;color:#222}#RUNBANNER .page_0 .page_{background:#000;width:100%;height:9.5vh;margin:0.5vh 0 0 0;display:flex}}