#sysmessage{z-index:4;display:none}#sysmessage,#sysmessagebg{position:absolute;top:0;left:0;width:inherit;height:inherit}#sysmessagebg{background-color:#000;opacity:.7}#sysmessagetext{width:45pc;height:90pt;background-color:#fff;font-size:28px;color:#000;font-weight:700;line-height:90pt;border-radius:40px;border:solid 1pc;border-color:blue}#page_1{z-index:3;display:none;width:100pc;height:100pc;position:absolute;top:0;left:-20pc;z-index:2;-webkit-user-select:none;-webkit-touch-callout:none}#sysmessagetext,.page_wrap{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center}.page_wrap{width:60pc}.topbanner{width:45pc;height:566px;position:relative;left:0;right:0;margin:0 auto}.toplogobg{position:absolute;width:20in;left:-5in}.toplogo,.toplogobg{-webkit-user-select:none;-webkit-touch-callout:none}.toplogo{position:relative;width:718px;height:221px;left:0;right:0;margin:40px auto;background-image:url(../_img/schoolpass/MakerTitle.png);background-repeat:no-repeat}#titlebutton_01{background-image:url(../_img/schoolpass/MakerButtonCharaSelect.png)}#titlebutton_02{background-image:url(../_img/schoolpass/MakerButtonPhotoSelect.png)}.titlebutton{position:relative;width:517px;height:84px;left:0;right:0;margin:20px auto 5pc;background-position:top left}.titlebutton:hover{background-position:bottom left}#passtop_back_top{left:0;right:0;margin:440px auto 5pc}.topimg_exp{left:0;right:0;margin:5pc auto 40px}#page_2{z-index:3;width:100pc;height:100pc;position:absolute;top:0;left:-20pc;z-index:2;-webkit-user-select:none;-webkit-touch-callout:none}#button_image_div,#page_2{display:none}.charsel_wrap4{width:40pc}.charsel_wrap4,.charsel_wrap5{position:relative;height:182px;left:0;right:0;margin:20px auto}.charsel_wrap5{width:50pc}.charselectbtn{position:relative;width:130px;height:182px;margin:0 15px;background-position:top left;background-image:url(../_img/schoolpass/MakeCharaSelect.png?2010021515);float:left;opacity:1}.charselectbtn:hover{opacity:.7}.charselectbtn_cg{background-image:url(../_img/schoolpass/pass_im04.png);width:280px;height:40px}#page_3,.charselectbtn_cg{-webkit-user-select:none;-webkit-touch-callout:none}#page_3{z-index:3;display:none;width:100pc;height:100pc;position:absolute;top:0;left:-20pc;z-index:2}.topimg_div{width:700px;height:75pt;left:0;right:0;margin:0 auto 20px;text-align:center}.topimg_div img{top:0;z-index:1;left:0;right:0;margin:0 auto;display:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-webkit-touch-callout:none}#stepimg_1,.topimg_div{position:relative;display:block}#stepimg_2{position:absolute;display:none}.fileselect_label{position:absolute;width:inherit;height:inherit;left:0;top:0;background-color:#69c7e5;background-image:url(../_img/schoolpass/PhotoFolder.png);background-repeat:no-repeat;background-position:center}#picture_div{display:block;left:0;right:0;margin:10px auto;transform-origin:top center}#frameclip,#picture_div{position:relative;width:360px;height:468px}#frameclip{transform-origin:center;overflow:hidden;background-color:rgba(0,0,255,.5)}#frameclip_img{transform-origin:542px 794px;display:block;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-webkit-touch-callout:none}#frameclip_img,#userimg{position:absolute;width:auto;height:auto}#userimg{transform-origin:center}#touch_div{position:absolute;width:100%;height:100%;display:none;top:0;touch-action:auto;Z-index:101}.ui_div{position:relative;width:90%;margin:20px auto}#scaler_div{position:relative;touch-action:none;left:0;right:0;margin:40px auto;height:27px;width:554px;background-image:url(../_img/schoolpass/MakerSrideBar.png);background-repeat:no-repeat}#scaler_inner{position:absolute;display:block;width:75%;height:20%;left:0;right:0;top:0;bottom:0;margin:auto}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;outline:0;height:14px;width:380px;left:0;right:0;background:#8acdff;border-radius:10px;border:solid 3px #dff1ff}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:50px;height:72px;left:-15.5px;top:-36px;background-image:url(../_img/schoolpass/MakerSridePointer.png);background-position:top center;background-repeat:no-repeat;background-color:transparent}input[type="range"]::-moz-range-thumb{width:33px;height:72px;left:-15.5px;top:-36px;background-image:url(../_img/schoolpass/MakerSridePointer.png)}input[type="range"]::-moz-focus-outer{border:0}#page_4{z-index:3;display:none;width:100pc;height:100pc;position:absolute;top:0;left:-20pc;z-index:2;-webkit-user-select:none;-webkit-touch-callout:none}#namebox{height:60px;margin:20px auto;border:solid 4px red;font-size:46px;font-weight:700}#button_schoolselect_div,#namebox{position:relative;width:600px;left:0;right:0;text-align:center}#button_schoolselect_div{height:280px;margin:5pc auto 40px}.schoolbutton{position:relative;width:568px;height:70px;background-position:top left;background-repeat:no-repeat;left:0;right:0;margin:10px auto;-webkit-user-select:none;-webkit-touch-callout:none}#A_schoolbtn{background-image:url(../_img/schoolpass/ChoicesSclNameA.png)}#B_schoolbtn{background-image:url(../_img/schoolpass/ChoicesSclNameB.png)}#button_name_div{width:40pc;height:200px;text-align:center;margin:0 auto 20px}#button_name_div,.publishbutton{position:relative;left:0;right:0}.publishbutton{width:408px;height:86px;background-position:top left;background-repeat:no-repeat;margin:40px auto;-webkit-user-select:none;-webkit-touch-callout:none;background-image:url(../_img/schoolpass/MakerButtonFinish.png)}.publishbutton:hover{background-position:bottom}#page_5{z-index:3;display:none;width:100pc;height:100pc;position:absolute;top:0;left:-20pc;z-index:2;-webkit-user-select:none;-webkit-touch-callout:none}#canvas_div{left:0;right:0;margin:60px auto}#canvas_div,#dstimage{position:relative;display:block;width:622px;height:414px}#dstimage{top:0;pointer-events:auto;transform-origin:top center;-webkit-touch-callout:default}.complete_top{margin-top:60px;margin-bottom:60px}.completebutton_div{margin:40px auto;text-align:center}#btn_tweet,.completebutton_div{position:relative;left:0;right:0}#btn_tweet{margin:0 auto 40px}#btn_restart{margin:40px auto}#btn_restart,#result_retry{position:relative;left:0;right:0}#result_retry{width:408px;height:86px;margin:60px auto 30px;background-position:top left;background-repeat:no-repeat;background-image:url(../_img/schoolpass/MakerButtonRetry.png);-webkit-user-select:none;-webkit-touch-callout:none}#result_retry:hover{background-position:bottom left}#result_back_top{left:0;right:0;margin:90pt auto 0}