body{top:0;left:0;margin:0;padding:0;overflow:auto;width:100%;height:100%;overflow:hidden;background:#fcfcfc}body.mobile{width:100%}body.mobile #content-body{width:100%;height:calc(100% - 287px);position:relative}ul{list-style:none}li{float:left}#header-area{width:100%;height:90px}#header-area img{margin-top:30px;margin-left:calc(50% - 335px)}#header-area h3{font-family:Verdana;float:right;margin-top:37px;margin-right:50px;font-size:13px;font-weight:700;cursor:pointer;color:#1f1f1f}#tool-area{position:fixed;bottom:0;width:100%;height:70px;background:#fff;z-index:1001;box-shadow:0 0 20px #ccc}#tool-area ul{margin:0;padding:10px 0;width:100%;height:calc(100% - 20px)}#tool-area ul{margin:0;padding:10px 0;width:100%;height:100%}#tool-area.expanded ul li{width:calc(25% - 2px)}#tool-area ul li{width:calc(50% - 2px);width:calc(24% - 2px);height:100%;cursor:pointer;text-align:center;line-height:55px;font-family:sans-serif;font-weight:700;color:#0c0c0c;font-size:15px;border-right:1px solid #ccc}#tool-area ul li p{position:relative;margin:0;display:inline-block}#tool-area ul li:hover .border{display:block!important}#tool-area li:last-child{border-right:0px none}#tool-area .active .border{display:block!important}#tool-area ul li img{height:25px;margin-top:20px}#btn_left,#btn_right{width:99px!important;background:#202020;border-right:0px none}#title-area{position:absolute;width:326px;left:calc(50% - 263px);top:100px;font-size:12px}#title-area h2{font-family:Verdana;font-weight:700;color:#0c0c0c;font-size:14px;text-align:center}#title-area h3{font-family:Verdana;font-weight:700;color:#0c0c0c;font-size:16px;font-weight:400;text-align:center;margin-top:0;cursor:pointer}#title-area dl{width:100%;height:20px;margin:0 auto}#title-area dd{float:left;margin-left:0;margin-right:20px;font-family:sans-serif;font-size:11px}#title-area dd:last-child{margin-right:0}#sub-menu{width:500px;position:absolute;bottom:135px;left:calc(50% - 250px)}#sub-menu dl{display:none}#sub-menu dl.active{display:block}#sub-menu dd{float:left;padding:0;font-family:Verdana;font-size:14px;cursor:pointer;text-align:center;color:#0c0c0c}#sub_size,#sub_design{width:100%}.mobile #sub_size dd{left:calc(50% - 245px)}#sub_size dd{width:50%;margin:0}#size_menu{width:100%!important}#size_menu dd{display:grid;margin:10px;height:calc(50% - 75px);height:calc(50vh - 75px);background:#f3f3f3}.mobile #size_menu dd{height:90px;background:none}#size_menu dd p{cursor:pointer;font-family:sans-serif;text-align:center;margin:auto;font-size:14px;font-weight:700;color:#2f2f2f}.mobile #size_menu dd p{font-size:32px;margin-top:75px}#btn_text,#btn_upload{font-weight:700;font-size:12px!important;box-shadow:0 0 20px #999;width:200px;border-radius:5px}#sub_design dd{line-height:45px;margin-left:0;margin-right:35px;font-weight:700}#sub_design dd:last-child{margin-right:0}#btn_buy{border-right:0px none!important;width:200px!important}.border{display:block;width:100%;height:3px;background:#333;position:absolute;margin:-13px auto 5px 0%;display:none}#right_menu{position:absolute;right:0;top:0;background:#fff;width:200px;height:100%;z-index:999}#right_menu .section{display:none;position:relative;width:calc(100% - 27px)}#right_menu .section.sel{display:block}.section h3{margin:0;padding:10px;font-family:verdana;font-size:12px;cursor:pointer}.section h3 span{display:block;float:right;width:20px;height:20px;background-repeat:no-repeat;background-position:right 3px center;background-size:14px;margin-top:-15px;position:absolute;right:16px;background-color:#fff}.hide h3 span{background-image:url(expand-arrow.png)}.show h3 span{background-image:url(collapse-arrow.png)}#right_menu h2{font-family:sans-serif;text-align:center;font-size:14px;margin-top:20px}#text_area,#image_area{background:#f2f2f2;margin:10px;padding:5px}#right_menu h5{background-color:#fff;margin:5px 0;padding:7px 10px;width:calc(100% - 20px);border-radius:3px;font-weight:400;font-family:verdana;height:17px;background-image:url(expand-arrow.png);background-repeat:no-repeat;background-size:14px;background-position:right 10px center}#right_menu h5{width:100%;height:30px;background-position:right 4px center;font-size:12px;line-height:18px;color:#000}.mobile #right_menu h5{line-height:47px;width:90%;height:47px;font-size:22px}.sub_content dl{display:none;z-index:999;position:absolute;background:#fff;margin-top:-3px;width:calc(100% - 10px);padding:10px 0;box-shadow:0 0 5px gray}.mobile .sub_content dl{width:300px}.sub_content p{display:none}.mobile .sub_content p{font-family:arial;font-size:24px;text-align:center;display:block}#txt_panel{height:30px;border:0px none;border-radius:3px;padding:2px;width:100%;margin-top:5px;font-size:12px}.mobile #txt_panel{width:90%;height:60px;font-size:22px;margin:0}section h3{margin-left:20px;font-family:verdana;font-size:11px}#image_area{background:#f2f2f2;margin:10px;padding:5px}#text_menu h2{text-align:center;font-family:Verdana;font-size:14px}#text_menu input{height:30px;width:160px}#color_menu{height:calc(100% - 120px);width:100%!important;overflow-y:auto}#color_menu dd{cursor:pointer;margin:5px;padding-top:5px;text-align:center;background-color:#f2f2f2}.mobile #right_menu h2{display:none}.mobile #color_menu{height:250px}.mobile #color_menu dl{margin:0;width:20000px}.mobile #text_area .sub_content{display:block}.mobile #text_area .sub_content div{width:33%;float:left}.mobile #text_area h3{display:none}.mobile #color_menu dd{width:250px;height:250px;float:left}.mobile #color_menu dd span{font-size:28px}.mobile #color_menu p{margin-top:50px}#color_menu p{width:64px;height:64px;border:1px solid gray;border-radius:64px;margin:10px auto;background-position:50% 50%;background-size:20%}#color_menu dd span{font-family:sans-serif;font-size:13px;text-align:center;margin:10px auto;display:inline-block}.hide .sub_content{display:none}.show .sub_content{display:block}#font_list .active{color:#00f}#font_list dd{cursor:pointer;margin:0;width:100%;height:38px;line-height:38px;font-family:sans-serif;font-size:12px;font-weight:700;text-align:center;background:#fff}dd.button{background:#000!important;color:#fff}#font_list :nth-child(2n){background:#f5f6f8}#color_list img{width:32px;vertical-align:middle}#color_list dd{cursor:pointer;width:36px;height:36px;padding:5px;line-height:38px;margin:5px;float:left}#color_list h5 span{display:block;width:16px;height:16px;position:absolute;background:#000;margin-top:-16px;margin-left:60px}#color_list dd:nth-child(1){background-color:#00f}#color_list dd:nth-child(2){background-color:#000}#color_list dd:nth-child(3){background-color:red}#content-body{left:0;top:0;width:calc(100% - 200px);height:calc(100% - 80px)}#render_area{width:100%;height:100%}#font-list{position:absolute;opacity:.1}#drop_mode{display:none;width:249px;position:absolute;margin:-70px 0 0 43px;box-shadow:0 0 10px gray;padding:10px;background:#fff}#drop_mode li{cursor:pointer;width:250px;font-family:verdana;font-size:14px;font-weight:700}#drop_mode li:first-child{border-bottom:1px solid #ddd;padding-bottom:3px;margin-bottom:5px}#drop_mode li.active,#drop_mode li:hover{color:#00f}.sub_menu{cursor:pointer}#btn_mode{cursor:pointer;background-image:url(expand-arrow.png);background-repeat:no-repeat;background-position:right 25px center;background-size:13px}.mobile #btn_personalize{display:none}.mobile #btn_addtocart{font-family:arial!important;font-weight:700;width:100%!important;font-size:18px!important;height:60px!important;border-radius:unset!important;vertical-align:middle;-webkit-appearance:none}#button_area{position:absolute;bottom:120px;left:calc(50% - 280px)}#button_area div{cursor:pointer;width:120px;height:35px;font-size:16px;margin-right:90px;border:1px solid #ccc;text-align:center;line-height:35px;font-family:arial;float:left;background:#fff}#btn_design_left,#btn_design_right{display:none}#btn_go_back{float:left;margin:30px;width:120px;height:35px;background:#fff;border:1px solid #ccc;cursor:pointer;font-size:11px;padding:1px}#engrave_mode{width:100%;height:34px;border:0px none;padding:7px 10px;line-height:22px;-webkit-appearance:none;-moz-appearance:none;background-image:url(expand-arrow.png);background-position:right 10px center;background-repeat:no-repeat;background-size:auto 14px;font-size:12px}.mobile #engrave_mode{height:60px;font-size:22px;width:90%;background:#fff;line-height:47px}.mobile #tool-area{overflow-x:auto;overflow-y:hidden;height:100px;position:absolute;bottom:90px;background:none;box-shadow:none;background:#f8f8f8}.mobile #tool-area ul{width:1010px;height:100px}.mobile #tool-area li{height:100px;width:250px}.mobile .border{background:#fff}.mobile #header-area img{margin-left:calc(50% - 250px)}.mobile #right_menu{height:250px;width:100%;bottom:90px;top:auto;z-index:9999;background:#f8f8f8;display:none}.mobile #text_area{background:none}.mobile #title-area{left:calc(50% - 175px)}.mobile #button_area{bottom:0;width:100%;left:0}.mobile #tool-area ul li{display:flex;align-items:center;border-right:2px solid white!important;font-size:18px}.mobile #tool-area ul li p{margin:0 auto}#mobile_button{display:none}.mobile #mobile_button{display:block;position:absolute;top:35px;right:35px}#mobile_button img{width:36px;cursor:pointer}#btn_back{display:none}.mobile #btn_back{font-weight:700;position:absolute;width:100%;height:95px;line-height:95px;font-size:36px;font-family:arial}
/*# sourceMappingURL=/cdn/shop/t/1/assets/style_updated2.css.map */