@charset "utf-8";*{margin:0;padding:0;line-height:1.6;font-family:sans-serif;box-sizing:border-box}:focus{outline:0}::selection{background-color:#e84343;color:#fff}a{text-decoration:none}ul{padding-left:25px}header{background-color:#222d31;padding:10px 30px 0 30px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:70px;z-index:10}header .Logo{font-size:0}header .LinkBox{font-size:0}header .LinkBox .Link{display:inline-block;border-radius:20px;border:1px solid #fff;font-size:16px;color:#fff;padding:5px 15px;line-height:1;margin-left:15px;position:relative;overflow:hidden;opacity:.5;transition:.5s}header .LinkBox .Link img{margin-right:5px;vertical-align:text-top}header .LinkBox .Link:hover{opacity:1;transition:.5s}header .LinkBox .Link::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;background-color:#e84343;transition:.5s;z-index:-1}header .LinkBox .Link:hover::after{padding:50%;transition:.5s}nav.MenuBox{display:flex;height:70px;border-bottom:1px solid rgba(255,255,255,.2)}nav.MenuBox .Menu{color:#fff;padding:0 30px;font-size:20px;position:relative;line-height:70px;cursor:pointer}nav.MenuBox .Menu::after{content:"";display:block;position:absolute;left:0;bottom:-1px;width:0;height:1px;background-color:#f7c315;transition:.2s}nav.MenuBox .Menu:hover::after{width:100%;height:1px;bottom:-1px;background-color:#f7c315;transition:.2s}nav.MenuBox .Menu.ok::after{width:100%;height:1px;bottom:0;background-color:#f7c315}nav.MenuBox .Menu.ok::before{content:"";display:block;position:absolute;left:0;right:0;bottom:-10px;width:20px;height:20px;background:url('../images/icon_check.svg') #f7c315 no-repeat center;background-size:12px;margin:auto;border-radius:50%;z-index:1}nav.MenuBox .Menu.Focus{font-weight:700;color:#f7c315}nav.MenuBox .Menu.Focus::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;width:0;height:0;background-color:#f7c315;margin:auto;border-radius:50%;opacity:1;animation:MenuFocus infinite 3s;z-index:1}@keyframes MenuFocus{50%{bottom:-15px;width:30px;height:30px;opacity:0}100%{bottom:-15px;width:30px;height:30px;opacity:0}}nav.MenuBox .Menu.Focus::after{width:100%;height:4px;bottom:-2px;background-color:#f7c315;border-radius:3px}nav.MenuBox .PriceBox{font-size:14px;color:#fff;line-height:70px;flex:auto;text-align:right;padding-right:30px;letter-spacing:1px}nav.MenuBox .PriceBox p{font-size:16px;color:#f7c315;display:inline-block;padding-left:10px}nav.MenuBox .PriceBox p strong{font-size:20px;padding-left:5px}.Wrapper{width:100%;min-height:100vh;background:linear-gradient(180deg,#212c30 70px,#656b6d 100%);padding-top:70px}main{padding:30px;width:100%;max-width:1440px;margin:auto}.GuideWord{text-align:center}.Text01{font-size:40px;font-weight:700;color:#f7c315}.Text02{font-size:20px;font-weight:700;color:#fff}.Text02 .ProductsIntroduce{display:inline-block}.Text02 .ProductsIntroduce h3{display:inline-block;font:inherit;background:linear-gradient(to right,#f7c315,#e84343);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Text03{font-size:14px;color:rgba(255,255,255,.8)}[step="0"] .Text02{opacity:0;-webkit-user-select:none;user-select:none}.SearchProductsBox{display:flex;justify-content:center;margin:20px -5px 0 -5px}.SearchProductsBox>.Item{max-width:25%}.SearchProductsBox .Item{flex:1;background-color:#293134;border-radius:10px;margin:0 5px;overflow:hidden;position:relative}.SearchProductsBox .Item::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;border:2px solid #e84343;pointer-events:none;opacity:0;transition:.3s}.SearchProductsBox .Item .Photo{padding-top:140%;background:no-repeat center;background-size:cover}.SearchProductsBox .Item .Information{padding:20px}.SearchProductsBox .Item .Information .SP-Title{font-size:24px;color:#fff;font-weight:700}.SearchProductsBox .Item .Information .SP-Text{font-size:14px;color:#fff;padding-bottom:15px}.SearchProductsBox .Item .Information .SP-Btn{font-size:14px;color:#fff;border-radius:5px;border:1px solid #fff;display:inline-block;cursor:pointer;padding:2px 8px;overflow:hidden;position:relative}.SearchProductsBox .Item .Information .SP-Btn p{position:relative;z-index:1}.SearchProductsBox .Item .Information .SP-Btn p img{width:16px;vertical-align:text-top}.SearchProductsBox .Item .Information .SP-Btn::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;background-color:#e84343;transition:.5s}.SearchProductsBox .Item.hover::after,.SearchProductsBox .Item:hover::after{opacity:1;transition:.3s}.SearchProductsBox .Item.hover .Information .SP-Btn::after,.SearchProductsBox .Item:hover .Information .SP-Btn::after{padding:60%;transition:.5s}.SearchModelBox{display:flex;margin:20px -.5% 30px -.5%;flex-wrap:wrap}.SearchModelBox .Item{width:32.3%;background-color:#293134;border-radius:10px;margin:0 .5% 1% .5%;padding:30px;overflow:hidden;position:relative;display:flex;cursor:pointer}.SearchModelBox .Item .Photo{width:100px;height:100px;background:no-repeat center;background-size:cover;border-radius:10px;position:relative}.SearchModelBox .Item .Photo::after{content:"";display:block;width:80px;height:80px;border-radius:50%;background:url('../images/icon_check.svg') rgba(232,67,67,.7) no-repeat center;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform:scale(0);transition:.3s}.SearchModelBox .Item:hover .Photo::after{transform:scale(1);transition:.3s}.SearchModelBox .Item::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;border:2px solid #e84343;pointer-events:none;opacity:0;transition:.3s}.SearchModelBox .Item.focus::after{opacity:1;transition:.3s}.SearchModelBox .Item.focus .Photo::after{transform:scale(1);transition:.3s}.SearchModelBox .Item .Information{padding:0 20px}.SearchModelBox .Item .Information .SP-Title{font-size:24px;color:#fff;font-weight:700}.SearchModelBox .Item .Information .SP-Text{font-size:14px;color:#fff}.SearchDescriptionBox{background-color:#fff;border-radius:20px;display:flex}.SearchDescriptionBox .TitleArea{width:250px;border-right:1px solid #ccc;padding:30px 30px 30px 65px;font-size:24px;position:relative;flex-shrink:1}.SearchDescriptionBox .TitleArea img{position:absolute;top:35px;left:30px}.SearchDescriptionBox .WordArea{padding:30px;flex:auto}.SearchDescriptionBox .WordArea table{border-collapse:collapse;width:100%}.SearchDescriptionBox .WordArea table tr td{vertical-align:top;padding-bottom:10px}.Dashboard{max-width:100%}.Dashboard .ContentBox{position:relative}.Dashboard .GuideWord{text-align:left;position:fixed;top:170px;left:30px;width:270px}.Dashboard .GuideWord .Text01{line-height:1.2;padding-bottom:10px}.Dashboard .GuideWord .Text02{padding-bottom:10px}.Dashboard .DisplayModel{min-height:calc(100vh - 200px);padding:0 260px 0 0;display:flex;align-items:center;justify-content:center;text-align:center}.Dashboard .DisplayModel .ModelArea{position:relative;padding-bottom:40px}.Dashboard .DisplayModel .ModelArea::after{content:"";display:block;width:376px;height:68px;background:url('../images/model_shadow.svg') no-repeat center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin:auto}.Dashboard .DisplayModel .ModelArea img{filter:drop-shadow(0px 5px 50px rgba(0,0,0,.3));-webkit-filter:drop-shadow(0px 5px 50px rgba(0,0,0,.3));position:relative;z-index:1}.Dashboard .DisplayModel .PerspectiveArea{position:fixed;left:30px;bottom:30px;z-index:2}.Dashboard .DisplayModel .PerspectiveArea .Word{font-size:14px;color:#fff;text-align:left;padding-bottom:5px;letter-spacing:1px}.Dashboard .DisplayModel .PerspectiveArea .Thumbnail{display:flex;flex-wrap:wrap;flex-direction:row;width:320px}.Dashboard .DisplayModel .PerspectiveArea .Thumbnail .Item{width:150px;height:150px;margin-top:10px;border-radius:5px;margin-right:10px;background-color:#fff;padding:5px;cursor:pointer;opacity:.3;transition:.3s}.Dashboard .DisplayModel .PerspectiveArea .Thumbnail .Item img{max-width:100%;max-height:100%}.Dashboard .DisplayModel .PerspectiveArea .Thumbnail .Item.Focus{opacity:1;transition:.3s}.Dashboard .DisplayModel .PerspectiveArea .Thumbnail .Item:hover{opacity:1;transition:.3s}.Dashboard .ControlPanel{width:450px;height:100%;background-color:#293134;border-radius:20px;position:absolute;top:0;right:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px 0 rgba(0,0,0,.25);z-index:2}.Dashboard .ControlPanel .TitleArea{background-color:#e84343;border-radius:20px 20px 0 0;padding:25px;position:relative;display:flex;align-items:center;justify-content:space-between;text-align:center}.Dashboard .ControlPanel .TitleArea .TextBox{font-size:14px;color:#fff}.Dashboard .ControlPanel .TitleArea .TextBox p{letter-spacing:1px}.Dashboard .ControlPanel .TitleArea .TextBox .Text{font-size:30px;font-weight:700;color:#fff;line-height:1}.Dashboard .ControlPanel .TitleArea .ArrowLeft{position:relative;cursor:pointer;font-size:0;padding:5px;border-radius:50%;width:34px;height:34px;transition:.3s}.Dashboard .ControlPanel .TitleArea .ArrowLeft:hover{background-color:rgba(255,255,255,.2);transform:scale(1.2);transition:.3s}.Dashboard .ControlPanel .TitleArea .ArrowRight{position:relative;cursor:pointer;font-size:0;padding:5px;border-radius:50%;width:34px;height:34px;transition:.3s}.Dashboard .ControlPanel .TitleArea .ArrowRight:hover{background-color:rgba(255,255,255,.2);transform:scale(1.2);transition:.3s}.Dashboard .ControlPanel .TitleArea .ArrowLeft .subString,.Dashboard .ControlPanel .TitleArea .ArrowRight .subString{position:absolute;transform:translate(-80%,-50%);transition:.3s;top:120%;color:#fff;font-size:16px;font-weight:700}.Dashboard .ControlPanel .TitleArea .ArrowLeft:hover .subString,.Dashboard .ControlPanel .TitleArea .ArrowRight:hover .subString{transform:translate(-80%,-50%) scale(.8)}.Dashboard .ControlPanel .ListArea{border-radius:0 0 20px 20px;padding:10px;overflow-y:auto;flex:auto}.Dashboard .ControlPanel .ListArea .NextWordBox{font-size:16px;color:#aaa;text-align:center;padding:20px 0}.Dashboard .ControlPanel .ListArea .NextWordBox .NextBtn{color:#fff;cursor:pointer}.Dashboard .ControlPanel .ListArea .NextWordBox .NextBtn img{vertical-align:middle;width:16px}.Dashboard .ControlPanel .ListArea .NextWordBox:hover .NextBtn{text-decoration:underline}.Dashboard .ControlPanel .ListArea .Item{background-color:#293134;border-radius:10px;padding:10px;overflow:hidden;position:relative;margin-bottom:3px;display:flex;cursor:pointer;align-items:center;transition:.3s}.Dashboard .ControlPanel .ListArea .Item .Photo{width:100px;height:100px;background:no-repeat center;background-size:contain;border-radius:10px;position:relative;flex-shrink:0}.Dashboard .ControlPanel .ListArea .Item .Photo::after{content:"";display:block;width:80px;height:80px;border-radius:50%;background:url('../images/icon_check.svg') rgba(232,67,67,.7) no-repeat center;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0;transform:scale(0);transition:.3s}.Dashboard .ControlPanel .ListArea .Item:hover{background-color:rgba(255,255,255,.07);box-shadow:0 0 20px 0 rgba(0,0,0,.3);transition:.3s}.Dashboard .ControlPanel .ListArea .Item:hover .Photo::after{opacity:1;transform:scale(1);transition:.3s}.Dashboard .ControlPanel .ListArea .Item::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;border:2px solid #e84343;pointer-events:none;opacity:0;transition:.3s}.Dashboard .ControlPanel .ListArea .Item.Focus::after{opacity:1;transition:.3s}.Dashboard .ControlPanel .ListArea .Item.Focus .Photo::after{opacity:1;transform:scale(1);transition:.3s}.Dashboard .ControlPanel .ListArea .Item .Information{padding:0 0 0 20px;flex:auto}.Dashboard .ControlPanel .ListArea .Item .Information .SP-Title{font-size:22px;color:#fff;font-weight:700;line-height:1.2}.Dashboard .ControlPanel .ListArea .Item .Information .SP-Title .SPC-Name{font-weight:100;font-size:16px;line-height:1.2;color:#ccc}.Dashboard .ControlPanel .ListArea .Item .Information .SP-Text{font-size:14px;color:#fff}.Dashboard .ControlPanel .ListArea .Item .DisplayColor{width:70px;height:70px;border-radius:10px;flex-shrink:0;border:3px solid #fff;position:relative;overflow:hidden}.Dashboard .ControlPanel .ListArea .Item .DisplayColor::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%)}.Dashboard .ControlPanel .ListArea .Item .ColorRow{width:100%;display:flex;flex-wrap:wrap}.Dashboard .ControlPanel .ListArea .Item .ColorRow .ColorItem{border-radius:50%;width:5px;height:5px;margin:0 5px 7px 0}.Dashboard .ControlPanel .ListArea .Item.Focus .ColorRow .ColorItem{width:20px;height:20px;border:1px solid #fff;position:relative}.Dashboard .ControlPanel .ListArea .Item.Focus .ColorRow .ColorItem.Focus::after{content:"";display:block;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:50%;border:2px solid #fff;animation:ColorItem infinite 1s}@keyframes ColorItem{100%{top:-6px;left:-6px;right:-6px;bottom:-6px;opacity:0}}.Dashboard .ControlPanel .ListArea .Item:has(.FileItem.Focus) .DisplayColor{background-size:cover;background-position:center;background-repeat:no-repeat}.SelectionArea{padding:10px 10px 0 10px}.SelectionArea .SelectionItem{padding-bottom:5px}.SelectionArea .SelectionItem .Title{font-size:16px;color:#fff}.SelectionArea .SelectionItem .BtnRow{font-size:0}.SelectionArea .SelectionItem .BtnRow .BtnItem{color:#fff;border-radius:5px;padding:0 10px;background-color:rgba(255,255,255,.07);display:inline-block;margin:0 5px 5px 0;cursor:pointer;font-size:16px}.SelectionArea .SelectionItem .BtnRow .BtnItem.Focus{background-color:#f7c315;color:#333;font-weight:700}.Dashboard .ControlPanel .ListArea .AddBox{display:flex;margin:0 -2px;padding-bottom:10px}.Dashboard .ControlPanel .ListArea .AddBox .AddBtn{font-size:18px;color:#f7c315;border:1px solid #f7c315;border-radius:5px;flex:1;padding:5px 13px;margin:0 2px;cursor:pointer;transition:.2s}.Dashboard .ControlPanel .ListArea .AddBox .AddBtn img{vertical-align:text-bottom}.Dashboard .ControlPanel .ListArea .AddBox .AddBtn:hover{background-color:rgba(247,195,21,.1);transition:.2s}.Dashboard .ControlPanel .ListArea .Item .PicturesDisplayArea{width:70px;height:70px;border-radius:10px;flex-shrink:0;border:3px solid #fff;background:#fff no-repeat center;background-size:contain}.Dashboard .ControlPanel .ListArea .Item .TextDisplayArea{width:70px;height:70px;border-radius:10px;flex-shrink:0;border:3px solid #fff;background-color:#fff;font-size:24px;font-weight:700;color:#333;text-align:center;line-height:64px;box-shadow:0 0 10px rgba(0,0,0,.5) inset}.Dashboard .ControlPanel .ListArea .Item .ColorBall{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid #fff}.Dashboard .ControlPanel .ListArea .Item .ControlBox{display:flex;flex-direction:column}.Dashboard .ControlPanel .ListArea .Item .ControlBox .IconBtn{padding:5px;font-size:0;margin:2px 0;border-radius:50%;transition:.3s}.Dashboard .ControlPanel .ListArea .Item .ControlBox .IconBtn:hover{background-color:#e84343;transform:scale(1.2);transition:.3s}.Dashboard .ControlPanel .ListArea .Item.EditText{align-items:flex-start}.Dashboard .ControlPanel .ListArea .Item.EditText .Information{padding-right:10px}.Dashboard .ControlPanel .ListArea .Item .FormBox{width:100%;padding-bottom:10px}.Dashboard .ControlPanel .ListArea .Item .FormBox .FormText{width:100%;border:0;border-radius:5px;background:#fff;padding:3px 10px;font-size:16px;color:#333}.Dashboard .ControlPanel .ListArea .Item .SetArea{display:flex;padding-bottom:5px}.Dashboard .ControlPanel .ListArea .Item .SetArea .SetTitle{width:60px;font-size:14px;color:#fff;flex-shrink:0}.Dashboard .ControlPanel .ListArea .Item .SetArea .SelectBox{display:flex}.Dashboard .ControlPanel .ListArea .Item .SetArea .SelectBox .OptionBtn{border-radius:5px;border:1px solid #fff;padding:3px 5px;line-height:1;margin-right:5px;display:inline-block;color:#fff;font-size:16px}.Dashboard .ControlPanel .ListArea .Item .SetArea .SelectBox .OptionBtn.Focus{color:#333;background-color:#fff}.Dashboard .ControlPanel .ListArea .Item .SetArea .SelectButton{border-radius:5px;padding:3px}.Order{border-radius:20px;background-color:#fff}.Order .OrderHeader{background-color:#e84343;border-radius:20px 20px 0 0;padding:30px 20px;text-align:center}.Order .OrderHeader .Text01{font-size:14px;color:#fff;font-weight:400;letter-spacing:1px}.Order .OrderHeader .Text02{font-size:30px;color:#fff}.Order .OrderContentBox{padding:0}.Order .OrderContentBox .DataArea{border-bottom:1px dashed #ccc;padding:30px 40px}.Order .OrderContentBox .DataArea:last-child{border:0}.Order .OrderContentBox .DataArea .DA-Title{font-size:24px;font-weight:700;color:#333;padding-bottom:10px}.Order .OrderContentBox .DataArea .DA-Title .RemarkWord{font-size:14px;color:#e84343;font-weight:400;line-height:1.2}.Order .OrderContentBox .DataArea .DA-Box.FormList{display:flex;flex-wrap:wrap;margin:0 -1%}.Order .OrderContentBox .DataArea .DA-Box .Word{font-size:14px;color:#333;padding-bottom:10px}.Order .OrderContentBox .DataArea .DA-Box .BtnArea{font-size:0}.Order .OrderContentBox .DataArea .DA-Box .BtnArea .Btn{background-color:#e84343;font-size:16px;color:#fff;border-radius:5px;padding:2px 10px;margin:0 10px 10px 0;display:inline-block}.Order .OrderContentBox .DataArea .DA-Box .BtnArea .Btn img{vertical-align:middle;margin-left:5px}.Order .OrderContentBox .DataArea .DA-Box .FormItem{width:48%;margin:0 1%}.Order .OrderContentBox .DataArea .DA-Box .FormItem.FullStyle{width:98%}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormTitle{font-size:14px;color:#333}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormTitle .Required{color:#e84343;font-size:20px;font-weight:700;padding-right:5px;line-height:1}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormTitle .Required.NoNeed{opacity:0}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox{width:auto;padding-bottom:10px;display:flex;margin:0 -2px}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormText{width:100%;border:1px solid #aaa;border-radius:5px;background:#fff;padding:3px 10px;font-size:16px;color:#333;margin:0 2px;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormText.ErrorStyle{border:1px dashed #e84343;background-color:#ffefef}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormText:focus{border:1px solid #e84343;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio{width:100%;border:1px solid #aaa;border-radius:5px;background:#fff;padding:3px 10px;font-size:16px;color:#333;margin:0 2px}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio .RadioItem{padding-right:10px;cursor:pointer;display:inline-block}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio input[type=radio]{margin-right:5px;width:0;opacity:0;position:absolute}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio .RadioStyle{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid #333;position:relative;vertical-align:text-bottom;margin-right:5px;transition:.2s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio .RadioStyle span{width:0;height:0;display:inline-block;background-color:#e84343;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:.2s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio input[type=radio]:checked+.RadioStyle{border-color:#e84343;transition:.2s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio input[type=radio]:checked+.RadioStyle span{width:12px;height:12px;transition:.2s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio .RadioItem .FormSelect{width:auto;border:0;background-color:#eee;padding:3px 5px}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormSelect{width:100%;border:1px solid #aaa;border-radius:5px;background:#fff;padding:6px 5px;font-size:16px;color:#333;margin:0 2px;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormSelect:focus{border:1px solid #e84343;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormTextarea{width:100%;height:100px;border:1px solid #aaa;border-radius:5px;background:#fff;padding:3px 10px;font-size:14px;color:#333;margin:0 2px;resize:none;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormTextarea:focus{border:1px solid #e84343;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .DollarArea{color:#e84343;font-size:16px;white-space:nowrap}.Order .OrderContentBox .DataArea .DT-ProductView{display:flex;padding-bottom:20px}.Order .OrderContentBox .DataArea .DT-ProductView .ProductViewBox{flex:1;padding:0 5px;max-width:25%}.Order .OrderContentBox .DataArea .DT-ProductView .ProductViewBox .PV-Image{border:1px solid #ccc;border-radius:10px;background:no-repeat center;padding-bottom:100%;background-size:98% 95%}.Order .OrderContentBox .DataArea .DT-ProductView .ProductViewBox .PV-Word{text-align:center;color:#333;font-size:16px;padding-top:10px}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo{display:flex;flex-wrap:wrap;width:48%;margin:0 1%}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo.FullStyle{width:98%}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormTitle{width:100%;font-weight:700;margin:0 0}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox{width:48%;border-radius:5px;padding:4px 10px;background-color:#f5f5f5;margin:0 1% 10px 1%;justify-content:space-between}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox.FullStyle{width:100%;color:#333;font-size:16px}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Info{width:170px;color:#333;font-size:16px}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Color,.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .ColorWrapper{flex:1}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Color .ColorBall{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid #ccc;vertical-align:text-bottom;margin-right:5px}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .ColorWrapper{display:inline-flex;flex-direction:column}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Color img{vertical-align:text-bottom;margin-right:5px}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Color span{font-size:12px;color:#aaa;margin-left:5px}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .LogosListBtn{cursor:pointer}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .LogosListBox{width:100%;display:flex;flex-wrap:wrap;border-top:1px solid #ccc;padding-top:10px;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .LogosListBox.CloseBox{height:0;overflow:hidden;padding-top:0;opacity:0;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Item{width:32.3%;border-radius:10px;padding:10px;overflow:hidden;position:relative;margin:0 .5% 1% .5%;display:flex;align-items:center;background-color:#fff;border:1px solid #ccc;transition:.3s}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Item .PicturesDisplayArea{width:70px;height:70px;border-radius:10px;flex-shrink:0;border:1px solid #ccc;background:#fff no-repeat center;background-size:contain}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Item .TextDisplayArea{width:70px;height:70px;border-radius:10px;flex-shrink:0;border:3px solid #fff;background-color:#fff;font-size:24px;font-weight:700;color:#333;text-align:center;line-height:64px;border:1px solid #ccc}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Item .Information{padding:0 0 0 20px;flex:auto}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Item .Information .SP-Title{font-size:18px;color:#333;font-weight:700;line-height:1.2}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Item .Information .SP-Text{font-size:14px;color:#777;line-height:1.2}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox .Item .Information .SP-Text .ColorBall{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid #ccc}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox.MultiRows{flex-wrap:wrap}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox.FullStyle{width:100%;margin:0 0 10px 0}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo.FlexWrap{width:100%;margin:0}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo.FlexWrap .FormTitle{width:98%;margin:0 1%}.Order .OrderContentBox .Horizontal{display:flex;justify-content:space-between}.Order .OrderContentBox .DataArea .DA-Box .PriceRow{display:flex;padding-bottom:5px;justify-content:space-between}.Order .OrderContentBox .DataArea .DA-Box .PriceRow .PriceTitle{font-size:16px;color:#777;flex-shrink:0;width:120px}.Order .OrderContentBox .DataArea .DA-Box .PriceRow .PriceNum{font-size:16px;color:#333}.Order .OrderContentBox .DataArea .DA-Box .PriceRow.Total{border-top:1px solid #333;padding-top:10px}.Order .OrderContentBox .DataArea .DA-Box .PriceRow.Total .PriceNum{font-size:20px}.OrderPage{padding-bottom:130px}.OrderPage .BottomBar{width:100%;position:fixed;left:0;right:0;bottom:0;padding:15px 30px;display:flex;justify-content:space-between;background-color:#222d31;border-radius:20px 20px 0 0;align-items:center;box-shadow:0 -10px 20px 0 rgba(0,0,0,.1)}.OrderPage .BottomBar .PriceTotal .PriceTitle{font-size:14px;color:#fff}.OrderPage .BottomBar .PriceTotal .PriceNum{font-size:24px;color:#f7c315}.OrderPage .BottomBar .FinishBtn{background-color:#e84343;font-size:20px;padding:0 20px;line-height:44px;height:44px;border-radius:30px;color:#fff;cursor:pointer}.FinishPage{padding-top:70px}.FinishBox{border-radius:20px;background-color:#222d31;padding:100px 50px 100px 0;display:flex;align-items:center;justify-content:center}.FinishBox .LeftIcon{padding:100px;position:relative}.FinishBox .LeftIcon::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;width:50px;height:50px;background-color:#fff;opacity:.1;pointer-events:none;animation:FinishIcon 3s infinite}@keyframes FinishIcon{0%{opacity:0}10%{opacity:.1}100%{transform:scale(10);opacity:0}}.FinishBox .RightInfo .Text01{font-size:40px;padding-bottom:20px;background:linear-gradient(to right,#f7c315,#e84343);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.FinishBox .RightInfo .Text02{font-size:14px;color:#fff;font-weight:400}.FinishBox .RightInfo .Text02 span{color:rgba(255,255,255,.5)}.FinishBox .RightInfo .Text02 a{font-size:inherit;text-decoration:underline;color:#f7c315}.FinishBox .RightInfo .BtnBox{padding-top:20px}.FinishBox .RightInfo .BtnBox .Btn01{color:#fff;padding:5px 15px;background-color:#e84343;border:1px solid #e84343;border-radius:5px;margin-right:10px;display:inline-block;cursor:pointer}.FinishBox .RightInfo .BtnBox .Btn02{color:#fff;padding:5px 15px;background-color:transparent;border:1px solid #fff;border-radius:5px;margin-right:10px;display:inline-block;cursor:pointer}.NotAvailable{display:none}@media screen and (max-width:1000px){.NotAvailable{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;display:none;justify-content:center;align-items:center;flex-direction:column;background-color:#333;z-index:99;color:#fff}.NotAvailable .ImageBox{padding:50px}.NotAvailable .ImageBox img{max-width:100%}.NotAvailable p{font-size:24px;text-align:center}}.sliderType,.sliderType .iTemSlider{width:100%}.sliderType .iTemSlider{height:10px}.sliderType .noUi-connect{background:#f7c315}.sliderType .noUi-handle{height:18px;width:18px;top:-5px;right:-9px;border-radius:9px}.iTemSlider{margin:10px}.iTemSlider .noUi-handle:after,.iTemSlider .noUi-handle:before{height:8px;left:5px;top:4px}.iTemSlider .noUi-handle:after{left:9px}.Order .OrderContentBox .DataArea .DT-ProductView .ProductViewBox .PV-Image{background-size:cover}.FinishBox .RightInfo .Text02 span{color:#fff}.AddBtn input#file_updata_sjx{display:none}.Thumbnail svg{width:100%;height:100%}body.modelDesign .ModelArea{border:1px solid red;background-color:rgba(255,0,0,.15)}body.modelDesign .ModelArea .designSvg{border:1px solid #00f;background-color:rgba(0,0,255,.25)}body.modelDesign .ModelArea .designSvg::before{z-index:1;content:"";background-color:#00f;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:1px}body.modelDesign .ModelArea .designLogo{border:1px solid #ff0;background-color:rgba(255,255,0,.25)}body.modelDesign .ModelArea .designLogo>*{border:1px solid #0ff;background-color:rgba(0,255,255,.25)}body.modelDesign .ControlPanel{opacity:.5}.ModelArea{overflow:hidden;width:100%;height:calc(100vh - 210px)}.ModelArea .designArea{height:calc(100% - 40px);position:absolute;left:50%;transform:translateX(-50%);z-index:1}.ModelArea .designArea .designSvg{z-index:0;position:relative;width:1100px;height:1100px;margin:auto}.ModelArea .designArea .designSvg>*{width:100%;height:100%}.designLogo,.designLogo_sub{position:absolute;top:0;left:0;width:100%;height:100%}.designLogo_sub{text-align:initial}.drag_box{position:absolute;background:100% 100%;background-position:center;background-repeat:no-repeat}.drag_box.drag_txt{display:inline-block;min-width:1em;min-height:1em}.drag_box.drag_img img{width:100%;height:100%}.ControlPanel>div{display:flex;flex-direction:column;height:100%}.GuideWord,.PerspectiveArea{transition:all .5s cubic-bezier(.53, .14, .475, 1.19);transition-timing-function:cubic-bezier(0.530,0.140,0.475,1.190)}.GuideWord{opacity:1}.PerspectiveArea{transform:translateY(0)}.OrderPage .BottomBar .FinishBtn.PreviosBtn{margin-left:auto;margin-right:30px}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio input[type=radio]{width:unset}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio .RadioItem select.ErrorStyle{border-width:1px;border-style:solid}.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio .RadioItem input.ErrorStyle+.RadioStyle,.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormRadio .RadioItem select.ErrorStyle,.Order .OrderContentBox .DataArea .DA-Box .FormItem .FormBox .FormSelect.ErrorStyle{border-color:#e84343;background-color:#ffefef}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox:after{content:"\00a0"}.Order .OrderContentBox .DataArea .DA-Box .FormItem.DisplayInfo .FormBox.FormBoxNotes{white-space:pre-wrap}.Dashboard .DisplayModel::before{z-index:2;content:"";position:absolute;top:0;bottom:0;left:0;right:0}.ThumHidden body .GuideWord,body.hidden_PerspectiveArea .GuideWord{opacity:0}.ThumHidden body .PerspectiveArea,body.hidden_PerspectiveArea .PerspectiveArea{transform:translateY(400px)}.ThumHidden body .Dashboard .DisplayModel::before,body.hidden_PerspectiveArea .Dashboard .DisplayModel::before{display:none}.ThumHidden body .Dashboard .DisplayModel .ModelArea::after,body.hidden_PerspectiveArea .Dashboard .DisplayModel .ModelArea::after{display:none}.SreenShot body .Dashboard .ControlPanel,.SreenShot body .Dashboard .GuideWord,body.hidden_SreenShot .Dashboard .ControlPanel,body.hidden_SreenShot .Dashboard .GuideWord{display:none}.LoaderMask{display:none;z-index:99;transition:all .15s;background-color:rgba(0,0,0 ,.5);position:fixed;top:0;bottom:0;left:0;right:0}.LoaderMask .wtext{opacity:.85;position:absolute;top:calc(50% + 100px);left:0;right:0;text-align:center;color:#fff;background-color:#000}.LoaderMask.waiting_show{display:block}body.SreenShot .MenuBox,body.hidden_SreenShot .MenuBox{opacity:.5}body.SreenShot .PerspectiveArea,body.hidden_SreenShot .PerspectiveArea{top:calc(120%)}.LoaderMask.Mask_LineGlowing .LineGlowing{display:block}.LoaderMask.Mask_LineGlowing .wtext{top:calc(100% - 120px)}.LineGlowing{display:none;transition:width .3s;position:absolute;top:calc(100% - 60px);left:0;width:0%;height:3px;border-radius:5px;background-color:#f5df97;box-shadow:0 0 5px 1px rgba(247,195,21,.5),0 0 10px 2px #f0f,0 0 15px 3px #0ff}.LoaderMask.Mask_Loading .sk-chase{display:block}.sk-chase{display:none;width:60px;height:60px;position:relative;animation:sk-chase 2.5s infinite linear both;position:absolute;top:50%;left:50%}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}.sk-chase-dot:first-child{animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:first-child:before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{100%{transform:rotate(360deg)}}@keyframes sk-chase-dot{100%,80%{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,100%{transform:scale(1)}}#Area01,#Area02,#Area03,#Area04,#Area05,#Area06,#Area07,svg>g:not(.sjx-svg-wrapper){pointer-events:none}.Dashboard:has(g.sjx-svg-wrapper) .DisplayModel::before{display:none}.Dashboard:has(g.sjx-svg-wrapper) .PerspectiveArea,.Dashboard:has(g.sjx-svg-wrapper) [layout=design]{opacity:0;pointer-events:none}.Dashboard svg:has(g.sjx-svg-wrapper){overflow:unset}svg g.sjx-svg-controls{position:relative}svg g.sjx-svg-controls::before{top:0;bottom:0;left:0;right:0;position:absolute;pointer-events:auto;content:""}.ModelBigger:not(.ThumHidden) .designArea[product=gloves]{transform:translate(-50%,0) scale(.9)}.ModelBigger:not(.ThumHidden) body:has(.Item.Focus[data-type=Left]) .designArea[product=boots]{transform:translate(-50%,0) scale(1.1)}.ModelBigger:not(.ThumHidden) body:has(.Item.Focus[data-type=Right]) .designArea[product=boots]{transform:translate(-50%,0) scale(1.1)}.ModelBigger .Dashboard .DisplayModel .ModelArea{overflow:visible}.ModelBigger .Dashboard .DisplayModel .ModelArea::after{bottom:-30px}.ModelBigger .Dashboard .DisplayModel .ModelArea .designArea{height:calc(100% - 0px);overflow:hidden}.ModelScreenShot .Dashboard .DisplayModel .ModelArea .designArea,.SreenShot .Dashboard .DisplayModel .ModelArea .designArea{overflow:unset}.ModelLogesBigger,.SreenShot{overflow:hidden}.ModelLogesBigger .Dashboard .ContentBox,.SreenShot .Dashboard .ContentBox{overflow:hidden}.ModelLogesBigger .Dashboard .DisplayModel,.SreenShot .Dashboard .DisplayModel{padding:0 400px 0 0}.ModelLogesBigger .Dashboard .DisplayModel .ModelArea,.SreenShot .Dashboard .DisplayModel .ModelArea{margin-top:-40px}.ModelLogesBigger .Dashboard .DisplayModel .ModelArea .designArea,.SreenShot .Dashboard .DisplayModel .ModelArea .designArea{overflow:unset}.ModelLogesBigger .Dashboard,.SreenShot .Dashboard{padding-bottom:0}.ModelLogesBigger .Dashboard .DisplayModel,.SreenShot .Dashboard .DisplayModel{min-height:calc(100vh - 170px)}.ModelLogesBigger .Dashboard .ControlPanel,.SreenShot .Dashboard .ControlPanel{height:calc(100% - 30px)}.ModelLogesBigger .Dashboard .ContentBox .ControlPanel>div,.SreenShot .Dashboard .ContentBox .ControlPanel>div{padding-bottom:30px}.ModelLogesBigger header,.ModelLogesBigger nav.MenuBox,.SreenShot header,.SreenShot nav.MenuBox{height:50px}.ModelLogesBigger .Wrapper,.SreenShot .Wrapper{padding-top:50px}.ModelLogesBigger nav.MenuBox .Menu,.ModelLogesBigger nav.MenuBox .PriceBox,.SreenShot nav.MenuBox .Menu,.SreenShot nav.MenuBox .PriceBox{line-height:50px}.ModelLogesBigger .Dashboard .DisplayModel,.SreenShot .Dashboard .DisplayModel{min-height:calc(100vh - 130px)}.ModelLogesBigger .Dashboard .ControlPanel,.SreenShot .Dashboard .ControlPanel{height:calc(100% - 30px);padding-top:40px}.ModelBigger .Dashboard .ControlPanel,.ModelBigger .Dashboard .DisplayModel,.ModelBigger .Wrapper,.ModelBigger header,.ModelBigger nav.MenuBox,.ModelBigger nav.MenuBox .Menu,.ModelBigger nav.MenuBox .PriceBox{transition:all .25s}.Dashboard .ControlPanel .ListArea .Item .Information:has(.FileItem){max-width:calc(100% - 70px);display:flex;flex-direction:row;flex-wrap:wrap}.FileWrapper{width:100%;gap:5px;display:inline-flex;flex-direction:row;flex-wrap:wrap}.FileWrapper .Title{gap:5px;font-size:1em;font-weight:700;color:#fff;display:inline-flex;align-items:center}.FileWrapper .Title .Text{font-size:inherit;font-weight:inherit;color:inherit}.FileWrapper .Title .Icon{display:inline-flex}.FileWrapper .Title .Icon img{width:1.25rem;height:1.25rem}.FileItem{font-size:.9em;width:100%;gap:5px;display:inline-flex;align-items:center}.FileItem .Title{font-size:.9em;font-weight:300}.FileItem .FileInput{font-size:.8rem;background-color:gray;color:#d6d6d6;line-height:1.8;height:1.8em;width:100%;margin:0;padding:0 .5em 0 5.5em;border:1px solid #fff;border-radius:5px;position:relative;display:flex;align-items:center;cursor:pointer;overflow:hidden}.FileItem .FileInput::before{width:5em;background-color:#000;color:#fff;content:'UPLOAD';position:absolute;left:0;top:0;text-align:center}.FileItem .FileInput input[type=file]{display:none}.FileItem .FileInput [color-upload-text]{text-overflow:ellipsis;overflow:hidden;white-space:pre}.FileItem .FileInput:has([color-upload-text]:empty){width:auto;padding-left:4.5em}.Dashboard .ControlPanel .ListArea .Item:has(.FileItem.Focus) .DisplayColor::before{z-index:1;background-size:75%;background-image:url(../images/icon_attachment-plus.svg)!important;background-repeat:no-repeat;background-position:center}.Dashboard .ControlPanel .ListArea .Item:has(.FileItem.Focus) .DisplayColor::after,.Dashboard .ControlPanel .ListArea .Item:has(.FileItem.Focus) .DisplayColor::before{background-color:#f7c315;top:0;bottom:0;left:0;right:0;position:absolute;content:""}.FileItem{display:none}.Focus .FileItem{display:inline-flex}.CusGallery{background-color:#f7c315;width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid #ccc;vertical-align:text-bottom;overflow:hidden;position:relative;cursor:pointer}.CusGallery::before{width:14px;height:14px;background-image:url(../images/icon_gallery_full.svg);background-size:contain;top:50%;left:50%;transform:translate(-50%,-50%);content:"";position:absolute}.CusGallery img{top:50%;left:50%;transform:translate(-50%,-50%);height:100%;opacity:0;position:absolute}.Hide{display:none!important}.BtnMove,.BtnRemove{padding:2px 8px;border-radius:4px;border:none;cursor:pointer;font-size:11px;color:#fff;margin-left:5px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s}.BtnRemove{background-color:#e84343}.BtnRemove:hover{background-color:#d13030}.BtnMove{background-color:#3389ee}.BtnMove:hover{background-color:#1e75db}.BtnMove.Active{background-color:#777}.Dashboard.MovingColor .PerspectiveArea{opacity:1!important;pointer-events:auto!important}.Dashboard.MovingColor [layout=design]{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease}html:has(.BtnMove.Active){overflow:hidden}html:has(.BtnMove.Active) body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html:has(.BtnMove.Active) header{z-index:1}html.ModelBigger:has(.BtnMove.Active) .Dashboard .DisplayModel .ModelArea .designArea{overflow:unset}.BtnApplyMove{position:fixed;right:30px;bottom:30px;z-index:2000;padding:12px 36px;background-color:#e84343;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:24px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.4);transition:all .2s ease;display:none!important;letter-spacing:1px}.BtnApplyMove:hover{background-color:#d13030;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.5)}.BtnApplyMove:active{transform:translateY(1px)}.Dashboard.MovingColor .BtnApplyMove{display:inline-flex!important;align-items:center;justify-content:center}