@font-face{font-family:icon;src:url(/static/fonts/icomoon.957ecd9.eot);src:url(/static/fonts/icomoon.957ecd9.eot) format("embedded-opentype"),url(/static/fonts/icomoon.b067b10.ttf) format("truetype"),url(/static/fonts/icomoon.ee9fcdc.woff) format("woff"),url(/static/img/icomoon.f4f290f.svg#icomoon) format("svg");font-weight:400;font-style:normal}html{height:100vh;min-height:100vh}body,html{overflow:hidden}body{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app.desktop .description .descArea,#app.desktop .description .descClose .icon,#app.desktop .description .descClose .icon-close:before,#app.desktop .header .headerBtn,#app.desktop .header .headerBtn:before,#app.desktop .productList,#app.desktop .productList ul,#app.desktop .productList ul li,#app.mobile .demoArea,#app.mobile .description .descArea,#app.mobile .description .descClose .icon,#app.mobile .description .descClose .icon-close:before,#app.mobile .header .headerBtn,#app.mobile .header .headerBtn:before,#app.mobile .productList,#app.mobile .productList ul,#app.mobile .productList ul li,.header .bgColor{transition:.3s}#app.desktop .header .headerBtn,#app.desktop .productList,#app.mobile .header .headerBtn,.header .bgColorOpen{box-shadow:1px 1px 5px 1px rgba(0,0,0,.4)}.header .bgColor{background:#fff;font-size:0;width:110px;height:0;border-radius:5px;padding:0 10px;box-sizing:border-box;position:absolute;top:80px;right:0;overflow:hidden;z-index:100}.header .bgColorOpen{height:110px}.header .bgColor ul{line-height:1}.header .bgColor li{width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;font-family:icon;cursor:pointer;display:inline-block;position:relative;margin-top:10px}.header .bgColor li:nth-child(2n){margin-left:10px}.header .bgColor li.bgChoiced{cursor:auto}.header .bgColor li.bgChoiced:before{content:"";display:block;position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;top:8px;left:8px}#app.desktop{height:100vh;padding:0 20px}#app.desktop .header{width:100%;min-width:600px;height:90px;box-sizing:border-box;padding:20px 0 0;position:relative;z-index:100}#app.desktop .headerNav{display:block;float:left}#app.desktop .headerNav>div{display:inline-block}#app.desktop .headerNav .logo{vertical-align:middle;margin-left:30px}#app.desktop .headerNav .logo img{height:45px}#app.desktop .headerModif{display:block;float:right}#app.desktop .headerModif ul{font-size:0}#app.desktop .headerModif ul li{display:inline-block}#app.desktop .headerModif ul li+li{margin-left:10px}#app.desktop .header .headerBtn{width:45px;height:45px;line-height:45px;border-radius:50%;text-align:center;font-family:icon;cursor:pointer}#app.desktop .header .headerBtn:before{color:#fff}#app.desktop .header .headerBtn.desable{background:#818181!important;cursor:default;pointer-events:none}#app.desktop .header .headerBtn.desable:before{color:#ccc!important}#app.desktop .header .headerBtn.menuBack{display:block}#app.desktop .header .headerBtn.menuBtn:before{content:"\EA11";color:#fff;display:block;font-size:20px}#app.desktop .header .headerBtn.viewSP:before{content:"\E91C";color:#fff;display:block;font-size:20px}#app.desktop .header .headerBtn.viewPC:before{content:"\E91B";color:#fff;display:block;font-size:20px}#app.desktop .header .headerBtn.viewDesc:before{content:"\E913";color:#fff;display:block;font-size:20px}#app.desktop .header .headerBtn.colorChange:before{content:"\EB07";color:#fff;display:block;font-size:20px}#app.desktop .productList{width:300px;position:absolute;left:20px}#app.desktop .productListClose{left:-305px}#app.desktop .productList .category+.category{border-top:1px solid hsla(0,0%,100%,.6)}#app.desktop .productList .categoryName{height:40px;line-height:40px;color:#fff;text-align:left;position:relative;box-sizing:border-box;padding:0 15px;text-transform:capitalize}#app.desktop .productList .category .icon{font-family:icon;margin-right:10px}#app.desktop .productList .category .icon.video:before{content:"\EAB1";color:#fff;display:block;font-size:14px;display:inline-block}#app.desktop .productList .category .icon.image:before{content:"\EADF";color:#fff;display:block;font-size:14px;display:inline-block}#app.desktop .productList .category .icon.Action-format:before{content:"\EB3F";color:#fff;display:block;font-size:14px;display:inline-block}#app.desktop .productList .category .icon.skin:before{content:"\EB40";color:#fff;display:block;font-size:14px;display:inline-block}#app.desktop .productList .category .icon.key:before{content:"\EB0C";color:#fff;display:block;font-size:14px;display:inline-block;color:#ddd}#app.desktop .productList .category .icon.arrow{margin-right:0;position:absolute;right:15px}#app.desktop .productList .category .icon.arrow:before{content:"\EAFC";color:#fff;display:block;font-size:14px}#app.desktop .productList .category .icon.arrowOpen:before{content:"\EAFF"}#app.desktop .productList ul{overflow:hidden;height:0}#app.desktop .productList ul.listClose{height:0!important}#app.desktop .productList ul li{height:50px;line-height:50px;text-align:left;padding-left:40px;cursor:pointer}#app.desktop .productList ul li a{display:block;text-decoration:none}#app.desktop .description{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1000;pointer-events:none}#app.desktop .description .descArea{width:420px;height:100vh;background:#fff;position:absolute;top:0;right:0;pointer-events:all;z-index:100}#app.desktop .description .descAreaClose{right:-420px}#app.desktop .description .descTitle{height:90px;color:#fff;box-sizing:border-box;font-size:18px;font-weight:700;text-align:left;display:table}#app.desktop .description .descTitle .adName{width:330px;height:90px;display:table-cell;vertical-align:middle;line-break:strict;padding:0 10px 0 0}#app.desktop .description .descClose{width:90px;height:90px;display:table-cell;text-align:center}#app.desktop .description .descClose:hover .icon{transform:rotate(180deg)}#app.desktop .description .descClose .icon{width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;font-family:icon;cursor:pointer;margin-top:25px;background:hsla(0,0%,100%,.6);display:inline-block}#app.desktop .description .descClose .icon-close:before{content:"\E9BE";color:#fff;display:block;font-size:20px}#app.desktop .description .descDetails{text-align:left;margin:25px;font-size:14px;line-height:1.6}#app.desktop .description .descDetails li p{font-weight:700}#app.desktop .description .descDetails li+li{margin-top:40px}#app.desktop .description .grayPanel{width:100%;height:100%;display:block;background:#000;opacity:0;transition:.3s;z-index:1;position:absolute}#app.desktop .description .grayPanelOpen{opacity:.5;pointer-events:auto}#app.desktop .demoArea{width:calc(100% - 355px);height:calc(100vh - 110px);position:absolute;left:340px;transition:.3s;overflow-x:scroll;box-sizing:border-box}#app.desktop .demoArea::-webkit-scrollbar{width:10px;height:10px}#app.desktop .demoArea::-webkit-scrollbar-arrow,#app.desktop .demoArea::-webkit-scrollbar-corner{background:transparent;border:none}#app.desktop .demoArea::-webkit-scrollbar-thumb{border-radius:10px;background:#666;box-shadow:none}#app.desktop .demoArea.fullWidth{width:calc(100% - 40px);left:20px}#app.desktop .demoTop{height:50px;width:100%;background:#eee;margin-bottom:25px}#app.desktop .textAlea{width:100%;max-width:1000px;margin:0 auto 25px;padding:0 45px;box-sizing:border-box}#app.desktop .textLine{height:10px;width:100%;margin-bottom:12px;background:#eee}#app.desktop .adIframeWrapper{min-width:300px;min-height:100px;margin:0 auto 25px}#app.desktop .demoPC{width:auto;min-width:100%;background:#fff;position:absolute}#app.desktop .demoSp{width:362px;height:678px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9InNwQmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMTAgNTgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMTAgNTgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1NS41LDU1Ni41aC0xYy0xMS4zLDAtMjAuNS05LjItMjAuNS0yMC41di0xYzAtMTEuMyw5LjItMjAuNSwyMC41LTIwLjVoMWMxMS4zLDAsMjAuNSw5LjIsMjAuNSwyMC41djEKCQlDMTc2LDU0Ny4zLDE2Ni44LDU1Ni41LDE1NS41LDU1Ni41eiBNMTU0LjUsNTE2LjVjLTEwLjIsMC0xOC41LDguMy0xOC41LDE4LjV2MWMwLDEwLjIsOC4zLDE4LjUsMTguNSwxOC41aDEKCQljMTAuMiwwLDE4LjUtOC4zLDE4LjUtMTguNXYtMWMwLTEwLjItOC4zLTE4LjUtMTguNS0xOC41SDE1NC41eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3My41LDU3N0gzNi41QzE3LjUsNTc3LDIsNTYxLjUsMiw1NDIuNVYzNy41QzIsMTguNSwxNy41LDMsMzYuNSwzaDIzNi45YzE5LDAsMzQuNSwxNS41LDM0LjUsMzQuNXY1MDQuOQoJCUMzMDgsNTYxLjUsMjkyLjUsNTc3LDI3My41LDU3N3ogTTM2LjUsNUMxOC42LDUsNCwxOS42LDQsMzcuNXY1MDQuOUM0LDU2MC40LDE4LjYsNTc1LDM2LjUsNTc1aDIzNi45YzE3LjksMCwzMi41LTE0LjYsMzIuNS0zMi41CgkJVjM3LjVDMzA2LDE5LjYsMjkxLjQsNSwyNzMuNSw1SDM2LjV6IE0yOTIuNSw1MDNoLTI3NVY3M2gyNzVWNTAzeiBNMTkuNSw1MDFoMjcxVjc1aC0yNzFWNTAxeiBNMTg1LDQ1LjVoLTYwYy0zLjMsMC02LTIuNy02LTYKCQlzMi43LTYsNi02aDYwYzMuMywwLDYsMi43LDYsNlMxODguMyw0NS41LDE4NSw0NS41eiBNMTI1LDM1LjVjLTIuMiwwLTQsMS44LTQsNHMxLjgsNCw0LDRoNjBjMi4yLDAsNC0xLjgsNC00cy0xLjgtNC00LTRIMTI1egoJCSBNNzcsNDVjLTMuMywwLTYtMi43LTYtNnMyLjctNiw2LTZzNiwyLjcsNiw2UzgwLjMsNDUsNzcsNDV6IE03NywzNWMtMi4yLDAtNCwxLjgtNCw0czEuOCw0LDQsNHM0LTEuOCw0LTRTNzkuMiwzNSw3NywzNXoiLz4KPC9nPgo8L3N2Zz4K);background-repeat:no-repeat;position:relative;margin:0 auto;padding:86px 21px 0;box-sizing:border-box}#app.desktop .screen{width:320px;height:500px;background:#fff;overflow:scroll;position:relative}#app.desktop #frame{min-width:300px}#app.desktop .demoArea .demoSp .stickyAd{left:auto!important;right:auto!important}#app.desktop .demoArea .demoSp .stickyAd #frame{position:absolute;left:0;transition:.3s}#app.desktop .demoArea.fullWidth .demoSp .stickyAd #frame{position:absolute;left:0;margin-left:0}#app.desktop .demoArea .demoPC .w320{width:320px!important;margin:0 auto 25px}#app.mobile{width:100vw;height:100vh}#app.mobile .appInner{width:100vw}#app.mobile .header{width:100vw;height:80px;line-height:80px;vertical-align:middle;z-index:100}#app.mobile .headerNav{float:left;height:80px;margin-left:20px}#app.mobile .headerNav .logo{margin:20px 0 0;height:45px;float:left}#app.mobile .headerNav .logo img{height:100%}#app.mobile .headerNav .menuBtn{float:right;margin:20px 20px 0 0}#app.mobile .headerModif{height:80px;float:right;margin-right:20px}#app.mobile .headerModif ul{font-size:0}#app.mobile .headerModif ul li{display:inline-block}#app.mobile .headerModif ul li+li{margin-left:10px}#app.mobile .header .headerBtn{width:45px;height:45px;line-height:45px;border-radius:50%;text-align:center;font-family:icon;cursor:pointer;margin-top:20px}#app.mobile .header .headerBtn:before{color:#fff}#app.mobile .header .headerBtn.desable{background:#818181!important;cursor:default;pointer-events:none}#app.mobile .header .headerBtn.desable:before{color:#ccc!important}#app.mobile .header .headerBtn.viewPC,#app.mobile .header .headerBtn.viewSP{display:none}#app.mobile .header .headerBtn.menuBtn:before{content:"\EAF7";color:#fff;display:block;font-size:20px}#app.mobile .header .headerBtn.viewDesc:before{content:"\E913";color:#fff;display:block;font-size:20px}#app.mobile .header .headerBtn.colorChange:before{content:"\EB07";color:#fff;display:block;font-size:20px}#app.mobile .menuOpen .header .menuBtn{display:none}#app.mobile .menuOpen .header .headerBtn.colorChange{display:block}#app.mobile .menuClose .header .logo,#app.mobile .menuClose .header .menuBtn,#app.mobile .menuOpen .header .headerBtn.menuBtn,#app.mobile .menuOpen .header .headerBtn.viewDesc{display:none}#app.mobile .menuClose .header .bgColor{height:0}#app.mobile .menuClose .header .headerBtn.colorChange{display:none}#app.mobile .menuClose .header .headerBtn.menuBtn,#app.mobile .menuClose .header .headerBtn.viewDesc{display:block}#app.mobile .productList{width:100%}#app.mobile .productList .category+.category{border-top:1px solid hsla(0,0%,100%,.6)}#app.mobile .productList .categoryName{height:40px;line-height:40px;color:#fff;text-align:left;position:relative;box-sizing:border-box;padding:0 15px;text-transform:capitalize}#app.mobile .productList .category .icon{font-family:icon;margin-right:10px}#app.mobile .productList .category .icon.video:before{content:"\EAB1";color:#fff;display:block;font-size:14px;display:inline-block}#app.mobile .productList .category .icon.image:before{content:"\EADF";color:#fff;display:block;font-size:14px;display:inline-block}#app.mobile .productList .category .icon.Action-format:before{content:"\EB3F";color:#fff;display:block;font-size:14px;display:inline-block}#app.mobile .productList .category .icon.key:before{content:"\EB0C";color:#fff;display:block;font-size:14px;display:inline-block;color:#ddd}#app.mobile .productList .category .icon.arrow{margin-right:0;position:absolute;right:15px}#app.mobile .productList .category .icon.arrow:before{content:"\EAFC";color:#fff;display:block;font-size:14px}#app.mobile .productList .category .icon.arrowOpen:before{content:"\EAFF"}#app.mobile .productList ul{overflow:hidden;height:0}#app.mobile .productList ul.listClose{height:0!important}#app.mobile .productList ul li{height:50px;line-height:50px;text-align:left;padding-left:40px;cursor:pointer}#app.mobile .productList ul li a{display:block;text-decoration:none}#app.mobile .description .descArea{width:100vw;height:100%;position:fixed;top:0;left:0;z-index:1000;background:rgba(0,0,0,.6)}#app.mobile .description .descAreaClose{pointer-events:none;opacity:0}#app.mobile .description .descTitle{width:90vw;margin:100px auto 0;height:60px;line-height:60px;padding:0 20px;box-sizing:border-box;font-weight:700;color:#fff;font-size:17px;text-align:left}#app.mobile .description .descClose{float:right;width:40px;height:40px}#app.mobile .description .descClose .icon{margin-top:10px;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;font-family:icon;cursor:pointer;background:hsla(0,0%,100%,.6);display:inline-block}#app.mobile .description .descClose .icon-close:before{content:"\E9BE";color:#fff;display:block;font-size:20px}#app.mobile .description .descDetails{width:90vw;background:#fff;text-align:left;margin:0 auto;padding:20px;box-sizing:border-box;font-size:14px;line-height:1.6}#app.mobile .description .descDetails li p{font-weight:700}#app.mobile .description .descDetails li+li{margin-top:15px}#app.mobile .demoArea{position:absolute;top:80px;width:100vw;background:#fff;transition-delay:.3s}#app.mobile .demoArea .screen{height:calc(100vh - 80px);overflow:scroll}#app.mobile .demoArea .adIframeWrapper{min-width:320px;min-height:100px;margin:0 auto 25px}#app.mobile .demoArea .textAlea{width:100%;max-width:1000px;margin:0 auto 25px;padding:0 45px;box-sizing:border-box}#app.mobile .demoArea .textLine{height:10px;width:100%;margin-bottom:12px;background:#eee}#app.mobile .menuOpen .demoArea{right:-100vw;opacity:0;pointer-events:none}#app.mobile .menuClose .demoArea{right:0;opacity:1;pointer-events:auto}
/*# sourceMappingURL=app.fb01b48f95af45aafffa796eef261f0b.css.map */