diff --git a/demo/all.css b/demo/all.css deleted file mode 100644 index 4a67803..0000000 --- a/demo/all.css +++ /dev/null @@ -1 +0,0 @@ -.f0{font-family:sans-serif;color:red;}.s0{font-size:0px;}@font-face{font-family:f1;src:url(f1.otf);}.f1{font-family:f1;}.s1{font-size:17.9328px;}.t0{transform:matrix(1,0,0,1,0,0);-ms-transform:matrix(1,0,0,1,0,0);-moz-transform:matrix(1,0,0,1,0px,0px);-webkit-transform:matrix(1,0,0,1,0,0);-o-transform:matrix(1,0,0,1,0,0);}.w0{width:4.4832px;}@font-face{font-family:f2;src:url(f2.otf);}.f2{font-family:f2;}.s2{font-size:10.9589px;}.w1{width:2.73972px;}@font-face{font-family:f3;src:url(f3.otf);}.f3{font-family:f3;}.s3{font-size:7.9701px;}@font-face{font-family:f4;src:url(f4.otf);}.f4{font-family:f4;}.s4{font-size:8.9664px;}@font-face{font-family:f5;src:url(f5.otf);}.f5{font-family:f5;}.s5{font-size:5.9776px;}@font-face{font-family:f6;src:url(f6.otf);}.f6{font-family:f6;}@font-face{font-family:f7;src:url(f7.otf);}.f7{font-family:f7;}@font-face{font-family:f8;src:url(f8.otf);}.f8{font-family:f8;}.w2{width:1.38482px;}@font-face{font-family:f9;src:url(f9.otf);}.f9{font-family:f9;}@font-face{font-family:fa;src:url(fa.otf);}.fa{font-family:fa;}.w3{width:10.9589px;}.s6{font-size:6.9738px;}@font-face{font-family:fb;src:url(fb.otf);}.fb{font-family:fb;}@font-face{font-family:fc;src:url(fc.otf);}.fc{font-family:fc;}.w4{width:5.604px;}.w5{width:14.1221px;}.w6{width:23.5368px;}.t1{transform:matrix(1,-0,-0,1,317.014,-651.925);-ms-transform:matrix(1,-0,-0,1,317.014,-651.925);-moz-transform:matrix(1,-0,-0,1,317.014px,-651.925px);-webkit-transform:matrix(1,-0,-0,1,317.014,-651.925);-o-transform:matrix(1,-0,-0,1,317.014,-651.925);}.t2{transform:matrix(1,-0,-0,1,317.014,-414.768);-ms-transform:matrix(1,-0,-0,1,317.014,-414.768);-moz-transform:matrix(1,-0,-0,1,317.014px,-414.768px);-webkit-transform:matrix(1,-0,-0,1,317.014,-414.768);-o-transform:matrix(1,-0,-0,1,317.014,-414.768);}.t3{transform:matrix(0.43082,-0,-0,0.43082,317.014,-414.768);-ms-transform:matrix(0.43082,-0,-0,0.43082,317.014,-414.768);-moz-transform:matrix(0.43082,-0,-0,0.43082,317.014px,-414.768px);-webkit-transform:matrix(0.43082,-0,-0,0.43082,317.014,-414.768);-o-transform:matrix(0.43082,-0,-0,0.43082,317.014,-414.768);}.t4{transform:matrix(50.8368,-0,-0,24.5567,390.684,-560.386);-ms-transform:matrix(50.8368,-0,-0,24.5567,390.684,-560.386);-moz-transform:matrix(50.8368,-0,-0,24.5567,390.684px,-560.386px);-webkit-transform:matrix(50.8368,-0,-0,24.5567,390.684,-560.386);-o-transform:matrix(50.8368,-0,-0,24.5567,390.684,-560.386);}.t5{transform:matrix(57.7299,-0,-0,24.5567,387.237,-517.304);-ms-transform:matrix(57.7299,-0,-0,24.5567,387.237,-517.304);-moz-transform:matrix(57.7299,-0,-0,24.5567,387.237px,-517.304px);-webkit-transform:matrix(57.7299,-0,-0,24.5567,387.237,-517.304);-o-transform:matrix(57.7299,-0,-0,24.5567,387.237,-517.304);}.t6{transform:matrix(50.8368,-0,-0,24.5567,321.322,-497.917);-ms-transform:matrix(50.8368,-0,-0,24.5567,321.322,-497.917);-moz-transform:matrix(50.8368,-0,-0,24.5567,321.322px,-497.917px);-webkit-transform:matrix(50.8368,-0,-0,24.5567,321.322,-497.917);-o-transform:matrix(50.8368,-0,-0,24.5567,321.322,-497.917);}.t7{transform:matrix(65.0538,-0,-0,24.5567,450.999,-458.281);-ms-transform:matrix(65.0538,-0,-0,24.5567,450.999,-458.281);-moz-transform:matrix(65.0538,-0,-0,24.5567,450.999px,-458.281px);-webkit-transform:matrix(65.0538,-0,-0,24.5567,450.999,-458.281);-o-transform:matrix(65.0538,-0,-0,24.5567,450.999,-458.281);}.t8{transform:matrix(59.884,-0,-0,24.5567,453.584,-497.917);-ms-transform:matrix(59.884,-0,-0,24.5567,453.584,-497.917);-moz-transform:matrix(59.884,-0,-0,24.5567,453.584px,-497.917px);-webkit-transform:matrix(59.884,-0,-0,24.5567,453.584,-497.917);-o-transform:matrix(59.884,-0,-0,24.5567,453.584,-497.917);}.t9{transform:matrix(50.8368,-0,-0,24.5567,321.322,-458.281);-ms-transform:matrix(50.8368,-0,-0,24.5567,321.322,-458.281);-moz-transform:matrix(50.8368,-0,-0,24.5567,321.322px,-458.281px);-webkit-transform:matrix(50.8368,-0,-0,24.5567,321.322,-458.281);-o-transform:matrix(50.8368,-0,-0,24.5567,321.322,-458.281);}.ta{transform:matrix(59.884,-0,-0,24.5567,453.584,-418.646);-ms-transform:matrix(59.884,-0,-0,24.5567,453.584,-418.646);-moz-transform:matrix(59.884,-0,-0,24.5567,453.584px,-418.646px);-webkit-transform:matrix(59.884,-0,-0,24.5567,453.584,-418.646);-o-transform:matrix(59.884,-0,-0,24.5567,453.584,-418.646);}.tb{transform:matrix(43.9436,-0,-0,18.5253,496.666,-562.109);-ms-transform:matrix(43.9436,-0,-0,18.5253,496.666,-562.109);-moz-transform:matrix(43.9436,-0,-0,18.5253,496.666px,-562.109px);-webkit-transform:matrix(43.9436,-0,-0,18.5253,496.666,-562.109);-o-transform:matrix(43.9436,-0,-0,18.5253,496.666,-562.109);}.tc{transform:matrix(49.1135,-0,-0,18.5253,494.081,-549.184);-ms-transform:matrix(49.1135,-0,-0,18.5253,494.081,-549.184);-moz-transform:matrix(49.1135,-0,-0,18.5253,494.081px,-549.184px);-webkit-transform:matrix(49.1135,-0,-0,18.5253,494.081,-549.184);-o-transform:matrix(49.1135,-0,-0,18.5253,494.081,-549.184);}.td{transform:matrix(49.1135,-0,-0,17.6636,494.081,-537.121);-ms-transform:matrix(49.1135,-0,-0,17.6636,494.081,-537.121);-moz-transform:matrix(49.1135,-0,-0,17.6636,494.081px,-537.121px);-webkit-transform:matrix(49.1135,-0,-0,17.6636,494.081,-537.121);-o-transform:matrix(49.1135,-0,-0,17.6636,494.081,-537.121);}.te{transform:matrix(0.43082,-0,-0,-0.43082,296.981,-598.082);-ms-transform:matrix(0.43082,-0,-0,-0.43082,296.981,-598.082);-moz-transform:matrix(0.43082,-0,-0,-0.43082,296.981px,-598.082px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,296.981,-598.082);-o-transform:matrix(0.43082,-0,-0,-0.43082,296.981,-598.082);}.tf{transform:matrix(0.43082,-0,-0,-0.43082,415.887,-574.603);-ms-transform:matrix(0.43082,-0,-0,-0.43082,415.887,-574.603);-moz-transform:matrix(0.43082,-0,-0,-0.43082,415.887px,-574.603px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,415.887,-574.603);-o-transform:matrix(0.43082,-0,-0,-0.43082,415.887,-574.603);}@font-face{font-family:fd;src:url(fd.ttf);}.fd{font-family:fd;}.s7{font-size:1px;}.t10{transform:matrix(12,-0,-0,-12,0,0);-ms-transform:matrix(12,-0,-0,-12,0,0);-moz-transform:matrix(12,-0,-0,-12,0px,0px);-webkit-transform:matrix(12,-0,-0,-12,0,0);-o-transform:matrix(12,-0,-0,-12,0,0);}@font-face{font-family:fe;src:url(fe.ttf);}.fe{font-family:fe;}.t11{transform:matrix(0.43082,-0,-0,-0.43082,415.887,-531.521);-ms-transform:matrix(0.43082,-0,-0,-0.43082,415.887,-531.521);-moz-transform:matrix(0.43082,-0,-0,-0.43082,415.887px,-531.521px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,415.887,-531.521);-o-transform:matrix(0.43082,-0,-0,-0.43082,415.887,-531.521);}.t12{transform:matrix(0.43082,-0,-0,-0.43082,346.525,-512.134);-ms-transform:matrix(0.43082,-0,-0,-0.43082,346.525,-512.134);-moz-transform:matrix(0.43082,-0,-0,-0.43082,346.525px,-512.134px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,346.525,-512.134);-o-transform:matrix(0.43082,-0,-0,-0.43082,346.525,-512.134);}.t13{transform:matrix(0.43082,-0,-0,-0.43082,483.31,-472.498);-ms-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-472.498);-moz-transform:matrix(0.43082,-0,-0,-0.43082,483.31px,-472.498px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-472.498);-o-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-472.498);}.t14{transform:matrix(0.43082,-0,-0,-0.43082,483.31,-512.134);-ms-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-512.134);-moz-transform:matrix(0.43082,-0,-0,-0.43082,483.31px,-512.134px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-512.134);-o-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-512.134);}.t15{transform:matrix(0.43082,-0,-0,-0.43082,346.525,-472.498);-ms-transform:matrix(0.43082,-0,-0,-0.43082,346.525,-472.498);-moz-transform:matrix(0.43082,-0,-0,-0.43082,346.525px,-472.498px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,346.525,-472.498);-o-transform:matrix(0.43082,-0,-0,-0.43082,346.525,-472.498);}.t16{transform:matrix(0.43082,-0,-0,-0.43082,483.31,-432.863);-ms-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-432.863);-moz-transform:matrix(0.43082,-0,-0,-0.43082,483.31px,-432.863px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-432.863);-o-transform:matrix(0.43082,-0,-0,-0.43082,483.31,-432.863);}.t17{transform:matrix(0.43082,-0,-0,-0.43082,407.27,-554.785);-ms-transform:matrix(0.43082,-0,-0,-0.43082,407.27,-554.785);-moz-transform:matrix(0.43082,-0,-0,-0.43082,407.27px,-554.785px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,407.27,-554.785);-o-transform:matrix(0.43082,-0,-0,-0.43082,407.27,-554.785);}.t18{transform:matrix(0.43082,-0,-0,-0.43082,387.453,-515.15);-ms-transform:matrix(0.43082,-0,-0,-0.43082,387.453,-515.15);-moz-transform:matrix(0.43082,-0,-0,-0.43082,387.453px,-515.15px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,387.453,-515.15);-o-transform:matrix(0.43082,-0,-0,-0.43082,387.453,-515.15);}.t19{transform:matrix(0.43082,-0,-0,-0.43082,341.14,-530.659);-ms-transform:matrix(0.43082,-0,-0,-0.43082,341.14,-530.659);-moz-transform:matrix(0.43082,-0,-0,-0.43082,341.14px,-530.659px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,341.14,-530.659);-o-transform:matrix(0.43082,-0,-0,-0.43082,341.14,-530.659);}.t1a{transform:matrix(0.43082,-0,-0,-0.43082,362.465,-495.763);-ms-transform:matrix(0.43082,-0,-0,-0.43082,362.465,-495.763);-moz-transform:matrix(0.43082,-0,-0,-0.43082,362.465px,-495.763px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,362.465,-495.763);-o-transform:matrix(0.43082,-0,-0,-0.43082,362.465,-495.763);}.t1b{transform:matrix(0.43082,-0,-0,-0.43082,458.969,-549.615);-ms-transform:matrix(0.43082,-0,-0,-0.43082,458.969,-549.615);-moz-transform:matrix(0.43082,-0,-0,-0.43082,458.969px,-549.615px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,458.969,-549.615);-o-transform:matrix(0.43082,-0,-0,-0.43082,458.969,-549.615);}.t1c{transform:matrix(0.43082,-0,-0,-0.43082,461.123,-528.505);-ms-transform:matrix(0.43082,-0,-0,-0.43082,461.123,-528.505);-moz-transform:matrix(0.43082,-0,-0,-0.43082,461.123px,-528.505px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,461.123,-528.505);-o-transform:matrix(0.43082,-0,-0,-0.43082,461.123,-528.505);}.t1d{transform:matrix(0.43082,-0,-0,-0.43082,441.736,-490.808);-ms-transform:matrix(0.43082,-0,-0,-0.43082,441.736,-490.808);-moz-transform:matrix(0.43082,-0,-0,-0.43082,441.736px,-490.808px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,441.736,-490.808);-o-transform:matrix(0.43082,-0,-0,-0.43082,441.736,-490.808);}.t1e{transform:matrix(0.43082,-0,-0,-0.43082,530.916,-443.633);-ms-transform:matrix(0.43082,-0,-0,-0.43082,530.916,-443.633);-moz-transform:matrix(0.43082,-0,-0,-0.43082,530.916px,-443.633px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,530.916,-443.633);-o-transform:matrix(0.43082,-0,-0,-0.43082,530.916,-443.633);}.t1f{transform:matrix(0.43082,-0,-0,-0.43082,437.643,-445.788);-ms-transform:matrix(0.43082,-0,-0,-0.43082,437.643,-445.788);-moz-transform:matrix(0.43082,-0,-0,-0.43082,437.643px,-445.788px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,437.643,-445.788);-o-transform:matrix(0.43082,-0,-0,-0.43082,437.643,-445.788);}.t20{transform:matrix(0.43082,-0,-0,-0.43082,518.422,-573.31);-ms-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-573.31);-moz-transform:matrix(0.43082,-0,-0,-0.43082,518.422px,-573.31px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-573.31);-o-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-573.31);}.t21{transform:matrix(0.43082,-0,-0,-0.43082,518.422,-560.386);-ms-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-560.386);-moz-transform:matrix(0.43082,-0,-0,-0.43082,518.422px,-560.386px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-560.386);-o-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-560.386);}.t22{transform:matrix(0.43082,-0,-0,-0.43082,518.422,-547.892);-ms-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-547.892);-moz-transform:matrix(0.43082,-0,-0,-0.43082,518.422px,-547.892px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-547.892);-o-transform:matrix(0.43082,-0,-0,-0.43082,518.422,-547.892);}.t23{transform:matrix(0.43082,-0,-0,-0.43082,519.715,-564.694);-ms-transform:matrix(0.43082,-0,-0,-0.43082,519.715,-564.694);-moz-transform:matrix(0.43082,-0,-0,-0.43082,519.715px,-564.694px);-webkit-transform:matrix(0.43082,-0,-0,-0.43082,519.715,-564.694);-o-transform:matrix(0.43082,-0,-0,-0.43082,519.715,-564.694);}.t24{transform:matrix(1,-0,-0,1,317.014,-403.481);-ms-transform:matrix(1,-0,-0,1,317.014,-403.481);-moz-transform:matrix(1,-0,-0,1,317.014px,-403.481px);-webkit-transform:matrix(1,-0,-0,1,317.014,-403.481);-o-transform:matrix(1,-0,-0,1,317.014,-403.481);}.w7{width:28.6925px;}.w8{width:52.2293px;}.w9{width:47.7461px;}.wa{width:38.5555px;}.wb{width:61.4198px;}.t25{transform:matrix(1,-0,-0,1,54,-580.941);-ms-transform:matrix(1,-0,-0,1,54,-580.941);-moz-transform:matrix(1,-0,-0,1,54px,-580.941px);-webkit-transform:matrix(1,-0,-0,1,54,-580.941);-o-transform:matrix(1,-0,-0,1,54,-580.941);}.wc{width:42.8146px;}.wd{width:56.9366px;}.we{width:70.8346px;}.wf{width:33.3998px;}.t26{transform:matrix(1,-0,-0,1,54,-292.243);-ms-transform:matrix(1,-0,-0,1,54,-292.243);-moz-transform:matrix(1,-0,-0,1,54px,-292.243px);-webkit-transform:matrix(1,-0,-0,1,54,-292.243);-o-transform:matrix(1,-0,-0,1,54,-292.243);}@font-face{font-family:ff;src:url(ff.otf);}.ff{font-family:ff;}@font-face{font-family:f10;src:url(f10.otf);}.f10{font-family:f10;}.w10{width:8.9664px;}.t27{transform:matrix(1,-0,-0,1,54,-95.3424);-ms-transform:matrix(1,-0,-0,1,54,-95.3424);-moz-transform:matrix(1,-0,-0,1,54px,-95.3424px);-webkit-transform:matrix(1,-0,-0,1,54,-95.3424);-o-transform:matrix(1,-0,-0,1,54,-95.3424);}.t28{transform:matrix(1,-0,-0,1,388.745,-583.8);-ms-transform:matrix(1,-0,-0,1,388.745,-583.8);-moz-transform:matrix(1,-0,-0,1,388.745px,-583.8px);-webkit-transform:matrix(1,-0,-0,1,388.745,-583.8);-o-transform:matrix(1,-0,-0,1,388.745,-583.8);}.t29{transform:matrix(0.37213,-0,-0,0.37213,388.745,-583.8);-ms-transform:matrix(0.37213,-0,-0,0.37213,388.745,-583.8);-moz-transform:matrix(0.37213,-0,-0,0.37213,388.745px,-583.8px);-webkit-transform:matrix(0.37213,-0,-0,0.37213,388.745,-583.8);-o-transform:matrix(0.37213,-0,-0,0.37213,388.745,-583.8);}.t2a{transform:matrix(0.37213,-0,-0,-0.37213,302.97,-762.237);-ms-transform:matrix(0.37213,-0,-0,-0.37213,302.97,-762.237);-moz-transform:matrix(0.37213,-0,-0,-0.37213,302.97px,-762.237px);-webkit-transform:matrix(0.37213,-0,-0,-0.37213,302.97,-762.237);-o-transform:matrix(0.37213,-0,-0,-0.37213,302.97,-762.237);}.t2b{transform:matrix(0.37213,-0,-0,-0.37213,410.119,-705.648);-ms-transform:matrix(0.37213,-0,-0,-0.37213,410.119,-705.648);-moz-transform:matrix(0.37213,-0,-0,-0.37213,410.119px,-705.648px);-webkit-transform:matrix(0.37213,-0,-0,-0.37213,410.119,-705.648);-o-transform:matrix(0.37213,-0,-0,-0.37213,410.119,-705.648);}@font-face{font-family:f11;src:url(f11.ttf);}.f11{font-family:f11;}.t2c{transform:matrix(24,-0,-0,-24,0,0);-ms-transform:matrix(24,-0,-0,-24,0,0);-moz-transform:matrix(24,-0,-0,-24,0px,0px);-webkit-transform:matrix(24,-0,-0,-24,0,0);-o-transform:matrix(24,-0,-0,-24,0,0);}.t2d{transform:matrix(0.37213,-0,-0,-0.37213,460.194,-685.392);-ms-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-685.392);-moz-transform:matrix(0.37213,-0,-0,-0.37213,460.194px,-685.392px);-webkit-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-685.392);-o-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-685.392);}.t2e{transform:matrix(0.37213,-0,-0,-0.37213,460.194,-695.439);-ms-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-695.439);-moz-transform:matrix(0.37213,-0,-0,-0.37213,460.194px,-695.439px);-webkit-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-695.439);-o-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-695.439);}.t2f{transform:matrix(0.37213,-0,-0,-0.37213,460.194,-675.344);-ms-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-675.344);-moz-transform:matrix(0.37213,-0,-0,-0.37213,460.194px,-675.344px);-webkit-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-675.344);-o-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-675.344);}.t30{transform:matrix(0.37213,-0,-0,-0.37213,460.194,-665.297);-ms-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-665.297);-moz-transform:matrix(0.37213,-0,-0,-0.37213,460.194px,-665.297px);-webkit-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-665.297);-o-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-665.297);}.t31{transform:matrix(0.37213,-0,-0,-0.37213,460.194,-655.249);-ms-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-655.249);-moz-transform:matrix(0.37213,-0,-0,-0.37213,460.194px,-655.249px);-webkit-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-655.249);-o-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-655.249);}.t32{transform:matrix(0.37213,-0,-0,-0.37213,460.194,-645.202);-ms-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-645.202);-moz-transform:matrix(0.37213,-0,-0,-0.37213,460.194px,-645.202px);-webkit-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-645.202);-o-transform:matrix(0.37213,-0,-0,-0.37213,460.194,-645.202);}.t33{transform:matrix(1,-0,-0,1,317.014,-572.513);-ms-transform:matrix(1,-0,-0,1,317.014,-572.513);-moz-transform:matrix(1,-0,-0,1,317.014px,-572.513px);-webkit-transform:matrix(1,-0,-0,1,317.014,-572.513);-o-transform:matrix(1,-0,-0,1,317.014,-572.513);}.t34{transform:matrix(1,-0,-0,1,352.88,-315.191);-ms-transform:matrix(1,-0,-0,1,352.88,-315.191);-moz-transform:matrix(1,-0,-0,1,352.88px,-315.191px);-webkit-transform:matrix(1,-0,-0,1,352.88,-315.191);-o-transform:matrix(1,-0,-0,1,352.88,-315.191);}.t35{transform:matrix(0.46622,-0,-0,0.46622,352.88,-315.191);-ms-transform:matrix(0.46622,-0,-0,0.46622,352.88,-315.191);-moz-transform:matrix(0.46622,-0,-0,0.46622,352.88px,-315.191px);-webkit-transform:matrix(0.46622,-0,-0,0.46622,352.88,-315.191);-o-transform:matrix(0.46622,-0,-0,0.46622,352.88,-315.191);}.t36{transform:matrix(0.46622,-0,-0,-0.46622,323.741,-1038.06);-ms-transform:matrix(0.46622,-0,-0,-0.46622,323.741,-1038.06);-moz-transform:matrix(0.46622,-0,-0,-0.46622,323.741px,-1038.06px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,323.741,-1038.06);-o-transform:matrix(0.46622,-0,-0,-0.46622,323.741,-1038.06);}.t37{transform:matrix(0.46622,-0,-0,-0.46622,407.427,-494.547);-ms-transform:matrix(0.46622,-0,-0,-0.46622,407.427,-494.547);-moz-transform:matrix(0.46622,-0,-0,-0.46622,407.427px,-494.547px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,407.427,-494.547);-o-transform:matrix(0.46622,-0,-0,-0.46622,407.427,-494.547);}@font-face{font-family:f12;src:url(f12.ttf);}.f12{font-family:f12;}.t38{transform:matrix(10,-0,-0,-10,0,0);-ms-transform:matrix(10,-0,-0,-10,0,0);-moz-transform:matrix(10,-0,-0,-10,0px,0px);-webkit-transform:matrix(10,-0,-0,-10,0,0);-o-transform:matrix(10,-0,-0,-10,0,0);}.t39{transform:matrix(0.46622,-0,-0,-0.46622,373.86,-494.548);-ms-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-494.548);-moz-transform:matrix(0.46622,-0,-0,-0.46622,373.86px,-494.548px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-494.548);-o-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-494.548);}.t3a{transform:matrix(0.46622,-0,-0,-0.46622,496.942,-494.548);-ms-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-494.548);-moz-transform:matrix(0.46622,-0,-0,-0.46622,496.942px,-494.548px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-494.548);-o-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-494.548);}.t3b{transform:matrix(0.46622,-0,-0,-0.46622,463.374,-494.548);-ms-transform:matrix(0.46622,-0,-0,-0.46622,463.374,-494.548);-moz-transform:matrix(0.46622,-0,-0,-0.46622,463.374px,-494.548px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,463.374,-494.548);-o-transform:matrix(0.46622,-0,-0,-0.46622,463.374,-494.548);}.t3c{transform:matrix(0.46622,-0,-0,-0.46622,373.859,-427.869);-ms-transform:matrix(0.46622,-0,-0,-0.46622,373.859,-427.869);-moz-transform:matrix(0.46622,-0,-0,-0.46622,373.859px,-427.869px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,373.859,-427.869);-o-transform:matrix(0.46622,-0,-0,-0.46622,373.859,-427.869);}.t3d{transform:matrix(0.46622,-0,-0,-0.46622,407.427,-427.87);-ms-transform:matrix(0.46622,-0,-0,-0.46622,407.427,-427.87);-moz-transform:matrix(0.46622,-0,-0,-0.46622,407.427px,-427.87px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,407.427,-427.87);-o-transform:matrix(0.46622,-0,-0,-0.46622,407.427,-427.87);}.t3e{transform:matrix(0.46622,-0,-0,-0.46622,463.374,-427.87);-ms-transform:matrix(0.46622,-0,-0,-0.46622,463.374,-427.87);-moz-transform:matrix(0.46622,-0,-0,-0.46622,463.374px,-427.87px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,463.374,-427.87);-o-transform:matrix(0.46622,-0,-0,-0.46622,463.374,-427.87);}.t3f{transform:matrix(0.46622,-0,-0,-0.46622,496.942,-427.87);-ms-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-427.87);-moz-transform:matrix(0.46622,-0,-0,-0.46622,496.942px,-427.87px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-427.87);-o-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-427.87);}.t40{transform:matrix(0.46622,-0,-0,-0.46622,367.332,-388.094);-ms-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-388.094);-moz-transform:matrix(0.46622,-0,-0,-0.46622,367.332px,-388.094px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-388.094);-o-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-388.094);}.t41{transform:matrix(8,-0,-0,-8,0,0);-ms-transform:matrix(8,-0,-0,-8,0,0);-moz-transform:matrix(8,-0,-0,-8,0px,0px);-webkit-transform:matrix(8,-0,-0,-8,0,0);-o-transform:matrix(8,-0,-0,-8,0,0);}.t42{transform:matrix(0.46622,-0,-0,-0.46622,406.495,-350.157);-ms-transform:matrix(0.46622,-0,-0,-0.46622,406.495,-350.157);-moz-transform:matrix(0.46622,-0,-0,-0.46622,406.495px,-350.157px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,406.495,-350.157);-o-transform:matrix(0.46622,-0,-0,-0.46622,406.495,-350.157);}.t43{transform:matrix(0.46622,-0,-0,-0.46622,492.918,-386.229);-ms-transform:matrix(0.46622,-0,-0,-0.46622,492.918,-386.229);-moz-transform:matrix(0.46622,-0,-0,-0.46622,492.918px,-386.229px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,492.918,-386.229);-o-transform:matrix(0.46622,-0,-0,-0.46622,492.918,-386.229);}.t44{transform:matrix(0.46622,-0,-0,-0.46622,443.793,-350.157);-ms-transform:matrix(0.46622,-0,-0,-0.46622,443.793,-350.157);-moz-transform:matrix(0.46622,-0,-0,-0.46622,443.793px,-350.157px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,443.793,-350.157);-o-transform:matrix(0.46622,-0,-0,-0.46622,443.793,-350.157);}.t45{transform:matrix(0.46622,-0,-0,-0.46622,492.918,-350.796);-ms-transform:matrix(0.46622,-0,-0,-0.46622,492.918,-350.796);-moz-transform:matrix(0.46622,-0,-0,-0.46622,492.918px,-350.796px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,492.918,-350.796);-o-transform:matrix(0.46622,-0,-0,-0.46622,492.918,-350.796);}.t46{transform:matrix(0.46622,-0,-0,-0.46622,369.197,-343.337);-ms-transform:matrix(0.46622,-0,-0,-0.46622,369.197,-343.337);-moz-transform:matrix(0.46622,-0,-0,-0.46622,369.197px,-343.337px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,369.197,-343.337);-o-transform:matrix(0.46622,-0,-0,-0.46622,369.197,-343.337);}.t47{transform:matrix(0.46622,-0,-0,-0.46622,444.725,-387.455);-ms-transform:matrix(0.46622,-0,-0,-0.46622,444.725,-387.455);-moz-transform:matrix(0.46622,-0,-0,-0.46622,444.725px,-387.455px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,444.725,-387.455);-o-transform:matrix(0.46622,-0,-0,-0.46622,444.725,-387.455);}.t48{transform:matrix(0.46622,-0,-0,-0.46622,437.933,-403.808);-ms-transform:matrix(0.46622,-0,-0,-0.46622,437.933,-403.808);-moz-transform:matrix(0.46622,-0,-0,-0.46622,437.933px,-403.808px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,437.933,-403.808);-o-transform:matrix(0.46622,-0,-0,-0.46622,437.933,-403.808);}.t49{transform:matrix(0.46622,-0,-0,-0.46622,373.86,-403.808);-ms-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-403.808);-moz-transform:matrix(0.46622,-0,-0,-0.46622,373.86px,-403.808px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-403.808);-o-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-403.808);}.t4a{transform:matrix(0.46622,-0,-0,-0.46622,497.58,-403.808);-ms-transform:matrix(0.46622,-0,-0,-0.46622,497.58,-403.808);-moz-transform:matrix(0.46622,-0,-0,-0.46622,497.58px,-403.808px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,497.58,-403.808);-o-transform:matrix(0.46622,-0,-0,-0.46622,497.58,-403.808);}.t4b{transform:matrix(0.46622,-0,-0,-0.46622,373.86,-330.136);-ms-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-330.136);-moz-transform:matrix(0.46622,-0,-0,-0.46622,373.86px,-330.136px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-330.136);-o-transform:matrix(0.46622,-0,-0,-0.46622,373.86,-330.136);}.t4c{transform:matrix(0.46622,-0,-0,-0.46622,413.022,-333.866);-ms-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-333.866);-moz-transform:matrix(0.46622,-0,-0,-0.46622,413.022px,-333.866px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-333.866);-o-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-333.866);}.t4d{transform:matrix(0.46622,-0,-0,-0.46622,437.933,-333.866);-ms-transform:matrix(0.46622,-0,-0,-0.46622,437.933,-333.866);-moz-transform:matrix(0.46622,-0,-0,-0.46622,437.933px,-333.866px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,437.933,-333.866);-o-transform:matrix(0.46622,-0,-0,-0.46622,437.933,-333.866);}.t4e{transform:matrix(0.46622,-0,-0,-0.46622,496.942,-333.641);-ms-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-333.641);-moz-transform:matrix(0.46622,-0,-0,-0.46622,496.942px,-333.641px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-333.641);-o-transform:matrix(0.46622,-0,-0,-0.46622,496.942,-333.641);}.t4f{transform:matrix(0.46622,-0,-0,-0.46622,367.332,-478.834);-ms-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-478.834);-moz-transform:matrix(0.46622,-0,-0,-0.46622,367.332px,-478.834px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-478.834);-o-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-478.834);}.t50{transform:matrix(0.46622,-0,-0,-0.46622,367.332,-439.671);-ms-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-439.671);-moz-transform:matrix(0.46622,-0,-0,-0.46622,367.332px,-439.671px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-439.671);-o-transform:matrix(0.46622,-0,-0,-0.46622,367.332,-439.671);}.t51{transform:matrix(0.46622,-0,-0,-0.46622,413.022,-439.671);-ms-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-439.671);-moz-transform:matrix(0.46622,-0,-0,-0.46622,413.022px,-439.671px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-439.671);-o-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-439.671);}.t52{transform:matrix(0.46622,-0,-0,-0.46622,413.022,-478.834);-ms-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-478.834);-moz-transform:matrix(0.46622,-0,-0,-0.46622,413.022px,-478.834px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-478.834);-o-transform:matrix(0.46622,-0,-0,-0.46622,413.022,-478.834);}.t53{transform:matrix(0.46622,-0,-0,-0.46622,456.847,-478.834);-ms-transform:matrix(0.46622,-0,-0,-0.46622,456.847,-478.834);-moz-transform:matrix(0.46622,-0,-0,-0.46622,456.847px,-478.834px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,456.847,-478.834);-o-transform:matrix(0.46622,-0,-0,-0.46622,456.847,-478.834);}.t54{transform:matrix(0.46622,-0,-0,-0.46622,456.847,-439.671);-ms-transform:matrix(0.46622,-0,-0,-0.46622,456.847,-439.671);-moz-transform:matrix(0.46622,-0,-0,-0.46622,456.847px,-439.671px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,456.847,-439.671);-o-transform:matrix(0.46622,-0,-0,-0.46622,456.847,-439.671);}.t55{transform:matrix(0.46622,-0,-0,-0.46622,502.536,-439.671);-ms-transform:matrix(0.46622,-0,-0,-0.46622,502.536,-439.671);-moz-transform:matrix(0.46622,-0,-0,-0.46622,502.536px,-439.671px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,502.536,-439.671);-o-transform:matrix(0.46622,-0,-0,-0.46622,502.536,-439.671);}.t56{transform:matrix(0.46622,-0,-0,-0.46622,502.536,-478.834);-ms-transform:matrix(0.46622,-0,-0,-0.46622,502.536,-478.834);-moz-transform:matrix(0.46622,-0,-0,-0.46622,502.536px,-478.834px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,502.536,-478.834);-o-transform:matrix(0.46622,-0,-0,-0.46622,502.536,-478.834);}.t57{transform:matrix(0.46622,-0,-0,-0.46622,390.643,-420.556);-ms-transform:matrix(0.46622,-0,-0,-0.46622,390.643,-420.556);-moz-transform:matrix(0.46622,-0,-0,-0.46622,390.643px,-420.556px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,390.643,-420.556);-o-transform:matrix(0.46622,-0,-0,-0.46622,390.643,-420.556);}.t58{transform:matrix(14,-0,-0,-14,0,0);-ms-transform:matrix(14,-0,-0,-14,0,0);-moz-transform:matrix(14,-0,-0,-14,0px,0px);-webkit-transform:matrix(14,-0,-0,-14,0,0);-o-transform:matrix(14,-0,-0,-14,0,0);}.t59{transform:matrix(0.46622,-0,-0,-0.46622,479.758,-421.171);-ms-transform:matrix(0.46622,-0,-0,-0.46622,479.758,-421.171);-moz-transform:matrix(0.46622,-0,-0,-0.46622,479.758px,-421.171px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,479.758,-421.171);-o-transform:matrix(0.46622,-0,-0,-0.46622,479.758,-421.171);}.t5a{transform:matrix(0.46622,-0,-0,-0.46622,439.363,-323.989);-ms-transform:matrix(0.46622,-0,-0,-0.46622,439.363,-323.989);-moz-transform:matrix(0.46622,-0,-0,-0.46622,439.363px,-323.989px);-webkit-transform:matrix(0.46622,-0,-0,-0.46622,439.363,-323.989);-o-transform:matrix(0.46622,-0,-0,-0.46622,439.363,-323.989);}.t5b{transform:matrix(1,-0,-0,1,317.014,-303.903);-ms-transform:matrix(1,-0,-0,1,317.014,-303.903);-moz-transform:matrix(1,-0,-0,1,317.014px,-303.903px);-webkit-transform:matrix(1,-0,-0,1,317.014,-303.903);-o-transform:matrix(1,-0,-0,1,317.014,-303.903);}.t5c{transform:matrix(1,-0,-0,1,93.9255,-581.398);-ms-transform:matrix(1,-0,-0,1,93.9255,-581.398);-moz-transform:matrix(1,-0,-0,1,93.9255px,-581.398px);-webkit-transform:matrix(1,-0,-0,1,93.9255,-581.398);-o-transform:matrix(1,-0,-0,1,93.9255,-581.398);}.t5d{transform:matrix(0.35,-0,-0,0.35,93.9255,-581.398);-ms-transform:matrix(0.35,-0,-0,0.35,93.9255,-581.398);-moz-transform:matrix(0.35,-0,-0,0.35,93.9255px,-581.398px);-webkit-transform:matrix(0.35,-0,-0,0.35,93.9255,-581.398);-o-transform:matrix(0.35,-0,-0,0.35,93.9255,-581.398);}.t5e{transform:matrix(0.35,-0,-0,-0.35,79.0505,-963.773);-ms-transform:matrix(0.35,-0,-0,-0.35,79.0505,-963.773);-moz-transform:matrix(0.35,-0,-0,-0.35,79.0505px,-963.773px);-webkit-transform:matrix(0.35,-0,-0,-0.35,79.0505,-963.773);-o-transform:matrix(0.35,-0,-0,-0.35,79.0505,-963.773);}.t5f{transform:matrix(0.35,-0,-0,-0.35,135.137,-686.999);-ms-transform:matrix(0.35,-0,-0,-0.35,135.137,-686.999);-moz-transform:matrix(0.35,-0,-0,-0.35,135.137px,-686.999px);-webkit-transform:matrix(0.35,-0,-0,-0.35,135.137,-686.999);-o-transform:matrix(0.35,-0,-0,-0.35,135.137,-686.999);}@font-face{font-family:f13;src:url(f13.ttf);}.f13{font-family:f13;}.t60{transform:matrix(0.35,-0,-0,-0.35,122.426,-660.662);-ms-transform:matrix(0.35,-0,-0,-0.35,122.426,-660.662);-moz-transform:matrix(0.35,-0,-0,-0.35,122.426px,-660.662px);-webkit-transform:matrix(0.35,-0,-0,-0.35,122.426,-660.662);-o-transform:matrix(0.35,-0,-0,-0.35,122.426,-660.662);}.t61{transform:matrix(0.35,-0,-0,-0.35,147.627,-660.662);-ms-transform:matrix(0.35,-0,-0,-0.35,147.627,-660.662);-moz-transform:matrix(0.35,-0,-0,-0.35,147.627px,-660.662px);-webkit-transform:matrix(0.35,-0,-0,-0.35,147.627,-660.662);-o-transform:matrix(0.35,-0,-0,-0.35,147.627,-660.662);}.t62{transform:matrix(0.35,-0,-0,-0.35,135.312,-638.851);-ms-transform:matrix(0.35,-0,-0,-0.35,135.312,-638.851);-moz-transform:matrix(0.35,-0,-0,-0.35,135.312px,-638.851px);-webkit-transform:matrix(0.35,-0,-0,-0.35,135.312,-638.851);-o-transform:matrix(0.35,-0,-0,-0.35,135.312,-638.851);}.t63{transform:matrix(0.35,-0,-0,-0.35,134.851,-708.787);-ms-transform:matrix(0.35,-0,-0,-0.35,134.851,-708.787);-moz-transform:matrix(0.35,-0,-0,-0.35,134.851px,-708.787px);-webkit-transform:matrix(0.35,-0,-0,-0.35,134.851,-708.787);-o-transform:matrix(0.35,-0,-0,-0.35,134.851,-708.787);}.t64{transform:matrix(0.35,-0,-0,-0.35,104.011,-661.548);-ms-transform:matrix(0.35,-0,-0,-0.35,104.011,-661.548);-moz-transform:matrix(0.35,-0,-0,-0.35,104.011px,-661.548px);-webkit-transform:matrix(0.35,-0,-0,-0.35,104.011,-661.548);-o-transform:matrix(0.35,-0,-0,-0.35,104.011,-661.548);}.t65{transform:matrix(0.35,-0,-0,-0.35,134.851,-617.105);-ms-transform:matrix(0.35,-0,-0,-0.35,134.851,-617.105);-moz-transform:matrix(0.35,-0,-0,-0.35,134.851px,-617.105px);-webkit-transform:matrix(0.35,-0,-0,-0.35,134.851,-617.105);-o-transform:matrix(0.35,-0,-0,-0.35,134.851,-617.105);}.t66{transform:matrix(0.35,-0,-0,-0.35,179.858,-707.677);-ms-transform:matrix(0.35,-0,-0,-0.35,179.858,-707.677);-moz-transform:matrix(0.35,-0,-0,-0.35,179.858px,-707.677px);-webkit-transform:matrix(0.35,-0,-0,-0.35,179.858,-707.677);-o-transform:matrix(0.35,-0,-0,-0.35,179.858,-707.677);}.t67{transform:matrix(0.35,-0,-0,-0.35,211.293,-663.862);-ms-transform:matrix(0.35,-0,-0,-0.35,211.293,-663.862);-moz-transform:matrix(0.35,-0,-0,-0.35,211.293px,-663.862px);-webkit-transform:matrix(0.35,-0,-0,-0.35,211.293,-663.862);-o-transform:matrix(0.35,-0,-0,-0.35,211.293,-663.862);}.t68{transform:matrix(0.35,-0,-0,-0.35,230.193,-698.367);-ms-transform:matrix(0.35,-0,-0,-0.35,230.193,-698.367);-moz-transform:matrix(0.35,-0,-0,-0.35,230.193px,-698.367px);-webkit-transform:matrix(0.35,-0,-0,-0.35,230.193,-698.367);-o-transform:matrix(0.35,-0,-0,-0.35,230.193,-698.367);}.t69{transform:matrix(0.35,-0,-0,-0.35,220.743,-710.956);-ms-transform:matrix(0.35,-0,-0,-0.35,220.743,-710.956);-moz-transform:matrix(0.35,-0,-0,-0.35,220.743px,-710.956px);-webkit-transform:matrix(0.35,-0,-0,-0.35,220.743,-710.956);-o-transform:matrix(0.35,-0,-0,-0.35,220.743,-710.956);}.t6a{transform:matrix(0.35,-0,-0,-0.35,233.343,-679.485);-ms-transform:matrix(0.35,-0,-0,-0.35,233.343,-679.485);-moz-transform:matrix(0.35,-0,-0,-0.35,233.343px,-679.485px);-webkit-transform:matrix(0.35,-0,-0,-0.35,233.343,-679.485);-o-transform:matrix(0.35,-0,-0,-0.35,233.343,-679.485);}.t6b{transform:matrix(0.35,-0,-0,-0.35,233.343,-619.21);-ms-transform:matrix(0.35,-0,-0,-0.35,233.343,-619.21);-moz-transform:matrix(0.35,-0,-0,-0.35,233.343px,-619.21px);-webkit-transform:matrix(0.35,-0,-0,-0.35,233.343,-619.21);-o-transform:matrix(0.35,-0,-0,-0.35,233.343,-619.21);}.t6c{transform:matrix(0.35,-0,-0,-0.35,135.05,-588.923);-ms-transform:matrix(0.35,-0,-0,-0.35,135.05,-588.923);-moz-transform:matrix(0.35,-0,-0,-0.35,135.05px,-588.923px);-webkit-transform:matrix(0.35,-0,-0,-0.35,135.05,-588.923);-o-transform:matrix(0.35,-0,-0,-0.35,135.05,-588.923);}.t6d{transform:matrix(18,-0,-0,-18,0,0);-ms-transform:matrix(18,-0,-0,-18,0,0);-moz-transform:matrix(18,-0,-0,-18,0px,0px);-webkit-transform:matrix(18,-0,-0,-18,0,0);-o-transform:matrix(18,-0,-0,-18,0,0);}.t6e{transform:matrix(0.35,-0,-0,-0.35,207.151,-590.323);-ms-transform:matrix(0.35,-0,-0,-0.35,207.151,-590.323);-moz-transform:matrix(0.35,-0,-0,-0.35,207.151px,-590.323px);-webkit-transform:matrix(0.35,-0,-0,-0.35,207.151,-590.323);-o-transform:matrix(0.35,-0,-0,-0.35,207.151,-590.323);}.t6f{transform:matrix(1,-0,-0,1,54,-570.11);-ms-transform:matrix(1,-0,-0,1,54,-570.11);-moz-transform:matrix(1,-0,-0,1,54px,-570.11px);-webkit-transform:matrix(1,-0,-0,1,54,-570.11);-o-transform:matrix(1,-0,-0,1,54,-570.11);}@font-face{font-family:f14;src:url(f14.otf);}.f14{font-family:f14;}.t70{transform:matrix(1,-0,-0,1,54,-104.309);-ms-transform:matrix(1,-0,-0,1,54,-104.309);-moz-transform:matrix(1,-0,-0,1,54px,-104.309px);-webkit-transform:matrix(1,-0,-0,1,54,-104.309);-o-transform:matrix(1,-0,-0,1,54,-104.309);}.t71{transform:matrix(1,-0,-0,1,382.767,-600.193);-ms-transform:matrix(1,-0,-0,1,382.767,-600.193);-moz-transform:matrix(1,-0,-0,1,382.767px,-600.193px);-webkit-transform:matrix(1,-0,-0,1,382.767,-600.193);-o-transform:matrix(1,-0,-0,1,382.767,-600.193);}.t72{transform:matrix(0.33005,-0,-0,0.33005,382.767,-600.193);-ms-transform:matrix(0.33005,-0,-0,0.33005,382.767,-600.193);-moz-transform:matrix(0.33005,-0,-0,0.33005,382.767px,-600.193px);-webkit-transform:matrix(0.33005,-0,-0,0.33005,382.767,-600.193);-o-transform:matrix(0.33005,-0,-0,0.33005,382.767,-600.193);}.t73{transform:matrix(0.33005,-0,-0,-0.33005,376.662,-1233.39);-ms-transform:matrix(0.33005,-0,-0,-0.33005,376.662,-1233.39);-moz-transform:matrix(0.33005,-0,-0,-0.33005,376.662px,-1233.39px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,376.662,-1233.39);-o-transform:matrix(0.33005,-0,-0,-0.33005,376.662,-1233.39);}.t74{transform:matrix(0.33005,-0,-0,-0.33005,400.26,-688.316);-ms-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-688.316);-moz-transform:matrix(0.33005,-0,-0,-0.33005,400.26px,-688.316px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-688.316);-o-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-688.316);}@font-face{font-family:f15;src:url(f15.ttf);}.f15{font-family:f15;}.t75{transform:matrix(0.33005,-0,-0,-0.33005,400.26,-668.513);-ms-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-668.513);-moz-transform:matrix(0.33005,-0,-0,-0.33005,400.26px,-668.513px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-668.513);-o-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-668.513);}.t76{transform:matrix(0.33005,-0,-0,-0.33005,400.26,-709.44);-ms-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-709.44);-moz-transform:matrix(0.33005,-0,-0,-0.33005,400.26px,-709.44px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-709.44);-o-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-709.44);}.t77{transform:matrix(0.33005,-0,-0,-0.33005,400.26,-609.104);-ms-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-609.104);-moz-transform:matrix(0.33005,-0,-0,-0.33005,400.26px,-609.104px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-609.104);-o-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-609.104);}.t78{transform:matrix(0.33005,-0,-0,-0.33005,400.26,-647.39);-ms-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-647.39);-moz-transform:matrix(0.33005,-0,-0,-0.33005,400.26px,-647.39px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-647.39);-o-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-647.39);}.t79{transform:matrix(0.33005,-0,-0,-0.33005,400.26,-627.587);-ms-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-627.587);-moz-transform:matrix(0.33005,-0,-0,-0.33005,400.26px,-627.587px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-627.587);-o-transform:matrix(0.33005,-0,-0,-0.33005,400.26,-627.587);}.t7a{transform:matrix(0.33005,-0,-0,-0.33005,449.047,-688.464);-ms-transform:matrix(0.33005,-0,-0,-0.33005,449.047,-688.464);-moz-transform:matrix(0.33005,-0,-0,-0.33005,449.047px,-688.464px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,449.047,-688.464);-o-transform:matrix(0.33005,-0,-0,-0.33005,449.047,-688.464);}.t7b{transform:matrix(0.33005,-0,-0,-0.33005,431.945,-710.76);-ms-transform:matrix(0.33005,-0,-0,-0.33005,431.945,-710.76);-moz-transform:matrix(0.33005,-0,-0,-0.33005,431.945px,-710.76px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,431.945,-710.76);-o-transform:matrix(0.33005,-0,-0,-0.33005,431.945,-710.76);}.t7c{transform:matrix(0.33005,-0,-0,-0.33005,449.047,-645.41);-ms-transform:matrix(0.33005,-0,-0,-0.33005,449.047,-645.41);-moz-transform:matrix(0.33005,-0,-0,-0.33005,449.047px,-645.41px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,449.047,-645.41);-o-transform:matrix(0.33005,-0,-0,-0.33005,449.047,-645.41);}.t7d{transform:matrix(0.33005,-0,-0,-0.33005,471.881,-653.661);-ms-transform:matrix(0.33005,-0,-0,-0.33005,471.881,-653.661);-moz-transform:matrix(0.33005,-0,-0,-0.33005,471.881px,-653.661px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,471.881,-653.661);-o-transform:matrix(0.33005,-0,-0,-0.33005,471.881,-653.661);}.t7e{transform:matrix(0.33005,-0,-0,-0.33005,469.241,-703.829);-ms-transform:matrix(0.33005,-0,-0,-0.33005,469.241,-703.829);-moz-transform:matrix(0.33005,-0,-0,-0.33005,469.241px,-703.829px);-webkit-transform:matrix(0.33005,-0,-0,-0.33005,469.241,-703.829);-o-transform:matrix(0.33005,-0,-0,-0.33005,469.241,-703.829);}.t7f{transform:matrix(1,-0,-0,1,317.014,-588.905);-ms-transform:matrix(1,-0,-0,1,317.014,-588.905);-moz-transform:matrix(1,-0,-0,1,317.014px,-588.905px);-webkit-transform:matrix(1,-0,-0,1,317.014,-588.905);-o-transform:matrix(1,-0,-0,1,317.014,-588.905);}.s8{font-size:7.1731px;}.t80{transform:matrix(1,-0,-0,1,342.779,-710.037);-ms-transform:matrix(1,-0,-0,1,342.779,-710.037);-moz-transform:matrix(1,-0,-0,1,342.779px,-710.037px);-webkit-transform:matrix(1,-0,-0,1,342.779,-710.037);-o-transform:matrix(1,-0,-0,1,342.779,-710.037);}.t81{transform:matrix(1,-0,-0,1,390.097,-710.037);-ms-transform:matrix(1,-0,-0,1,390.097,-710.037);-moz-transform:matrix(1,-0,-0,1,390.097px,-710.037px);-webkit-transform:matrix(1,-0,-0,1,390.097,-710.037);-o-transform:matrix(1,-0,-0,1,390.097,-710.037);}.t82{transform:matrix(1,-0,-0,1,317.573,-709.639);-ms-transform:matrix(1,-0,-0,1,317.573,-709.639);-moz-transform:matrix(1,-0,-0,1,317.573px,-709.639px);-webkit-transform:matrix(1,-0,-0,1,317.573,-709.639);-o-transform:matrix(1,-0,-0,1,317.573,-709.639);}.t83{transform:matrix(1,-0,-0,1,342.779,-699.676);-ms-transform:matrix(1,-0,-0,1,342.779,-699.676);-moz-transform:matrix(1,-0,-0,1,342.779px,-699.676px);-webkit-transform:matrix(1,-0,-0,1,342.779,-699.676);-o-transform:matrix(1,-0,-0,1,342.779,-699.676);}.t84{transform:matrix(1,-0,-0,1,390.097,-699.676);-ms-transform:matrix(1,-0,-0,1,390.097,-699.676);-moz-transform:matrix(1,-0,-0,1,390.097px,-699.676px);-webkit-transform:matrix(1,-0,-0,1,390.097,-699.676);-o-transform:matrix(1,-0,-0,1,390.097,-699.676);}.t85{transform:matrix(1,-0,-0,1,342.779,-689.714);-ms-transform:matrix(1,-0,-0,1,342.779,-689.714);-moz-transform:matrix(1,-0,-0,1,342.779px,-689.714px);-webkit-transform:matrix(1,-0,-0,1,342.779,-689.714);-o-transform:matrix(1,-0,-0,1,342.779,-689.714);}.t86{transform:matrix(1,-0,-0,1,390.097,-689.714);-ms-transform:matrix(1,-0,-0,1,390.097,-689.714);-moz-transform:matrix(1,-0,-0,1,390.097px,-689.714px);-webkit-transform:matrix(1,-0,-0,1,390.097,-689.714);-o-transform:matrix(1,-0,-0,1,390.097,-689.714);}.t87{transform:matrix(1,-0,-0,1,342.779,-679.751);-ms-transform:matrix(1,-0,-0,1,342.779,-679.751);-moz-transform:matrix(1,-0,-0,1,342.779px,-679.751px);-webkit-transform:matrix(1,-0,-0,1,342.779,-679.751);-o-transform:matrix(1,-0,-0,1,342.779,-679.751);}.t88{transform:matrix(1,-0,-0,1,390.097,-679.751);-ms-transform:matrix(1,-0,-0,1,390.097,-679.751);-moz-transform:matrix(1,-0,-0,1,390.097px,-679.751px);-webkit-transform:matrix(1,-0,-0,1,390.097,-679.751);-o-transform:matrix(1,-0,-0,1,390.097,-679.751);}.t89{transform:matrix(1,-0,-0,1,342.779,-669.788);-ms-transform:matrix(1,-0,-0,1,342.779,-669.788);-moz-transform:matrix(1,-0,-0,1,342.779px,-669.788px);-webkit-transform:matrix(1,-0,-0,1,342.779,-669.788);-o-transform:matrix(1,-0,-0,1,342.779,-669.788);}.t8a{transform:matrix(1,-0,-0,1,390.097,-669.788);-ms-transform:matrix(1,-0,-0,1,390.097,-669.788);-moz-transform:matrix(1,-0,-0,1,390.097px,-669.788px);-webkit-transform:matrix(1,-0,-0,1,390.097,-669.788);-o-transform:matrix(1,-0,-0,1,390.097,-669.788);}.t8b{transform:matrix(1,-0,-0,1,342.779,-659.826);-ms-transform:matrix(1,-0,-0,1,342.779,-659.826);-moz-transform:matrix(1,-0,-0,1,342.779px,-659.826px);-webkit-transform:matrix(1,-0,-0,1,342.779,-659.826);-o-transform:matrix(1,-0,-0,1,342.779,-659.826);}.t8c{transform:matrix(1,-0,-0,1,390.097,-659.826);-ms-transform:matrix(1,-0,-0,1,390.097,-659.826);-moz-transform:matrix(1,-0,-0,1,390.097px,-659.826px);-webkit-transform:matrix(1,-0,-0,1,390.097,-659.826);-o-transform:matrix(1,-0,-0,1,390.097,-659.826);}.t8d{transform:matrix(1,-0,-0,1,342.779,-649.863);-ms-transform:matrix(1,-0,-0,1,342.779,-649.863);-moz-transform:matrix(1,-0,-0,1,342.779px,-649.863px);-webkit-transform:matrix(1,-0,-0,1,342.779,-649.863);-o-transform:matrix(1,-0,-0,1,342.779,-649.863);}.t8e{transform:matrix(1,-0,-0,1,390.097,-649.863);-ms-transform:matrix(1,-0,-0,1,390.097,-649.863);-moz-transform:matrix(1,-0,-0,1,390.097px,-649.863px);-webkit-transform:matrix(1,-0,-0,1,390.097,-649.863);-o-transform:matrix(1,-0,-0,1,390.097,-649.863);}.t8f{transform:matrix(1,-0,-0,1,342.779,-639.9);-ms-transform:matrix(1,-0,-0,1,342.779,-639.9);-moz-transform:matrix(1,-0,-0,1,342.779px,-639.9px);-webkit-transform:matrix(1,-0,-0,1,342.779,-639.9);-o-transform:matrix(1,-0,-0,1,342.779,-639.9);}.t90{transform:matrix(1,-0,-0,1,390.097,-639.9);-ms-transform:matrix(1,-0,-0,1,390.097,-639.9);-moz-transform:matrix(1,-0,-0,1,390.097px,-639.9px);-webkit-transform:matrix(1,-0,-0,1,390.097,-639.9);-o-transform:matrix(1,-0,-0,1,390.097,-639.9);}.t91{transform:matrix(1,-0,-0,1,317.014,-635.587);-ms-transform:matrix(1,-0,-0,1,317.014,-635.587);-moz-transform:matrix(1,-0,-0,1,317.014px,-635.587px);-webkit-transform:matrix(1,-0,-0,1,317.014,-635.587);-o-transform:matrix(1,-0,-0,1,317.014,-635.587);}.t92{transform:matrix(1,-0,-0,1,317.014,-506.181);-ms-transform:matrix(1,-0,-0,1,317.014,-506.181);-moz-transform:matrix(1,-0,-0,1,317.014px,-506.181px);-webkit-transform:matrix(1,-0,-0,1,317.014,-506.181);-o-transform:matrix(1,-0,-0,1,317.014,-506.181);}.t93{transform:matrix(0.55,-0,-0,0.55,317.014,-506.181);-ms-transform:matrix(0.55,-0,-0,0.55,317.014,-506.181);-moz-transform:matrix(0.55,-0,-0,0.55,317.014px,-506.181px);-webkit-transform:matrix(0.55,-0,-0,0.55,317.014,-506.181);-o-transform:matrix(0.55,-0,-0,0.55,317.014,-506.181);}.t94{transform:matrix(0.55,-0,-0,0.55,286.699,-323.518);-ms-transform:matrix(0.55,-0,-0,0.55,286.699,-323.518);-moz-transform:matrix(0.55,-0,-0,0.55,286.699px,-323.518px);-webkit-transform:matrix(0.55,-0,-0,0.55,286.699,-323.518);-o-transform:matrix(0.55,-0,-0,0.55,286.699,-323.518);}.t95{transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,316.927,-718.99);-ms-transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,316.927,-718.99);-moz-transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,316.927px,-718.99px);-webkit-transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,316.927,-718.99);-o-transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,316.927,-718.99);}.t96{transform:matrix(0.55,-0,-0,0.55,377.215,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,377.215,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,377.215px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,377.215,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,377.215,-537.802);}@font-face{font-family:f16;src:url(f16.ttf);}.f16{font-family:f16;}.t97{transform:matrix(10,-0,-0,10,0,0);-ms-transform:matrix(10,-0,-0,10,0,0);-moz-transform:matrix(10,-0,-0,10,0px,0px);-webkit-transform:matrix(10,-0,-0,10,0,0);-o-transform:matrix(10,-0,-0,10,0,0);}.t98{transform:matrix(0.55,-0,-0,0.55,393.004,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,393.004,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,393.004px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,393.004,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,393.004,-537.802);}.t99{transform:matrix(0.55,-0,-0,0.55,410.187,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,410.187,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,410.187px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,410.187,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,410.187,-537.802);}.t9a{transform:matrix(0.55,-0,-0,0.55,427.37,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,427.37,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,427.37px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,427.37,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,427.37,-537.802);}.t9b{transform:matrix(0.55,-0,-0,0.55,444.554,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,444.554,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,444.554px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,444.554,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,444.554,-537.802);}.t9c{transform:matrix(0.55,-0,-0,0.55,461.737,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,461.737,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,461.737px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,461.737,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,461.737,-537.802);}.t9d{transform:matrix(0.55,-0,-0,0.55,478.92,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,478.92,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,478.92px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,478.92,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,478.92,-537.802);}.t9e{transform:matrix(0.55,-0,-0,0.55,496.103,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,496.103,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,496.103px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,496.103,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,496.103,-537.802);}.t9f{transform:matrix(0.55,-0,-0,0.55,513.286,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,513.286,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,513.286px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,513.286,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,513.286,-537.802);}.ta0{transform:matrix(0.55,-0,-0,0.55,530.469,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,530.469,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,530.469px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,530.469,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,530.469,-537.802);}.ta1{transform:matrix(0.55,-0,-0,0.55,546.258,-537.802);-ms-transform:matrix(0.55,-0,-0,0.55,546.258,-537.802);-moz-transform:matrix(0.55,-0,-0,0.55,546.258px,-537.802px);-webkit-transform:matrix(0.55,-0,-0,0.55,546.258,-537.802);-o-transform:matrix(0.55,-0,-0,0.55,546.258,-537.802);}.ta2{transform:matrix(0.55,-0,-0,0.55,305.876,-548.841);-ms-transform:matrix(0.55,-0,-0,0.55,305.876,-548.841);-moz-transform:matrix(0.55,-0,-0,0.55,305.876px,-548.841px);-webkit-transform:matrix(0.55,-0,-0,0.55,305.876,-548.841);-o-transform:matrix(0.55,-0,-0,0.55,305.876,-548.841);}.ta3{transform:matrix(8,-0,-0,8,0,0);-ms-transform:matrix(8,-0,-0,8,0,0);-moz-transform:matrix(8,-0,-0,8,0px,0px);-webkit-transform:matrix(8,-0,-0,8,0,0);-o-transform:matrix(8,-0,-0,8,0,0);}.ta4{transform:matrix(0.55,-0,-0,0.55,304.217,-555.435);-ms-transform:matrix(0.55,-0,-0,0.55,304.217,-555.435);-moz-transform:matrix(0.55,-0,-0,0.55,304.217px,-555.435px);-webkit-transform:matrix(0.55,-0,-0,0.55,304.217,-555.435);-o-transform:matrix(0.55,-0,-0,0.55,304.217,-555.435);}.ta5{transform:matrix(0.55,-0,-0,0.55,302.934,-562.028);-ms-transform:matrix(0.55,-0,-0,0.55,302.934,-562.028);-moz-transform:matrix(0.55,-0,-0,0.55,302.934px,-562.028px);-webkit-transform:matrix(0.55,-0,-0,0.55,302.934,-562.028);-o-transform:matrix(0.55,-0,-0,0.55,302.934,-562.028);}.ta6{transform:matrix(0.55,-0,-0,0.55,295.96,-568.622);-ms-transform:matrix(0.55,-0,-0,0.55,295.96,-568.622);-moz-transform:matrix(0.55,-0,-0,0.55,295.96px,-568.622px);-webkit-transform:matrix(0.55,-0,-0,0.55,295.96,-568.622);-o-transform:matrix(0.55,-0,-0,0.55,295.96,-568.622);}.ta7{transform:matrix(0.55,-0,-0,0.55,298.565,-575.216);-ms-transform:matrix(0.55,-0,-0,0.55,298.565,-575.216);-moz-transform:matrix(0.55,-0,-0,0.55,298.565px,-575.216px);-webkit-transform:matrix(0.55,-0,-0,0.55,298.565,-575.216);-o-transform:matrix(0.55,-0,-0,0.55,298.565,-575.216);}.ta8{transform:matrix(0.55,-0,-0,0.55,301.13,-581.809);-ms-transform:matrix(0.55,-0,-0,0.55,301.13,-581.809);-moz-transform:matrix(0.55,-0,-0,0.55,301.13px,-581.809px);-webkit-transform:matrix(0.55,-0,-0,0.55,301.13,-581.809);-o-transform:matrix(0.55,-0,-0,0.55,301.13,-581.809);}.ta9{transform:matrix(0.55,-0,-0,0.55,301.078,-588.403);-ms-transform:matrix(0.55,-0,-0,0.55,301.078,-588.403);-moz-transform:matrix(0.55,-0,-0,0.55,301.078px,-588.403px);-webkit-transform:matrix(0.55,-0,-0,0.55,301.078,-588.403);-o-transform:matrix(0.55,-0,-0,0.55,301.078,-588.403);}.taa{transform:matrix(0.55,-0,-0,0.55,291.483,-594.997);-ms-transform:matrix(0.55,-0,-0,0.55,291.483,-594.997);-moz-transform:matrix(0.55,-0,-0,0.55,291.483px,-594.997px);-webkit-transform:matrix(0.55,-0,-0,0.55,291.483,-594.997);-o-transform:matrix(0.55,-0,-0,0.55,291.483,-594.997);}.tab{transform:matrix(0.55,-0,-0,0.55,296.678,-601.59);-ms-transform:matrix(0.55,-0,-0,0.55,296.678,-601.59);-moz-transform:matrix(0.55,-0,-0,0.55,296.678px,-601.59px);-webkit-transform:matrix(0.55,-0,-0,0.55,296.678,-601.59);-o-transform:matrix(0.55,-0,-0,0.55,296.678,-601.59);}.tac{transform:matrix(0.55,-0,-0,0.55,295.358,-608.184);-ms-transform:matrix(0.55,-0,-0,0.55,295.358,-608.184);-moz-transform:matrix(0.55,-0,-0,0.55,295.358px,-608.184px);-webkit-transform:matrix(0.55,-0,-0,0.55,295.358,-608.184);-o-transform:matrix(0.55,-0,-0,0.55,295.358,-608.184);}.tad{transform:matrix(0.55,-0,-0,0.55,297.338,-614.778);-ms-transform:matrix(0.55,-0,-0,0.55,297.338,-614.778);-moz-transform:matrix(0.55,-0,-0,0.55,297.338px,-614.778px);-webkit-transform:matrix(0.55,-0,-0,0.55,297.338,-614.778);-o-transform:matrix(0.55,-0,-0,0.55,297.338,-614.778);}.tae{transform:matrix(0.55,-0,-0,0.55,294.22,-621.371);-ms-transform:matrix(0.55,-0,-0,0.55,294.22,-621.371);-moz-transform:matrix(0.55,-0,-0,0.55,294.22px,-621.371px);-webkit-transform:matrix(0.55,-0,-0,0.55,294.22,-621.371);-o-transform:matrix(0.55,-0,-0,0.55,294.22,-621.371);}.taf{transform:matrix(0.55,-0,-0,0.55,303.749,-627.965);-ms-transform:matrix(0.55,-0,-0,0.55,303.749,-627.965);-moz-transform:matrix(0.55,-0,-0,0.55,303.749px,-627.965px);-webkit-transform:matrix(0.55,-0,-0,0.55,303.749,-627.965);-o-transform:matrix(0.55,-0,-0,0.55,303.749,-627.965);}.tb0{transform:matrix(0.55,-0,-0,0.55,302.728,-634.559);-ms-transform:matrix(0.55,-0,-0,0.55,302.728,-634.559);-moz-transform:matrix(0.55,-0,-0,0.55,302.728px,-634.559px);-webkit-transform:matrix(0.55,-0,-0,0.55,302.728,-634.559);-o-transform:matrix(0.55,-0,-0,0.55,302.728,-634.559);}.tb1{transform:matrix(0.55,-0,-0,0.55,302.573,-641.152);-ms-transform:matrix(0.55,-0,-0,0.55,302.573,-641.152);-moz-transform:matrix(0.55,-0,-0,0.55,302.573px,-641.152px);-webkit-transform:matrix(0.55,-0,-0,0.55,302.573,-641.152);-o-transform:matrix(0.55,-0,-0,0.55,302.573,-641.152);}.tb2{transform:matrix(0.55,-0,-0,0.55,297.495,-647.746);-ms-transform:matrix(0.55,-0,-0,0.55,297.495,-647.746);-moz-transform:matrix(0.55,-0,-0,0.55,297.495px,-647.746px);-webkit-transform:matrix(0.55,-0,-0,0.55,297.495,-647.746);-o-transform:matrix(0.55,-0,-0,0.55,297.495,-647.746);}.tb3{transform:matrix(0.55,-0,-0,0.55,296.776,-654.34);-ms-transform:matrix(0.55,-0,-0,0.55,296.776,-654.34);-moz-transform:matrix(0.55,-0,-0,0.55,296.776px,-654.34px);-webkit-transform:matrix(0.55,-0,-0,0.55,296.776,-654.34);-o-transform:matrix(0.55,-0,-0,0.55,296.776,-654.34);}.tb4{transform:matrix(0.55,-0,-0,0.55,302.4,-660.933);-ms-transform:matrix(0.55,-0,-0,0.55,302.4,-660.933);-moz-transform:matrix(0.55,-0,-0,0.55,302.4px,-660.933px);-webkit-transform:matrix(0.55,-0,-0,0.55,302.4,-660.933);-o-transform:matrix(0.55,-0,-0,0.55,302.4,-660.933);}.tb5{transform:matrix(0.55,-0,-0,0.55,296.732,-667.527);-ms-transform:matrix(0.55,-0,-0,0.55,296.732,-667.527);-moz-transform:matrix(0.55,-0,-0,0.55,296.732px,-667.527px);-webkit-transform:matrix(0.55,-0,-0,0.55,296.732,-667.527);-o-transform:matrix(0.55,-0,-0,0.55,296.732,-667.527);}.tb6{transform:matrix(0.55,-0,-0,0.55,295.228,-674.121);-ms-transform:matrix(0.55,-0,-0,0.55,295.228,-674.121);-moz-transform:matrix(0.55,-0,-0,0.55,295.228px,-674.121px);-webkit-transform:matrix(0.55,-0,-0,0.55,295.228,-674.121);-o-transform:matrix(0.55,-0,-0,0.55,295.228,-674.121);}.tb7{transform:matrix(0.55,-0,-0,0.55,303.098,-680.714);-ms-transform:matrix(0.55,-0,-0,0.55,303.098,-680.714);-moz-transform:matrix(0.55,-0,-0,0.55,303.098px,-680.714px);-webkit-transform:matrix(0.55,-0,-0,0.55,303.098,-680.714);-o-transform:matrix(0.55,-0,-0,0.55,303.098,-680.714);}.tb8{transform:matrix(0.55,-0,-0,0.55,301.053,-687.308);-ms-transform:matrix(0.55,-0,-0,0.55,301.053,-687.308);-moz-transform:matrix(0.55,-0,-0,0.55,301.053px,-687.308px);-webkit-transform:matrix(0.55,-0,-0,0.55,301.053,-687.308);-o-transform:matrix(0.55,-0,-0,0.55,301.053,-687.308);}.tb9{transform:matrix(0.55,-0,-0,0.55,303.185,-693.902);-ms-transform:matrix(0.55,-0,-0,0.55,303.185,-693.902);-moz-transform:matrix(0.55,-0,-0,0.55,303.185px,-693.902px);-webkit-transform:matrix(0.55,-0,-0,0.55,303.185,-693.902);-o-transform:matrix(0.55,-0,-0,0.55,303.185,-693.902);}.tba{transform:matrix(0.55,-0,-0,0.55,299.754,-700.495);-ms-transform:matrix(0.55,-0,-0,0.55,299.754,-700.495);-moz-transform:matrix(0.55,-0,-0,0.55,299.754px,-700.495px);-webkit-transform:matrix(0.55,-0,-0,0.55,299.754,-700.495);-o-transform:matrix(0.55,-0,-0,0.55,299.754,-700.495);}.tbb{transform:matrix(0.55,-0,-0,0.55,296.083,-707.089);-ms-transform:matrix(0.55,-0,-0,0.55,296.083,-707.089);-moz-transform:matrix(0.55,-0,-0,0.55,296.083px,-707.089px);-webkit-transform:matrix(0.55,-0,-0,0.55,296.083,-707.089);-o-transform:matrix(0.55,-0,-0,0.55,296.083,-707.089);}.tbc{transform:matrix(0.55,-0,-0,0.55,295.028,-713.682);-ms-transform:matrix(0.55,-0,-0,0.55,295.028,-713.682);-moz-transform:matrix(0.55,-0,-0,0.55,295.028px,-713.682px);-webkit-transform:matrix(0.55,-0,-0,0.55,295.028,-713.682);-o-transform:matrix(0.55,-0,-0,0.55,295.028,-713.682);}.tbd{transform:matrix(0.55,-0,-0,0.55,411.5,-520.826);-ms-transform:matrix(0.55,-0,-0,0.55,411.5,-520.826);-moz-transform:matrix(0.55,-0,-0,0.55,411.5px,-520.826px);-webkit-transform:matrix(0.55,-0,-0,0.55,411.5,-520.826);-o-transform:matrix(0.55,-0,-0,0.55,411.5,-520.826);}.tbe{transform:matrix(0.55,-0,-0,0.55,459.26,-520.826);-ms-transform:matrix(0.55,-0,-0,0.55,459.26,-520.826);-moz-transform:matrix(0.55,-0,-0,0.55,459.26px,-520.826px);-webkit-transform:matrix(0.55,-0,-0,0.55,459.26,-520.826);-o-transform:matrix(0.55,-0,-0,0.55,459.26,-520.826);}.tbf{transform:matrix(1,-0,-0,1,317.014,-494.894);-ms-transform:matrix(1,-0,-0,1,317.014,-494.894);-moz-transform:matrix(1,-0,-0,1,317.014px,-494.894px);-webkit-transform:matrix(1,-0,-0,1,317.014,-494.894);-o-transform:matrix(1,-0,-0,1,317.014,-494.894);}.tc0{transform:matrix(1,-0,-0,1,138.092,-452.768);-ms-transform:matrix(1,-0,-0,1,138.092,-452.768);-moz-transform:matrix(1,-0,-0,1,138.092px,-452.768px);-webkit-transform:matrix(1,-0,-0,1,138.092,-452.768);-o-transform:matrix(1,-0,-0,1,138.092,-452.768);}.tc1{transform:matrix(0.97,-0,-0,0.97,138.092,-452.768);-ms-transform:matrix(0.97,-0,-0,0.97,138.092,-452.768);-moz-transform:matrix(0.97,-0,-0,0.97,138.092px,-452.768px);-webkit-transform:matrix(0.97,-0,-0,0.97,138.092,-452.768);-o-transform:matrix(0.97,-0,-0,0.97,138.092,-452.768);}.tc2{transform:matrix(0.97,-0,-0,0.97,36.4909,30.3022);-ms-transform:matrix(0.97,-0,-0,0.97,36.4909,30.3022);-moz-transform:matrix(0.97,-0,-0,0.97,36.4909px,30.3022px);-webkit-transform:matrix(0.97,-0,-0,0.97,36.4909,30.3022);-o-transform:matrix(0.97,-0,-0,0.97,36.4909,30.3022);}.tc3{transform:matrix(7.6378e-05,-0,-0,-7.6378e-05,55.8133,-719.547);-ms-transform:matrix(7.6378e-05,-0,-0,-7.6378e-05,55.8133,-719.547);-moz-transform:matrix(7.6378e-05,-0,-0,-7.6378e-05,55.8133px,-719.547px);-webkit-transform:matrix(7.6378e-05,-0,-0,-7.6378e-05,55.8133,-719.547);-o-transform:matrix(7.6378e-05,-0,-0,-7.6378e-05,55.8133,-719.547);}.tc4{transform:matrix(10.9416,-0,-0,21.4176,80.0245,-545.18);-ms-transform:matrix(10.9416,-0,-0,21.4176,80.0245,-545.18);-moz-transform:matrix(10.9416,-0,-0,21.4176,80.0245px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,21.4176,80.0245,-545.18);-o-transform:matrix(10.9416,-0,-0,21.4176,80.0245,-545.18);}.tc5{transform:matrix(10.9416,-0,-0,25.608,97.7173,-545.18);-ms-transform:matrix(10.9416,-0,-0,25.608,97.7173,-545.18);-moz-transform:matrix(10.9416,-0,-0,25.608,97.7173px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,25.608,97.7173,-545.18);-o-transform:matrix(10.9416,-0,-0,25.608,97.7173,-545.18);}.tc6{transform:matrix(10.9416,-0,-0,14.6664,115.643,-545.179);-ms-transform:matrix(10.9416,-0,-0,14.6664,115.643,-545.179);-moz-transform:matrix(10.9416,-0,-0,14.6664,115.643px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,14.6664,115.643,-545.179);-o-transform:matrix(10.9416,-0,-0,14.6664,115.643,-545.179);}.tc7{transform:matrix(10.9416,-0,-0,13.0368,133.336,-545.179);-ms-transform:matrix(10.9416,-0,-0,13.0368,133.336,-545.179);-moz-transform:matrix(10.9416,-0,-0,13.0368,133.336px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,13.0368,133.336,-545.179);-o-transform:matrix(10.9416,-0,-0,13.0368,133.336,-545.179);}.tc8{transform:matrix(10.9416,-0,-0,21.4176,151.261,-545.18);-ms-transform:matrix(10.9416,-0,-0,21.4176,151.261,-545.18);-moz-transform:matrix(10.9416,-0,-0,21.4176,151.261px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,21.4176,151.261,-545.18);-o-transform:matrix(10.9416,-0,-0,21.4176,151.261,-545.18);}.tc9{transform:matrix(10.9416,-0,-0,34.4544,168.954,-545.18);-ms-transform:matrix(10.9416,-0,-0,34.4544,168.954,-545.18);-moz-transform:matrix(10.9416,-0,-0,34.4544,168.954px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,34.4544,168.954,-545.18);-o-transform:matrix(10.9416,-0,-0,34.4544,168.954,-545.18);}.tca{transform:matrix(10.9416,-0,-0,26.772,186.88,-545.18);-ms-transform:matrix(10.9416,-0,-0,26.772,186.88,-545.18);-moz-transform:matrix(10.9416,-0,-0,26.772,186.88px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,26.772,186.88,-545.18);-o-transform:matrix(10.9416,-0,-0,26.772,186.88,-545.18);}.tcb{transform:matrix(10.9416,-0,-0,173.436,204.572,-545.179);-ms-transform:matrix(10.9416,-0,-0,173.436,204.572,-545.179);-moz-transform:matrix(10.9416,-0,-0,173.436,204.572px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,173.436,204.572,-545.179);-o-transform:matrix(10.9416,-0,-0,173.436,204.572,-545.179);}.tcc{transform:matrix(10.9416,-0,-0,63.5544,222.498,-545.18);-ms-transform:matrix(10.9416,-0,-0,63.5544,222.498,-545.18);-moz-transform:matrix(10.9416,-0,-0,63.5544,222.498px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,63.5544,222.498,-545.18);-o-transform:matrix(10.9416,-0,-0,63.5544,222.498,-545.18);}.tcd{transform:matrix(10.9416,-0,-0,171.574,240.191,-545.18);-ms-transform:matrix(10.9416,-0,-0,171.574,240.191,-545.18);-moz-transform:matrix(10.9416,-0,-0,171.574,240.191px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,171.574,240.191,-545.18);-o-transform:matrix(10.9416,-0,-0,171.574,240.191,-545.18);}.tce{transform:matrix(10.9416,-0,-0,24.9096,258.116,-545.18);-ms-transform:matrix(10.9416,-0,-0,24.9096,258.116,-545.18);-moz-transform:matrix(10.9416,-0,-0,24.9096,258.116px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,24.9096,258.116,-545.18);-o-transform:matrix(10.9416,-0,-0,24.9096,258.116,-545.18);}.tcf{transform:matrix(10.9416,-0,-0,13.2696,275.809,-545.18);-ms-transform:matrix(10.9416,-0,-0,13.2696,275.809,-545.18);-moz-transform:matrix(10.9416,-0,-0,13.2696,275.809px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,13.2696,275.809,-545.18);-o-transform:matrix(10.9416,-0,-0,13.2696,275.809,-545.18);}.td0{transform:matrix(10.9416,-0,-0,17.6928,293.735,-545.18);-ms-transform:matrix(10.9416,-0,-0,17.6928,293.735,-545.18);-moz-transform:matrix(10.9416,-0,-0,17.6928,293.735px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,17.6928,293.735,-545.18);-o-transform:matrix(10.9416,-0,-0,17.6928,293.735,-545.18);}.td1{transform:matrix(10.9416,-0,-0,22.116,311.428,-545.18);-ms-transform:matrix(10.9416,-0,-0,22.116,311.428,-545.18);-moz-transform:matrix(10.9416,-0,-0,22.116,311.428px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,22.116,311.428,-545.18);-o-transform:matrix(10.9416,-0,-0,22.116,311.428,-545.18);}.td2{transform:matrix(10.9416,-0,-0,45.8616,329.353,-545.179);-ms-transform:matrix(10.9416,-0,-0,45.8616,329.353,-545.179);-moz-transform:matrix(10.9416,-0,-0,45.8616,329.353px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,45.8616,329.353,-545.179);-o-transform:matrix(10.9416,-0,-0,45.8616,329.353,-545.179);}.td3{transform:matrix(10.9416,-0,-0,13.968,347.046,-545.18);-ms-transform:matrix(10.9416,-0,-0,13.968,347.046,-545.18);-moz-transform:matrix(10.9416,-0,-0,13.968,347.046px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,13.968,347.046,-545.18);-o-transform:matrix(10.9416,-0,-0,13.968,347.046,-545.18);}.td4{transform:matrix(10.9416,-0,-0,13.2696,364.972,-545.18);-ms-transform:matrix(10.9416,-0,-0,13.2696,364.972,-545.18);-moz-transform:matrix(10.9416,-0,-0,13.2696,364.972px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,13.2696,364.972,-545.18);-o-transform:matrix(10.9416,-0,-0,13.2696,364.972,-545.18);}.td5{transform:matrix(10.9416,-0,-0,39.1104,382.664,-545.18);-ms-transform:matrix(10.9416,-0,-0,39.1104,382.664,-545.18);-moz-transform:matrix(10.9416,-0,-0,39.1104,382.664px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,39.1104,382.664,-545.18);-o-transform:matrix(10.9416,-0,-0,39.1104,382.664,-545.18);}.td6{transform:matrix(10.9416,-0,-0,45.6288,400.59,-545.18);-ms-transform:matrix(10.9416,-0,-0,45.6288,400.59,-545.18);-moz-transform:matrix(10.9416,-0,-0,45.6288,400.59px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,45.6288,400.59,-545.18);-o-transform:matrix(10.9416,-0,-0,45.6288,400.59,-545.18);}.td7{transform:matrix(10.9416,-0,-0,53.544,418.283,-545.18);-ms-transform:matrix(10.9416,-0,-0,53.544,418.283,-545.18);-moz-transform:matrix(10.9416,-0,-0,53.544,418.283px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,53.544,418.283,-545.18);-o-transform:matrix(10.9416,-0,-0,53.544,418.283,-545.18);}.td8{transform:matrix(10.9416,-0,-0,34.4544,436.208,-545.18);-ms-transform:matrix(10.9416,-0,-0,34.4544,436.208,-545.18);-moz-transform:matrix(10.9416,-0,-0,34.4544,436.208px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,34.4544,436.208,-545.18);-o-transform:matrix(10.9416,-0,-0,34.4544,436.208,-545.18);}.td9{transform:matrix(10.9416,-0,-0,23.5128,453.901,-545.18);-ms-transform:matrix(10.9416,-0,-0,23.5128,453.901,-545.18);-moz-transform:matrix(10.9416,-0,-0,23.5128,453.901px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,23.5128,453.901,-545.18);-o-transform:matrix(10.9416,-0,-0,23.5128,453.901,-545.18);}.tda{transform:matrix(10.9416,-0,-0,16.7616,471.827,-545.179);-ms-transform:matrix(10.9416,-0,-0,16.7616,471.827,-545.179);-moz-transform:matrix(10.9416,-0,-0,16.7616,471.827px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,16.7616,471.827,-545.179);-o-transform:matrix(10.9416,-0,-0,16.7616,471.827,-545.179);}.tdb{transform:matrix(10.9416,-0,-0,14.2008,489.752,-545.18);-ms-transform:matrix(10.9416,-0,-0,14.2008,489.752,-545.18);-moz-transform:matrix(10.9416,-0,-0,14.2008,489.752px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,14.2008,489.752,-545.18);-o-transform:matrix(10.9416,-0,-0,14.2008,489.752,-545.18);}.tdc{transform:matrix(10.9416,-0,-0,14.8992,507.445,-545.18);-ms-transform:matrix(10.9416,-0,-0,14.8992,507.445,-545.18);-moz-transform:matrix(10.9416,-0,-0,14.8992,507.445px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,14.8992,507.445,-545.18);-o-transform:matrix(10.9416,-0,-0,14.8992,507.445,-545.18);}.tdd{transform:matrix(10.9416,-0,-0,19.0896,525.371,-545.18);-ms-transform:matrix(10.9416,-0,-0,19.0896,525.371,-545.18);-moz-transform:matrix(10.9416,-0,-0,19.0896,525.371px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,19.0896,525.371,-545.18);-o-transform:matrix(10.9416,-0,-0,19.0896,525.371,-545.18);}.tde{transform:matrix(10.9416,-0,-0,19.0896,83.9821,-545.18);-ms-transform:matrix(10.9416,-0,-0,19.0896,83.9821,-545.18);-moz-transform:matrix(10.9416,-0,-0,19.0896,83.9821px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,19.0896,83.9821,-545.18);-o-transform:matrix(10.9416,-0,-0,19.0896,83.9821,-545.18);}.tdf{transform:matrix(10.9416,-0,-0,18.8568,101.675,-545.179);-ms-transform:matrix(10.9416,-0,-0,18.8568,101.675,-545.179);-moz-transform:matrix(10.9416,-0,-0,18.8568,101.675px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,18.8568,101.675,-545.179);-o-transform:matrix(10.9416,-0,-0,18.8568,101.675,-545.179);}.te0{transform:matrix(10.9416,-0,-0,24.9096,119.6,-545.18);-ms-transform:matrix(10.9416,-0,-0,24.9096,119.6,-545.18);-moz-transform:matrix(10.9416,-0,-0,24.9096,119.6px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,24.9096,119.6,-545.18);-o-transform:matrix(10.9416,-0,-0,24.9096,119.6,-545.18);}.te1{transform:matrix(10.9416,-0,-0,35.6184,137.293,-545.179);-ms-transform:matrix(10.9416,-0,-0,35.6184,137.293,-545.179);-moz-transform:matrix(10.9416,-0,-0,35.6184,137.293px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,35.6184,137.293,-545.179);-o-transform:matrix(10.9416,-0,-0,35.6184,137.293,-545.179);}.te2{transform:matrix(10.9416,-0,-0,64.02,155.219,-545.179);-ms-transform:matrix(10.9416,-0,-0,64.02,155.219,-545.179);-moz-transform:matrix(10.9416,-0,-0,64.02,155.219px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,64.02,155.219,-545.179);-o-transform:matrix(10.9416,-0,-0,64.02,155.219,-545.179);}.te3{transform:matrix(10.9416,-0,-0,28.6344,172.912,-545.18);-ms-transform:matrix(10.9416,-0,-0,28.6344,172.912,-545.18);-moz-transform:matrix(10.9416,-0,-0,28.6344,172.912px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,28.6344,172.912,-545.18);-o-transform:matrix(10.9416,-0,-0,28.6344,172.912,-545.18);}.te4{transform:matrix(10.9416,-0,-0,41.904,190.837,-545.18);-ms-transform:matrix(10.9416,-0,-0,41.904,190.837,-545.18);-moz-transform:matrix(10.9416,-0,-0,41.904,190.837px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,41.904,190.837,-545.18);-o-transform:matrix(10.9416,-0,-0,41.904,190.837,-545.18);}.te5{transform:matrix(10.9416,-0,-0,92.4216,208.53,-545.179);-ms-transform:matrix(10.9416,-0,-0,92.4216,208.53,-545.179);-moz-transform:matrix(10.9416,-0,-0,92.4216,208.53px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,92.4216,208.53,-545.179);-o-transform:matrix(10.9416,-0,-0,92.4216,208.53,-545.179);}.te6{transform:matrix(10.9416,-0,-0,69.1416,226.456,-545.179);-ms-transform:matrix(10.9416,-0,-0,69.1416,226.456,-545.179);-moz-transform:matrix(10.9416,-0,-0,69.1416,226.456px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,69.1416,226.456,-545.179);-o-transform:matrix(10.9416,-0,-0,69.1416,226.456,-545.179);}.te7{transform:matrix(10.9416,-0,-0,51.216,244.148,-545.18);-ms-transform:matrix(10.9416,-0,-0,51.216,244.148,-545.18);-moz-transform:matrix(10.9416,-0,-0,51.216,244.148px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,51.216,244.148,-545.18);-o-transform:matrix(10.9416,-0,-0,51.216,244.148,-545.18);}.te8{transform:matrix(10.9416,-0,-0,35.6184,262.074,-545.179);-ms-transform:matrix(10.9416,-0,-0,35.6184,262.074,-545.179);-moz-transform:matrix(10.9416,-0,-0,35.6184,262.074px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,35.6184,262.074,-545.179);-o-transform:matrix(10.9416,-0,-0,35.6184,262.074,-545.179);}.te9{transform:matrix(10.9416,-0,-0,55.872,279.767,-545.18);-ms-transform:matrix(10.9416,-0,-0,55.872,279.767,-545.18);-moz-transform:matrix(10.9416,-0,-0,55.872,279.767px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,55.872,279.767,-545.18);-o-transform:matrix(10.9416,-0,-0,55.872,279.767,-545.18);}.tea{transform:matrix(10.9416,-0,-0,30.7296,297.692,-545.18);-ms-transform:matrix(10.9416,-0,-0,30.7296,297.692,-545.18);-moz-transform:matrix(10.9416,-0,-0,30.7296,297.692px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,30.7296,297.692,-545.18);-o-transform:matrix(10.9416,-0,-0,30.7296,297.692,-545.18);}.teb{transform:matrix(10.9416,-0,-0,22.5816,315.385,-545.179);-ms-transform:matrix(10.9416,-0,-0,22.5816,315.385,-545.179);-moz-transform:matrix(10.9416,-0,-0,22.5816,315.385px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,22.5816,315.385,-545.179);-o-transform:matrix(10.9416,-0,-0,22.5816,315.385,-545.179);}.tec{transform:matrix(10.9416,-0,-0,24.9096,333.311,-545.18);-ms-transform:matrix(10.9416,-0,-0,24.9096,333.311,-545.18);-moz-transform:matrix(10.9416,-0,-0,24.9096,333.311px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,24.9096,333.311,-545.18);-o-transform:matrix(10.9416,-0,-0,24.9096,333.311,-545.18);}.ted{transform:matrix(10.9416,-0,-0,22.3488,351.004,-545.18);-ms-transform:matrix(10.9416,-0,-0,22.3488,351.004,-545.18);-moz-transform:matrix(10.9416,-0,-0,22.3488,351.004px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,22.3488,351.004,-545.18);-o-transform:matrix(10.9416,-0,-0,22.3488,351.004,-545.18);}.tee{transform:matrix(10.9416,-0,-0,23.5128,368.929,-545.18);-ms-transform:matrix(10.9416,-0,-0,23.5128,368.929,-545.18);-moz-transform:matrix(10.9416,-0,-0,23.5128,368.929px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,23.5128,368.929,-545.18);-o-transform:matrix(10.9416,-0,-0,23.5128,368.929,-545.18);}.tef{transform:matrix(10.9416,-0,-0,26.3064,386.622,-545.179);-ms-transform:matrix(10.9416,-0,-0,26.3064,386.622,-545.179);-moz-transform:matrix(10.9416,-0,-0,26.3064,386.622px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,26.3064,386.622,-545.179);-o-transform:matrix(10.9416,-0,-0,26.3064,386.622,-545.179);}.tf0{transform:matrix(10.9416,-0,-0,20.2536,404.548,-545.18);-ms-transform:matrix(10.9416,-0,-0,20.2536,404.548,-545.18);-moz-transform:matrix(10.9416,-0,-0,20.2536,404.548px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,20.2536,404.548,-545.18);-o-transform:matrix(10.9416,-0,-0,20.2536,404.548,-545.18);}.tf1{transform:matrix(10.9416,-0,-0,28.6344,422.24,-545.18);-ms-transform:matrix(10.9416,-0,-0,28.6344,422.24,-545.18);-moz-transform:matrix(10.9416,-0,-0,28.6344,422.24px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,28.6344,422.24,-545.18);-o-transform:matrix(10.9416,-0,-0,28.6344,422.24,-545.18);}.tf2{transform:matrix(10.9416,-0,-0,43.7664,440.166,-545.179);-ms-transform:matrix(10.9416,-0,-0,43.7664,440.166,-545.179);-moz-transform:matrix(10.9416,-0,-0,43.7664,440.166px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,43.7664,440.166,-545.179);-o-transform:matrix(10.9416,-0,-0,43.7664,440.166,-545.179);}.tf3{transform:matrix(10.9416,-0,-0,20.2536,457.859,-545.18);-ms-transform:matrix(10.9416,-0,-0,20.2536,457.859,-545.18);-moz-transform:matrix(10.9416,-0,-0,20.2536,457.859px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,20.2536,457.859,-545.18);-o-transform:matrix(10.9416,-0,-0,20.2536,457.859,-545.18);}.tf4{transform:matrix(10.9416,-0,-0,28.8672,475.784,-545.18);-ms-transform:matrix(10.9416,-0,-0,28.8672,475.784,-545.18);-moz-transform:matrix(10.9416,-0,-0,28.8672,475.784px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,28.8672,475.784,-545.18);-o-transform:matrix(10.9416,-0,-0,28.8672,475.784,-545.18);}.tf5{transform:matrix(10.9416,-0,-0,14.6664,493.71,-545.179);-ms-transform:matrix(10.9416,-0,-0,14.6664,493.71,-545.179);-moz-transform:matrix(10.9416,-0,-0,14.6664,493.71px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,14.6664,493.71,-545.179);-o-transform:matrix(10.9416,-0,-0,14.6664,493.71,-545.179);}.tf6{transform:matrix(10.9416,-0,-0,23.9784,511.403,-545.179);-ms-transform:matrix(10.9416,-0,-0,23.9784,511.403,-545.179);-moz-transform:matrix(10.9416,-0,-0,23.9784,511.403px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,23.9784,511.403,-545.179);-o-transform:matrix(10.9416,-0,-0,23.9784,511.403,-545.179);}.tf7{transform:matrix(10.9416,-0,-0,15.8304,529.328,-545.18);-ms-transform:matrix(10.9416,-0,-0,15.8304,529.328,-545.18);-moz-transform:matrix(10.9416,-0,-0,15.8304,529.328px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,15.8304,529.328,-545.18);-o-transform:matrix(10.9416,-0,-0,15.8304,529.328,-545.18);}.tf8{transform:matrix(10.9416,-0,-0,26.0736,87.9397,-545.18);-ms-transform:matrix(10.9416,-0,-0,26.0736,87.9397,-545.18);-moz-transform:matrix(10.9416,-0,-0,26.0736,87.9397px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,26.0736,87.9397,-545.18);-o-transform:matrix(10.9416,-0,-0,26.0736,87.9397,-545.18);}.tf9{transform:matrix(10.9416,-0,-0,21.4176,105.632,-545.18);-ms-transform:matrix(10.9416,-0,-0,21.4176,105.632,-545.18);-moz-transform:matrix(10.9416,-0,-0,21.4176,105.632px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,21.4176,105.632,-545.18);-o-transform:matrix(10.9416,-0,-0,21.4176,105.632,-545.18);}.tfa{transform:matrix(10.9416,-0,-0,24.2112,123.558,-545.18);-ms-transform:matrix(10.9416,-0,-0,24.2112,123.558,-545.18);-moz-transform:matrix(10.9416,-0,-0,24.2112,123.558px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,24.2112,123.558,-545.18);-o-transform:matrix(10.9416,-0,-0,24.2112,123.558,-545.18);}.tfb{transform:matrix(10.9416,-0,-0,65.184,141.251,-545.18);-ms-transform:matrix(10.9416,-0,-0,65.184,141.251,-545.18);-moz-transform:matrix(10.9416,-0,-0,65.184,141.251px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,65.184,141.251,-545.18);-o-transform:matrix(10.9416,-0,-0,65.184,141.251,-545.18);}.tfc{transform:matrix(10.9416,-0,-0,46.7928,159.176,-545.18);-ms-transform:matrix(10.9416,-0,-0,46.7928,159.176,-545.18);-moz-transform:matrix(10.9416,-0,-0,46.7928,159.176px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,46.7928,159.176,-545.18);-o-transform:matrix(10.9416,-0,-0,46.7928,159.176,-545.18);}.tfd{transform:matrix(10.9416,-0,-0,40.2744,176.869,-545.18);-ms-transform:matrix(10.9416,-0,-0,40.2744,176.869,-545.18);-moz-transform:matrix(10.9416,-0,-0,40.2744,176.869px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,40.2744,176.869,-545.18);-o-transform:matrix(10.9416,-0,-0,40.2744,176.869,-545.18);}.tfe{transform:matrix(10.9416,-0,-0,38.1792,194.795,-545.18);-ms-transform:matrix(10.9416,-0,-0,38.1792,194.795,-545.18);-moz-transform:matrix(10.9416,-0,-0,38.1792,194.795px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,38.1792,194.795,-545.18);-o-transform:matrix(10.9416,-0,-0,38.1792,194.795,-545.18);}.tff{transform:matrix(10.9416,-0,-0,75.66,212.488,-545.179);-ms-transform:matrix(10.9416,-0,-0,75.66,212.488,-545.179);-moz-transform:matrix(10.9416,-0,-0,75.66,212.488px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,75.66,212.488,-545.179);-o-transform:matrix(10.9416,-0,-0,75.66,212.488,-545.179);}.t100{transform:matrix(10.9416,-0,-0,62.3904,230.413,-545.18);-ms-transform:matrix(10.9416,-0,-0,62.3904,230.413,-545.18);-moz-transform:matrix(10.9416,-0,-0,62.3904,230.413px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,62.3904,230.413,-545.18);-o-transform:matrix(10.9416,-0,-0,62.3904,230.413,-545.18);}.t101{transform:matrix(10.9416,-0,-0,39.3432,248.106,-545.179);-ms-transform:matrix(10.9416,-0,-0,39.3432,248.106,-545.179);-moz-transform:matrix(10.9416,-0,-0,39.3432,248.106px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,39.3432,248.106,-545.179);-o-transform:matrix(10.9416,-0,-0,39.3432,248.106,-545.179);}.t102{transform:matrix(10.9416,-0,-0,33.9888,266.032,-545.18);-ms-transform:matrix(10.9416,-0,-0,33.9888,266.032,-545.18);-moz-transform:matrix(10.9416,-0,-0,33.9888,266.032px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,33.9888,266.032,-545.18);-o-transform:matrix(10.9416,-0,-0,33.9888,266.032,-545.18);}.t103{transform:matrix(10.9416,-0,-0,71.7024,283.724,-545.18);-ms-transform:matrix(10.9416,-0,-0,71.7024,283.724,-545.18);-moz-transform:matrix(10.9416,-0,-0,71.7024,283.724px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,71.7024,283.724,-545.18);-o-transform:matrix(10.9416,-0,-0,71.7024,283.724,-545.18);}.t104{transform:matrix(10.9416,-0,-0,21.4176,301.65,-545.18);-ms-transform:matrix(10.9416,-0,-0,21.4176,301.65,-545.18);-moz-transform:matrix(10.9416,-0,-0,21.4176,301.65px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,21.4176,301.65,-545.18);-o-transform:matrix(10.9416,-0,-0,21.4176,301.65,-545.18);}.t105{transform:matrix(10.9416,-0,-0,21.4176,319.343,-545.18);-ms-transform:matrix(10.9416,-0,-0,21.4176,319.343,-545.18);-moz-transform:matrix(10.9416,-0,-0,21.4176,319.343px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,21.4176,319.343,-545.18);-o-transform:matrix(10.9416,-0,-0,21.4176,319.343,-545.18);}.t106{transform:matrix(10.9416,-0,-0,25.8408,337.268,-545.18);-ms-transform:matrix(10.9416,-0,-0,25.8408,337.268,-545.18);-moz-transform:matrix(10.9416,-0,-0,25.8408,337.268px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,25.8408,337.268,-545.18);-o-transform:matrix(10.9416,-0,-0,25.8408,337.268,-545.18);}.t107{transform:matrix(10.9416,-0,-0,15.8304,354.961,-545.18);-ms-transform:matrix(10.9416,-0,-0,15.8304,354.961,-545.18);-moz-transform:matrix(10.9416,-0,-0,15.8304,354.961px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,15.8304,354.961,-545.18);-o-transform:matrix(10.9416,-0,-0,15.8304,354.961,-545.18);}.t108{transform:matrix(10.9416,-0,-0,24.444,372.887,-545.18);-ms-transform:matrix(10.9416,-0,-0,24.444,372.887,-545.18);-moz-transform:matrix(10.9416,-0,-0,24.444,372.887px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,24.444,372.887,-545.18);-o-transform:matrix(10.9416,-0,-0,24.444,372.887,-545.18);}.t109{transform:matrix(10.9416,-0,-0,39.3432,390.58,-545.179);-ms-transform:matrix(10.9416,-0,-0,39.3432,390.58,-545.179);-moz-transform:matrix(10.9416,-0,-0,39.3432,390.58px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,39.3432,390.58,-545.179);-o-transform:matrix(10.9416,-0,-0,39.3432,390.58,-545.179);}.t10a{transform:matrix(10.9416,-0,-0,27.7032,408.505,-545.179);-ms-transform:matrix(10.9416,-0,-0,27.7032,408.505,-545.179);-moz-transform:matrix(10.9416,-0,-0,27.7032,408.505px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,27.7032,408.505,-545.179);-o-transform:matrix(10.9416,-0,-0,27.7032,408.505,-545.179);}.t10b{transform:matrix(10.9416,-0,-0,39.3432,426.198,-545.179);-ms-transform:matrix(10.9416,-0,-0,39.3432,426.198,-545.179);-moz-transform:matrix(10.9416,-0,-0,39.3432,426.198px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,39.3432,426.198,-545.179);-o-transform:matrix(10.9416,-0,-0,39.3432,426.198,-545.179);}.t10c{transform:matrix(10.9416,-0,-0,51.6816,444.124,-545.179);-ms-transform:matrix(10.9416,-0,-0,51.6816,444.124,-545.179);-moz-transform:matrix(10.9416,-0,-0,51.6816,444.124px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,51.6816,444.124,-545.179);-o-transform:matrix(10.9416,-0,-0,51.6816,444.124,-545.179);}.t10d{transform:matrix(10.9416,-0,-0,18.624,461.816,-545.18);-ms-transform:matrix(10.9416,-0,-0,18.624,461.816,-545.18);-moz-transform:matrix(10.9416,-0,-0,18.624,461.816px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,18.624,461.816,-545.18);-o-transform:matrix(10.9416,-0,-0,18.624,461.816,-545.18);}.t10e{transform:matrix(10.9416,-0,-0,28.8672,479.742,-545.18);-ms-transform:matrix(10.9416,-0,-0,28.8672,479.742,-545.18);-moz-transform:matrix(10.9416,-0,-0,28.8672,479.742px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,28.8672,479.742,-545.18);-o-transform:matrix(10.9416,-0,-0,28.8672,479.742,-545.18);}.t10f{transform:matrix(10.9416,-0,-0,15.3648,497.668,-545.179);-ms-transform:matrix(10.9416,-0,-0,15.3648,497.668,-545.179);-moz-transform:matrix(10.9416,-0,-0,15.3648,497.668px,-545.179px);-webkit-transform:matrix(10.9416,-0,-0,15.3648,497.668,-545.179);-o-transform:matrix(10.9416,-0,-0,15.3648,497.668,-545.179);}.t110{transform:matrix(10.9416,-0,-0,17.9256,515.36,-545.18);-ms-transform:matrix(10.9416,-0,-0,17.9256,515.36,-545.18);-moz-transform:matrix(10.9416,-0,-0,17.9256,515.36px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,17.9256,515.36,-545.18);-o-transform:matrix(10.9416,-0,-0,17.9256,515.36,-545.18);}.t111{transform:matrix(10.9416,-0,-0,18.3912,533.286,-545.18);-ms-transform:matrix(10.9416,-0,-0,18.3912,533.286,-545.18);-moz-transform:matrix(10.9416,-0,-0,18.3912,533.286px,-545.18px);-webkit-transform:matrix(10.9416,-0,-0,18.3912,533.286,-545.18);-o-transform:matrix(10.9416,-0,-0,18.3912,533.286,-545.18);}.t112{transform:matrix(0.97,-0,-0,0.97,66.5497,-556.239);-ms-transform:matrix(0.97,-0,-0,0.97,66.5497,-556.239);-moz-transform:matrix(0.97,-0,-0,0.97,66.5497px,-556.239px);-webkit-transform:matrix(0.97,-0,-0,0.97,66.5497,-556.239);-o-transform:matrix(0.97,-0,-0,0.97,66.5497,-556.239);}@font-face{font-family:f17;src:url(f17.ttf);}.f17{font-family:f17;}.t113{transform:matrix(0.97,-0,-0,0.97,66.5497,-588.901);-ms-transform:matrix(0.97,-0,-0,0.97,66.5497,-588.901);-moz-transform:matrix(0.97,-0,-0,0.97,66.5497px,-588.901px);-webkit-transform:matrix(0.97,-0,-0,0.97,66.5497,-588.901);-o-transform:matrix(0.97,-0,-0,0.97,66.5497,-588.901);}.t114{transform:matrix(0.97,-0,-0,0.97,61.6334,-621.562);-ms-transform:matrix(0.97,-0,-0,0.97,61.6334,-621.562);-moz-transform:matrix(0.97,-0,-0,0.97,61.6334px,-621.562px);-webkit-transform:matrix(0.97,-0,-0,0.97,61.6334,-621.562);-o-transform:matrix(0.97,-0,-0,0.97,61.6334,-621.562);}.t115{transform:matrix(0.97,-0,-0,0.97,61.6334,-654.224);-ms-transform:matrix(0.97,-0,-0,0.97,61.6334,-654.224);-moz-transform:matrix(0.97,-0,-0,0.97,61.6334px,-654.224px);-webkit-transform:matrix(0.97,-0,-0,0.97,61.6334,-654.224);-o-transform:matrix(0.97,-0,-0,0.97,61.6334,-654.224);}.t116{transform:matrix(0.97,-0,-0,0.97,61.6334,-686.885);-ms-transform:matrix(0.97,-0,-0,0.97,61.6334,-686.885);-moz-transform:matrix(0.97,-0,-0,0.97,61.6334px,-686.885px);-webkit-transform:matrix(0.97,-0,-0,0.97,61.6334,-686.885);-o-transform:matrix(0.97,-0,-0,0.97,61.6334,-686.885);}.t117{transform:matrix(0.97,-0,-0,0.97,61.6334,-719.547);-ms-transform:matrix(0.97,-0,-0,0.97,61.6334,-719.547);-moz-transform:matrix(0.97,-0,-0,0.97,61.6334px,-719.547px);-webkit-transform:matrix(0.97,-0,-0,0.97,61.6334,-719.547);-o-transform:matrix(0.97,-0,-0,0.97,61.6334,-719.547);}.t118{transform:matrix(0.97,-0,-0,0.97,488.109,-701.853);-ms-transform:matrix(0.97,-0,-0,0.97,488.109,-701.853);-moz-transform:matrix(0.97,-0,-0,0.97,488.109px,-701.853px);-webkit-transform:matrix(0.97,-0,-0,0.97,488.109,-701.853);-o-transform:matrix(0.97,-0,-0,0.97,488.109,-701.853);}.t119{transform:matrix(0.97,-0,-0,0.97,488.109,-684.366);-ms-transform:matrix(0.97,-0,-0,0.97,488.109,-684.366);-moz-transform:matrix(0.97,-0,-0,0.97,488.109px,-684.366px);-webkit-transform:matrix(0.97,-0,-0,0.97,488.109,-684.366);-o-transform:matrix(0.97,-0,-0,0.97,488.109,-684.366);}.t11a{transform:matrix(0.97,-0,-0,0.97,488.109,-666.878);-ms-transform:matrix(0.97,-0,-0,0.97,488.109,-666.878);-moz-transform:matrix(0.97,-0,-0,0.97,488.109px,-666.878px);-webkit-transform:matrix(0.97,-0,-0,0.97,488.109,-666.878);-o-transform:matrix(0.97,-0,-0,0.97,488.109,-666.878);}.t11b{transform:matrix(1,-0,-0,1,54,-441.481);-ms-transform:matrix(1,-0,-0,1,54,-441.481);-moz-transform:matrix(1,-0,-0,1,54px,-441.481px);-webkit-transform:matrix(1,-0,-0,1,54,-441.481);-o-transform:matrix(1,-0,-0,1,54,-441.481);}.w11{width:12.6407px;}.t11c{transform:matrix(1,-0,-0,1,65.4416,-709.639);-ms-transform:matrix(1,-0,-0,1,65.4416,-709.639);-moz-transform:matrix(1,-0,-0,1,65.4416px,-709.639px);-webkit-transform:matrix(1,-0,-0,1,65.4416,-709.639);-o-transform:matrix(1,-0,-0,1,65.4416,-709.639);}.w12{width:79.7113px;}.w13{width:25.626px;}.w14{width:31.8756px;}.w15{width:34.8703px;}.w16{width:41.7745px;}.w17{width:45.8631px;}.w18{width:77.7118px;}.w19{width:27.0696px;}.w1a{width:67.7681px;}.w1b{width:21.1428px;}.w1c{width:44.3657px;}.w1d{width:50.6512px;}.w1e{width:54.4709px;}.w1f{width:49.3421px;}.w20{width:64.7733px;}.w21{width:29.885px;}.w22{width:18.8384px;}.w23{width:35.8835px;}.w24{width:69.7496px;}.w25{width:72.7444px;}.w26{width:58.7837px;}.w27{width:39.8556px;}.t11d{transform:matrix(1,-0,-0,1,54,-439.322);-ms-transform:matrix(1,-0,-0,1,54,-439.322);-moz-transform:matrix(1,-0,-0,1,54px,-439.322px);-webkit-transform:matrix(1,-0,-0,1,54,-439.322);-o-transform:matrix(1,-0,-0,1,54,-439.322);}.t11e{transform:matrix(1,-0,-0,1,54,-505.759);-ms-transform:matrix(1,-0,-0,1,54,-505.759);-moz-transform:matrix(1,-0,-0,1,54px,-505.759px);-webkit-transform:matrix(1,-0,-0,1,54,-505.759);-o-transform:matrix(1,-0,-0,1,54,-505.759);}.t11f{transform:matrix(0.55,-0,-0,0.55,54,-505.759);-ms-transform:matrix(0.55,-0,-0,0.55,54,-505.759);-moz-transform:matrix(0.55,-0,-0,0.55,54px,-505.759px);-webkit-transform:matrix(0.55,-0,-0,0.55,54,-505.759);-o-transform:matrix(0.55,-0,-0,0.55,54,-505.759);}.t120{transform:matrix(0.55,-0,-0,0.55,23.6856,-323.518);-ms-transform:matrix(0.55,-0,-0,0.55,23.6856,-323.518);-moz-transform:matrix(0.55,-0,-0,0.55,23.6856px,-323.518px);-webkit-transform:matrix(0.55,-0,-0,0.55,23.6856,-323.518);-o-transform:matrix(0.55,-0,-0,0.55,23.6856,-323.518);}.t121{transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,53.9136,-718.99);-ms-transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,53.9136,-718.99);-moz-transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,53.9136px,-718.99px);-webkit-transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,53.9136,-718.99);-o-transform:matrix(4.33071e-05,-0,-0,-4.33071e-05,53.9136,-718.99);}.t122{transform:matrix(0.55,-0,-0,0.55,115.399,-537.839);-ms-transform:matrix(0.55,-0,-0,0.55,115.399,-537.839);-moz-transform:matrix(0.55,-0,-0,0.55,115.399px,-537.839px);-webkit-transform:matrix(0.55,-0,-0,0.55,115.399,-537.839);-o-transform:matrix(0.55,-0,-0,0.55,115.399,-537.839);}@font-face{font-family:f18;src:url(f18.ttf);}.f18{font-family:f18;}.t123{transform:matrix(0.55,-0,-0,0.55,148.039,-537.839);-ms-transform:matrix(0.55,-0,-0,0.55,148.039,-537.839);-moz-transform:matrix(0.55,-0,-0,0.55,148.039px,-537.839px);-webkit-transform:matrix(0.55,-0,-0,0.55,148.039,-537.839);-o-transform:matrix(0.55,-0,-0,0.55,148.039,-537.839);}.t124{transform:matrix(0.55,-0,-0,0.55,182.073,-537.839);-ms-transform:matrix(0.55,-0,-0,0.55,182.073,-537.839);-moz-transform:matrix(0.55,-0,-0,0.55,182.073px,-537.839px);-webkit-transform:matrix(0.55,-0,-0,0.55,182.073,-537.839);-o-transform:matrix(0.55,-0,-0,0.55,182.073,-537.839);}.t125{transform:matrix(0.55,-0,-0,0.55,216.107,-537.839);-ms-transform:matrix(0.55,-0,-0,0.55,216.107,-537.839);-moz-transform:matrix(0.55,-0,-0,0.55,216.107px,-537.839px);-webkit-transform:matrix(0.55,-0,-0,0.55,216.107,-537.839);-o-transform:matrix(0.55,-0,-0,0.55,216.107,-537.839);}.t126{transform:matrix(0.55,-0,-0,0.55,250.141,-537.839);-ms-transform:matrix(0.55,-0,-0,0.55,250.141,-537.839);-moz-transform:matrix(0.55,-0,-0,0.55,250.141px,-537.839px);-webkit-transform:matrix(0.55,-0,-0,0.55,250.141,-537.839);-o-transform:matrix(0.55,-0,-0,0.55,250.141,-537.839);}.t127{transform:matrix(0.55,-0,-0,0.55,282.781,-537.839);-ms-transform:matrix(0.55,-0,-0,0.55,282.781,-537.839);-moz-transform:matrix(0.55,-0,-0,0.55,282.781px,-537.839px);-webkit-transform:matrix(0.55,-0,-0,0.55,282.781,-537.839);-o-transform:matrix(0.55,-0,-0,0.55,282.781,-537.839);}.t128{transform:matrix(0.55,-0,-0,0.55,72.65,-548.853);-ms-transform:matrix(0.55,-0,-0,0.55,72.65,-548.853);-moz-transform:matrix(0.55,-0,-0,0.55,72.65px,-548.853px);-webkit-transform:matrix(0.55,-0,-0,0.55,72.65,-548.853);-o-transform:matrix(0.55,-0,-0,0.55,72.65,-548.853);}.t129{transform:matrix(0.55,-0,-0,0.55,70.9903,-555.4);-ms-transform:matrix(0.55,-0,-0,0.55,70.9903,-555.4);-moz-transform:matrix(0.55,-0,-0,0.55,70.9903px,-555.4px);-webkit-transform:matrix(0.55,-0,-0,0.55,70.9903,-555.4);-o-transform:matrix(0.55,-0,-0,0.55,70.9903,-555.4);}.t12a{transform:matrix(0.55,-0,-0,0.55,69.7077,-561.946);-ms-transform:matrix(0.55,-0,-0,0.55,69.7077,-561.946);-moz-transform:matrix(0.55,-0,-0,0.55,69.7077px,-561.946px);-webkit-transform:matrix(0.55,-0,-0,0.55,69.7077,-561.946);-o-transform:matrix(0.55,-0,-0,0.55,69.7077,-561.946);}.t12b{transform:matrix(0.55,-0,-0,0.55,62.7338,-568.493);-ms-transform:matrix(0.55,-0,-0,0.55,62.7338,-568.493);-moz-transform:matrix(0.55,-0,-0,0.55,62.7338px,-568.493px);-webkit-transform:matrix(0.55,-0,-0,0.55,62.7338,-568.493);-o-transform:matrix(0.55,-0,-0,0.55,62.7338,-568.493);}.t12c{transform:matrix(0.55,-0,-0,0.55,65.3388,-575.039);-ms-transform:matrix(0.55,-0,-0,0.55,65.3388,-575.039);-moz-transform:matrix(0.55,-0,-0,0.55,65.3388px,-575.039px);-webkit-transform:matrix(0.55,-0,-0,0.55,65.3388,-575.039);-o-transform:matrix(0.55,-0,-0,0.55,65.3388,-575.039);}.t12d{transform:matrix(0.55,-0,-0,0.55,67.904,-581.585);-ms-transform:matrix(0.55,-0,-0,0.55,67.904,-581.585);-moz-transform:matrix(0.55,-0,-0,0.55,67.904px,-581.585px);-webkit-transform:matrix(0.55,-0,-0,0.55,67.904,-581.585);-o-transform:matrix(0.55,-0,-0,0.55,67.904,-581.585);}.t12e{transform:matrix(0.55,-0,-0,0.55,67.8557,-588.132);-ms-transform:matrix(0.55,-0,-0,0.55,67.8557,-588.132);-moz-transform:matrix(0.55,-0,-0,0.55,67.8557px,-588.132px);-webkit-transform:matrix(0.55,-0,-0,0.55,67.8557,-588.132);-o-transform:matrix(0.55,-0,-0,0.55,67.8557,-588.132);}.t12f{transform:matrix(0.55,-0,-0,0.55,58.2565,-594.678);-ms-transform:matrix(0.55,-0,-0,0.55,58.2565,-594.678);-moz-transform:matrix(0.55,-0,-0,0.55,58.2565px,-594.678px);-webkit-transform:matrix(0.55,-0,-0,0.55,58.2565,-594.678);-o-transform:matrix(0.55,-0,-0,0.55,58.2565,-594.678);}.t130{transform:matrix(0.55,-0,-0,0.55,63.463,-601.224);-ms-transform:matrix(0.55,-0,-0,0.55,63.463,-601.224);-moz-transform:matrix(0.55,-0,-0,0.55,63.463px,-601.224px);-webkit-transform:matrix(0.55,-0,-0,0.55,63.463,-601.224);-o-transform:matrix(0.55,-0,-0,0.55,63.463,-601.224);}.t131{transform:matrix(0.55,-0,-0,0.55,62.1312,-607.771);-ms-transform:matrix(0.55,-0,-0,0.55,62.1312,-607.771);-moz-transform:matrix(0.55,-0,-0,0.55,62.1312px,-607.771px);-webkit-transform:matrix(0.55,-0,-0,0.55,62.1312,-607.771);-o-transform:matrix(0.55,-0,-0,0.55,62.1312,-607.771);}.t132{transform:matrix(0.55,-0,-0,0.55,64.112,-614.317);-ms-transform:matrix(0.55,-0,-0,0.55,64.112,-614.317);-moz-transform:matrix(0.55,-0,-0,0.55,64.112px,-614.317px);-webkit-transform:matrix(0.55,-0,-0,0.55,64.112,-614.317);-o-transform:matrix(0.55,-0,-0,0.55,64.112,-614.317);}.t133{transform:matrix(0.55,-0,-0,0.55,60.9936,-620.863);-ms-transform:matrix(0.55,-0,-0,0.55,60.9936,-620.863);-moz-transform:matrix(0.55,-0,-0,0.55,60.9936px,-620.863px);-webkit-transform:matrix(0.55,-0,-0,0.55,60.9936,-620.863);-o-transform:matrix(0.55,-0,-0,0.55,60.9936,-620.863);}.t134{transform:matrix(0.55,-0,-0,0.55,70.523,-627.41);-ms-transform:matrix(0.55,-0,-0,0.55,70.523,-627.41);-moz-transform:matrix(0.55,-0,-0,0.55,70.523px,-627.41px);-webkit-transform:matrix(0.55,-0,-0,0.55,70.523,-627.41);-o-transform:matrix(0.55,-0,-0,0.55,70.523,-627.41);}.t135{transform:matrix(0.55,-0,-0,0.55,69.5036,-633.956);-ms-transform:matrix(0.55,-0,-0,0.55,69.5036,-633.956);-moz-transform:matrix(0.55,-0,-0,0.55,69.5036px,-633.956px);-webkit-transform:matrix(0.55,-0,-0,0.55,69.5036,-633.956);-o-transform:matrix(0.55,-0,-0,0.55,69.5036,-633.956);}.t136{transform:matrix(0.55,-0,-0,0.55,69.3467,-640.502);-ms-transform:matrix(0.55,-0,-0,0.55,69.3467,-640.502);-moz-transform:matrix(0.55,-0,-0,0.55,69.3467px,-640.502px);-webkit-transform:matrix(0.55,-0,-0,0.55,69.3467,-640.502);-o-transform:matrix(0.55,-0,-0,0.55,69.3467,-640.502);}.t137{transform:matrix(0.55,-0,-0,0.55,64.2689,-647.049);-ms-transform:matrix(0.55,-0,-0,0.55,64.2689,-647.049);-moz-transform:matrix(0.55,-0,-0,0.55,64.2689px,-647.049px);-webkit-transform:matrix(0.55,-0,-0,0.55,64.2689,-647.049);-o-transform:matrix(0.55,-0,-0,0.55,64.2689,-647.049);}.t138{transform:matrix(0.55,-0,-0,0.55,63.5492,-653.595);-ms-transform:matrix(0.55,-0,-0,0.55,63.5492,-653.595);-moz-transform:matrix(0.55,-0,-0,0.55,63.5492px,-653.595px);-webkit-transform:matrix(0.55,-0,-0,0.55,63.5492,-653.595);-o-transform:matrix(0.55,-0,-0,0.55,63.5492,-653.595);}.t139{transform:matrix(0.55,-0,-0,0.55,69.1738,-660.141);-ms-transform:matrix(0.55,-0,-0,0.55,69.1738,-660.141);-moz-transform:matrix(0.55,-0,-0,0.55,69.1738px,-660.141px);-webkit-transform:matrix(0.55,-0,-0,0.55,69.1738,-660.141);-o-transform:matrix(0.55,-0,-0,0.55,69.1738,-660.141);}.t13a{transform:matrix(0.55,-0,-0,0.55,63.5051,-666.688);-ms-transform:matrix(0.55,-0,-0,0.55,63.5051,-666.688);-moz-transform:matrix(0.55,-0,-0,0.55,63.5051px,-666.688px);-webkit-transform:matrix(0.55,-0,-0,0.55,63.5051,-666.688);-o-transform:matrix(0.55,-0,-0,0.55,63.5051,-666.688);}.t13b{transform:matrix(0.55,-0,-0,0.55,62.0012,-673.234);-ms-transform:matrix(0.55,-0,-0,0.55,62.0012,-673.234);-moz-transform:matrix(0.55,-0,-0,0.55,62.0012px,-673.234px);-webkit-transform:matrix(0.55,-0,-0,0.55,62.0012,-673.234);-o-transform:matrix(0.55,-0,-0,0.55,62.0012,-673.234);}.t13c{transform:matrix(0.55,-0,-0,0.55,69.872,-679.781);-ms-transform:matrix(0.55,-0,-0,0.55,69.872,-679.781);-moz-transform:matrix(0.55,-0,-0,0.55,69.872px,-679.781px);-webkit-transform:matrix(0.55,-0,-0,0.55,69.872,-679.781);-o-transform:matrix(0.55,-0,-0,0.55,69.872,-679.781);}.t13d{transform:matrix(0.55,-0,-0,0.55,67.8267,-686.327);-ms-transform:matrix(0.55,-0,-0,0.55,67.8267,-686.327);-moz-transform:matrix(0.55,-0,-0,0.55,67.8267px,-686.327px);-webkit-transform:matrix(0.55,-0,-0,0.55,67.8267,-686.327);-o-transform:matrix(0.55,-0,-0,0.55,67.8267,-686.327);}.t13e{transform:matrix(0.55,-0,-0,0.55,69.959,-692.873);-ms-transform:matrix(0.55,-0,-0,0.55,69.959,-692.873);-moz-transform:matrix(0.55,-0,-0,0.55,69.959px,-692.873px);-webkit-transform:matrix(0.55,-0,-0,0.55,69.959,-692.873);-o-transform:matrix(0.55,-0,-0,0.55,69.959,-692.873);}.t13f{transform:matrix(0.55,-0,-0,0.55,66.528,-699.42);-ms-transform:matrix(0.55,-0,-0,0.55,66.528,-699.42);-moz-transform:matrix(0.55,-0,-0,0.55,66.528px,-699.42px);-webkit-transform:matrix(0.55,-0,-0,0.55,66.528,-699.42);-o-transform:matrix(0.55,-0,-0,0.55,66.528,-699.42);}.t140{transform:matrix(0.55,-0,-0,0.55,62.8563,-705.966);-ms-transform:matrix(0.55,-0,-0,0.55,62.8563,-705.966);-moz-transform:matrix(0.55,-0,-0,0.55,62.8563px,-705.966px);-webkit-transform:matrix(0.55,-0,-0,0.55,62.8563,-705.966);-o-transform:matrix(0.55,-0,-0,0.55,62.8563,-705.966);}.t141{transform:matrix(0.55,-0,-0,0.55,61.813,-712.512);-ms-transform:matrix(0.55,-0,-0,0.55,61.813,-712.512);-moz-transform:matrix(0.55,-0,-0,0.55,61.813px,-712.512px);-webkit-transform:matrix(0.55,-0,-0,0.55,61.813,-712.512);-o-transform:matrix(0.55,-0,-0,0.55,61.813,-712.512);}.t142{transform:matrix(0.55,-0,-0,0.55,88.6002,-522.026);-ms-transform:matrix(0.55,-0,-0,0.55,88.6002,-522.026);-moz-transform:matrix(0.55,-0,-0,0.55,88.6002px,-522.026px);-webkit-transform:matrix(0.55,-0,-0,0.55,88.6002,-522.026);-o-transform:matrix(0.55,-0,-0,0.55,88.6002,-522.026);}.t143{transform:matrix(3.02076,-0,-0,3.02076,117.919,-517.159);-ms-transform:matrix(3.02076,-0,-0,3.02076,117.919,-517.159);-moz-transform:matrix(3.02076,-0,-0,3.02076,117.919px,-517.159px);-webkit-transform:matrix(3.02076,-0,-0,3.02076,117.919,-517.159);-o-transform:matrix(3.02076,-0,-0,3.02076,117.919,-517.159);}.t144{transform:matrix(0.55,-0,-0,0.55,122.244,-522.026);-ms-transform:matrix(0.55,-0,-0,0.55,122.244,-522.026);-moz-transform:matrix(0.55,-0,-0,0.55,122.244px,-522.026px);-webkit-transform:matrix(0.55,-0,-0,0.55,122.244,-522.026);-o-transform:matrix(0.55,-0,-0,0.55,122.244,-522.026);}.t145{transform:matrix(0.55,-0,-0,0.55,154.642,-522.026);-ms-transform:matrix(0.55,-0,-0,0.55,154.642,-522.026);-moz-transform:matrix(0.55,-0,-0,0.55,154.642px,-522.026px);-webkit-transform:matrix(0.55,-0,-0,0.55,154.642,-522.026);-o-transform:matrix(0.55,-0,-0,0.55,154.642,-522.026);}.t146{transform:matrix(3.02076,-0,-0,3.02076,179.554,-517.159);-ms-transform:matrix(3.02076,-0,-0,3.02076,179.554,-517.159);-moz-transform:matrix(3.02076,-0,-0,3.02076,179.554px,-517.159px);-webkit-transform:matrix(3.02076,-0,-0,3.02076,179.554,-517.159);-o-transform:matrix(3.02076,-0,-0,3.02076,179.554,-517.159);}.t147{transform:matrix(0.55,-0,-0,0.55,183.879,-522.026);-ms-transform:matrix(0.55,-0,-0,0.55,183.879,-522.026);-moz-transform:matrix(0.55,-0,-0,0.55,183.879px,-522.026px);-webkit-transform:matrix(0.55,-0,-0,0.55,183.879,-522.026);-o-transform:matrix(0.55,-0,-0,0.55,183.879,-522.026);}.t148{transform:matrix(0.55,-0,-0,0.55,215.955,-522.026);-ms-transform:matrix(0.55,-0,-0,0.55,215.955,-522.026);-moz-transform:matrix(0.55,-0,-0,0.55,215.955px,-522.026px);-webkit-transform:matrix(0.55,-0,-0,0.55,215.955,-522.026);-o-transform:matrix(0.55,-0,-0,0.55,215.955,-522.026);}.t149{transform:matrix(0.55,-0,-0,0.55,250.829,-522.026);-ms-transform:matrix(0.55,-0,-0,0.55,250.829,-522.026);-moz-transform:matrix(0.55,-0,-0,0.55,250.829px,-522.026px);-webkit-transform:matrix(0.55,-0,-0,0.55,250.829,-522.026);-o-transform:matrix(0.55,-0,-0,0.55,250.829,-522.026);}.t14a{transform:matrix(1,-0,-0,1,54,-494.472);-ms-transform:matrix(1,-0,-0,1,54,-494.472);-moz-transform:matrix(1,-0,-0,1,54px,-494.472px);-webkit-transform:matrix(1,-0,-0,1,54,-494.472);-o-transform:matrix(1,-0,-0,1,54,-494.472);}.w28{width:7.28463px;} \ No newline at end of file diff --git a/demo/demo.html b/demo/demo.html deleted file mode 100644 index 47ef14c..0000000 --- a/demo/demo.html +++ /dev/null @@ -1,2 +0,0 @@ - -
T
race-based Just-in-Time T
ype Specialization for Dynamic
Languages
Andreas Gal
+
, Brendan Eich
, Mike Shaver
, David Anderson
, David Mandelin
,
Mohammad R. Haghighat
$
, Blake Kaplan
, Graydon Hoare
, Boris Zbarsky
, Jason Orendorff
,
Jesse Ruderman
, Edwin Smith
#
, Rick Reitmaier
#
, Michael Bebenita
+
, Mason Chang
+#
, Michael Franz
+
Mozilla Corporation
{
gal,brendan,shaver,danderson,dmandelin,mrbkap,graydon,bz,jorendorff,jruderman
}
@mozilla.com
Adobe Corporation
#
{
edwsmith,rreitmai
}
@adobe.com
Intel Corporation
$
{
mohammad.r.haghighat
}
@intel.com
University of California, Irvine
+
{
mbebenit,changm,franz
}
@uci.edu
Abstract
Dynamic languages such as JavaScript are more difficult to com-
pile than statically typed ones. Since no concrete type information
is available, traditional compilers need to emit generic code that can
handle all possible type combinations at runtime. We present an al-
ternative compilation technique for dynamically-typed languages
that identifies frequently executed loop traces at run-time and then
generates machine code on the fly that is specialized for the ac-
tual dynamic types occurring on each path through the loop. Our
method provides cheap inter-procedural type specialization, and an
elegant and efficient way of incrementally compiling lazily discov-
ered alternative paths through nested loops. We have implemented
a dynamic compiler for JavaScript based on our technique and we
have measured speedups of 10x and more for certain benchmark
programs.
Categories and Subject Descriptors
D.3.4 [
Programming Lan-
guages
]: Processors
Incremental compilers, code generation
.
General Terms
Design, Experimentation, Measurement, Perfor-
mance.
Keywords
JavaScript, just-in-time compilation, trace trees.
1. Introduction
Dynamic languages
such as JavaScript, Python, and Ruby, are pop-
ular since they are expressive, accessible to non-experts, and make
deployment as easy as distributing a source file. They are used for
small scripts as well as for complex applications. JavaScript, for
example, is the de facto standard for client-side web programming
Permission to make digital or hard copies of all or part of this work for personal or
classroom use is granted without fee provided that copies are not made or distributed
for profit or commercial advantage and that copies bear this notice and the full citation
on the first page. To copy otherwise, to republish, to post on servers or to redistribute
to lists, requires prior specific permission and/or a fee.
PLDI’09,
June 15–20, 2009, Dublin, Ireland.
Copyright c
2009 ACM 978-1-60558-392-1/09/06. . .$5.00
and is used for the application logic of browser-based productivity
applications such as Google Mail, Google Docs and Zimbra Col-
laboration Suite. In this domain, in order to provide a fluid user
experience and enable a new generation of applications, virtual ma-
chines must provide a low startup time and high performance.
Compilers for statically typed languages rely on type informa-
tion to generate efficient machine code. In a dynamically typed pro-
gramming language such as JavaScript, the types of expressions
may vary at runtime. This means that the compiler can no longer
easily transform operations into machine instructions that operate
on one specific type. Without exact type information, the compiler
must emit slower generalized machine code that can deal with all
potential type combinations. While compile-time static type infer-
ence might be able to gather type information to generate opti-
mized machine code, traditional static analysis is very expensive
and hence not well suited for the highly interactive environment of
a web browser.
We present a trace-based compilation technique for dynamic
languages that reconciles speed of compilation with excellent per-
formance of the generated machine code. Our system uses a mixed-
mode execution approach: the system starts running JavaScript in a
fast-starting bytecode interpreter. As the program runs, the system
identifies
hot
(frequently executed) bytecode sequences, records
them, and compiles them to fast native code. We call such a se-
quence of instructions a
trace
.
Unlike method-based dynamic compilers, our dynamic com-
piler operates at the granularity of individual loops. This design
choice is based on the expectation that programs spend most of
their time in hot loops. Even in dynamically typed languages, we
expect hot loops to be mostly
type-stable
, meaning that the types of
values are invariant. (12) For example, we would expect loop coun-
ters that start as integers to remain integers for all iterations. When
both of these expectations hold, a trace-based compiler can cover
the program execution with a small number of type-specialized, ef-
ficiently compiled traces.
Each compiled trace covers one path through the program with
one mapping of values to types. When the VM executes a compiled
trace, it cannot guarantee that the same path will be followed
or that the same types will occur in subsequent loop iterations.
Hence, recording and compiling a trace
speculates
that the path and
typing will be exactly as they were during recording for subsequent
iterations of the loop.
Every compiled trace contains all the
guards
(checks) required
to validate the speculation. If one of the guards fails (if control
flow is different, or a value of a different type is generated), the
trace exits. If an exit becomes hot, the VM can record a
branch
trace
starting at the exit to cover the new path. In this way, the VM
records a
trace tree
covering all the hot paths through the loop.
Nested loops can be difficult to optimize for tracing VMs. In
a na¨
ıve implementation, inner loops would become hot first, and
the VM would start tracing there. When the inner loop exits, the
VM would detect that a different branch was taken. The VM would
try to record a branch trace, and find that the trace reaches not the
inner loop header, but the outer loop header. At this point, the VM
could continue tracing until it reaches the inner loop header again,
thus tracing the outer loop inside a trace tree for the inner loop.
But this requires tracing a copy of the outer loop for every side exit
and type combination in the inner loop. In essence, this is a form
of unintended tail duplication, which can easily overflow the code
cache. Alternatively, the VM could simply stop tracing, and give up
on ever tracing outer loops.
We solve the nested loop problem by recording
nested trace
trees
. Our system traces the inner loop exactly as the na¨
ıve version.
The system stops extending the inner tree when it reaches an outer
loop, but then it starts a new trace at the outer loop header. When
the outer loop reaches the inner loop header, the system tries to call
the trace tree for the inner loop. If the call succeeds, the VM records
the call to the inner tree as part of the outer trace and finishes
the outer trace as normal. In this way
, our system can trace any
number of loops nested to any depth without causing excessive tail
duplication.
These techniques allow a VM to dynamically translate a pro-
gram to nested, type-specialized trace trees. Because traces can
cross function call boundaries, our techniques also achieve the ef-
fects of inlining. Because traces have no internal control-flow joins,
they can be optimized in linear time by a simple compiler (10).
Thus, our tracing VM efficiently performs the same kind of op-
timizations that would require interprocedural analysis in a static
optimization setting. This makes tracing an attractive and effective
tool to type specialize even complex function call-rich code.
We implemented these techniques for an existing JavaScript in-
terpreter, SpiderMonkey
. We call the resulting tracing VM
Trace-
Monkey
. TraceMonkey supports all the JavaScript features of Spi-
derMonkey, with a 2x-20x speedup for traceable programs.
This paper makes the following contributions:
We explain an algorithm for dynamically forming trace trees to
cover a program, representing nested loops as nested trace trees.
Weexplain how to speculatively generate efficient type-specialized
code for traces from dynamic language programs.
We validate our tracing techniques in an implementation based
on the SpiderMonkey JavaScript interpreter, achieving 2x-20x
speedups on many programs.
The remainder of this paper is organized as follows. Section 3 is
a general overview of trace tree based compilation we use to cap-
ture and compile frequently executed code regions. In Section 4
we describe our approach of covering nested loops using a num-
ber of individual trace trees. In Section 5 we describe our trace-
compilation based speculative type specialization approach we use
to generate efficient machine code from recorded bytecode traces.
Our implementation of a dynamic type-specializing compiler for
JavaScript is described in Section 6. Related work is discussed in
Section 8. In Section 7 we evaluate our dynamic compiler based on
1 for (var i = 2; i < 100; ++i) {
2 if (!primes[i])
3 continue;
4 for (var k = i + i; i < 100; k += i)
5 primes[k] = false;
6 }
Figure 1. Sample program: sieve of Eratosthenes.
primes
is
initialized to an array of 100
false
values on entry to this code
snippet.
Interpret
Bytecodes
Monitor
Record
LIR
T
race
Execute
Compiled
T
race
Enter
Compiled
T
race
Compile
LIR
T
race
Leave
Compiled
T
race
loop
edge
hot
loop/exit
abort
recording
fi
nish at
loop header
cold/blacklisted
loop/exit
compiled trace
ready
loop edge with
same types
side exit to
existing trace
side exit,
no existing trace
Overhead
Interpreting
Native
Symbol Key
Figure 2.
State machine describing the major activities of Trace-
Monkey and the conditions that cause transitions to a new activ-
ity. In the dark box, TM executes JS as compiled traces. In the
light gray boxes, TM executes JS in the standard interpreter. White
boxes are overhead. Thus, to maximize performance, we need to
maximize time spent in the darkest box and minimize time spent in
the white boxes. The best case is a loop where the types at the loop
edge are the same as the types on entry–then TM can stay in native
code until the loop is done.
a set of industry benchmarks. The paper ends with conclusions in
Section 9 and an outlook on future work is presented in Section 10.
2. Overview: Example T
racing Run
This section provides an overview of our system by describing
how T
raceMonkey executes an example program. The example
program, shown in Figure 1, computes the first 100 prime numbers
with nested loops. The narrative should be read along with Figure 2,
which describes the activities TraceMonkey performs and when it
transitions between the loops.
TraceMonkey always begins executing a program in the byte-
code interpreter. Every loop back edge is a potential trace point.
When the interpreter crosses a loop edge, TraceMonkey invokes
the
trace monitor
, which may decide to record or execute a native
trace. At the start of execution, there are no compiled traces yet, so
the trace monitor counts the number of times each loop back edge is
executed until a loop becomes
hot
, currently after 2 crossings. Note
that the way our loops are compiled, the loop edge is crossed before
entering the loop, so the second crossing occurs immediately after
the first iteration.
Here is the sequence of events broken down by outer loop
iteration:
v0 := ld state[748] // load primes from the trace activation record
st sp[0], v0 // store primes to interpreter stack
v1 := ld state[764] // load k from the trace activation record
v2 := i2f(v1) // convert k from int to double
st sp[8], v1 // store k to interpreter stack
st sp[16], 0 // store false to interpreter stack
v3 := ld v0[4] // load class word for primes
v4 := and v3, -4// mask out object class tag for primes
v5 := eq v4, Array // test whether primes is an array
xf v5 // side exit if v5 is false
v6 := js_Array_set(v0, v2, false) // call function to set array element
v7 := eq v6, 0 // test return value from call
xt v7 // side exit if js_Array_set returns false.
Figure 3. LIR snippet for sample program.
This is the LIR recorded for line 5 of the sample program in Figure 1. The LIR encodes
the semantics in SSA form using temporary variables. The LIR also encodes all the stores that the interpreter would do to its data stack.
Sometimes these stores can be optimized away as the stack locations are live only on exits to the interpreter. Finally, the LIR records guards
and side exits to verify the assumptions made in this recording: that
primes
is an array and that the call to set its element succeeds.
mov edx, ebx(748) // load primes from the trace activation record
mov edi(0), edx// (*) store primes to interpreter stack
mov esi, ebx(764) // load k from the trace activation record
mov edi(8), esi// (*) store k to interpreter stack
mov edi(16), 0 // (*) store false to interpreter stack
mov eax, edx(4)// (*) load object class word for primes
and eax, -4 // (*) mask out object class tag for primes
cmp eax, Array // (*) test whether primes is an array
jne side_exit_1// (*) side exit if primes is not an array
sub esp, 8 // bump stack for call alignment convention
push false // push last argument for call
push esi // push first argument for call
call js_Array_set // call function to set array element
add esp, 8 // clean up extra stack space
mov ecx, ebx // (*) created by register allocator
test eax, eax // (*) test return value of js_Array_set
je side_exit_2 // (*) side exit if call failed
...
side_exit_1:
mov ecx, ebp(-4) // restore ecx
mov esp, ebp // restore esp
jmp epilog // jump to ret statement
Figure 4. x86 snippet for sample program.
This is the x86 code compiled from the LIR snippet in Figure 3. Most LIR instructions compile
to a single x86 instruction. Instructions marked with
(*)
would be omitted by an idealized compiler that knew that none of the side exits
would ever be taken. The 17 instructions generated by the compiler compare favorably with the 100+ instructions that the interpreter would
execute for the same code snippet, including 4 indirect jumps.
i=2.
This is the first iteration of the outer loop. The loop on
lines 4-5 becomes hot on its second iteration, so TraceMonkey en-
ters recording mode on line 4. In recording mode, TraceMonkey
records the code along the trace in a low-level compiler intermedi-
ate representation we call
LIR
. The LIR trace encodes all the oper-
ations performed and the types of all operands. The LIR trace also
encodes
guards
, which are checks that verify that the control flow
and types are identical to those observed during trace recording.
Thus, on later executions, if and only if all guards are passed, the
trace has the required program semantics.
TraceMonkey stops recording when execution returns to the
loop header or exits the loop. In this case, execution returns to the
loop header on line 4.
After recording is finished, TraceMonkey compiles the trace to
native code using the recorded type information for optimization.
The result is a native code fragment that can be entered if the
interpreter PC and the types of values match those observed when
trace recording was started. The first trace in our example,
T
45
,
covers lines 4 and 5. This trace can be entered if the PC is at line 4,
i
and
k
are integers, and
primes
is an object. After compiling
T
45
,
TraceMonkey returns to the interpreter and loops back to line 1.
i=3.
Now the loop header at line 1 has become hot, so Trace-
Monkey starts recording. When recording reaches line 4, Trace-
Monkey observes that it has reached an inner loop header that al-
ready has a compiled trace, so TraceMonkey attempts to nest the
inner loop inside the current trace. The first step is to call the inner
trace as a subroutine. This executes the loop on line 4 to completion
and then returns to the recorder. TraceMonkey verifies that the call
was successful and then records the call to the inner trace as part of
the current trace. Recording continues until execution reaches line
1, and at which point TraceMonkey finishes and compiles a trace
for the outer loop,
T
16
.
i=4.
On this iteration, TraceMonkey calls
T
16
. Because
i=4
, the
if
statement on line 2 is taken. This branch was not taken in the
original trace, so this causes
T
16
to fail a guard and take a side exit.
The exit is not yet hot, so TraceMonkey returns to the interpreter,
which executes the continue statement.
i=5.
TraceMonkey calls
T
16
, which in turn calls the nested trace
T
45
.
T
16
loops back to its own header, starting the next iteration
without ever returning to the monitor.
i=6.
On this iteration, the side exit on line 2 is taken again. This
time, the side exit becomes hot, so a trace
T
23
,
1
is recorded that
covers line 3 and returns to the loop header. Thus, the end of
T
23
,
1
jumps directly to the start of
T
16
. The side exit is patched so that
on future iterations, it jumps directly to
T
23
,
1
.
At this point, TraceMonkeyhas compiled enough traces to cover
the entire nested loop structure, so the rest of the program runs
entirely as native code.
3. Trace Trees
In this section, we describe traces, trace trees, and how they are
formed at run time. Although our techniques apply to any dynamic
language interpreter, we will describe them assuming a bytecode
interpreter to keep the exposition simple.
3.1 Traces
A
trace
is simply a program path, which may cross function call
boundaries. TraceMonkey focuses on
loop traces
, that originate at
a loop edge and represent a single iteration through the associated
loop.
Similar to an extended basic block, a trace is only entered at
the top, but may have many exits. In contrast to an extended basic
block, a trace can contain join nodes. Since a trace always only
follows one single path through the original program, however
, join
nodes are not recognizable as such in a trace and have a single
predecessor node like regular nodes.
A
typed trace
is a trace annotated with a type for every variable
(including temporaries) on the trace. A typed trace also has an entry
type map
giving the required types for variables used on the trace
before they are defined. For example, a trace could have a type map
(x: int, b: boolean)
, meaning that the trace may be entered
only if the value of the variable
x
is of type
int
and the value of
b
is of type
boolean
. The entry type map is much like the signature
of a function.
In this paper, we only discuss typed loop traces, and we will
refer to them simply as “traces”. The key property of typed loop
traces is that they can be compiled to efficient machine code using
the same techniques used for typed languages.
In TraceMonkey, traces are recorded in trace-flavored SSA
LIR
(low-level intermediate representation). In trace-flavored SSA (or
TSSA), phi nodes appear only at the entry point, which is reached
both on entry and via loop edges. The important LIR primitives
are constant values, memory loads and stores (by address and
offset), integer operators, floating-point operators, function calls,
and conditional exits. Type conversions, such as integer to double,
are represented by function calls. This makes the LIR used by
TraceMonkey independent of the concrete type system and type
conversion rules of the source language. The LIR operations are
generic enough that the backend compiler is language independent.
Figure 3 shows an example LIR trace.
Bytecode interpreters typically represent values in a various
complex data structures (e.g., hash tables) in a boxed format (i.e.,
with attached type tag bits). Since a trace is intended to represent
efficient code that eliminates all that complexity
, our traces oper-
ate on unboxed values in simple variables and arrays as much as
possible.
A trace records all its intermediate values in a small activation
record area. To make variable accesses fast on trace, the trace also
imports local and global variables by unboxing them and copying
them to its activation record. Thus, the trace can read and write
these variables with simple loads and stores from a native activation
recording, independently of the boxing mechanism used by the
interpreter. When the trace exits, the VM boxes the values from
this native storage location and copies them back to the interpreter
structures.
For every control-flow branch in the source program, the
recorder generates conditional exit LIR instructions. These instruc-
tions exit from the trace if required control flow is different from
what it was at trace recording, ensuring that the trace instructions
are run only if they are supposed to. We call these instructions
guard
instructions.
Most of our traces represent loops and end with the special
loop
LIR instruction. This is just an unconditional branch to the top of
the trace. Such traces return only via guards.
Now, we describe the key optimizations that are performed as
part of recording LIR. All of these optimizations reduce complex
dynamic language constructs to simple typed constructs by spe-
cializing for the current trace. Each optimization requires guard in-
structions to verify their assumptions about the state and exit the
trace if necessary.
Type specialization.
All LIR primitives apply to operands of specific types. Thus,
LIR traces are necessarily type-specialized, and a compiler can
easily produce a translation that requires no type dispatches. A
typical bytecode interpreter carries tag bits along with each value,
and to perform any operation, must check the tag bits, dynamically
dispatch, mask out the tag bits to recover the untagged value,
perform the operation, and then reapply tags. LIR omits everything
except the operation itself.
A potential problem is that some operations can produce values
of unpredictable types. For example, reading a property from an
object could yield a value of any type, not necessarily the type
observed during recording. The recorder emits guard instructions
that conditionally exit if the operation yields a value of a different
type from that seen during recording. These guard instructions
guarantee that as long as execution is on trace, the types of values
match those of the typed trace. When the VM observes a side exit
along such a type guard, a new typed trace is recorded originating
at the side exit location, capturing the new type of the operation in
question.
Representation specialization: objects.
In Jav
aScript, name
lookup semantics are complex and potentially expensive because
they include features like object inheritance and
eval
. To evaluate
an object property read expression like
o.x
, the interpreter must
search the property map of
o
and all of its prototypes and parents.
Property maps can be implemented with different data structures
(e.g., per-object hash tables or shared hash tables), so the search
process also must dispatch on the representation of each object
found during search. TraceMonkey can simply observe the result of
the search process and record the simplest possible LIR to access
the property value. For example, the search might finds the value of
o.x
in the prototype of
o
, which uses a shared hash-table represen-
tation that places
x
in slot 2 of a property vector. Then the recorded
can generate LIR that reads
o.x
with just two or three loads: one to
get the prototype, possibly one to get the property value vector, and
one more to get slot 2 from the vector. This is a vast simplification
and speedup compared to the original interpreter code. Inheritance
relationships and object representations can change during execu-
tion, so the simplified code requires guard instructions that ensure
the object representation is the same. In TraceMonkey,objects’ rep-
resentations are assigned an integer key called the
object shape
.
Thus, the guard is a simple equality check on the object shape.
Representation specialization: numbers.
JavaScript has no
integer type, only a Number type that is the set of 64-bit IEEE-
754 floating-pointer numbers (“doubles”). But many JavaScript
operators, in particular array accesses and bitwise operators, really
operate on integers, so they first convert the number to an integer,
and then conv
ert any integer result back to a double.
1
Clearly, a
JavaScript VM that wants to be fast must find a way to operate on
integers directly and avoid these conversions.
In TraceMonkey
, we support two representations for numbers:
integers and doubles. The interpreter uses integer representations
as much as it can, switching for results that can only be represented
as doubles. When a trace is started, some values may be imported
and represented as integers. Some operations on integers require
guards. For example, adding two integers can produce a value too
large for the integer representation.
Function inlining.
LIR traces can cross function boundaries
in either direction, achieving function inlining. Move instructions
need to be recorded for function entry and exit to copy arguments
in and return values out. These move statements are then optimized
away by the compiler using copy propagation. In order to be able
to return to the interpreter, the trace must also generate LIR to
record that a call frame has been entered and exited. The frame
entry and exit LIR saves just enough information to allow the
intepreter call stack to be restored later and is much simpler than
the interpreter’s standard call code. If the function being entered
is not constant (which in JavaScript includes any call by function
name), the recorder must also emit LIR to guard that the function
is the same.
Guards and side exits.
Each optimization described above
requires one or more guards to verify the assumptions made in
doing the optimization. A guard is just a group of LIR instructions
that performs a test and conditional exit. The exit branches to a
side exit
, a small off-trace piece of LIR that returns a pointer to
a structure that describes the reason for the exit along with the
interpreter PC at the exit point and any other data needed to restore
the interpreter’s state structures.
Aborts.
Some constructs are difficult to record in LIR traces.
For example,
eval
or calls to external functions can change the
program state in unpredictable ways, making it difficult for the
tracer to know the current type map in order to continue tracing.
A tracing implementation can also have any number of other limi-
tations, e.g.,a small-memory device may limit the length of traces.
When any situation occurs that prevents the implementation from
continuing trace recording, the implementation
aborts
trace record-
ing and returns to the trace monitor.
3.2 Trace Trees
Especially simple loops, namely those where control flow, value
types, value representations, and inlined functions are all invariant,
can be represented by a single trace. But most loops have at least
some variation, and so the program will take side exits from the
main trace. When a side exit becomes hot, TraceMonkey starts a
new
branch trace
from that point and patches the side exit to jump
directly to that trace. In this way, a single trace expands on demand
to a single-entry, multiple-exit
trace tree
.
This section explains how trace trees are formed during execu-
tion. The goal is to form trace trees during execution that cover all
the hot paths of the program.
1
Arrays are actually worse than this: if the index value is a number, it must
be converted from a double to a string for the property access operator, and
then to an integer internally to the array implementation.
Starting a tree.
Tree trees always start at loop headers, because
they are a natural place to look for hot paths. In TraceMonkey
, loop
headers are easy to detect–the bytecode compiler ensures that a
bytecode is a loop header iff it is the target of a backward branch.
TraceMonkey starts a tree when a given loop header has been exe-
cuted a certain number of times (2 in the current implementation).
Starting a tree just means starting recording a trace for the current
point and type map and marking the trace as the root of a tree. Each
tree is associated with a loop header and type map, so there may be
several trees for a given loop header.
Closing the loop.
Trace recording can end in several ways.
Ideally, the trace reaches the loop header where it started with
the same type map as on entry. This is called a
type-stable
loop
iteration. In this case, the end of the trace can jump right to the
beginning, as all the value representations are exactly as needed to
enter the trace. The jump can even skip the usual code that would
copy out the state at the end of the trace and copy it back in to the
trace activation record to enter a trace.
In certain cases the trace might reach the loop header with a
different type map. This scenario is sometime observed for the first
iteration of a loop. Some variables inside the loop might initially be
undefined
, before they are set to a concrete type during the first loop
iteration. When recording such an iteration, the recorder cannot
link the trace back to its own loop header since it is
type-unstable
.
Instead, the iteration is terminated with a side exit that will always
fail and return to the interpreter. At the same time a new trace is
recorded with the new type map. Every time an additional type-
unstable trace is added to a region, its exit type map is compared to
the entry map of all existing traces in case they complement each
other. With this approach we are able to cover type-unstable loop
iterations as long they eventually form a stable equilibrium.
Finally, the trace might exit the loop before reaching the loop
header, for example because execution reaches a
break
or
return
statement. In this case, the VM simply ends the trace with an exit
to the trace monitor.
As mentioned previously, we may speculatively chose to rep-
resent certain Number-typed values as integers on trace. We do so
when we observe that Number-typed variables contain an integer
value at trace entry. If during trace recording the variable is unex-
pectedly assigned a non-integer value, we have to widen the type
of the variable to a double. As a result, the recorded trace becomes
inherently type-unstable since it starts with an integer value but
ends with a double value. This represents a mis-speculation, since
at trace entry we specialized the Number-typed value to an integer,
assuming that at the loop edge we would again find an integer value
in the variable, allowing us to close the loop. To avoid future spec-
ulative failures involving this variable, and to obtain a type-stable
trace we note the fact that the variable in question as been observed
to sometimes hold non-integer values in an advisory data structure
which we call the “oracle”.
When compiling loops, we consult the oracle before specializ-
ing values to integers. Speculation towards integers is performed
only if no adverse information is known to the oracle about that
particular variable. Whenever we accidentally compile a loop that
is type-unstable due to mis-speculation of a Number-typed vari-
able, we immediately trigger the recording of a new trace, which
based on the now updated oracle information will start with a dou-
ble value and thus become type stable.
Extending a tree.
Side exits lead to different paths through
the loop, or paths with different types or representations. Thus, to
completely cover the loop, the VM must record traces starting at all
side exits. These traces are recorded much like root traces: there is
a counter for each side exit, and when the counter reaches a hotness
threshold, recording starts. Recording stops exactly as for the root
trace, using the loop header of the root trace as the target to reach.
Our implementation does not extend at all side exits. It extends
only if the side exit is for a control-flow branch, and only if the side
exit does not leave the loop. In particular we do not want to extend
a trace tree along a path that leads to an outer loop, because we
want to cover such paths in an outer tree through tree
nesting
.
3.3 Blacklisting
Sometimes, a program follows a path that cannot be compiled
into a trace, usually because of limitations in the implementation.
TraceMonkey does not currently support recording throwing and
catching of arbitrary exceptions. This design trade off was chosen,
because exceptions are usually rare in JavaScript. However
, if a
program opts to use exceptions intensively, we would suddenly
incur a punishing runtime overhead if we repeatedly try to record
a trace for this path and repeatedly fail to do so, since we abort
tracing every time we observe an exception being thrown.
As a result, if a hot loop contains traces that always fail, the VM
could potentially run much more slowly than the base interpreter:
the VM repeatedly spends time trying to record traces, but is never
able to run any. To avoid this problem, whenever the VM is about
to start tracing, it must try to predict whether it will finish the trace.
Our prediction algorithm is based on
blacklisting
traces that
have been tried and failed. When the VM fails to finish a trace start-
ing at a given point, the VM records that a failure has occurred. The
VM also sets a counter so that it will not try to record a trace starting
at that point until it is passed a few more times (32 in our imple-
mentation). This
backoff
counter gives temporary conditions that
prevent tracing a chance to end. For example, a loop may behave
differently during startup than during its steady-state execution. Af-
ter a given number of failures (2 in our implementation), the VM
marks the fragment as blacklisted, which means the VM will never
again start recording at that point.
After implementing this basic strategy, we observed that for
small loops that get blacklisted, the system can spend a noticeable
amount of time just finding the loop fragment and determining that
it has been blacklisted. We now avoid that problem by patching the
bytecode. We define an extra no-op bytecode that indicates a loop
header. The VM calls into the trace monitor ev
ery time the inter-
preter executes a loop header no-op. To blacklist a fragment, we
simply replace the loop header no-op with a regular no-op. Thus,
the interpreter will never again even call into the trace monitor.
There is a related problem we have not yet solved, which occurs
when a loop meets all of these conditions:
The VM can form at least one root trace for the loop.
There is at least one hot side exit for which the VM cannot
complete a trace.
The loop body is short.
In this case, the VM will repeatedly pass the loop header, search
for a trace, find it, execute it, and fall back to the interpreter.
With a short loop body
, the overhead of finding and calling the
trace is high, and causes performance to be even slower than the
basic interpreter. So far, in this situation we have improved the
implementation so that the VM can complete the branch trace.
But it is hard to guarantee that this situation will never happen.
As future work, this situation could be avoided by detecting and
blacklisting loops for which the av
erage trace call executes few
bytecodes before returning to the interpreter.
4. Nested Trace Tree Formation
Figure 7 shows basic trace tree compilation (11) applied to a nested
loop where the inner loop contains two paths. Usually, the inner
loop (with header at
i
2
) becomes hot first, and a trace tree is rooted
at that point. For example, the first recorded trace may be a cycle
T
T
runk
T
r
ace
T
r
ee
Anchor
T
r
ace
Anchor
Br
anch
T
r
ace
Guar
d
Side
Exit
Figure 5.
A tree with two traces, a trunk trace and one branch
trace. The trunk trace contains a guard to which a branch trace was
attached. The branch trace contain a guard that may fail and trigger
a side exit. Both the trunk and the branch trace loop back to the tree
anchor, which is the beginning of the trace tree.
T
r
ace
2
T
r
ace
1
T
r
ace
2
T
r
ace
1
Closed
Link
ed
Link
ed
Link
ed
Number
Number
String
String
String
String
Boolean
T
r
ace
2
T
r
ace
1
T
r
ace
3
Link
ed
Link
ed
Link
ed
Closed
Number
Number
Number
Boolean
Number
Boolean
Number
Boolean
(a)
(b)
(c)
Figure 6.
We handle type-unstable loops by allowing traces to
compile that cannot loop back to themselves due to a type mis-
match. As such traces accumulate, we attempt to connect their loop
edges to form groups of trace trees that can execute without having
to side-exit to the interpreter to cover odd type cases. This is par-
ticularly important for nested trace trees where an outer tree tries to
call an inner tree (or in this case a forest of inner trees), since inner
loops frequently have initially undefined values which change type
to a concrete value after the first iteration.
through the inner loop,
{
i
2
, i
3
, i
5
, α
}
. The
α
symbol is used to
indicate that the trace loops back the tree anchor.
When execution leaves the inner loop, the basic design has two
choices. First, the system can stop tracing and give up on compiling
the outer loop, clearly an undesirable solution. The other choice is
to continue tracing, compiling traces for the outer loop inside the
inner loop’s trace tree.
For example, the program might exit at
i
5
and record a branch
trace that incorporates the outer loop:
{
i
5
, i
7
, i
1
, i
6
, i
7
, i
1
, α
}
.
Later, the program might take the other branch at
i
2
and then
exit, recording another branch trace incorporating the outer loop:
{
i
2
, i
4
, i
5
, i
7
, i
1
, i
6
, i
7
, i
1
, α
}
. Thus, the outer loop is recorded and
compiled twice, and both copies must be retained in the trace cache.
i
2
i
3
i
4
i
5
i
1
i
6
i
7
t
1
t
2
T
r
ee
Call
Out
er
T
r
ee
Nes
t
ed
T
r
ee
Exit
Guar
d
(a)
(b)
Figure 7.
Control flow graph of a nested loop with an if statement
inside the inner most loop (a). An inner tree captures the inner
loop, and is nested inside an outer tree which “calls” the inner tree.
The inner tree returns to the outer tree once it exits along its loop
condition guard (b).
In general, if loops are nested to depth
k
, and each loop has
n
paths
(on geometric average), this na¨
ıve strategy yields
O
(
n
k
)
traces,
which can easily fill the trace cache.
In order to execute programs with nested loops efficiently, a
tracing system needs a technique for covering the nested loops with
native code without exponential trace duplication.
4.1 Nesting Algorithm
The key insight is that if each loop is represented by its own trace
tree, the code for each loop can be contained only in its own tree,
and outer loop paths will not be duplicated. Another key fact is that
we are not tracing arbitrary bytecodes that might have irreduceable
control flow graphs, but rather bytecodes produced by a compiler
for a language with structured control flow. Thus, given two loop
edges, the system can easily determine whether they are nested
and which is the inner loop. Using this knowledge, the system can
compile inner and outer loops separately, and make the outer loop’s
traces
call
the inner loop’s trace tree.
The algorithm for building nested trace trees is as follows. We
start tracing at loop headers exactly as in the basic tracing system.
When we exit a loop (detected by comparing the interpreter PC
with the range given by the loop edge), we stop the trace. The
key step of the algorithm occurs when we are recording a trace
for loop
L
R
(
R
for loop being recorded) and we reach the header
of a different loop
L
O
(
O
for other loop). Note that
L
O
must be an
inner loop of
L
R
because we stop the trace when we exit a loop.
If
L
O
has a type-matching compiled trace tree, we call
L
O
as
a nested trace tree. If the call succeeds, then we record the call
in the trace for
L
R
. On future executions, the trace for
L
R
will
call the inner trace directly.
If
L
O
does not have a type-matching compiled trace tree yet,
we have to obtain it before we are able to proceed. In order
to do this, we simply abort recording the first trace. The trace
monitor will see the inner loop header, and will immediately
start recording the inner loop.
2
If all the loops in a nest are type-stable, then loop nesting creates
no duplication. Otherwise, if loops are nested to a depth
k
, and each
2
Instead of aborting the outer recording, we could principally merely sus-
pend the recording, but that would require the implementation to be able
to record several traces simultaneously, complicating the implementation,
while saving only a few iterations in the interpreter.
i
2
i
3
i
1
i
6
i
4
i
5
t
2
t
1
t
4
Exit
Guar
d
Nes
t
ed
T
r
ee
Figure 8.
Control flow graph of a loop with two nested loops (left)
and its nested trace tree configuration (right). The outer tree calls
the two inner nested trace trees and places guards at their side exit
locations.
loop is entered with
m
different type maps (on geometric average),
then we compile
O
(
m
k
)
copies of the innermost loop. As long as
m
is close to 1, the resulting trace trees will be tractable.
An important detail is that the call to the inner trace tree must act
like a function call site: it must return to the same point every time.
The goal of nesting is to make inner and outer loops independent;
thus when the inner tree is called, it must exit to the same point
in the outer tree every time with the same type map. Because we
cannot actually guarantee this property, we must guard on it after
the call, and side exit if the property does not hold. A common
reason for the inner tree not to return to the same point would
be if the inner tree took a new side exit for which it had never
compiled a trace. At this point, the interpreter PC is in the inner
tree, so we cannot continue recording or executing the outer tree.
If this happens during recording, we abort the outer trace, to give
the inner tree a chance to finish growing. A future execution of the
outer tree would then be able to properly finish and record a call to
the inner tree. If an inner tree side exit happens during execution of
a compiled trace for the outer tree, we simply exit the outer trace
and start recording a new branch in the inner tree.
4.2 Blacklisting with Nesting
The blacklisting algorithm needs modification to work well with
nesting. The problem is that outer loop traces often abort during
startup (because the inner tree is not available or takes a side exit),
which would lead to their being quickly blacklisted by the basic
algorithm.
The key observation is that when an outer trace aborts because
the inner tree is not ready, this is probably a temporary condition.
Thus, we should not count such aborts toward blacklisting as long
as we are able to build up more traces for the inner tree.
In our implementation, when an outer tree aborts on the inner
tree, we increment the outer tree’s blacklist counter as usual and
back off on compiling it. When the inner tree finishes a trace, we
decrement the blacklist counter on the outer loop, “forgiving” the
outer loop for aborting previously. We also undo the backoff so that
the outer tree can start immediately trying to compile the next time
we reach it.
5. Trace Tree Optimization
This section explains how a recorded trace is translated to an
optimized machine code trace. The trace compilation subsystem,
NAN OJI T
, is separate from the VM and can be used for other
applications.
5.1 Optimizations
Because traces are in SSA form and have no join points or
φ
-
nodes, certain optimizations are easy to implement. In order to
get good startup performance, the optimizations must run quickly,
so we chose a small set of optimizations. We implemented the
optimizations as pipelined filters so that they can be turned on and
off independently, and yet all run in just two loop passes over the
trace: one forward and one backward.
Every time the trace recorder emits a LIR instruction, the in-
struction is immediately passed to the first filter in the forward
pipeline. Thus, forward filter optimizations are performed as the
trace is recorded. Each filter may pass each instruction to the next
filter unchanged, write a different instruction to the next filter, or
write no instruction at all. For example, the constant folding filter
can replace a multiply instruction like
v
13
:=
mul
3
,
1000
with a
constant instruction
v
13
= 3000
.
We currently apply four forward filters:
On ISAs without floating-point instructions, a soft-float filter
converts floating-point LIR instructions to sequences of integer
instructions.
CSE (constant subexpression elimination),
expression simplification, including constant folding and a few
algebraic identities (e.g.,
a
a
= 0
), and
source language semantic-specific expression simplification,
primarily algebraic identities that allow
DOU BLE
to be replaced
with
INT
. For example, LIR that converts an
INT
to a
DOU BLE
and then back again would be removed by this filter.
When trace recording is completed, nanojit runs the backward
optimization filters. These are used for optimizations that require
backward program analysis. When running the backward filters,
nanojit reads one LIR instruction at a time, and the reads are passed
through the pipeline.
We currently apply three backward filters:
Dead data-stack store elimination. The LIR trace encodes many
stores to locations in the interpreter stack. But these values are
never read back before exiting the trace (by the interpreter or
another trace). Thus, stores to the stack that are overwritten
before the next exit are dead. Stores to locations that are off
the top of the interpreter stack at future exits are also dead.
Dead call-stack store elimination. This is the same optimization
as above, except applied to the interpreter’s call stack used for
function call inlining.
Dead code elimination. This eliminates any operation that
stores to a value that is never used.
After a LIR instruction is successfully read (“pulled”) from
the backward filter pipeline, nanojit’s code generator emits native
machine instruction(s) for it.
5.2 Register Allocation
We use a simple greedy register allocator that makes a single
backward pass over the trace (it is integrated with the code gen-
erator). By the time the allocator has reached an instruction like
v
3
=
add v
1
, v
2
, it has already assigned a register to
v
3
. If
v
1
and
v
2
have not yet been assigned registers, the allocator assigns a free
register to each. If there are no free registers, a value is selected for
spilling. We use a class heuristic that selects the “oldest” register-
carried value (6).
The heuristic considers the set
R
of values
v
in registers imme-
diately after the current instruction for spilling. Let
v
m
be the last
instruction before the current where each
v
is referred to. Then the
Tag
JS Type
Description
xx1
number
31-bit integer representation
000
object
pointer to JSObject handle
010
number
pointer to double handle
100
string
pointer to JSString handle
110
boolean
enumeration for null, undefined, true, false
null, or
undefined
Figure 9. Tagged values in the SpiderMonkey JS interpreter.
Testing tags, unboxing (extracting the untagged value) and boxing
(creating tagged values) are significant costs. Avoiding these costs
is a key benefit of tracing.
heuristic selects
v
with minimum
v
m
. The motivation is that this
frees up a register for as long as possible given a single spill.
If we need to spill a value
v
s
at this point, we generate the
restore code just after the code for the current instruction. The
corresponding spill code is generated just after the last point where
v
s
was used. The register that was assigned to
v
s
is marked free for
the preceding code, because that register can now be used freely
without affecting the following code
6. Implementation
To demonstrate the effectiveness of our approach, we have im-
plemented a trace-based dynamic compiler for the SpiderMonkey
JavaScript Virtual Machine (4). SpiderMonkey is the JavaScript
VM embedded in Mozilla’s Firefox open-source web browser (2),
which is used by more than 200 million users world-wide. The core
of SpiderMonkey is a bytecode interpreter implemented in C++.
In SpiderMonkey, all JavaScript values are represented by the
type
jsval
. A
jsval
is machine word in which up to the 3 of the
least significant bits are a type tag, and the remaining bits are data.
See Figure 6 for details. All pointers contained in
jsvals
point to
GC-controlled blocks aligned on 8-byte boundaries.
JavaScript
object
values are mappings of string-valued property
names to arbitrary values. They are represented in one of two ways
in SpiderMonkey. Most objects are represented by a shared struc-
tural description, called the
object shape
, that maps property names
to array indexes using a hash table. The object stores a pointer to
the shape and the array of its own property values. Objects with
large, unique sets of property names store their properties directly
in a hash table.
The garbage collector is an exact, non-generational, stop-the-
world mark-and-sweep collector.
In the rest of this section we discuss key areas of the TraceMon-
key implementation.
6.1 Calling Compiled Traces
Compiled traces are stored in a
trace cache
, indexed by intepreter
PC and type map. Traces are compiled so that they may be
called as functions using standard native calling conventions (e.g.,
FASTCALL
on x86).
The interpreter must hit a loop edge and enter the monitor in
order to call a native trace for the first time. The monitor computes
the current type map, checks the trace cache for a trace for the
current PC and type map, and if it finds one, executes the trace.
To execute a trace, the monitor must build a trace activation
record containing imported local and global variables, temporary
stack space, and space for arguments to native calls. The local and
global values are then copied from the interpreter state to the trace
activation record. Then, the trace is called like a normal C function
pointer.
When a trace call returns, the monitor restores the interpreter
state. First, the monitor checks the reason for the trace exit and
applies blacklisting if needed. Then, it pops or synthesizes inter-
preter JavaScript call stack frames as needed. Finally, it copies the
imported variables back from the trace activation record to the in-
terpreter state.
At least in the current implementation, these steps have a non-
negligible runtime cost, so minimizing the number of interpreter-
to-trace and trace-to-interpreter transitions is essential for perfor-
mance. (see also Section 3.3). Our experiments (see Figure 12)
show that for programs we can trace well such transitions hap-
pen infrequently and hence do not contribute significantly to total
runtime. In a few programs, where the system is prevented from
recording branch traces for hot side exits by aborts, this cost can
rise to up to 10% of total execution time.
6.2 Trace Stitching
Transitions from a trace to a branch trace at a side exit avoid the
costs of calling traces from the monitor, in a feature called
trace
stitching
. At a side exit, the exiting trace only needs to write live
register-carried values back to its trace activation record. In our im-
plementation, identical type maps yield identical activation record
layouts, so the trace activation record can be reused immediately
by the branch trace.
In programs with branchy trace trees with small traces, trace
stitching has a noticeable cost. Although writing to memory and
then soon reading back would be expected to have a high L1
cache hit rate, for small traces the increased instruction count has
a noticeable cost. Also, if the writes and reads are very close
in the dynamic instruction stream, we have found that current
x86 processors often incur penalties of 6 cycles or more (e.g., if
the instructions use different base registers with equal values, the
processor may not be able to detect that the addresses are the same
right away).
The alternate solution is to recompile an entire trace tree, thus
achieving inter-trace register allocation (10). The disadvantage is
that tree recompilation takes time quadratic in the number of traces.
We believe that the cost of recompiling a trace tree every time
a branch is added would be prohibitive. That problem might be
mitigated by recompiling only at certain points, or only for very
hot, stable trees.
In the future, multicore hardware is expected to be common,
making background tree recompilation attractive. In a closely re-
lated project (13) background recompilation yielded speedups of
up to 1.25x on benchmarks with many branch traces. We plan to
apply this technique to TraceMonkey as future work.
6.3 Trace Recording
The job of the trace recorder is to emit LIR with identical semantics
to the currently running interpreter bytecode trace. A good imple-
mentation should have low impact on non-tracing interpreter per-
formance and a convenient way for implementers to maintain se-
mantic equivalence.
In our implementation, the only direct modification to the inter-
preter is a call to the trace monitor at loop edges. In our benchmark
results (see Figure 12) the total time spent in the monitor (for all
activities) is usually less than 5%, so we consider the interpreter
impact requirement met. Incrementing the loop hit counter is ex-
pensive because it requires us to look up the loop in the trace cache,
but we have tuned our loops to become hot and trace very quickly
(on the second iteration). The hit counter implementation could be
improved, which might give us a small increase in overall perfor-
mance, as well as more flexibility with tuning hotness thresholds.
Once a loop is blacklisted we never call into the trace monitor for
that loop (see Section 3.3).
Recording is activated by a pointer swap that sets the inter-
preter’s dispatch table to call a single “interrupt” routine for ev-
ery bytecode. The interrupt routine first calls a bytecode-specific
recording routine. Then, it turns off recording if necessary (e.g.,
the trace ended). Finally, it jumps to the standard interpreter byte-
code implementation. Some bytecodes have effects on the type map
that cannot be predicted before executing the bytecode (e.g., call-
ing
String.charCodeAt
, which returns an integer or
NaN
if the
index argument is out of range). For these, we arrange for the inter-
preter to call into the recorder again after executing the bytecode.
Since such hooks are relatively rare, we embed them directly into
the interpreter, with an additional runtime check to see whether a
recorder is currently active.
While separating the interpreter from the recorder reduces indi-
vidual code complexity,it also requires careful implementation and
extensive testing to achieve semantic equivalence.
In some cases achieving this equivalence is difficult since Spi-
derMonkey follows a
fat-bytecode
design, which was found to be
beneficial to pure interpreter performance.
In fat-bytecode designs, individual bytecodes can implement
complex processing (e.g., the
getprop
bytecode, which imple-
ments full JavaScript property value access, including special cases
for cached and dense array access).
Fat bytecodes have two advantages: fewer bytecodes means
lower dispatch cost, and bigger bytecode implementations give the
compiler more opportunities to optimize the interpreter.
Fat bytecodes are a problem for TraceMonkey because they
require the recorder to reimplement the same special case logic
in the same way. Also, the advantages are reduced because (a)
dispatch costs are eliminated entirely in compiled traces, (b) the
traces contain only one special case, not the interpreter’s large
chunk of code, and (c) TraceMonkey spends less time running the
base interpreter.
One way we have mitigated these problems is by implementing
certain complex bytecodes in the recorder as sequences of simple
bytecodes. Expressing the original semantics this way is not too dif-
ficult, and recording simple bytecodes is much easier. This enables
us to retain the advantages of fat bytecodes while avoiding some of
their problems for trace recording. This is particularly effective for
fat bytecodes that recurse back into the interpreter, for example to
convert an object into a primitive value by invoking a well-known
method on the object, since it lets us inline this function call.
It is important to note that we split fat opcodes into thinner op-
codes only during recording. When running purely interpretatively
(i.e. code that has been blacklisted), the interpreter directly and ef-
ficiently executes the fat opcodes.
6.4 Preemption
SpiderMonkey, like many VMs, needs to preempt the user program
periodically. The main reasons are to prevent infinitely looping
scripts from locking up the host system and to schedule GC.
In the interpreter, this had been implemented by setting a “pre-
empt now” flag that was checked on ev
ery backward jump. This
strategy carried over into TraceMonkey: the VM inserts a guard on
the preemption flag at every loop edge. We measured less than a
1% increase in runtime on most benchmarks for this extra guard.
In practice, the cost is detectable only for programs with very short
loops.
We tested and rejected a solution that avoided the guards by
compiling the loop edge as an unconditional jump, and patching
the jump target to an exit routine when preemption is required.
This solution can make the normal case slightly faster
, but then
preemption becomes very slow. The implementation was also very
complex, especially trying to restart execution after the preemption.
6.5 Calling External Functions
Like most interpreters, SpiderMonkey has a foreign function inter-
face (FFI) that allows it to call C builtins and host system functions
(e.g., web browser control and DOM access). The FFI has a stan-
dard signature for JS-callable functions, the key argument of which
is an array of boxed values. External functions called through the
FFI interact with the program state through an interpreter API (e.g.,
to read a property from an argument). There are also certain inter-
preter builtins that do not use the FFI, but interact with the program
state in the same way, such as the
CallIteratorNext
function
used with iterator objects. TraceMonkey must support this FFI in
order to speed up code that interacts with the host system inside hot
loops.
Calling external functions from TraceMonkey is potentially dif-
ficult because traces do not update the interpreter state until exit-
ing. In particular, external functions may need the call stack or the
global variables, but they may be out of date.
For the out-of-date call stack problem, we refactored some of
the interpreter API implementation functions to re-materialize the
interpreter call stack on demand.
We developed a C++ static analysis and annotated some inter-
preter functions in order to verify that the call stack is refreshed
at any point it needs to be used. In order to access the call stack,
a function must be annotated as either F
ORC ES
S
TACK
or R
E
-
QUI RES
S
TACK
. These annotations are also required in order to call
R
EQU IRE S
S
TACK
functions, which are presumed to access the call
stack transitively. F
ORC ES
S
TACK
is a trusted annotation, applied
to only 5 functions, that means the function refreshes the call stack.
R
EQU IRE S
S
TACK
is an untrusted annotation that means the func-
tion may only be called if the call stack has already been refreshed.
Similarly, we detect when host functions attempt to directly
read or write global variables, and force the currently running trace
to side exit. This is necessary since we cache and unbox global
variables into the activation record during trace execution.
Since both call-stack access and global variable access are
rarely performed by host functions, performance is not significantly
affected by these safety mechanisms.
Another problem is that external functions can reenter the inter-
preter by calling scripts, which in turn again might want to access
the call stack or global variables. To address this problem, we made
the VM set a flag whenever the interpreter is reentered while a com-
piled trace is running.
Every call to an external function then checks this flag and exits
the trace immediately after returning from the external function call
if it is set. There are many external functions that seldom or never
reenter, and they can be called without problem, and will cause
trace exit only if necessary.
The FFI’
s boxed value array requirement has a performance
cost, so we defined a new FFI that allows C functions to be an-
notated with their argument types so that the tracer can call them
directly, without unnecessary argument conversions.
Currently, we do not support calling native property get and set
override functions or DOM functions directly from trace. Support
is planned future work.
6.6 Correctness
During development, we had access to existing JavaScript test
suites, but most of them were not designed with tracing VMs in
mind and contained few loops.
One tool that helped us greatly was Mozilla’s JavaScript fuzz
tester,
JSF UNF UZZ
, which generates random JavaScript programs
by nesting random language elements. We modified
JSF UNF UZZ
to generate loops, and also to test more heavily certain constructs
we suspected would reveal flaws in our implementation. For exam-
ple, we suspected bugs in TraceMonkey’shandling of type-unstable
!"#
$!"#
%!"#
&!"#
'!"#
(!"#
)!"#
*!"#
+!"#
,!"#
$!!"#
&-./012#3%4%56#
&-.789:;#3%4,56#
&-.9<=>9</2#3$4%56#
<//2??.1@A<9=.>922?#3!4,56#
<//2??.B<AAC0/;#3%4%56#
<//2??.A18-=#3'4%56#
<//2??.A?@2D2#3&4!56#
1@>8:?.&1@>.1@>?.@A.1=>2#3%(4(56#
1@>8:?.1@>?.@A.1=>2#3+4*56#
1@>8:?.1@>E@?2.<A-#3%(4%56#
1@>8:?.A?@2D2.1@>?#3%4*56#
/8A>98FG8E.92/09?@D2#3$4!56#
/9=:>8.<2?#3$4)56#
/9=:>8.7-(#3%4&56#
/9=:>8.?;<$#3(4,56#
-<>2.B897<>.>8H2#3$4$56#
-<>2.B897<>.5:<91#3$4!56#
7<>;./89-@/#3'4,56#
7<>;.:<9I<F.?07?#3(4,56#
7<>;.?:2/>9<F.A897#3*4$56#
92J25:.-A<#3'4%56#
?>9@AJ.1<?2)'#3%4(56#
?>9@AJ.B<?><#3$4(56#
?>9@AJ.><J/F80-#3$4$56#
?>9@AJ.0A:</C./8-2#3$4%56#
?>9@AJ.D<F@-<>2.@A:0>#3$4,56#
KA>29:92>#
L<ID2#
Figure 11. Fraction of dynamic bytecodes executed by inter-
preter and on native traces.
The speedup vs. interpreter is shown
in parentheses next to each test. The fraction of bytecodes exe-
cuted while recording is too small to see in this figure, except
for
crypto-md5
, where fully 3% of bytecodes are executed while
recording. In most of the tests, almost all the bytecodes are exe-
cuted by compiled traces. Three of the benchmarks are not traced
at all and run in the interpreter.
loops and heavily branching code, and a specialized fuzz tester in-
deed revealed several regressions which we subsequently corrected.
7. Evaluation
We evaluated our JavaScript tracing implementation using Sun-
Spider, the industry standard JavaScript benchmark suite. SunSpi-
der consists of 26 short-running (less than 250ms, average 26ms)
JavaScript programs. This is in stark contrast to benchmark suites
such as SpecJVM98 (3) used to evaluate desktop and server Jav
a
VMs. Many programs in those benchmarks use large data sets and
execute for minutes. The SunSpider programs carry out a variety of
tasks, primarily 3d rendering, bit-bashing, cryptographic encoding,
math kernels, and string processing.
All experiments were performed on a MacBook Pro with 2.2
GHz Core 2 processor and 2 GB RAM running MacOS 10.5.
Benchmark results.
The main question is whether programs
run faster with tracing. For this, we ran the standard SunSpider test
driver, which starts a JavaScript interpreter, loads and runs each
program once for warmup, then loads and runs each program 10
times and reports the average time taken by each. We ran 4 differ-
ent configurations for comparison: (a) SpiderMonkey, the baseline
interpreter, (b) TraceMonkey, (d) SquirrelFish Extreme (SFX), the
call-threaded JavaScript interpreter used in Apple’
s WebKit, and
(e) V8, the method-compiling JavaScript VM from Google.
Figure 10 shows the relative speedups achieved by tracing, SFX,
and V8 against the baseline (SpiderMonkey). Tracing achieves the
best speedups in integer-heavy benchmarks, up to the 25x speedup
on
bitops-bitwise-and
.
TraceMonkey is the fastest VM on 9 of the 26 benchmarks
(
3d-morph
,
bitops-3bit-bits-in-byte
,
bitops-bitwise-
and
,
crypto-sha1
,
math-cordic
,
math-partial-sums
,
math-
spectral-norm
,
string-base64
,
string-validate-input
).
!"
#"
$!"
$#"
%!"
%#"
&'()*+,"
-./"
01"
Figure 10.
Speedup vs. a baseline JavaScript interpreter (SpiderMonkey) for our trace-based JIT compiler, Apple’s SquirrelFish Extreme
inline threading interpreter and Google’s V8 JS compiler. Our system generates particularly efficient code for programs that benefit most from
type specialization, which includes SunSpider Benchmark programs that perform bit manipulation. We type-specialize the code in question
to use integer arithmetic, which substantially improves performance. For one of the benchmark programs we execute 25 times faster than
the SpiderMonkey interpreter, and almost 5 times faster than V8 and SFX. For a large number of benchmarks all three VMs produce similar
results. We perform worst on benchmark programs that we do not trace and instead fall back onto the interpreter. This includes the recursive
benchmarks
access-binary-trees
and
control-flow-recursive
, for which we currently don’t generate any native code.
In particular, the
bitops
benchmarks are short programs that per-
form many bitwise operations, so TraceMonkey can cover the en-
tire program with 1 or 2 traces that operate on integers. TraceMon-
key runs all the other programs in this set almost entirely as native
code.
regexp-dna
is dominated by regular expression matching,
which is implemented in all 3 VMs by a special regular expression
compiler. Thus, performance on this benchmark has little relation
to the trace compilation approach discussed in this paper.
TraceMonkey’
s smaller speedups on the other benchmarks can
be attributed to a few specific causes:
The implementation does not currently trace recursion, so
TraceMonkey achieves a small speedup or no speedup on
benchmarks that use recursion extensively:
3d-cube
,
3d-
raytrace
,
access-binary-trees
,
string-tagcloud
, and
controlflow-recursive
.
The implementation does not currently trace
eval
and some
other functions implemented in C. Because
date-format-
tofte
and
date-format-xparb
use such functions in their
main loops, we do not trace them.
The implementation does not currently trace through regular
expression
replace
operations. The replace function can be
passed a function object used to compute the replacement text.
Our implementation currently does not trace functions called
as replace functions. The run time of
string-unpack-code
is
dominated by such a
replace
call.
Two programs trace well, but have a long compilation time.
access-nbody
forms a large number of traces (81).
crypto-md5
forms one very long trace. We expect to improve performance
on this programs by improving the compilation speed of nano-
jit.
Some programs trace very well, and speed up compared to
the interpreter, but are not as fast as SFX and/or V8, namely
bitops-bits-in-byte
,
bitops-nsieve-bits
,
access-
fannkuch
,
access-nsieve
, and
crypto-aes
. The reason is
not clear, but all of these programs have nested loops with
small bodies, so we suspect that the implementation has a rela-
tively high cost for calling nested traces.
string-fasta
traces
well, but its run time is dominated by string processing builtins,
which are unaffected by tracing and seem to be less efficient in
SpiderMonkey than in the two other VMs.
Detailed performance metrics.
In Figure 11 we show the frac-
tion of instructions interpreted and the fraction of instructions exe-
cuted as native code. This figure shows that for many programs, we
are able to execute almost all the code natively
.
Figure 12 breaks down the total execution time into four activ-
ities: interpreting bytecodes while not recording, recording traces
(including time taken to interpret the recorded trace), compiling
traces to native code, and executing native code traces.
These detailed metrics allow us to estimate parameters for a
simple model of tracing performance. These estimates should be
considered very rough, as the values observed on the individual
benchmarks hav
e large standard deviations (on the order of the
Loops Trees Traces Aborts Flushes Trees/Loop Traces/Tree Traces/Loop Speedup
3d-cube 25 27 29 3 0 1.1 1.1 1.2 2.20x
3d-morph 5 8 8 2 0 1.6 1.0 1.6 2.86x
3d-raytrace 10 25 100 10 1 2.5 4.0 10.0 1.18x
access-binary-trees 0 0 0 5 0 - - - 0.93x
access-fannkuch 10 34 57 24 0 3.4 1.7 5.7 2.20x
access-nbody 8 16 18 5 0 2.0 1.1 2.3 4.19x
access-nsieve 3 6 8 3 0 2.0 1.3 2.7 3.05x
bitops-3bit-bits-in-byte 2 2 2 0 0 1.0 1.0 1.0 25.47x
bitops-bits-in-byte 3 3 4 1 0 1.0 1.3 1.3 8.67x
bitops-bitwise-and 1 1 1 0 0 1.0 1.0 1.0 25.20x
bitops-nsieve-bits 3 3 5 0 0 1.0 1.7 1.7 2.75x
controlflow-recursive 0 0 0 1 0 - - - 0.98x
crypto-aes 50 72 78 19 0 1.4 1.1 1.6 1.64x
crypto-md5 4 4 5 0 0 1.0 1.3 1.3 2.30x
crypto-sha1 5 5 10 0 0 1.0 2.0 2.0 5.95x
date-format-tofte 3 3 4 7 0 1.0 1.3 1.3 1.07x
date-format-xparb 3 3 11 3 0 1.0 3.7 3.7 0.98x
math-cordic 2 4 5 1 0 2.0 1.3 2.5 4.92x
math-partial-sums 2 4 4 1 0 2.0 1.0 2.0 5.90x
math-spectral-norm15 20 20 0 0 1.3 1.0 1.3 7.12x
regexp-dna 2 2 2 0 0 1.0 1.0 1.0 4.21x
string-base64 3 5 7 0 0 1.7 1.4 2.3 2.53x
string-fasta 5 11 15 6 0 2.2 1.4 3.0 1.49x
string-tagcloud 3 6 6 5 0 2.0 1.0 2.0 1.09x
string-unpack-code 4 4 37 0 0 1.0 9.3 9.3 1.20x
string-validate-input 6 10 13 1 0 1.7 1.3 2.2 1.86x
Figure 13.
Detailed trace recording statistics for the SunSpider benchmark set.
mean). We exclude
regexp-dna
from the following calculations,
because most of its time is spent in the regular expression matcher,
which has much different performance characteristics from the
other programs. (Note that this only makes a difference of about
10% in the results.) Dividing the total execution time in processor
clock cycles by the number of bytecodes executed in the base
interpreter shows that on average, a bytecode executes in about
35 cycles. Native traces take about 9 cycles per bytecode, a 3.9x
speedup over the interpreter.
Using similar computations, we find that trace recording takes
about 3800 cycles per bytecode, and compilation 3150 cycles per
bytecode. Hence, during recording and compiling the VM runs at
1/200 the speed of the interpreter. Because it costs 6950 cycles to
compile a bytecode, and we save 26 cycles each time that code is
run natively, we break even after running a trace 270 times.
The other VMs we compared with achieve an overall speedup
of 3.0x relative to our baseline interpreter
. Our estimated native
code speedup of 3.9x is significantly better. This suggests that
our compilation techniques can generate more efficient native code
than any other current JavaScript VM.
These estimates also indicate that our startup performance could
be substantially better if we improved the speed of trace recording
and compilation. The estimated 200x slowdown for recording and
compilation is very rough, and may be influenced by startup factors
in the interpreter (e.g., caches that have not warmed up yet during
recording). One observation supporting this conjecture is that in
the tracer, interpreted bytecodes take about 180 cycles to run. Still,
recording and compilation are clearly both expensive, and a better
implementation, possibly including redesign of the LIR abstract
syntax or encoding, would improve startup performance.
Our performance results confirm that type specialization using
trace trees substantially improves performance. We are able to
outperform the fastest available JavaScript compiler (V8) and the
fastest available JavaScript inline threaded interpreter (SFX) on 9
of 26 benchmarks.
8. Related Work
Trace optimization for dynamic languages.
The closest area of
related work is on applying trace optimization to type-specialize
dynamic languages. Existing work shares the idea of generating
type-specialized code speculatively with guards along interpreter
traces.
To our knowledge, Rigo’s Psyco (16) is the only published
type-specializing trace compiler for a dynamic language (Python).
Psyco does not attempt to identify hot loops or inline function calls.
Instead, Psyco transforms loops to mutual recursion before running
and traces all operations.
Pall’s LuaJIT is a Lua VM in development that uses trace com-
pilation ideas. (1). There are no publications on LuaJIT but the cre-
ator has told us that LuaJIT has a similar design to our system, but
will use a less aggressiv
e type speculation (e.g., using a floating-
point representation for all number values) and does not generate
nested traces for nested loops.
General trace optimization.
General trace optimization has
a longer history that has treated mostly native code and typed
languages like Java. Thus, these systems have focused less on type
specialization and more on other optimizations.
Dynamo (7) by Bala et al, introduced native code tracing as a
replacement for profile-guided optimization (PGO). A major goal
was to perform PGO online so that the profile was specific to
the current execution. Dynamo used loop headers as candidate hot
traces, but did not try to create loop traces specifically.
Trace trees were originally proposed by Gal et al. (11) in the
context of Java, a statically typed language. Their trace trees ac-
tually inlined parts of outer loops within the inner loops (because
!"#
$!"#
%!"#
&!"#
'!"#
(!!"#
)*+,-./#0$1$23#
)*+45678#0$1923#
)*+6:;<6:,/#0(1$23#
:,,/==+.>?:6;+<6//=#0!1923#
:,,/==+@:??A-,8#0$1$23#
:,,/==+?.5*;#0%1$23#
:,,/==+?=>/B/#0)1!23#
.><57=+).><+.><=+>?+.;</#0$C1C23#
.><57=+.><=+>?+.;</#0'1D23#
.><57=+.><E>=/+:?*#0$C1$23#
.><57=+?=>/B/+.><=#0$1D23#
,5?<65FG5E+6/,-6=>B/#0(1!23#
,6;7<5+:/=#0(1&23#
,6;7<5+4*C#0$1)23#
,6;7<5+=8:(#0C1923#
*:</+@564:<+<5H/#0(1(23#
*:</+@564:<+27:6.#0(1!23#
4:<8+,56*>,#0%1923#
4:<8+7:6I:F+=-4=#0C1923#
4:<8+=7/,<6:F+?564#0D1(23#
6/J/27+*?:#0%1$23#
=<6>?J+.:=/&%#0$1C23#
=<6>?J+@:=<:#0(1C23#
=<6>?J+<:J,F5-*#0(1(23#
=<6>?J+-?7:,A+,5*/#0(1$23#
=<6>?J+B:F>*:</+>?7-<#0(1923#
K?</676/<#
L5?><56#
M/,56*#
N547>F/#
N:FF#O6:,/#
M-?#O6:,/#
Figure 12. Fraction of time spent on major VM activities.
The
speedup vs. interpreter is shown in parentheses next to each test.
Most programs where the VM spends the majority of its time run-
ning native code have a good speedup. Recording and compilation
costs can be substantial; speeding up those parts of the implemen-
tation would improve SunSpider performance.
inner loops become hot first), leading to much greater tail duplica-
tion.
YETI, from Zaleski et al. (19) applied Dynamo-style tracing
to Java in order to achieve inlining, indirect jump elimination,
and other optimizations. Their primary focus was on designing an
interpreter that could easily be gradually re-engineered as a tracing
VM.
Suganuma et al. (18) described region-based compilation (RBC),
a relative of tracing. A region is an subprogram worth optimizing
that can include subsets of any number of methods. Thus, the com-
piler has more flexibility and can potentially generate better code,
but the profiling and compilation systems are correspondingly more
complex.
Type specialization for dynamic languages.
Dynamic lan-
guage implementors have long recognized the importance of type
specialization for performance. Most previous work has focused on
methods instead of traces.
Chambers et. al (9) pioneered the idea of compiling multiple
versions of a procedure specialized for the input types in the lan-
guage Self. In one implementation, they generated a specialized
method online each time a method was called with new input types.
In another, they used an offline whole-program static analysis to
infer input types and constant receiver types at call sites. Interest-
ingly, the two techniques produced nearly the same performance.
Salib (17) designed a type inference algorithm for Python based
on the Cartesian Product Algorithm and used the results to special-
ize on types and translate the program to C++.
McCloskey (14) has work in progress based on a language-
independent type inference that is used to generate efficient C
implementations of JavaScript and Python programs.
Native code generation by interpreters.
The traditional inter-
preter design is a virtual machine that directly executes ASTs or
machine-code-like bytecodes. Researchers have shown how to gen-
erate native code with nearly the same structure but better perfor-
mance.
Call threading, also known as context threading (8), compiles
methods by generating a native call instruction to an interpreter
method for each interpreter bytecode. A call-return pair has been
shown to be a potentially much more efficient dispatch mechanism
than the indirect jumps used in standard bytecode interpreters.
Inline threading (15) copies chunks of interpreter native code
which implement the required bytecodes into a native code cache,
thus acting as a simple per-method JIT compiler that eliminates the
dispatch overhead.
Neither call threading nor inline threading perform type special-
ization.
Apple’s SquirrelFish Extreme (5) is a JavaScript implementa-
tion based on call threading with selective inline threading. Com-
bined with efficient interpreter engineering, these threading tech-
niques have given SFX excellent performance on the standard Sun-
Spider benchmarks.
Google’s V8 is a JavaScript implementation primarily based
on inline threading, with call threading only for very complex
operations.
9. Conclusions
This paper described how to run dynamic languages efficiently by
recording hot traces and generating type-specialized native code.
Our technique focuses on aggressively inlined loops, and for each
loop, it generates a tree of native code traces representing the
paths and value types through the loop observed at run time. We
explained how to identify loop nesting relationships and generate
nested traces in order to avoid excessive code duplication due
to the many paths through a loop nest. We described our type
specialization algorithm. W
e also described our trace compiler,
which translates a trace from an intermediate representation to
optimized native code in two linear passes.
Our experimental results show that in practice loops typically
are entered with only a few different combinations of value types
of variables. Thus, a small number of traces per loop is sufficient
to run a program efficiently
. Our experiments also show that on
programs amenable to tracing, we achieve speedups of 2x to 20x.
10. Future W
ork
Work is underway in a number of areas to further improve the
performance of our trace-based JavaScript compiler. We currently
do not trace across recursive function calls, but plan to add the
support for this capability in the near term. We are also exploring
adoption of the existing work on tree recompilation in the context
of the presented dynamic compiler in order to minimize JIT pause
times and obtain the best of both worlds, fast tree stitching as well
as the improved code quality due to tree recompilation.
We also plan on adding support for tracing across regular ex-
pression substitutions using lambda functions, function applica-
tions and expression evaluation using
eval
. All these language
constructs are currently executed via interpretation, which limits
our performance for applications that use those features.
Acknowledgments
Parts of this effort have been sponsored by the National Science
Foundation under grants CNS-0615443 and CNS-0627747, as well
as by the California MICRO Program and industrial sponsor Sun
Microsystems under Project No. 07-127.
The U.S. Government is authorized to reproduce and distribute
reprints for Governmental purposes notwithstanding any copyright
annotation thereon. Any opinions, findings, and conclusions or rec-
ommendations expressed here are those of the author and should
not be interpreted as necessarily representing the official views,
policies or endorsements, either expressed or implied, of the Na-
tional Science foundation (NSF), any other agency of the U.S. Gov-
ernment, or any of the companies mentioned above.
References
[1] LuaJIT roadmap 2008 - http://lua-users.org/lists/lua-l/2008-
02/msg00051.html.
[2] Mozilla Firefox web browser and Thunderbird email client -
http://www.mozilla.com.
[3] SPECJVM98 - http://www.spec.org/jvm98/.
[4] SpiderMonkey (JavaScript-C) Engine -
http://www.mozilla.org/js/spidermonkey/.
[5] Surfin’ Safari - Blog Archive - Announcing SquirrelFish Extreme -
http://webkit.org/blog/214/introducing-squirrelfish-extreme/.
[6] A. Aho, R. Sethi, J. Ullman, and M. Lam. Compilers: Principles,
techniques, and tools, 2006.
[7] V. Bala, E. Duesterwald, and S. Banerjia. Dynamo: A transparent
dynamic optimization system. In
Proceedings of the ACM SIGPLAN
Conference on Programming Language Design and Implementation
,
pages 1–12. ACM Press, 2000.
[8] M. Berndl, B. Vitale, M. Zaleski, and A. Brown. Context Threading:
a Flexible and Efficient Dispatch Technique for Virtual Machine In-
terpreters. In
Code Generation and Optimization, 2005. CGO 2005.
International Symposium on
, pages 15–26, 2005.
[9] C. Chambers and D. Ungar. Customization: Optimizing Compiler
Technology for SELF, a Dynamically-Typed O bject-Oriented Pro-
gramming Language. In
Proceedings of the ACM SIGPLAN 1989
Conference on Programming Language Design and Implementation
,
pages 146–160. ACM New York, NY, USA, 1989.
[10] A. Gal.
Efficient Bytecode Verification and Compilation in a Virtual
Machine Dissertation
. PhD thesis, University Of California, Irvine,
2006.
[11] A. Gal, C. W. Probst, and M. Franz. HotpathVM: An effective JIT
compiler for resource-constrained devices. In
Proceedings of the
International Conference on Virtual Execution Environments
, pages
144–153. ACM Press, 2006.
[12] C. Garrett, J. Dean, D. Grove, and C. Chambers. Measurement and
Application of Dynamic Receiver Class Distributions. 1994.
[13] J. Ha, M. R. Haghighat, S. Cong, and K. S. McKinley. A concurrent
trace-based just-in-time compiler for javascript. Dept.of Computer
Sciences, The University of Texas at Austin, TR-09-06, 2009.
[14] B. McCloskey. Personal communication.
[15] I. Piumarta and F. Riccardi. Optimizing direct threaded code by selec-
tive inlining. In
Proceedings of the ACM SIGPLAN 1998 conference
on Programming language design and implementation
, pages 291–
300. ACM New York, NY
, USA, 1998.
[16] A. Rigo. Representation-Based Just-In-time Specialization and the
Psyco Prototype for Python. In
PEPM
, 2004.
[17] M. Salib. Starkiller: A Static Type Inferencer and Compiler for
Python. In
Master’s Thesis
, 2004.
[18] T. Suganuma, T. Yasue, and T. Nakatani. A Region-Based Compila-
tion Technique for Dynamic Compilers.
ACM Transactions on Pro-
gramming Languages and Systems (TOPLAS)
, 28(1):134–174, 2006.
[19] M. Zaleski, A. D. Brown, and K. Stoodley. YETI: A graduallY
Extensible Trace Interpreter. In
Proceedings of the International
Conference on Virtual Execution Environments
, pages 83–93. ACM
Press, 2007.
\ No newline at end of file diff --git a/demo/demo.pdf b/demo/demo.pdf deleted file mode 100644 index 6557018..0000000 Binary files a/demo/demo.pdf and /dev/null differ diff --git a/demo/f1.otf b/demo/f1.otf deleted file mode 100644 index 46be7b1..0000000 Binary files a/demo/f1.otf and /dev/null differ diff --git a/demo/f10.otf b/demo/f10.otf deleted file mode 100644 index 571c9c2..0000000 Binary files a/demo/f10.otf and /dev/null differ diff --git a/demo/f11.ttf b/demo/f11.ttf deleted file mode 100644 index e3202d9..0000000 Binary files a/demo/f11.ttf and /dev/null differ diff --git a/demo/f12.ttf b/demo/f12.ttf deleted file mode 100644 index 6da24ef..0000000 Binary files a/demo/f12.ttf and /dev/null differ diff --git a/demo/f13.ttf b/demo/f13.ttf deleted file mode 100644 index 2e850d6..0000000 Binary files a/demo/f13.ttf and /dev/null differ diff --git a/demo/f14.otf b/demo/f14.otf deleted file mode 100644 index 7995a91..0000000 Binary files a/demo/f14.otf and /dev/null differ diff --git a/demo/f15.ttf b/demo/f15.ttf deleted file mode 100644 index c770b94..0000000 Binary files a/demo/f15.ttf and /dev/null differ diff --git a/demo/f16.ttf b/demo/f16.ttf deleted file mode 100644 index c0ed7cd..0000000 Binary files a/demo/f16.ttf and /dev/null differ diff --git a/demo/f17.ttf b/demo/f17.ttf deleted file mode 100644 index a6f8500..0000000 Binary files a/demo/f17.ttf and /dev/null differ diff --git a/demo/f18.ttf b/demo/f18.ttf deleted file mode 100644 index 363b6f8..0000000 Binary files a/demo/f18.ttf and /dev/null differ diff --git a/demo/f2.otf b/demo/f2.otf deleted file mode 100644 index 1651823..0000000 Binary files a/demo/f2.otf and /dev/null differ diff --git a/demo/f3.otf b/demo/f3.otf deleted file mode 100644 index 02b1d05..0000000 Binary files a/demo/f3.otf and /dev/null differ diff --git a/demo/f4.otf b/demo/f4.otf deleted file mode 100644 index d6fe3f3..0000000 Binary files a/demo/f4.otf and /dev/null differ diff --git a/demo/f5.otf b/demo/f5.otf deleted file mode 100644 index 5adff27..0000000 Binary files a/demo/f5.otf and /dev/null differ diff --git a/demo/f6.otf b/demo/f6.otf deleted file mode 100644 index 084f9fc..0000000 Binary files a/demo/f6.otf and /dev/null differ diff --git a/demo/f7.otf b/demo/f7.otf deleted file mode 100644 index 83dc531..0000000 Binary files a/demo/f7.otf and /dev/null differ diff --git a/demo/f8.otf b/demo/f8.otf deleted file mode 100644 index 9bcb2cd..0000000 Binary files a/demo/f8.otf and /dev/null differ diff --git a/demo/f9.otf b/demo/f9.otf deleted file mode 100644 index 53f3dde..0000000 Binary files a/demo/f9.otf and /dev/null differ diff --git a/demo/fa.otf b/demo/fa.otf deleted file mode 100644 index dc51ea0..0000000 Binary files a/demo/fa.otf and /dev/null differ diff --git a/demo/fb.otf b/demo/fb.otf deleted file mode 100644 index aae3be3..0000000 Binary files a/demo/fb.otf and /dev/null differ diff --git a/demo/fc.otf b/demo/fc.otf deleted file mode 100644 index 7653bbb..0000000 Binary files a/demo/fc.otf and /dev/null differ diff --git a/demo/fd.ttf b/demo/fd.ttf deleted file mode 100644 index e1ecae9..0000000 Binary files a/demo/fd.ttf and /dev/null differ diff --git a/demo/fe.ttf b/demo/fe.ttf deleted file mode 100644 index 82eebff..0000000 Binary files a/demo/fe.ttf and /dev/null differ diff --git a/demo/ff.otf b/demo/ff.otf deleted file mode 100644 index 74490c1..0000000 Binary files a/demo/ff.otf and /dev/null differ diff --git a/src/BackgroundRenderer.cc b/src/BackgroundRenderer.cc index 2913947..5b71f33 100644 --- a/src/BackgroundRenderer.cc +++ b/src/BackgroundRenderer.cc @@ -14,7 +14,7 @@ void BackgroundRenderer::drawChar(GfxState *state, double x, double y, CharCode code, int nBytes, Unicode *u, int uLen) { auto font = state->getFont(); - if((font->getType() == fontType3) || (font->getWMode())) + //if((font->getType() == fontType3) || (font->getWMode())) { SplashOutputDev::drawChar(state, x, y, dx, dy, originX, originY, code, nBytes, u, uLen); } diff --git a/src/HTMLRenderer.cc b/src/HTMLRenderer.cc index 4e287e5..cb9245f 100644 --- a/src/HTMLRenderer.cc +++ b/src/HTMLRenderer.cc @@ -37,7 +37,6 @@ * CSS classes * * p - Page - * t - Transform * l - Line * w - White space * @@ -47,7 +46,7 @@ * f - Font (also for font names) * s - font Size * w - White space - * t - Transform matrix (for both CTM and Text Matrix) + * t - Transform matrix */ const char * HTML_HEAD = "\n\ @@ -71,28 +70,11 @@ const char * HTML_HEAD = "\n\ overflow:hidden;\ display:none;\ }\ -.p > .t {\ - position:absolute;\ - top:0;\ - left:0;\ - bottom:0;\ - right:0;\ - transform-origin:0% 100%;\ - -ms-transform-origin:0% 100%;\ - -moz-transform-origin:0% 100%;\ - -webkit-transform-origin:0% 100%;\ - -o-transform-origin:0% 100%;\ -}\ -.t > .l {\ +.p > .l {\ position:absolute; \ white-space:pre;\ - transform-origin:0% 100%;\ - -ms-transform-origin:0% 100%;\ - -moz-transform-origin:0% 100%;\ - -webkit-transform-origin:0% 100%;\ - -o-transform-origin:0% 100%;\ }\ -.l > .w{\ +.l > .w {\ display:inline-block;\ }\ ::selection{\ @@ -131,12 +113,16 @@ const std::map BASE_14_FONT_CSS_FONT_MAP({\ { "ZapfDingbats", "ZapfDingbats" },\ }); +const double id_matrix[6] = {1.0, 0.0, 0.0, 1.0, 0.0, 0.0}; + TextString::TextString(GfxState *state) :unicodes() - ,x(state->getCurX()), y(state->getCurY()) + ,x(state->getCurX()) + ,y(state->getCurY()) ,width(0),height(0) ,state(state) { + state->transform(x,y,&x,&y); } TextString::~TextString() @@ -174,6 +160,8 @@ HTMLRenderer::HTMLRenderer(const Param * param) install_font(nullptr); install_font_size(0); + install_transform_matrix(id_matrix); + html_fout << HTML_HEAD; if(param->readable) html_fout << endl; } @@ -186,13 +174,20 @@ HTMLRenderer::~HTMLRenderer() void HTMLRenderer::process(PDFDoc *doc) { + std::cerr << "Processing Text: "; + xref = doc->getXRef(); for(int i = param->first_page; i <= param->last_page ; ++i) { doc->displayPage(this, i, param->h_dpi, param->v_dpi, 0, true, false, false, nullptr, nullptr, nullptr, nullptr); + + std::cerr << "."; + std::cerr.flush(); } + std::cerr << std::endl; + std::cerr << "Processing Others: "; // Render non-text objects as image // copied from poppler @@ -208,8 +203,14 @@ void HTMLRenderer::process(PDFDoc *doc) 0, true, false, false, nullptr, nullptr, nullptr, nullptr); bg_renderer->getBitmap()->writeImgFile(splashFormatPng, (char*)(boost::format("p%|1$x|.png")%i).str().c_str(), 4*param->h_dpi, 4*param->v_dpi); + + std::cerr << "."; + std::cerr.flush(); } delete bg_renderer; + + std::cerr << std::endl; + std::cerr << "Done." << std::endl; } void HTMLRenderer::startPage(int pageNum, GfxState *state) @@ -228,29 +229,21 @@ void HTMLRenderer::startPage(int pageNum, GfxState *state) html_fout << "\">"; if(param->readable) html_fout << endl; - cur_x = cur_y = 0; - cur_fn_id = cur_fs_id = 0; + cur_fn_id = cur_fs_id = cur_tm_id = 0; cur_line_x_offset = 0; + cur_line_y = 0; + cur_font_size = 0; - for(int i = 0; i < 6; ++i) - cur_ctm[i] = cur_text_mat[i] = 0.0; - cur_ctm[0] = cur_text_mat[0] = cur_ctm[3] = cur_text_mat[3] = 1.0; + memcpy(draw_ctm, id_matrix, sizeof(draw_ctm)); pos_changed = false; ctm_changed = false; text_mat_changed = false; font_changed = false; - - // default CTM - html_fout << boost::format("
") % install_transform_matrix(cur_ctm); - if(param->readable) html_fout << endl; } void HTMLRenderer::endPage() { close_cur_line(); - // close CTM - html_fout << "
"; - if(param->readable) html_fout << endl; // close page html_fout << ""; if(param->readable) html_fout << endl; @@ -258,23 +251,19 @@ void HTMLRenderer::endPage() { bool HTMLRenderer::at_same_line(const TextString * ts1, const TextString * ts2) const { + // TODO, this is not accurate, with transforms if(!(std::abs(ts1->getY() - ts2->getY()) < param->v_eps)) return false; GfxState * s1 = ts1->getState(); GfxState * s2 = ts2->getState(); + // TODO, track this instead of check here if(!(_equal(s1->getCharSpace(), s2->getCharSpace()) && _equal(s1->getWordSpace(), s2->getWordSpace()) && _equal(s1->getHorizScaling(), s2->getHorizScaling()))) return false; - /* - no need for this, as we track TM now - if(!(_tm_equal(s1->getCTM(), s2->getCTM()) && _tm_equal(s1->getTextMat(), s2->getTextMat()))) - return false; - */ - return true; } @@ -413,31 +402,19 @@ void HTMLRenderer::endString(GfxState *state) { GfxState * cur_state = cur_string -> getState(); - // fix if font size too small - long long new_fs_id; - long long new_tm_id = 0; - if((cur_font_size < 1) && _is_positive(cur_font_size)) - { - new_fs_id = install_font_size(1); + // open a new line + // classes + html_fout << "
getY() << "px;" + html_fout << "\" style=\"" + << "bottom:" << (cur_string->getY() + cur_state->getFont()->getDescent() * cur_font_size) << "px;" + << "top:" << (pageHeight - cur_string->getY() - cur_state->getFont()->getAscent() * cur_font_size) << "px;" << "left:" << cur_string->getX() << "px;" - << "top:" << (pageHeight - cur_string->getY() - cur_state->getFont()->getAscent() * cur_state->getFontSize()) << "px;" ; // letter & word spacing @@ -447,7 +424,7 @@ void HTMLRenderer::endString(GfxState *state) { html_fout << "word-spacing:" << cur_state->getWordSpace() << "px;"; //debug - //real pos + //real pos & hori_scale { html_fout << "\""; double x,y; @@ -478,12 +455,6 @@ void HTMLRenderer::drawChar(GfxState *state, double x, double y, if ((state->getRender() & 3) == 3) return ; - // TODO: - // not on the same line - if (!_equal(cur_string->getY(), y1)){ - std::cerr << "TODO: line break in a string" << std::endl; - } - w1 = dx - state->getCharSpace() * state->getHorizScaling(), h1 = dy; @@ -582,7 +553,7 @@ long long HTMLRenderer::install_font(GfxFont * font) switch(font_loc -> fontType) { case fontType1: - install_embedded_type1_font(&font_loc->embFontID, new_fn_id); + install_embedded_type1_font(&font_loc->embFontID, font, new_fn_id); break; case fontType1C: install_embedded_type1c_font(font, new_fn_id); @@ -620,7 +591,7 @@ long long HTMLRenderer::install_font(GfxFont * font) return new_fn_id; } -void HTMLRenderer::install_embedded_type1_font (Ref * id, long long fn_id) +void HTMLRenderer::install_embedded_type1_font (Ref * id, GfxFont * font, long long fn_id) { Object ref_obj, str_obj, ol1, ol2, ol3; Dict * dict; @@ -758,7 +729,7 @@ void HTMLRenderer::install_embedded_type1_font (Ref * id, long long fn_id) tmpf.write(CTM, strlen(CTM)); } - export_remote_font(fn_id, "ttf"); + export_remote_font(fn_id, "ttf", font); err: str_obj.streamClose(); @@ -782,7 +753,7 @@ void HTMLRenderer::install_embedded_type1c_font (GfxFont * font, long long fn_id string fn = (boost::format("f%|1$x|")%fn_id).str(); ofstream tmpf((fn+".pfa").c_str(), ofstream::binary); FFT1C->convertToType1((char*)fn.c_str(), nullptr, true, &output_to_file , &tmpf); - export_remote_font(fn_id, "ttf"); + export_remote_font(fn_id, "ttf", font); delete FFT1C; } else @@ -811,7 +782,7 @@ void HTMLRenderer::install_embedded_truetype_font (GfxFont * font, long long fn_ string fn = (boost::format("f%|1$x|")%fn_id).str(); ofstream tmpf((fn+".ttf").c_str(), ofstream::binary); FFTT->writeTTF(output_to_file, &tmpf, (char*)(fn.c_str()), nullptr); - export_remote_font(fn_id, "ttf"); + export_remote_font(fn_id, "ttf", font); delete FFTT; } else @@ -867,7 +838,7 @@ long long HTMLRenderer::install_whitespace(double ws_width, double & actual_widt return new_ws_id; } -long long HTMLRenderer::install_transform_matrix(double * tm){ +long long HTMLRenderer::install_transform_matrix(const double * tm){ TM m(tm); auto iter = transform_matrix_map.lower_bound(m); if(m == (iter->first)) @@ -882,12 +853,25 @@ long long HTMLRenderer::install_transform_matrix(double * tm){ } -void HTMLRenderer::export_remote_font(long long fn_id, const string & suffix) +void HTMLRenderer::export_remote_font(long long fn_id, const string & suffix, GfxFont * font) { - allcss_fout << boost::format("@font-face{font-family:f%|1$x|;src:url(f%|1$x|.%2%);}.f%|1$x|{font-family:f%|1$x|;}") % fn_id % suffix; + double a = font->getAscent(); + double d = font->getDescent(); + double r = _is_positive(a-d) ? (a/(a-d)) : 1.0; + + allcss_fout << boost::format("@font-face{font-family:f%|1$x|;src:url(f%|1$x|.%2%);}.f%|1$x|{font-family:f%|1$x|;") % fn_id % suffix; + + for(const std::string & prefix : {"", "-ms-", "-moz-", "-webkit-", "-o-"}) + { + allcss_fout << prefix << "transform-origin:0% " << (r*100.0) << "%;"; + } + + allcss_fout << "}"; + if(param->readable) allcss_fout << endl; } +// TODO: this function is called when some font is unable to process, may use the name there as a hint void HTMLRenderer::export_remote_default_font(long long fn_id) { allcss_fout << boost::format(".f%|1$x|{font-family:sans-serif;color:transparent;}")%fn_id; @@ -907,6 +891,14 @@ void HTMLRenderer::export_local_font(long long fn_id, GfxFont * font, GfxFontLoc else if(font->isItalic()) allcss_fout << "font-style:italic;"; + double a = font->getAscent(); + double d = font->getDescent(); + double r = _is_positive(a-d) ? (a/(a-d)) : 1.0; + for(const std::string & prefix : {"", "-ms-", "-moz-", "-webkit-", "-o-"}) + { + allcss_fout << prefix << "transform-origin:0% " << (r*100.0) << "%;"; + } + allcss_fout << "}"; if(param->readable) allcss_fout << endl; @@ -934,13 +926,12 @@ void HTMLRenderer::export_whitespace (long long ws_id, double ws_width) if(param->readable) allcss_fout << endl; } -void HTMLRenderer::export_transform_matrix (long long tm_id, double * tm) +void HTMLRenderer::export_transform_matrix (long long tm_id, const double * tm) { allcss_fout << boost::format(".t%|1$x|{") % tm_id; // TODO: recognize common matices - static const double id_matrix[6] = {1.0, 0.0, 0.0, 1.0, 0.0, 0.0}; if(_tm_equal(tm, id_matrix)) { // no need to output anything @@ -971,56 +962,79 @@ void HTMLRenderer::check_state_change(GfxState * state) { if(pos_changed) { - if(!(_equal(state->getCurX(), cur_x) && _equal(state->getCurY(), cur_y))) + if(!_equal(state->getLineY(), cur_line_y)) { close_cur_line(); - cur_x = state->getCurX(); - cur_y = state->getCurY(); + cur_line_y = state->getLineY(); } - pos_changed = false; } + bool need_rescale_font = true; + double new_font_size = cur_font_size; if(font_changed) { long long new_fn_id = install_font(state->getFont()); - long long new_fs_id = install_font_size(state->getFontSize()); - cur_font_size = state->getFontSize(); - if(!((new_fn_id == cur_fn_id) && (new_fs_id == cur_fs_id))) + new_font_size = state->getFontSize(); + + if(!(new_fn_id == cur_fn_id)) { close_cur_line(); cur_fn_id = new_fn_id; - cur_fs_id = new_fs_id; } - font_changed = false; + if(!_equal(cur_font_size, new_font_size)) + { + need_rescale_font = true; + } } - if(text_mat_changed) - { - if(!_tm_equal(cur_text_mat, state->getTextMat(), 4)) - { - close_cur_line(); - memcpy(cur_text_mat, state->getTextMat(), sizeof(cur_text_mat)); - // we've already shift the text to the correct posstion - // so later in css we need to ignore the these offsets - cur_text_mat[4] = cur_text_mat[5] = 0.0; + // TODO + // Rise, HorizScale etc + double new_ctm[6]; + memcpy(new_ctm, draw_ctm, sizeof(new_ctm)); + if(text_mat_changed || ctm_changed) + { + double * m1 = state->getCTM(); + double * m2 = state->getTextMat(); + new_ctm[0] = m1[0] * m2[0] + m1[2] * m2[1]; + new_ctm[1] = m1[1] * m2[0] + m1[3] * m2[1]; + new_ctm[2] = m1[0] * m2[2] + m1[2] * m2[3]; + new_ctm[3] = m1[1] * m2[2] + m1[3] * m2[3]; + new_ctm[4] = new_ctm[5] = 0; + + if(!_tm_equal(new_ctm, draw_ctm, 4)) + { + need_rescale_font = true; } - text_mat_changed = false; } - if(ctm_changed) + if(need_rescale_font) { - if(!_tm_equal(cur_ctm, state->getCTM())) + double scale = std::sqrt(new_ctm[2] * new_ctm[2] + new_ctm[3] * new_ctm[3]); + if(_is_positive(scale)) { - close_cur_line(); - memcpy(cur_ctm, state->getCTM(), sizeof(cur_ctm)); - - // close old CTM div and create a new one - html_fout << "
"; - if(param->readable) html_fout << endl; - html_fout << boost::format("
") % install_transform_matrix(cur_ctm); - if(param->readable) html_fout << endl; + new_font_size *= scale; + for(int i = 0; i < 4; ++i) + new_ctm[i] /= scale; } - ctm_changed = false; + bool flag = false; + if(!(_equal(new_font_size, cur_font_size))) + { + cur_font_size = new_font_size; + cur_fs_id = install_font_size(cur_font_size); + flag = true; + } + if(!(_tm_equal(new_ctm, draw_ctm))) + { + memcpy(draw_ctm, new_ctm, sizeof(draw_ctm)); + cur_tm_id = install_transform_matrix(draw_ctm); + flag = true; + } + if(flag) + close_cur_line(); } + + text_mat_changed = false; + pos_changed = false; + font_changed = false; } diff --git a/src/HTMLRenderer.h b/src/HTMLRenderer.h index 662bdc7..94dea06 100644 --- a/src/HTMLRenderer.h +++ b/src/HTMLRenderer.h @@ -147,7 +147,7 @@ class HTMLRenderer : public OutputDev long long install_font(GfxFont * font); static void output_to_file(void * outf, const char * data, int len); - void install_embedded_type1_font (Ref * id, long long fn_id); + void install_embedded_type1_font (Ref * id, GfxFont * font, long long fn_id); void install_embedded_type1c_font (GfxFont * font, long long fn_id); void install_embedded_opentypet1c_font (GfxFont * font, long long fn_id); void install_embedded_truetype_font (GfxFont * font, long long fn_id); @@ -155,20 +155,20 @@ class HTMLRenderer : public OutputDev long long install_font_size(double font_size); long long install_whitespace(double ws_width, double & actual_width); - long long install_transform_matrix(double * tm); + long long install_transform_matrix(const double * tm); /* * remote font: to be retrieved from the web server * local font: to be substituted with a local (client side) font */ - void export_remote_font(long long fn_id, const string & suffix); + void export_remote_font(long long fn_id, const string & suffix, GfxFont * font); void export_remote_default_font(long long fn_id); void export_local_font(long long fn_id, GfxFont * font, GfxFontLoc * font_loc, const string & original_font_name, const string & cssfont); std::string general_font_family(GfxFont * font); void export_font_size(long long fs_id, double font_size); void export_whitespace(long long ws_id, double ws_width); - void export_transform_matrix(long long tm_id, double * tm); + void export_transform_matrix(long long tm_id, const double * tm); Catalog *catalog; Page *docPage; @@ -184,7 +184,7 @@ class HTMLRenderer : public OutputDev void check_state_change(GfxState * state); // current position - double cur_x, cur_y; + double cur_line_y; bool pos_changed; // the string being processed @@ -195,17 +195,21 @@ class HTMLRenderer : public OutputDev // (actual x) - (supposed x) double cur_line_x_offset; - double cur_ctm[6]; - bool ctm_changed; - - double cur_text_mat[6]; - bool text_mat_changed; long long cur_fn_id; double cur_font_size; + long long cur_fs_id; bool font_changed; + long long cur_tm_id; + bool ctm_changed; + bool text_mat_changed; + + + // this is the modified fontsize & ctm for optimzation + double draw_ctm[6]; + double draw_font_size; ofstream html_fout, allcss_fout; @@ -222,7 +226,7 @@ class HTMLRenderer : public OutputDev class TM{ public: TM() {} - TM(double * m) {memcpy(_, m, sizeof(_));} + TM(const double * m) {memcpy(_, m, sizeof(_));} bool operator < (const TM & m) const { for(int i = 0; i < 6; ++i) {