#imgAni{display:block;height:0;opacity:0;overflow:hidden;position:relative}#imgAni div.img img{height:auto;width:100%;position:relative}#imgAni li{position:absolute;z-index:1;bottom:3px;width:100%;right:0;display:flex;top:0;list-style:none;color:#fff;background:rgba(0,0,0,.42);font-size:1.5em;line-height:1em;text-align:right;font-family:var(--f2);padding:3.6em 1em 0 1em;border-left:1px solid #ff5722;vertical-align:baseline;height:100%}#imgAni div.txt{position:absolute;top:0;display:flex;width:50%;right:0;height:100%}#uploadBox{margin-top:0}#uploadBox .bx.co1{background:#fff;color:#e44310}#uploadButton{width:100%;font-size:1.3em;line-height:1.2em;background-color:#2196f3}#uploadButton .ico{width:3.8em;height:2.2em}.b1,.b2{float:left;width:50%;padding:3em 6em;font-size:1.2em;line-height:1.9em}#b1{background:#fff}#collage .submenu,#info,.ba,.noshort,.txtBlock h3{display:none}#prev2{position:absolute}.fxIconBox{cursor:auto}select{font-size:1.2em;width:calc(100% - 4em);margin:.1em 2em 0 2em;border-radius:1em;padding-left:1em}#fTools,#fTools .box{background:#03a9f4;color:#fff}#fTools li{list-style:none;float:left;margin-right:1em}#fTools .button{background-color:#ff5722;font-size:.9em;width:97%;text-overflow:ellipsis;overflow:hidden;color:#fff}#fTools li{margin:0 0 .3em 0;width:50%}#imgAni a,#imgAni li{box-sizing:border-box}#footer li a{width:inherit;height:inherit;padding:.2em .5em;font-size:1em}#sb0 .first::before{content:'';background-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 400 267' xml:space='preserve'><rect x='0' y='0' fill='%23e44310' width='400' height='265'/></svg>");width:100%;height:300px;background-size:100% auto;background-repeat:no-repeat;opacity:.8;position:absolute}#sb0 .first[data-step="1"]::before{background-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 400 267' xml:space='preserve'><polygon fill='%23e44310' points='200,0 200,134 0,134 0,267 400,267 400,0'/></svg>")}#sb0 .first[data-step="2"]::before{background-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 400 267' xml:space='preserve'><polygon fill='%23e44310' points='0,134 0,267 400,267 400,134 200,134'/></svg>")}#sb0 .first[data-step="3"]::before{background-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 400 267' xml:space='preserve'><rect x='200' y='134' fill='%23e44310' width='200' height='133'/></svg>")}#sb0 .first[data-step="4"]::before{background-image:none}#coExamples,#fExamples,#ocExamples,#uploadBox{padding-bottom:3em!important;padding-top:2em!important;margin:0}#uploadBox{background:url(/img/css/background_upload3.jpg) no-repeat #fff;background-size:auto 100%;background-position:right}#ocExamples{border-top:.3em solid #e44310}#coExamples{background:#afbd2a;border-top:.3em solid #ecc2e2}#fExamples{background:#c7c7c7;border-top:.5em solid #a2a2a2}#coExamples,#fExamples,#filesToUpload,#uploadBox{color:#fff}#fxov{background:#fff;color:#1c3156}#uploadBox .co1,#urlSelect{background:0 0!important;color:#fff!important}.fxImg{border:none}.fxImg:hover .fxTxt{background:#ff5722}#coExamples .fxImg{color:#fff;background:#a0ad25}#fExamples .fxImg{color:#fff;background:#bdbdbd}[data-over]:after{background:#111!important}.button.in{float:inherit;background-color:var(--or)}#collage{margin-bottom:2em}@media only screen and (min-width:400px){#sb0 .first::before{height:400px}select{margin:.5em 0 1em 0}}@media only screen and (max-width:500px){#filesToUpload p{display:none}#urlSelect{display:none}select{margin-bottom:0}}@media only screen and (min-width:500px){#imgAni li{font-size:2.3em}[data-over]:after{background:#e2e2e2;border-top:none}#sb0 [data-over]:after{background:#f4f4f4}#sb0 .first::before{position:relative;height:0;z-index:99}#coExamples data-over]:after{background:#398970}#collage .txtBlock{float:right;width:50%}}@media only screen and (min-width:600px){.fxIconBox{min-height:160px;padding:0}}@media only screen and (min-width:600px){.fxIconBox{min-height:190px}}@media only screen and (min-width:750px){#imgAni li{font-size:3em}#uploadBox{min-height:70vh}#imgGenerator img{display:none}#filesToUpload,#upb h1{color:#6a6687}#urlSelect input[type=text]{background:#fa9a7c}#uploadBox h1{font-size:2.5em;margin:1em 0 1em 0;line-height:1em}#uploadBox h2{font-size:1.5em}#filesToUpload{background:0 0;padding:0}#imgGenerator>a>div{max-width:400px;margin:0 auto}#uploadButton{line-height:1.8em}#uploadButton .ico{width:3em;height:1.7em}#upb{width:100%;margin:0 auto 1em auto;max-width:300px}.fxIconBox{min-height:210px}}@media only screen and (min-width:850px){.fxIconBox ul{margin:0}.fxIconBox li{height:1.4em;margin:0 .4em 0 0}#fTools li{width:33%}}@media only screen and (min-width:1000px){.fullw h1,.fullw h2,.fullw h3,.fullw p,.fullw ul{max-width:700px;margin:.5em auto;width:100%}.fullw p{margin:.5em auto 1em auto}.fullw ul{max-width:900px;margin:0 auto}.fbox{width:100%;margin:0 auto;max-width:1000px}.fxImg{width:calc(33% - var(--bp))}#uploadButton{font-size:1.8em}#uploadBox .co1,#uploadBox .co4,#urlSelect{padding:1em 5em}#upb{max-width:400px}#filesToUpload p{font-size:1.4em}}@media only screen and (min-width:1100px){#coExamples,#ocExamples,#uploadBox{background-size:100% auto}}@media only screen and (min-width:1400px){.fxIconBox{min-height:230px}}