a:hover{text-decoration:none}.Noto_Sans_TC{font-family:"heisei-kaku-gothic-std","source-han-sans-traditional,",sans-serif;font-style:normal;font-weight:700}body{font-family:"termina",sans-serif;font-style:normal;font-weight:600;word-break:normal;text-align:justify}body>#root{min-height:100vh;display:flex;flex-direction:column}body>#root>.main{flex:1 0 0%;display:flex;flex-direction:column;flex-basis:auto;padding:30px 0}body>#root>.main>.container{width:100%;flex:1 0 auto;max-width:100%;padding:0}.bg-text{list-style:none;margin:0}.bg-text li{height:60px}.bg-text li span{display:inline-block;padding:0px 10px 0px 10px;font-size:40px;height:60px;line-height:60px}@media screen and (max-width: 1200px){.bg-text li span{font-size:35px}}@media screen and (max-width: 600px){.bg-text li span{font-size:25px}}.bg-text li span.bg-purple{background:#695bd3}.bg-text li span.bg-yellow{background:#ffc04a}.bg-text li span.bg-img-1{overflow:hidden}.bg-text li span.bg-img-1 img{height:calc(100% - 3px);margin-top:1.5px;margin-left:-15px}.bg-text li span.bg-img-2{padding:0px !important}.bg-text li span.bg-img-2 img:not(.icon){position:relative;z-index:1;width:85%;margin-left:-5px;margin-top:10px}.bg-text li span.bg-img-2 .icon{position:absolute;right:8.5px;top:-33px;z-index:1;width:32px}.bg-text li span.color-yellow{color:#ffc04a}.bg-text li span.color-purple{color:#695bd3}.bg-text li span.color-gray{color:#dcdcdc}.bg-text li span.color-white{color:#fff}.bg-text li span i.icon1{background:url(../images/aside1.png) no-repeat center;width:60px;height:100%;background-size:contain;display:inline-block;vertical-align:middle}.bg-text li span i.icon1.s{width:40px;height:40px;background-size:40px 40px}.bg-text li span i.icon2{background:url(../images/aside2.png) no-repeat center;width:70px;height:100%;background-size:contain;display:inline-block;vertical-align:middle}.btn-flex{display:flex;margin-top:50px}@media screen and (max-width: 1680px){.btn-flex{flex-wrap:wrap}}.btn-flex.center{justify-content:center}.btn-flex.end{justify-content:end}.btn-flex.space{justify-content:space-between}.btn-flex.space button{margin:10px 0}@media screen and (max-width: 1440px){.btn-flex.space button{margin:10px}}.btn-style{width:260px;height:65px;background:#695bd3;color:#ffc04a;font-size:23px;line-height:59px;position:relative;padding:0 20px;border:0;text-align:left;border:3px rgba(0,0,0,0) solid}@media screen and (max-width: 1024px){.btn-style{height:47px;line-height:41px;font-size:20px;padding:0 10px}.btn-style#preview-next{height:60px;line-height:60px}}.btn-style:after{content:" ";position:absolute;background:url(../images/arrow.png) no-repeat center;width:28px;height:26px;background-size:contain;display:inline-block;margin:auto;top:0;bottom:0;right:20px}@media screen and (max-width: 600px){.btn-style:after{width:20px}}@media screen and (max-width: 500px){.btn-style:after{right:10px}}.btn-style:hover{background:#ffc04a;color:#695bd3}.btn-style:hover:after{background:url(../images/arrow-hover.png) no-repeat;background-size:contain}.btn-style.save{width:110px;position:absolute;margin:auto !important;left:0;right:0;top:-80px}.btn-style.save:after{display:none}@media screen and (max-width: 1024px){.btn-style.save{top:auto;margin:10px auto !important}}@media screen and (max-width: 600px){.btn-style.save{padding:0 10px;width:90px}}.btn-style.next{width:160px;display:inline-block}@media screen and (max-width: 1680px){.btn-style.next{width:100%;order:1}}@media screen and (max-width: 1024px){.btn-style.next{width:160px;order:2}}@media screen and (max-width: 600px){.btn-style.next{width:120px;padding-right:40px;text-align:right}}.btn-style.back{width:160px;padding-left:60px;display:inline-block}@media screen and (max-width: 1680px){.btn-style.back{width:100%;order:2}}@media screen and (max-width: 1024px){.btn-style.back{width:160px;order:1}}@media screen and (max-width: 600px){.btn-style.back{width:120px;padding-left:40px;text-align:left}}.btn-style.back:after{content:" ";position:absolute;transform:rotate(180deg);top:0;bottom:0;left:20px;right:auto}@media screen and (max-width: 500px){.btn-style.back:after{left:10px}}header{display:flex;flex-wrap:wrap;align-items:center;position:relative;overflow:hidden;padding:52px 75px;min-height:230px}@media screen and (max-width: 1024px){header{display:block;padding:0}}header .header-left{width:420px;position:absolute;z-index:1;bottom:52px;left:75px}@media screen and (max-width: 1440px){header .header-left{transform:scale(0.9);transform-origin:left bottom}}@media screen and (max-width: 1300px){header .header-left{transform:scale(0.6)}}@media screen and (max-width: 1024px){header .header-left{transform:scale(1);width:100%;margin-bottom:30px;position:relative;left:auto;background:none;bottom:auto}}header .header-left .th{position:absolute;right:0;top:0;width:110px;height:60px;border-radius:100%;border:4px #ffc04a solid;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1024px){header .header-left .th{bottom:0;left:10px;top:auto;transform:scale(0.6);transform-origin:left bottom}}header .header-left .th:after{content:" ";background:url(../images/13th.png) no-repeat;width:73px;height:19px;background-size:73px 19px;display:inline-block}header .header-left .bg-text{overflow:hidden}@media screen and (max-width: 1024px){header .header-left .bg-text li{height:auto}}header .header-left .bg-text li span{font-size:48px}@media screen and (max-width: 1024px){header .header-left .bg-text li span{display:block;height:auto}}@media screen and (max-width: 1024px){header .header-left .bg-text li:nth-child(1){width:200.55px}}@media screen and (max-width: 600px){header .header-left .bg-text li:nth-child(1){width:30%}}header .header-left .bg-text li:nth-child(1) span{width:180px;background:#695bd3;color:#ffc04a;text-align:center;-webkit-animation:home_title1 3s;animation:home_title1 3s;position:relative}@media screen and (max-width: 1024px){header .header-left .bg-text li:nth-child(1) span{width:200.55px;line-height:1;padding-top:15px;padding-bottom:15px;background:#ffc04a;color:#695bd3;padding:10px 0px}}@media screen and (max-width: 600px){header .header-left .bg-text li:nth-child(1) span{padding:1.9vw 0px;font-size:8vw;width:100%}}header .header-left .bg-text li:nth-child(2){position:relative;z-index:1}@media screen and (max-width: 1024px){header .header-left .bg-text li:nth-child(2){padding-top:68px}}@media screen and (max-width: 600px){header .header-left .bg-text li:nth-child(2){padding-top:11.3665066936vw}}header .header-left .bg-text li:nth-child(2) span{width:100%;-webkit-animation:home_title2 3s;animation:home_title2 3s;position:absolute;top:0}@media screen and (max-width: 1024px){header .header-left .bg-text li:nth-child(2) span{width:100%}}header .header-left .bg-text li:nth-child(3){position:relative;z-index:0;text-align:right;margin-top:0px;padding-right:7px;right:-2px}header .header-left .bg-text li:nth-child(3) span{width:100%;-webkit-animation:home_title3 3s;animation:home_title3 3s;position:relative}@media screen and (max-width: 1024px){header .header-left .bg-text li:nth-child(3){padding-right:0px;margin-top:-1px;right:0px}}header .header-left .bg-text li span i.ydf{background:url(../images/ydf.png) no-repeat;width:100%;padding-top:60px;background-size:contain;display:inline-block}@media screen and (max-width: 1024px){header .header-left .bg-text li span i.ydf{position:absolute;left:200.55px;top:0;padding-top:68px;background:url(../images/mob-ydf.png) no-repeat;background-size:contain}}@media screen and (max-width: 600px){header .header-left .bg-text li span i.ydf{left:30vw;background-size:45vw;padding-top:11.3665066936vw}}header .header-left .bg-text li span i.yff{background:url(../images/yff.png) no-repeat right;width:100%;padding-top:60px;background-size:contain;display:inline-block}@media screen and (max-width: 1024px){header .header-left .bg-text li span i.yff{padding-top:68px;background:url(../images/mob-yff.png) no-repeat 402px;background-size:contain}}@media screen and (max-width: 600px){header .header-left .bg-text li span i.yff{background:url(../images/mob-yff.png) no-repeat 63.6vw 0;background-size:35vw;padding-top:11.7845117845vw}}header .header-right{width:320px;position:absolute;right:75px;bottom:52px}@media screen and (max-width: 1024px){header .header-right{width:71%;position:absolute;top:0;right:0px;padding:0 10px;height:50px;display:flex;align-items:center;bottom:auto}}@media screen and (max-width: 1024px){header .header-right .btn-flex{display:none}}header .header-right ul{width:100%;margin:30px 0 0 0}@media screen and (max-width: 1024px){header .header-right ul{margin-top:0px}}header .header-right ul li{width:100%;height:20px}@media screen and (max-width: 1024px){header .header-right ul li{height:30px}}header .header-right ul li .logo{position:relative;background:url(../images/logo.png) no-repeat right;background-size:contain;display:block;width:100%;height:100%}@media screen and (max-width: 1024px){header .header-right ul li .logo{width:200px;margin-left:auto}}header h2{text-align:center;font-size:40px;width:100%}@media screen and (max-width: 1024px){header h2{font-size:30px;margin-bottom:20px}}header p{width:calc(100% - 890px);max-width:665px;padding:0 10px;margin:40px auto 0px;text-align:center;font-size:20px}@media screen and (max-width: 1300px){header p{width:calc(100% - 650px);margin:20px auto 0px}}@media screen and (max-width: 1024px){header p{width:100%;font-size:14px;padding:0 45px}}@media screen and (max-width: 1024px){body.home>#root>.main{padding:0}}body.home>#root>.main>.container{padding:0px}@media screen and (max-width: 1024px){body.home>#root>.main>.container{padding-bottom:150px}}.draw-list{display:flex;flex-wrap:wrap;margin:50px 0;padding:0 60px}@media screen and (max-width: 1024px){.draw-list{padding:0 6px;margin:30px 0}}.draw-list a{width:25%;display:block;padding:0 15px;color:#000;margin-bottom:30px}@media screen and (max-width: 1024px){.draw-list a{width:50%;padding:0 6px;margin-bottom:12px}}.draw-list a figure{width:100%;padding-top:100%;margin:0;position:relative}.draw-list a figure img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.draw-list a .info{display:flex;justify-content:space-between;align-items:center;margin:15px 0}@media screen and (max-width: 600px){.draw-list a .info{margin:7px 0}}.draw-list a .info h3{font-size:20px;margin:0;font-weight:bold}@media screen and (max-width: 600px){.draw-list a .info h3{font-size:12px}}.draw-list a .info .share-num{display:flex;align-items:center}@media screen and (max-width: 600px){.draw-list a .info .share-num{font-size:12px}}.draw-list a .info .share-num .share{width:36px;height:30px;display:inline-block;margin-left:10px;background:url(../images/share-gray.png) no-repeat;background-size:contain}@media screen and (max-width: 1024px){.draw-list a .info .share-num .share{width:15px;height:15px}}.draw-list a .info .share-num .share.active{background:url(../images/share-pink.png) no-repeat;background-size:contain}.mob-block{display:none}@media screen and (max-width: 1140px){.mob-block{display:block}}body.work>#root>.main{padding:0}body.work>#root>.main>.container{width:100%}body.work .work-frame{position:relative}@media screen and (max-width: 1024px){body.work .work-frame{display:block;height:auto}}body.work .work-frame.page-frame{display:flex;height:auto}@media screen and (max-width: 1024px){body.work .work-frame.page-frame{display:block}}body.work .work-frame.page-frame .preview-frame{display:flex;align-items:center}@media screen and (max-width: 1024px){body.work .work-frame.page-frame .preview-frame{display:block}}body.work .work-frame.page-frame .preview-frame .draw-img-frame{width:calc(100% - 385px)}@media screen and (max-width: 1680px){body.work .work-frame.page-frame .preview-frame .draw-img-frame{width:75%}}@media screen and (max-width: 1024px){body.work .work-frame.page-frame .preview-frame .draw-img-frame{width:100%}}body.work .work-frame.page-frame .preview-frame .tool .preview{margin-bottom:0}body.work .work-frame.page-frame .painting>.home{top:20px}body.work .work-frame.page-frame .painting .draw{padding-bottom:0}body.work .work-frame.page-frame .painting .tool .preview{position:relative;height:auto}@media screen and (max-width: 1024px){body.work .work-frame.page-frame .painting .tool .preview{margin-bottom:30px}}body.work .work-frame.page-frame .painting .tool .preview .view-preview{position:relative;top:auto}body.work .work-frame.page-frame .painting .btn-flex{display:none;position:relative;bottom:auto}@media screen and (max-width: 1024px){body.work .work-frame.page-frame .painting .btn-flex{display:block}body.work .work-frame.page-frame .painting .btn-flex .btn-style.back{width:141px}}body.work .work-frame.start-page aside{display:block}body.work .work-frame .home{width:60px;height:60px;background:#695bd3;display:flex;position:absolute;top:50px;right:70px;justify-content:center;align-items:center;z-index:3;border:3px #695bd3 solid}body.work .work-frame .home:hover{background:#ffc04a;border-color:#ffc04a}body.work .work-frame .home:hover:after{background:url(../images/home-hover.png) no-repeat center;background-size:contain}@media screen and (max-width: 1200px){body.work .work-frame .home{width:40px;height:40px;top:10px;right:10px}}body.work .work-frame .home:after{content:" ";position:absolute;background:url(../images/home.png) no-repeat center;width:60%;height:60%;margin:auto;top:0;bottom:0;left:0;right:0;background-size:contain;display:block}@media screen and (max-width: 1024px){body.work .work-frame>.home{display:none}}body.work .work-frame:after{content:" ";display:block;height:0;clear:both;visibility:hidden}body.work .work-frame aside{width:360px;float:left}@media screen and (max-width: 1024px){body.work .work-frame aside{display:none}}body.work .work-frame aside.page-aside{position:relative}@media screen and (max-width: 1024px){body.work .work-frame aside.page-aside{display:none}}body.work .work-frame aside.page-aside .btn-flex{position:absolute;bottom:100px;right:0;left:0;margin:auto;width:160px}@media screen and (max-width: 1680px){body.work .work-frame aside{width:30%}}@media screen and (max-width: 1024px){body.work .work-frame aside{width:100%}}body.work .work-frame aside .aside_1 li:nth-child(1) span{font-size:40px}@media screen and (max-width: 1024px){body.work .work-frame aside .aside_1{padding-bottom:120px}body.work .work-frame aside .aside_1 li:nth-child(1) span{font-size:30px}}@media screen and (max-width: 1024px){body.work .work-frame aside .aside_2{display:none}}body.work .work-frame aside .aside_2 li:nth-child(1) span{font-size:40px}body.work .work-frame aside.mob-hide .bg-text li{width:100%;line-height:60px;height:60px}body.work .work-frame aside.mob-hide .bg-text li span{line-height:60px;height:60px;overflow:hidden}body.work .work-frame aside.mob-hide .bg-text li span.img-transform{margin-left:-15px}body.work .work-frame aside.mob-hide .bg-text li img{height:calc(100% - 5px);margin-top:2.5px}body.work .work-frame aside .bg-text{position:relative}body.work .work-frame aside .bg-text .th{position:absolute;right:0;bottom:60px;width:110px;height:60px;border-radius:100%;border:4px #ffc04a solid;display:flex;align-items:center;justify-content:center;transform:scale(0.8);transform-origin:right center}@media screen and (max-width: 1200px){body.work .work-frame aside .bg-text .th{transform:scale(0.8);transform-origin:right top}}@media screen and (max-width: 1024px){body.work .work-frame aside .bg-text .th{bottom:auto;top:51px;right:20px}}body.work .work-frame aside .bg-text .th:after{content:" ";background:url(../images/13th.png) no-repeat;width:73px;height:19px;background-size:73px 19px;display:inline-block}@media screen and (max-width: 1680px){body.work .work-frame aside .bg-text li{height:50px}}@media screen and (max-width: 1200px){body.work .work-frame aside .bg-text li{height:40px}}@media screen and (max-width: 1024px){body.work .work-frame aside .bg-text li{height:50px}}body.work .work-frame aside .bg-text li span{padding:0px 10px;line-height:60px;height:60px;text-align:center}@media screen and (max-width: 1680px){body.work .work-frame aside .bg-text li span{height:50px;line-height:50px}}@media screen and (max-width: 1200px){body.work .work-frame aside .bg-text li span{height:40px;line-height:40px}}@media screen and (max-width: 1024px){body.work .work-frame aside .bg-text li span{height:50px;line-height:50px}}@media screen and (max-width: 1024px){body.work .work-frame aside .bg-text li span{padding-right:10px}}@media screen and (max-width: 1024px){body.work .work-frame aside .bg-text li:nth-child(4) span{padding-right:39%}}@media screen and (max-width: 600px){body.work .work-frame aside .bg-text li:nth-child(4) span{padding-right:2.5%}}@media screen and (max-width: 1024px){body.work .work-frame aside .bg-text li.move{position:absolute;right:0}body.work .work-frame aside .bg-text li.move span{display:block}body.work .work-frame aside .bg-text li.move.move_1{bottom:170px;width:40%;position:absolute}body.work .work-frame aside .bg-text li.move.move_1 span::before{content:"";background-color:#ffc04a;position:absolute;top:-50px;right:0px;z-index:0;width:50px;height:50px}body.work .work-frame aside .bg-text li.move.move_1 .icon2{position:absolute;bottom:50px;background-color:#ffc04a;left:0}body.work .work-frame aside .bg-text li.move.move_2{bottom:120px;width:40%}body.work .work-frame aside .bg-text li.move.move_3{bottom:70px;width:30%}body.work .work-frame aside .bg-text li.move.move_4{bottom:20px;width:50%}}@media screen and (max-width: 400px){body.work .work-frame aside .bg-text li.move.move_1{width:155px}body.work .work-frame aside .bg-text li.move.move_2{width:155px}}body.work .work-frame aside p{display:none;font-size:20px;text-align:center;margin:30px 0}@media screen and (max-width: 1024px){body.work .work-frame aside p{display:block}}body.work .work-frame .painting{width:calc(100% - 360px);display:flex;align-items:flex-end;float:right;position:relative}@media screen and (max-width: 1680px){body.work .work-frame .painting{width:70%}}@media screen and (max-width: 1024px){body.work .work-frame .painting{width:100%;padding:20px 15px;display:block}}body.work .work-frame .painting>.home{display:none;width:45px;height:45px;right:15px;top:10px}@media screen and (max-width: 1024px){body.work .work-frame .painting>.home{display:flex}}body.work .work-frame .painting .draw{flex:1 0;margin:0 45px 0 90px;order:1;position:relative}@media screen and (max-width: 1440px){body.work .work-frame .painting .draw{margin:0 15px 0 30px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .draw{width:100%;margin:0;padding-bottom:200px}}body.work .work-frame .painting .draw p{font-size:20px;text-align:center;margin:80px 0}@media screen and (max-width: 1024px){body.work .work-frame .painting .draw p{display:none}}@media screen and (max-width: 1024px){body.work .work-frame .painting .draw p.preview-text{margin-bottom:50px;margin-top:95px}}body.work .work-frame .painting .draw .info{display:flex;justify-content:space-between;margin:15px 0;width:calc(100% - 455px)}@media screen and (max-width: 1680px){body.work .work-frame .painting .draw .info{width:75%;padding-right:25px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .draw .info{display:block;margin-bottom:65px;width:100%;padding:0}}body.work .work-frame .painting .draw .info p{font-size:30px;margin:60px 0}@media screen and (max-width: 1024px){body.work .work-frame .painting .draw .info p{display:block;text-align:center;margin:50px 0 15px 0;font-size:20px}}body.work .work-frame .painting .draw .info .share-num{display:flex;align-items:center;font-size:30px}@media screen and (max-width: 1024px){body.work .work-frame .painting .draw .info .share-num{justify-content:center}}body.work .work-frame .painting .draw .info .share-num .share{width:36px;height:30px;display:inline-block;margin-left:10px;background:url(../images/share-gray.png) no-repeat;background-size:36px 30px}body.work .work-frame .painting .draw .info .share-num .share.active{background:url(../images/share-pink.png) no-repeat;background-size:36px 30px}body.work .work-frame .painting .draw .draw-frame{padding-top:100%;width:100%;background-color:#ccc}body.work .work-frame .painting .draw .slide-text{position:absolute;width:100%;text-align:center;color:#ff5867;left:0;bottom:-40px}@media screen and (max-width: 1024px){body.work .work-frame .painting .draw .slide-text{bottom:160px}}body.work .work-frame .painting .tool{width:385px;position:relative;margin:0 45px;order:2}@media screen and (max-width: 1680px){body.work .work-frame .painting .tool{width:25%;margin:0 15px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool{width:100%;padding:0;margin:0;position:initial}}body.work .work-frame .painting .tool .note-text{color:#ff5867;display:none}body.work .work-frame .painting .tool .note-text.show{display:block}body.work .work-frame .painting .tool .step-title{display:flex;margin:30px auto;color:#695bd3;border-radius:100%;border:3px #695bd3 solid;width:115px;height:55px;align-items:center;justify-content:center;font-size:20px}body.work .work-frame .painting .tool .step2{display:none}body.work .work-frame .painting .tool .step3{display:none}body.work .work-frame .painting .tool .step4{display:none}body.work .work-frame .painting .tool .step5{display:none}body.work .work-frame .painting .tool .step6{display:none}@media screen and (max-width: 600px){body.work .work-frame .painting .tool .step p{font-size:20px}}body.work .work-frame .painting .tool .step1-bg{width:100%;margin-bottom:240px}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step1-bg{display:flex;margin-bottom:25px;margin-top:36px}}body.work .work-frame .painting .tool .step1-bg button{height:120px;border:0;width:100%}body.work .work-frame .painting .tool .step1-bg button.active{border:3px #695bd3 solid}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step1-bg button{height:160px}}body.work .work-frame .painting .tool .step1-bg button#bg-gray{background:#dcdddd}body.work .work-frame .painting .tool .step1-bg button#bg-black{background:#000}body.work .work-frame .painting .tool .step2-color{width:100%;display:flex;flex-wrap:wrap;margin-bottom:240px}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step2-color{flex-wrap:inherit;margin-top:36px;margin-bottom:25px}}body.work .work-frame .painting .tool .step2-color button{height:80px;border:0;width:100%;display:flex;background:rgba(0,0,0,0);padding:0}body.work .work-frame .painting .tool .step2-color button.active{border:3px #695bd3 solid}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step2-color button{height:160px;width:33.3333%}}body.work .work-frame .painting .tool .step2-color button>div{width:50%;height:100%}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step2-color button>div{height:100%}}body.work .work-frame .painting .tool .step2-color button#color1>div:nth-child(1){background:#ffc04a}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step2-color button#color1>div:nth-child(1){order:2}}body.work .work-frame .painting .tool .step2-color button#color1>div:nth-child(2){background:#695bd3}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step2-color button#color1>div:nth-child(2){order:1}}body.work .work-frame .painting .tool .step2-color button#color2>div:nth-child(1){background:#f99fd7}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step2-color button#color2>div:nth-child(1){order:2}}body.work .work-frame .painting .tool .step2-color button#color2>div:nth-child(2){background:#00973a}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step2-color button#color2>div:nth-child(2){order:1}}body.work .work-frame .painting .tool .step2-color button#color3>div:nth-child(1){background:#2ecddc}body.work .work-frame .painting .tool .step2-color button#color3>div:nth-child(2){background:#ff5867}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step2-color button#color3{order:4}}@media screen and (max-width: 1680px)and (min-width: 1025px){body.work .work-frame .painting .tool .step3 .btn-flex{position:relative;margin-top:0px}body.work .work-frame .painting .tool .step3 .btn-style.save{position:relative;top:0px;margin:10px auto !important}}body.work .work-frame .painting .tool .step3-input{margin-bottom:240px}@media screen and (max-width: 1680px){body.work .work-frame .painting .tool .step3-input{margin-bottom:0px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step3-input{margin-bottom:25px;margin-top:36px}}body.work .work-frame .painting .tool .step3-input .type{display:flex;margin-bottom:30px}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step3-input .type{margin-bottom:2px}}body.work .work-frame .painting .tool .step3-input .type [type=text]{flex:1 0;background:#dcdcdc;border:0;width:100%}body.work .work-frame .painting .tool .step3-input .type .arrow-l{background:#695bd3;width:62px;height:62px;display:block;border:0;position:relative}@media screen and (max-width: 1440px){body.work .work-frame .painting .tool .step3-input .type .arrow-l{width:40px;height:40px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step3-input .type .arrow-l{width:50px;height:50px}}body.work .work-frame .painting .tool .step3-input .type .arrow-l:after{content:" ";position:absolute;background:url(../images/arrow.png) no-repeat;width:28px;height:26px;background-size:28px 26px;display:block;margin:auto;top:0;bottom:0;right:0;left:0;transform:rotate(180deg)}body.work .work-frame .painting .tool .step3-input .type .arrow-r{background:#695bd3;width:62px;height:62px;display:block;border:0;position:relative}@media screen and (max-width: 1440px){body.work .work-frame .painting .tool .step3-input .type .arrow-r{width:40px;height:40px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step3-input .type .arrow-r{width:50px;height:50px}}body.work .work-frame .painting .tool .step3-input .type .arrow-r:after{content:" ";position:absolute;background:url(../images/arrow.png) no-repeat;width:28px;height:26px;background-size:28px 26px;display:block;margin:auto;top:0;bottom:0;right:0;left:0}body.work .work-frame .painting .tool .step4-voice{margin-bottom:160px}@media screen and (max-width: 1440px){body.work .work-frame .painting .tool .step4-voice{margin-bottom:190px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step4-voice{display:flex;margin-bottom:25px;margin-top:36px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step4-voice .type-voice{width:65%}}body.work .work-frame .painting .tool .step4-voice .type-voice .pc-voice{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:60px}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step4-voice .type-voice .pc-voice{display:none}}body.work .work-frame .painting .tool .step4-voice .type-voice button{width:32%;padding-top:32%;margin-bottom:10px;border:1px rgba(0,0,0,0) solid}body.work .work-frame .painting .tool .step4-voice .type-voice button.active{border:3px #695bd3 solid;outline-offset:3px !important}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step4-voice .type-voice button{margin-bottom:0}}body.work .work-frame .painting .tool .step4-voice .type-voice #voice1{background:url(../images/voice1.png) no-repeat;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #voice2{background:url(../images/voice2.png) no-repeat;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #voice3{background:url(../images/voice3.png) no-repeat;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #voice4{background:url(../images/voice4.png) no-repeat;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #voice5{background:url(../images/voice5.png) no-repeat;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #voice6{background:url(../images/voice6.png) no-repeat;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #mob-voice1{background:url(../images/voice1.png) no-repeat center;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #mob-voice2{background:url(../images/voice2.png) no-repeat center;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #mob-voice3{background:url(../images/voice3.png) no-repeat center;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #mob-voice4{background:url(../images/voice4.png) no-repeat center;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #mob-voice5{background:url(../images/voice5.png) no-repeat center;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice #mob-voice6{background:url(../images/voice6.png) no-repeat center;background-size:contain;background-color:#dcdcdc}body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice{width:100%;height:100%;display:none;padding:0 30px;position:relative}body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice .swiper{width:100%;height:100%}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice{display:block}}body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice .swiper-button-next,body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice .swiper-button-prev{color:#dcdcdc;position:absolute;margin:auto;top:0;bottom:0}body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice .swiper-button-next{right:0;width:30px;height:30px}body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice .swiper-button-next:after{font-size:20px}body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice .swiper-button-prev{left:0;width:30px;height:30px}body.work .work-frame .painting .tool .step4-voice .type-voice .mob-voice .swiper-button-prev:after{font-size:20px}body.work .work-frame .painting .tool .step4-voice .type-voice .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;align-items:center;justify-content:center}body.work .work-frame .painting .tool .step4-voice .type-voice .swiper-slide button{width:90%;padding-top:90%}body.work .work-frame .painting .tool .step4-voice .type-set{display:flex}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step4-voice .type-set{width:35%;flex-wrap:wrap;justify-content:space-between;align-content:inherit;padding-left:30px}}body.work .work-frame .painting .tool .step4-voice .type-set button{width:16.66%;padding-top:16.66%;background:#695bd3;border:0;position:relative}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step4-voice .type-set button{width:47%;padding-top:47%;margin:5px 0}}body.work .work-frame .painting .tool .step4-voice .type-set button:hover{background:#ffc04a;border-color:#ffc04a}body.work .work-frame .painting .tool .step4-voice .type-set button:hover.volume:after{background:url(../images/volume-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .step4-voice .type-set button:hover.top:after{background:url(../images/arrow-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .step4-voice .type-set button:hover.down:after{background:url(../images/arrow-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .step4-voice .type-set button:hover.left:after{background:url(../images/arrow-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .step4-voice .type-set button:hover.right:after{background:url(../images/arrow-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .step4-voice .type-set button:hover.reset:after{background:url(../images/reset-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .step4-voice .type-set button:after{position:absolute;width:50%;height:70%;top:0;left:0;margin:auto;bottom:0;right:0}body.work .work-frame .painting .tool .step4-voice .type-set button.volume:after{content:" ";background:url(../images/volume.png) no-repeat;background-size:contain;background-position:center;display:block}body.work .work-frame .painting .tool .step4-voice .type-set button.top:after{content:" ";background:url(../images/arrow.png) no-repeat;background-size:contain;background-position:center;transform:rotate(-90deg);display:block}body.work .work-frame .painting .tool .step4-voice .type-set button.down:after{content:" ";background:url(../images/arrow.png) no-repeat;background-size:contain;background-position:center;transform:rotate(90deg);display:block}body.work .work-frame .painting .tool .step4-voice .type-set button.left:after{content:" ";background:url(../images/arrow.png) no-repeat;background-size:contain;background-position:center;transform:rotate(180deg);display:block}body.work .work-frame .painting .tool .step4-voice .type-set button.right:after{content:" ";background:url(../images/arrow.png) no-repeat;background-size:contain;background-position:center;display:block}body.work .work-frame .painting .tool .step4-voice .type-set button.reset:after{content:" ";background:url(../images/reset.png) no-repeat;background-size:contain;background-position:center;display:block}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step4-voice .type-set button.top{order:1}body.work .work-frame .painting .tool .step4-voice .type-set button.volume{order:2}body.work .work-frame .painting .tool .step4-voice .type-set button.down{order:3}body.work .work-frame .painting .tool .step4-voice .type-set button.reset{order:4}body.work .work-frame .painting .tool .step4-voice .type-set button.left{order:5}body.work .work-frame .painting .tool .step4-voice .type-set button.right{order:6}}body.work .work-frame .painting .tool .step5-finish{margin-bottom:290px}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step5-finish{margin-bottom:25px;margin-top:30px}}body.work .work-frame .painting .tool .step5-finish [type=radio]{position:absolute;left:-9999px}body.work .work-frame .painting .tool .step5-finish [type=radio]+label{position:relative;padding-left:45px;cursor:pointer;line-height:40px;display:inline-block;color:#0c0c0c;font-weight:normal;margin:0 10px;font-size:20px}@media screen and (max-width: 1440px){body.work .work-frame .painting .tool .step5-finish [type=radio]+label{font-size:14px;padding-left:30px;margin:0 5px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step5-finish [type=radio]+label{padding-left:57px;margin:0 10px;font-size:20px;padding-left:45px}}body.work .work-frame .painting .tool .step5-finish [type=radio]+label:before{content:"";position:absolute;left:0;top:0px;width:40px;height:40px;background:#dcdcdc;border-radius:50%;box-sizing:border-box}@media screen and (max-width: 1440px){body.work .work-frame .painting .tool .step5-finish [type=radio]+label:before{width:20px;height:20px;top:10px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step5-finish [type=radio]+label:before{top:0px;width:40px;height:40px}}body.work .work-frame .painting .tool .step5-finish [type=radio]+label:after{content:"";background:#0c0c0c;position:absolute;transition:all .2s ease;opacity:0;transform:scale(0);width:20px;height:20px;top:6px;left:6px;border-radius:0}body.work .work-frame .painting .tool .step5-finish [type=radio]:checked+label:after{opacity:1;transform:scale(1)}body.work .work-frame .painting .tool .step5-finish [type=radio]+label:before{border-radius:100%}body.work .work-frame .painting .tool .step5-finish [type=radio]+label:after{border-radius:100%;width:25px;height:25px;top:7px;left:8px}@media screen and (max-width: 1440px){body.work .work-frame .painting .tool .step5-finish [type=radio]+label:after{width:13px;height:13px;top:13px;left:4px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step5-finish [type=radio]+label:after{width:25px;height:25px;top:7px;left:8px}}body.work .work-frame .painting .tool .step5-finish [type=text]{width:100%;background:#dcdcdc;height:60px;border:0}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .step5-finish [type=text]{margin-top:20px}}body.work .work-frame .painting .tool .preview{margin-bottom:240px}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .preview{position:absolute;bottom:0;left:0;width:100%;height:300px;z-index:2}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .preview.step6{bottom:-300px}}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .preview .view-preview{display:flex;justify-content:center;position:absolute;width:100%;top:65px}}body.work .work-frame .painting .tool .preview .view-preview .share-btn>button{margin-bottom:5px}body.work .work-frame .painting .tool .preview .view-preview .share-btn>div{display:none}body.work .work-frame .painting .tool .preview .view-preview .share-btn>div button{margin:5px auto}body.work .work-frame .painting .tool .preview .view-preview button{height:60px;width:60px;background:#695bd3;border:3px #695bd3 solid;display:flex;align-items:center;justify-content:center;margin:20px auto;position:relative}@media screen and (max-width: 1024px){body.work .work-frame .painting .tool .preview .view-preview button{width:50px;height:50px;margin:20px}}body.work .work-frame .painting .tool .preview .view-preview button:hover{background:#ffc04a;border-color:#ffc04a}body.work .work-frame .painting .tool .preview .view-preview button:hover.voice:after{background:url(../images/volume-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button:hover.download:after{background:url(../images/download-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button:hover.upload:after{background:url(../images/upload-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button:hover.fb-share:after{background:url(../images/fb-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button:hover.line-share:after{background:url(../images/line-hover.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button:after{content:" ";width:70%;height:70%;display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}body.work .work-frame .painting .tool .preview .view-preview button.voice:after{background:url(../images/volume.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button.share:after{background:url(../images/share.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button.download:after{background:url(../images/download.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button.upload:after{background:url(../images/upload.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button.fb-share:after{background:url(../images/fb.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .view-preview button.line-share:after{background:url(../images/line.png) no-repeat center;background-size:contain}body.work .work-frame .painting .tool .preview .btn-flex{bottom:0px;z-index:2;width:100%;left:0}@media screen and (max-width: 600px){body.work .work-frame .painting .tool .preview .btn-flex{bottom:50px}}body.work .work-frame .painting .btn-flex{position:absolute;bottom:0;right:0;width:100%;text-align:center;z-index:2}@media screen and (max-width: 1440px){body.work .work-frame .painting .btn-flex{width:100%}}@media screen and (max-width: 1024px){body.work .work-frame .painting .btn-flex{bottom:110px}}.aside1-shake{-webkit-animation:aside1Shake 3s;animation:aside1Shake 3s;position:relative}.aside2-shake{-webkit-animation:aside2Shake 3s;animation:aside2Shake 3s;position:relative;font-size:40px !important}.aside3-shake{-webkit-animation:aside3Shake 3s;animation:aside3Shake 3s;position:relative}.aside4-shake{-webkit-animation:aside4Shake 3s;animation:aside4Shake 3s;position:relative}.aside5-shake{-webkit-animation:aside5Shake 3s;animation:aside5Shake 3s;position:relative}.aside6-shake{-webkit-animation:aside6Shake 3s;animation:aside6Shake 3s;position:relative}.aside7-shake{-webkit-animation:aside7Shake 3s;animation:aside7Shake 3s;position:relative;font-size:40px !important;padding-right:7px !important}.aside8-shake{-webkit-animation:aside8Shake 3s;animation:aside8Shake 3s;position:relative}.aside9-shake{-webkit-animation:aside9Shake 3s;animation:aside9Shake 3s;position:relative}.aside10-shake{-webkit-animation:aside10Shake 3s;animation:aside10Shake 3s;position:relative}.aside11-shake{-webkit-animation:aside11Shake 3s;animation:aside11Shake 3s;position:relative}.aside12-shake{-webkit-animation:aside12Shake 3s;animation:aside12Shake 3s;position:relative;font-size:40px !important}.aside13-shake{-webkit-animation:aside13Shake 3s;animation:aside13Shake 3s;position:relative}.aside14-shake{-webkit-animation:aside14Shake 3s;animation:aside14Shake 3s;position:relative}.aside15-shake{-webkit-animation:aside15Shake 3s;animation:aside15Shake 3s;position:relative}.aside16-shake{-webkit-animation:aside16Shake 3s;animation:aside16Shake 3s;position:relative}.aside17-shake{-webkit-animation:aside17Shake 3s;animation:aside17Shake 3s;position:relative;font-size:40px !important}.aside18-shake{-webkit-animation:aside18Shake 3s;animation:aside18Shake 3s;position:relative}.aside19-shake{-webkit-animation:aside19Shake 3s;animation:aside19Shake 3s;position:relative}.aside20-shake{-webkit-animation:aside20Shake 3s;animation:aside20Shake 3s;position:relative}@-webkit-keyframes aside1Shake{0%{left:50px}25%{left:10px}50%{left:50px}75%{left:10px}100%{left:0px}}@keyframes aside1Shake{0%{left:50px}25%{left:10px}50%{left:50px}75%{left:10px}100%{left:0px}}@-webkit-keyframes aside2Shake{0%{left:0px}25%{left:50px}50%{left:0px}75%{left:50px}100%{left:0px}}@keyframes aside2Shake{0%{left:0px}25%{left:50px}50%{left:0px}75%{left:50px}100%{left:0px}}@-webkit-keyframes aside3Shake{0%{left:30px}25%{left:0px}50%{left:30px}75%{left:20px}100%{left:0px}}@keyframes aside3Shake{0%{left:30px}25%{left:0px}50%{left:30px}75%{left:20px}100%{left:0px}}@-webkit-keyframes aside4Shake{0%{left:0px}25%{left:70px}50%{left:0px}75%{left:70px}100%{left:0px}}@keyframes aside4Shake{0%{left:0px}25%{left:70px}50%{left:0px}75%{left:70px}100%{left:0px}}@-webkit-keyframes aside5Shake{0%{left:50px}25%{left:0px}50%{left:50px}75%{left:4px}100%{left:0px}}@keyframes aside5Shake{0%{left:50px}25%{left:0px}50%{left:50px}75%{left:4px}100%{left:0px}}@-webkit-keyframes aside6Shake{0%{left:0px}25%{left:60px}50%{left:0px}75%{left:60px}100%{left:0px}}@keyframes aside6Shake{0%{left:0px}25%{left:60px}50%{left:0px}75%{left:60px}100%{left:0px}}@-webkit-keyframes aside7Shake{0%{left:20px}25%{left:50px}50%{left:20px}75%{left:50px}100%{left:0px}}@keyframes aside7Shake{0%{left:20px}25%{left:50px}50%{left:20px}75%{left:50px}100%{left:0px}}@-webkit-keyframes aside8Shake{0%{left:40px}25%{left:70px}50%{left:40px}75%{left:70px}100%{left:0px}}@keyframes aside8Shake{0%{left:40px}25%{left:70px}50%{left:40px}75%{left:70px}100%{left:0px}}@-webkit-keyframes aside9Shake{0%{left:0px}25%{left:30px}50%{left:0px}75%{left:30px}100%{left:0px}}@keyframes aside9Shake{0%{left:0px}25%{left:30px}50%{left:0px}75%{left:30px}100%{left:0px}}@-webkit-keyframes aside10Shake{0%{left:50px}25%{left:10px}50%{left:50px}75%{left:10px}100%{left:0px}}@keyframes aside10Shake{0%{left:50px}25%{left:10px}50%{left:50px}75%{left:10px}100%{left:0px}}@-webkit-keyframes aside11Shake{0%{right:60px}25%{right:30px}50%{right:60px}75%{right:30px}100%{right:0px}}@keyframes aside11Shake{0%{right:60px}25%{right:30px}50%{right:60px}75%{right:30px}100%{right:0px}}@-webkit-keyframes aside12Shake{0%{right:0px}25%{right:60px}50%{right:0px}75%{right:60px}100%{right:0px}}@keyframes aside12Shake{0%{right:0px}25%{right:60px}50%{right:0px}75%{right:60px}100%{right:0px}}@-webkit-keyframes aside13Shake{0%{right:50px}25%{right:0px}50%{right:50px}75%{right:30px}100%{right:0px}}@keyframes aside13Shake{0%{right:50px}25%{right:0px}50%{right:50px}75%{right:30px}100%{right:0px}}@-webkit-keyframes aside14Shake{0%{right:0px}25%{right:30px}50%{right:0px}75%{right:20px}100%{right:0px}}@keyframes aside14Shake{0%{right:0px}25%{right:30px}50%{right:0px}75%{right:20px}100%{right:0px}}@-webkit-keyframes aside15Shake{0%{right:60px}25%{right:0px}50%{right:60px}75%{right:3px}100%{right:0px}}@keyframes aside15Shake{0%{right:60px}25%{right:0px}50%{right:60px}75%{right:3px}100%{right:0px}}@-webkit-keyframes aside16Shake{0%{right:0px}25%{right:30px}50%{right:0px}75%{right:20px}100%{right:0px}}@keyframes aside16Shake{0%{right:0px}25%{right:30px}50%{right:0px}75%{right:20px}100%{right:0px}}@-webkit-keyframes aside17Shake{0%{right:10px}25%{right:30px}50%{right:10px}75%{right:30px}100%{right:0px}}@keyframes aside17Shake{0%{right:10px}25%{right:30px}50%{right:10px}75%{right:30px}100%{right:0px}}@-webkit-keyframes aside18Shake{0%{right:20px}25%{right:50px}50%{right:20px}75%{right:50px}100%{right:20px}}@keyframes aside18Shake{0%{right:20px}25%{right:50px}50%{right:20px}75%{right:50px}100%{right:20px}}@-webkit-keyframes aside19Shake{0%{right:20px}25%{right:80px}50%{right:20px}75%{right:80px}100%{right:0px}}@keyframes aside19Shake{0%{right:20px}25%{right:80px}50%{right:20px}75%{right:80px}100%{right:0px}}@-webkit-keyframes aside20Shake{0%{right:40px}25%{right:0px}50%{right:40px}75%{right:20px}100%{right:0px}}@keyframes aside20Shake{0%{right:40px}25%{right:0px}50%{right:40px}75%{right:20px}100%{right:0px}}@-webkit-keyframes mob_aside1Shake{0%{left:40px}25%{left:0px}50%{left:40px}75%{left:20px}100%{left:0px}}@keyframes mob_aside1Shake{0%{left:40px}25%{left:0px}50%{left:40px}75%{left:20px}100%{left:0px}}@-webkit-keyframes mob_aside2Shake{0%{left:0px}25%{left:50px}50%{left:0px}75%{left:30px}100%{left:0px}}@keyframes mob_aside2Shake{0%{left:0px}25%{left:50px}50%{left:0px}75%{left:30px}100%{left:0px}}@-webkit-keyframes mob_aside3Shake{0%{left:40px}25%{left:10px}50%{left:0px}75%{left:10px}100%{left:0px}}@keyframes mob_aside3Shake{0%{left:40px}25%{left:10px}50%{left:0px}75%{left:10px}100%{left:0px}}@-webkit-keyframes mob_aside4Shake{0%{left:0px}25%{left:20px}50%{left:0px}75%{left:50px}100%{left:0px}}@keyframes mob_aside4Shake{0%{left:0px}25%{left:20px}50%{left:0px}75%{left:50px}100%{left:0px}}@-webkit-keyframes mob_aside5Shake{0%{left:20px}25%{left:0px}50%{left:30px}75%{left:10px}100%{left:0px}}@keyframes mob_aside5Shake{0%{left:20px}25%{left:0px}50%{left:30px}75%{left:10px}100%{left:0px}}@-webkit-keyframes mob_aside6Shake{0%{left:0px}25%{left:10px}50%{left:20px}75%{left:10px}100%{left:0px}}@keyframes mob_aside6Shake{0%{left:0px}25%{left:10px}50%{left:20px}75%{left:10px}100%{left:0px}}@-webkit-keyframes mob_aside7Shake{0%{right:50px}25%{right:0px}50%{right:30px}75%{right:20px}100%{right:0px}}@keyframes mob_aside7Shake{0%{right:50px}25%{right:0px}50%{right:30px}75%{right:20px}100%{right:0px}}@-webkit-keyframes mob_aside8Shake{0%{right:0px}25%{right:10px}50%{right:30px}75%{right:50px}100%{right:0px}}@keyframes mob_aside8Shake{0%{right:0px}25%{right:10px}50%{right:30px}75%{right:50px}100%{right:0px}}@-webkit-keyframes mob_aside9Shake{0%{right:10px}25%{right:0px}50%{right:50px}75%{right:10px}100%{right:0px}}@keyframes mob_aside9Shake{0%{right:10px}25%{right:0px}50%{right:50px}75%{right:10px}100%{right:0px}}@-webkit-keyframes mob_aside10Shake{0%{right:0px}25%{right:30px}50%{right:40px}75%{right:30px}100%{right:0px}}@keyframes mob_aside10Shake{0%{right:0px}25%{right:30px}50%{right:40px}75%{right:30px}100%{right:0px}}@-webkit-keyframes home_title1{0%{left:0px}25%{left:50px}50%{left:60px}75%{left:40px}100%{left:0px}}@keyframes home_title1{0%{left:0px}25%{left:50px}50%{left:60px}75%{left:40px}100%{left:0px}}@-webkit-keyframes home_title2{0%{left:0px}25%{left:20px}50%{left:40px}75%{left:30px}100%{left:0px}}@keyframes home_title2{0%{left:0px}25%{left:20px}50%{left:40px}75%{left:30px}100%{left:0px}}@-webkit-keyframes home_title3{0%{right:0px}25%{right:30px}50%{right:40px}75%{right:30px}100%{right:0px}}@keyframes home_title3{0%{right:0px}25%{right:30px}50%{right:40px}75%{right:30px}100%{right:0px}}@media screen and (max-width: 1024px){.mob-hide{display:none}}.start-page{font-family:"termina",sans-serif !important}.start-page .Noto_Sans_TC{font-family:"heisei-kaku-gothic-std","source-han-sans-traditional,",sans-serif;font-style:normal;font-weight:700}.start-page aside{min-height:100vh}.start-page aside ul li span{position:relative}.start-page aside ul li:nth-child(1) span{-webkit-animation:mob_aside1Shake 3s;animation:mob_aside1Shake 3s}.start-page aside ul li:nth-child(2) span{-webkit-animation:mob_aside2Shake 3s;animation:mob_aside2Shake 3s;font-size:38px}@media screen and (max-width: 400px){.start-page aside ul li:nth-child(2) span{font-size:30px}}.start-page aside ul li:nth-child(3) span{-webkit-animation:mob_aside3Shake 3s;animation:mob_aside3Shake 3s}.start-page aside ul li:nth-child(4) span{-webkit-animation:mob_aside4Shake 3s;animation:mob_aside4Shake 3s}.start-page aside ul li:nth-child(5) span{-webkit-animation:mob_aside5Shake 3s;animation:mob_aside5Shake 3s}.start-page aside ul li:nth-child(6) span{-webkit-animation:mob_aside6Shake 3s;animation:mob_aside6Shake 3s}.start-page aside ul li:nth-child(7) span{-webkit-animation:mob_aside7Shake 3s;animation:mob_aside7Shake 3s;font-size:35px}@media screen and (max-width: 400px){.start-page aside ul li:nth-child(7) span{font-size:30px}}.start-page aside ul li:nth-child(8) span{-webkit-animation:mob_aside8Shake 3s;animation:mob_aside8Shake 3s}.start-page aside ul li:nth-child(9) span{-webkit-animation:mob_aside9Shake 3s;animation:mob_aside9Shake 3s}.start-page aside ul li:nth-child(10) span{-webkit-animation:mob_aside10Shake 3s;animation:mob_aside10Shake 3s}.start-page .start-btn{width:30px;height:30px;display:block;margin:auto;position:absolute;margin:auto;bottom:0;left:0;right:0;-webkit-animation:startBtn 1.5s infinite ease-in;animation:startBtn 1.5s infinite ease-in}.start-page .start-btn:after{content:" ";background:url(../images/arrow.png) center no-repeat;background-size:28px 26px;transform:rotate(90deg);display:block;width:30px;height:30px}@-webkit-keyframes startBtn{0%{bottom:50px}100%{bottom:30px}}@keyframes startBtn{0%{bottom:50px}100%{bottom:30px}}.preview-text{display:none}.slide-text{display:none}.draw-img{width:100%}@media screen and (max-width: 1024px){.draw-img{margin-bottom:45px}}.save{text-align:center}.fixed{position:fixed;background:#fff;width:100%;bottom:0;left:0;padding:44px 0}@media screen and (max-width: 1024px){.fixed .btn-style{height:60px;line-height:60px;font-size:20px}}@media screen and (max-width: 1024px){.more.btn-style{height:60px;line-height:60px;font-size:20px}}.more.btn-style:hover{color:#695bd3 !important}@media screen and (max-width: 1024px){.upload-finish{display:flex;justify-content:center}}.share-num-text{font-family:"termina",sans-serif}.hint-text{position:relative}@media screen and (max-width: 1024px){.hint-text .note-text{position:absolute;top:28px;margin:auto;left:0;right:0}}.swal-icon--success__ring{border:4px solid #fff}.swal-icon--success{border-color:#fff}.swal-icon--success__line{background-color:#ffc04a}.swal-title,.swal-text{color:#695bd3}.swal-footer{text-align:center}.swal-button{background-color:#695bd3;color:#ffc04a}.swal-button:focus{box-shadow:none;background-color:#695bd3}.swal-button:hover{background-color:#695bd3}.swal-button:not([disabled]):hover{background-color:#695bd3}