.puzzle_home{width:64px;height:53px;position:absolute;left:-12%;top:7%;transform:translateX(-50%);}.puzzle_home img{width:100%;}.puzzle_home:hover{cursor:url(../images/hand_cursor.svg),auto;}.puzzle_home:hover img{animation:fade_1 1s linear;}.puzzle_refrech{width:65px;height:55px;position:absolute;z-index:1;bottom:18%;right:-128px;transform:translateX(-50%);}.puzzle_refrech img{width:100%;}.puzzle_refrech:hover{cursor:url(../images/hand_cursor.svg),auto;}.puzzle_refrech:hover img{animation:fade_1 1s linear;}.palette-item{transition:transform .2s ease;}.palette-item:hover{transform:scale(1.1);}.tool-btn{transition:all .2s ease;}.tool-btn:hover{transform:scale(1.05);}.svg-shape{cursor:url(../images/cursor_pen.png),auto;transition:all .2s ease;}.svg-shape:hover{stroke:#333;stroke-width:1;}.active-shape{stroke:#ff6b6b;stroke-width:2;filter:drop-shadow(0 0 2px rgba(255,107,107,.8));}.colour_box{position:relative;width:100%;overflow:hidden;height:95vh;padding-top:50px;background:url(../images/colour_bg.png) center center;background-size:cover;}.colour_box .colour_head{display:none;}.colour_box .colour_share{display:none;}.colour_box .colour_content{width:70%;max-width:1045px;height:561px;margin:60px auto 0;position:relative;}.colour_box .colour_content .colour_key{display:block;}.colour_box .colour_content .colour_icon1,.colour_box .colour_content .colour_icon2{width:419px;height:31px;position:absolute;top:-10px;left:8%;}.colour_box .colour_content .colour_icon2{left:50%;}.colour_box .colour_content .colour_icon3{width:53px;height:43px;position:absolute;right:-7%;top:14%;}.colour_box .colour_content .colour_icon4{width:47px;height:44px;position:absolute;right:-6%;top:4%;}.colour_box .colour_content .colour_icon5{width:35px;height:54px;position:absolute;left:-5%;top:76%;}.colour_box .colour_content .rounded-lg{cursor:url(../images/cursor_pen.svg),auto;}.colour_box .colour_content svg{width:100%;height:100%;}.colour_box .colour_content #color_people{left:56%;top:57%;transform:translate(-50%,-50%);position:absolute;width:457px;height:302px;}.colour_box .colour_content .peocolour{display:flex;}.colour_box .complet_down{width:21%;right:-21%;max-width:210px;height:82px;border:4px solid #ffa500;border-radius:32px;background:#ffda86 url(../images/down_bg1.svg) no-repeat;background-size:cover;position:absolute;right:-240px;bottom:0;display:flex;justify-content:center;align-items:center;}.colour_box .complet_down #downloadBtn{width:100%;height:100%;}.colour_box .complet_down .down_bg2{width:100%;position:absolute;left:0;bottom:0;}.colour_box .complet_down .down_txt{width:148px;height:57px;margin:0 auto;position:relative;}.colour_box .complet_down:hover{cursor:url(../images/hand_cursor.svg),auto;animation:fade_1 1s linear;}.colour_box .colour_pen{width:1422px;height:125px;display:flex;justify-content:space-between;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);}.colour_box .colour_pen .palette-item{width:57px;height:100%;padding:0 5px;transition:all ease-in-out 300ms;}.colour_box .colour_pen .palette-item img{width:100%;height:100%;}.colour_box .colour_pen .palette-item:hover{transform:translateY(-10%);}.colour_box .colour_pen .palette-item.sele{transform:translateY(-10%);}.colour_box .col4{background:#fff;}.colour_box .col4 .colour_icon1,.colour_box .col4 .colour_icon2{width:385px;left:12%;}.colour_box .col4 .colour_icon2{left:52%;}.c2_box{border-radius:13px;height:561px;}@media screen and (min-width:1600px){#Master #Logo{top:.88vw;left:2.063vw;}.puzzle_home{width:4vw;height:3.313vw;left:-7%;top:12%;}.puzzle_refrech{width:4.063vw;height:3.438vw;right:-8vw;}.colour_box{padding-top:0;}.colour_box .colour_content{max-width:63.313vw;height:35.063vw;padding:0;margin:3vw auto 0;}.colour_box .colour_content .colour_icon1,.colour_box .colour_content .colour_icon2{width:26.188vw;height:1.938vw;top:-.125vw;}.colour_box .colour_content .colour_icon3{width:3.313vw;height:2.688vw;}.colour_box .colour_content .colour_icon4{width:2.938vw;height:2.75vw;}.colour_box .colour_content .colour_icon5{width:2.188vw;height:3.375vw;}.colour_box .colour_content #color_people{width:28.563vw;height:18.875vw;}.colour_box .complet_down{max-width:13.125vw;height:5.125vw;border:.25vw solid #ffa500;border-radius:2vw;right:-15vw;}.colour_box .complet_down .down_txt{width:9.25vw;height:3.563vw;}.colour_box .colour_pen{width:88.875vw;height:7.813vw;bottom:-2.5vw;}.colour_box .colour_pen .palette-item{width:3.563vw;}.colour_box .col4 .colour_icon1,.colour_box .col4 .colour_icon2{width:24.188vw;top:-.75vw;}.c2_box{border-radius:.813vw;height:35.063vw;}}@media screen and (max-width:1480px){.puzzle_home{top:11%;}.c2_box{height:auto;}.puzzle_refrech{bottom:24%;right:-112px;}.colour_box{padding-top:50px;}.colour_box .colour_content{margin:0 auto 0;width:68%;}.colour_box .colour_content .colour_icon1,.colour_box .colour_content .colour_icon2{top:-12px;}.colour_box .colour_content svg{width:100%;height:auto;}.colour_box .colour_pen{width:100%;max-width:1280px;height:108px;}.colour_box .complet_down{right:-200px;max-width:188px;height:72px;bottom:7%;}.colour_box .complet_down .down_txt{width:123px;height:auto;}.colour_box .col4{padding:0 7%;height:auto;}}@media screen and (max-width:1280px){.preview{display:none;}.puzzle_refrech{right:-100px;}.c2_box{height:auto;width:100%;margin:20px auto 0;}.colour_box{padding-top:45px;}.colour_box .colour_head{display:block;}.colour_box .colour_head .colour_head_title{width:92%;margin:0 auto;color:#000;font-family:"Raleway-ExtraBold";font-size:38px;line-height:42px;text-align:center;padding-bottom:10px;}.colour_box .colour_head .colour_head_tips{margin:0 auto;max-width:445px;color:#000;font-family:"Raleway-SemiBold";font-size:16px;line-height:22px;}.colour_box .colour_content{width:70%;height:auto;}.colour_box .colour_content .complet_down{right:-152px;max-width:175px;height:60px;bottom:0%;}.colour_box .colour_content .complet_down .down_txt{width:110px;}.colour_box .colour_content .colour_icon1,.colour_box .colour_content .colour_icon2{width:38%;height:6%;top:-2%;left:10%;}.colour_box .colour_content .colour_icon2{left:50%;}.colour_box .colour_pen{width:100%;height:16%;left:50%;bottom:-6%;}}@media screen and (max-width:960px){#SideNav,#Leaf,#Search{display:block;}#Master #Logo{top:12px;}#Master #SideNav{top:20px;right:22px;width:49px;height:49px;}#Master #Search{top:35px;Width:20.82px;Height:20.81px;right:96px;}.c2_box{padding-bottom:0;height:auto;overflow-y:auto;border-radius:0;}.colour_box{padding-top:85px;height:100%;padding-bottom:30px;}.colour_box .col4{padding:0;}.colour_box .colour_content{width:100%;}.colour_box .colour_content .colour_icon4{right:14%;top:-10%;width:36px;height:37px;}.colour_box .colour_content .colour_icon3{right:13%;top:-5%;width:45px;height:36px;}.colour_box .colour_content .colour_icon5{width:28px;height:45px;position:absolute;left:3%;top:-13%;}.colour_box .colour_content .colour_key{display:none;}.colour_box .colour_head .colour_head_tips{width:75%;margin:0 auto;text-align:center;}.colour_box .complet_down .down_txt{content:url(../images/down_txt_mb.svg);}.colour_box .pentab{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#fff #fff;margin-top:10px;}.colour_box .colour_pen{width:1200px;height:84px;position:relative;display:flex;align-items:center;padding-top:20px;left:auto;bottom:auto;transform:none;}.colour_box .colour_pen:before{content:"";width:100%;height:64px;position:absolute;bottom:0;left:0;background:#fff;z-index:0;}.colour_box .colour_pen .palette-item{width:42px;height:42px;border:1px solid #838383;border-radius:21px;margin:0 3px;z-index:1;transition:all ease-in-out 300ms;}.colour_box .colour_pen .palette-item img{display:none;}.colour_box .colour_pen .palette-item:after{width:16px;height:16px;filter:blur(3px);position:absolute;border-radius:50%;background:#fff;content:"";top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all ease-in-out 300ms;}.colour_box .colour_pen .palette-item.sele{transform:translateY(-18px);width:66px;height:66px;border-radius:50%;border:10px solid #fff;margin:0 -5px;}.colour_box .colour_pen .palette-item.sele:after{opacity:1;}.colour_box .colour_pen .item1{background:#fff341;}.colour_box .colour_pen .item2{background:#ffcb4b;}.colour_box .colour_pen .item3{background:#fea739;}.colour_box .colour_pen .item4{background:#ff7539;}.colour_box .colour_pen .item5{background:#ed5a43;}.colour_box .colour_pen .item6{background:#e03254;}.colour_box .colour_pen .item7{background:#dd3673;}.colour_box .colour_pen .item8{background:#f4679b;}.colour_box .colour_pen .item9{background:#e562e7;}.colour_box .colour_pen .item10{background:#afd25b;}.colour_box .colour_pen .item11{background:#69cc36;}.colour_box .colour_pen .item12{background:#38df89;}.colour_box .colour_pen .item13{background:#26ad7b;}.colour_box .colour_pen .item14{background:#2e989d;}.colour_box .colour_pen .item15{background:#7bb7ee;}.colour_box .colour_pen .item16{background:#3585c9;}.colour_box .colour_pen .item17{background:#9a7fc6;}.colour_box .colour_pen .item18{background:#6f67b5;}.colour_box .colour_pen .item19{background:#8d7448;}.colour_box .colour_pen .item20{background:#966739;}.colour_box .colour_pen .item21{background:#7d5540;}.colour_box .colour_pen .item22{background:#ececec;}.colour_box .colour_pen .item23{background:#60645c;}.colour_box .colour_pen .item24{background:#000;}.colour_box .colour_share{display:flex;align-items:center;justify-content:center;margin-top:20px;}.colour_box .colour_share .puzzle_home{left:0;bottom:0;transform:none;position:relative;width:55px;height:45px;display:block;}.colour_box .colour_share .puzzle_refrech{width:55px;height:45px;position:relative;display:block;z-index:1;bottom:0;right:0;transform:none;margin:0 20px;}.colour_box .colour_share .complet_down{right:0;width:210px;height:82px;bottom:0;position:relative;}.puzzle_home{left:20%;bottom:-187px;transform:translateX(-50%);}}@media screen and (max-width:680px){.colour_box .colour_head .colour_head_tips{max-width:300px;width:88%;}.colour_box .colour_content .colour_icon4{right:8%;top:-18%;width:29px;height:30px;}.colour_box .colour_content .colour_icon3{right:6%;top:-9%;}.colour_box .colour_content .colour_icon1,.colour_box .colour_content .colour_icon2{width:50%;height:8%;top:-3%;left:3%;}.colour_box .colour_content .colour_icon2{left:51%;}.colour_box .colour_content .colour_icon5{width:28px;height:38px;position:absolute;left:11%;transform:translateX(-50%);}}@media screen and (max-width:480px){.colour_box .colour_head .colour_head_title{font-size:33px;line-height:39px;}.colour_box .colour_content .colour_icon3{width:37px;height:27px;top:-11%;}.colour_box .colour_content .colour_icon4{right:8%;top:-26%;width:29px;}}