@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;width:auto;overflow:visible}legend{color:#000}h1,h2,h3,h4,h5,h6{font-family:Arial,"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,sans-serif;text-decoration:none}html,body{height:100%}a,a:active{color:#fff;text-decoration:none;outline:none}.clear:after{content:"\200c";display:block;height:0;font-size:0;clear:both}.none{display:none;overflow:hidden}a,button,input[type=submit],input[type=button]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:#000;color:#fff;font-family:Arial,"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,sans-serif;font-size:16px;line-height:1.4;-webkit-user-select:none;-webkit-touch-callout:none}h1{color:#fff;font-weight:800;letter-spacing:.225em;line-height:1em;margin:0 0 1em;text-transform:uppercase}.hf116{font-weight:500;margin-left:.3em;font-size:.6em;letter-spacing:.1em}#header{-moz-transition:background-color .2s ease;-webkit-transition:background-color .2s ease;-ms-transition:background-color .2s ease;transition:background-color .2s ease;background:#00a0e9;height:3em;left:0;line-height:3em;position:fixed;top:0;width:100%;z-index:10000}#header h1{-moz-transition:opacity .2s ease;-webkit-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;height:inherit;color:#fff;left:1.25em;line-height:inherit;position:absolute;top:0}#header h1 a{border:0;display:block;height:inherit;line-height:inherit}@media screen and (max-width: 736px){#header h1 a{font-size:.8em}}#header nav{height:inherit;line-height:inherit;position:absolute;right:0;top:0}#header nav > ul{list-style:none;margin:0;padding:0;white-space:nowrap}#header nav > ul > li{display:inline-block;padding:0}#header nav > ul > li > a{border:0;color:#fff;display:block;font-size:.8em;letter-spacing:.225em;padding:0 1.5em;text-transform:uppercase}#header nav > ul > li > a.menuToggle{outline:0;position:relative}#header nav > ul > li > a.menuToggle:after{background-image:url(images/bars.svg);background-position:right center;background-repeat:no-repeat;content:'';display:inline-block;height:3.75em;vertical-align:top;width:2em}@media screen and (max-width: 736px){#header nav > ul > li > a.menuToggle{padding:0 1.5em}#header nav > ul > li > a.menuToggle span{display:none}}@media screen and (max-width: 736px){#header nav > ul > li > a{padding:0 0 0 1.5em}}#header nav > ul > li:first-child{margin-left:0}#header.alt{background:transparent}#header.alt h1{-moz-pointer-events:none;-webkit-pointer-events:none;-ms-pointer-events:none;pointer-events:none;opacity:0}.wrapper{width:100%;display:block;min-width:320px}.main{margin:0 auto}.button{margin:0;padding:0;outline:none;border:0 solid #fff;border-radius:3px;cursor:pointer;height:30px;text-align:center;color:#fff;background:#888}a.button{display:inline-block;height:28px;line-height:28px}.Mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.Panel{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;color:#333;max-height:90%;box-shadow:1px 1px 3px rgba(0,0,0,.5);padding:30px;width:80px;display:none}.Panel .close{position:absolute;cursor:pointer;right:5px;top:5px;width:20px;height:20px;z-index:1}.Panel .close:before,.Panel .close:after{content:'';display:block;width:2px;height:20px;background:#000;position:absolute;top:0;left:9px}.Panel .close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.Panel .close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}#wrap{min-height:100%;position:relative}#pad{position:absolute;top:3em;bottom:100px;left:15px;right:15px}#sketch{display:block;width:100%;height:100%;background:#fff;border-radius:3px;cursor:pointer}.pad-h{padding:15px;line-height:30px;display:none}.pad-h .button{width:80px;float:right}#pad-tools{position:absolute;left:50%;bottom:5px;width:262px;margin-left:-131px}#pad-tools .button{margin-bottom:10px;float:left}.pen-w{width:106px}.pen-w i{border-radius:100%;display:inline-block;margin-left:5px;border:1px solid #fff;border-radius:100%;vertical-align:middle;margin-top:-5px}.pen-w i.active{background:#fff}.pen-w i:nth-child(1){width:3px;height:3px}.pen-w i:nth-child(2){width:5px;height:5px}.pen-w i:nth-child(3){width:10px;height:10px}.pen-c{border:0;border-radius:0;height:30px;width:23px;background:url(../images/pen.jpg) no-repeat center 1px;background-size:23px 23px;border-bottom:3px solid #000;margin:0 20px}.pen-cancel{width:90px}.pen-clear{width:80px;margin:0 10px}.pen-erase{width:80px}.pen-erase.active{background:#fff;color:#333}.pen-show{width:80px}.color-pad li{width:30px;height:30px;float:left;margin:5px;border-radius:0}.pic-pad{padding:0;width:90%;height:90%}.pic-pad .pic{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;display:-moz-box;-moz-box-pack:center;-moz-box-align:center;display:-ms-flexbox;-ms-flex-pack:center;-ms-flex-align:center;display:box;box-pack:center;box-align:center;height:100%;padding-top:30px;box-sizing:border-box}.pic-pad img{display:block;max-width:100%;max-height:100%;-webkit-touch-callout:default}.pic-pad h3{text-align:center;position:absolute;top:0;width:100%;padding:10px 0}.blue_bg{background-color:#00a0e9;transition:background-color .2s ease-in-out,color .2s ease-in-out}.blue_bg:hover{background:#005eb6}