body{top:0;left:0;margin:0;padding:0;overflow:auto;width:100%;height:100%;overflow:hidden;background:#f8f8f8}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{display:flex}#header-area button{outline:none}#header-area button img{width:40px;padding:0;margin:0 0 0 5px}#header-area button p{font-family:Avenir;margin:0;font-size:14px;cursor:pointer;color:#1f1f1f;display:inline-block;padding:0}#tool-area ul li img{margin-top:20px}#tool-area{position:fixed;right:0;height:100%;width:200px;background:#fff;z-index:1001;box-shadow:none;border-left:3px solid white}#tool-area ul{margin:0;padding:10px 0;width:100%;height:calc(100% - 20px)}#tool-area ul{margin:0;width:100%;height:100%;background-color:#f8f8f8}#tool-area.expanded ul li{width:calc(25% - 2px)}#tool-area ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;height:25%;width:100%;cursor:pointer;text-align:center;font-family:Avenir;font-weight:700;color:#0c0c0c;font-size:11px;border-top:3px solid #fff}#tool-area ul li p{position:relative;margin:0;display:inline-block}#tool-area ul li:hover .border{display:block!important;display:none!important}#tool-area li:last-child{border-right:0px none}#tool-area .active .border{display:block!important;display:none!important}#tool-area ul li img{height:25px;height:0px;margin-top:0}#btn_left,#btn_right{width:99px!important;background:#202020;border-right:0px none}#title-area{position:absolute;width:326px;left:calc(50% - 263px);top:45px;font-size:12px}#title-area h2{font-family:Avenir;color:#0c0c0c;font-size:14px;text-align:center}#title-area h3{font-family:Avenir;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;width:50px;white-space:nowrap}#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(80% - 75px);height:calc(80vh - 75px);background:#f8f8f8}.mobile #size_menu dd{height:120px;background:none;border-top:3px solid white}#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:16px}#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:#f8f8f8;border-left:3px solid white;width:200px;height:100%;z-index:1000}#right_menu .section{display:none;position:relative;width:calc(100% - 27px)}#right_menu .section.sel{display:block;z-index:1002}.section h3{margin:0;padding:10px;font-family:Avenir;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:Avenir;font-size:14px;margin-top:0;margin-bottom:0;background-color:#fff;height:60px;line-height:60px;text-align:center}#text_area,#image_area{background:#f8f8f8;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:Avenir;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{width:90%;height:47px;font-size:16px}.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 dl{margin:0}#color_menu dd{display:flex;flex-direction:column;border-bottom:3px solid white;cursor:pointer;margin:0;padding:30px;text-align:center;background-color:#f2f2f2;-webkit-margin-start:0px}.mobile #color_menu dd{padding:0;justify-content:center}.mobile #right_menu h2{display:none}.mobile #color_menu{height:120px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-top:3px solid white}.mobile #color_menu dl{margin:0;width:20000px}.mobile #text_area{border-top:3px solid white}.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:120px;height:120px;float:left;border-right:3px solid white}.mobile #color_menu dd span{font-size:16px}.mobile #color_menu p{margin-top:0;width:45px;height:45px;border-radius:45px;background-position:0% background-size: 0%}.mobile #color_menu dd span{font-size:10px}#color_menu p{width:64px;height:64px;border:none;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:0 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}#btn_addtocart{display:block;margin-left:auto;margin-right:auto;font-family:Avenir;font-size:16px!important}#btn_back_menu{position:absolute;bottom:0;width:100%;height:60px;border:none;outline:none;-webkit-appearance:none}.mobile #btn_back_menu,.mobile #btn_personalize{display:none}.mobile #btn_addtocart{font-family:Avenir!important;width:100%!important;font-size:18px!important;height:60px!important;border-radius:unset!important;border:none;vertical-align:middle;-webkit-appearance:none}#btn_back_menu_mobile{display:none}.mobile #btn_back_menu_mobile{font-family:arial!important;font-weight:700;width:100%!important;font-size:18px!important;height:60px!important;border-radius:unset!important;border:none;vertical-align:middle;-webkit-appearance:none;z-index:1000px}#button_area{position:absolute;bottom:40px;width:calc(100% - 200px)}#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:block}#btn_go_back{float:left;margin:30px;width:120px;height:35px;background:transparent;border:none;cursor:pointer;font-size:11px;padding:1px;background-image:url(http://i50.tinypic.com/20keohf.jpg)}#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:120px;width:100%;position:absolute;bottom:60px;background:none;box-shadow:none;background:#f8f8f8;-webkit-overflow-scrolling:touch}.mobile #tool-area ul{width:480px;height:100px}.mobile #tool-area li{height:120px;width:120px}.mobile .border{background:#fff}.mobile #header-area p{display:none}.mobile #header-area img{height:80px width: auto}.mobile #header-area{justify-content:center;align-items:center;width:100%}.mobile #right_menu{height:120px;width:100%;bottom:60px;position:absolute;background:none;box-shadow:none;top:auto;z-index:9999;background:#f8f8f8;display:none}.mobile #text_area{background:none}.mobile #title-area{left:calc(50% - 175px);top:80px}.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:11px}.mobile #tool-area ul li p{margin:0 auto}.mobile #tool-area ul li img{width:50px!important;height:50px!important}#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_updated.css.map */