@charset "utf-8";
/* CSS Document */
/* 默认样式 */
@font-face {
    font-family: "HelveticaNeueLTPro-Roman";
    src:url(../front/HelveticaNeueLTPro-Roman.otf);
}
html{font-family: "HelveticaNeueLTPro-Roman"; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;-ms-touch-action: none;}
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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;color:#000;}
input,textarea,select{font-size:inherit;font-weight:inherit;}
table{font-size:inherit;font:100%;}
a,button{cursor:pointer;}
/**********defined************/
body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
body { font-size:14px; color:#2c2f3c;background:#ffffff;-webkit-text-size-adjust: none;-moz-text-size-adjust:none; -ms-text-size-adjust: none;text-size-adjust: none;}
h1, h2 {color:#333;}
h1, h2, h3, h4, h5, h6, p { line-height:1.2em; font-size:100%;}
a {color: #2c2f3c; text-decoration:none;}
a:link {text-decoration:none;} 
a:hover  { colo 0 r: #e00; text-decoration:none;}
.cl:after,.clear_fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl,.clear_fix{zoom:1;}
.tr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tr{zoom:1;}
.m-5{ margin-top:5px;}
.m-10{ margin-top:10px;}
.m-15{ margin-top:15px;}
.p10{ padding:10px;}
.l{ float:left;}
.r{ float:right;}
.block{ width:100%; display:block}

body {
  font-size: 14px;
  color: #555; }

.hide {
  display: none; }

pre {
  margin: 0 !important;
  display: inline-block; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  background: none; }

  input[disabled], button[disabled] {
    background-color: #eee; }

input, select {
  border: 1px solid #CCC; }

::-webkit-input-placeholder {
  color: #BBB; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #BBB;
  opacity: 1; }

:-ms-input-placeholder {
  color: #BBB; }

button {
  color: #FFF;
  background-color: #428BCA;
  border: 1px solid #357EBD; }
  button:hover {
    background-color: #3276B1;
    border-color: #285E8E;
    cursor: pointer; }

#result {
  margin-bottom: 100px; }