html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
canvas {display:block; vertical-align:bottom;}
#bg {background-color:#000000;}
html,body {margin:0;padding:0;width:100%;height:100%;text-align:center;overflow:hidden;border-top:solid 1px white;border-bottom:solid 1px white;}
body {background-image:url('wx.png');background-repeat:repeat;background-position:center center;background-size:auto;border-top:solid 1px white;}
@font-face {font-family:"Jls";font-style:normal;font-weight:400;src:url("../fonts/jls.otf") format("opentype");}
.eml:before {content:"\0066\0069\0072\0073\0074\002E\0063\006f\006e\0074\0061\0063\0074\0040\006E\0065\0075\0072\0061\006C\0069\0065\006E\002e\0063\006f\006d";}
.msg:before {content:"\005B\0020\006C\0061\006E\0064\0069\006E\0067\0020\0073\006F\006F\006E\0020\005D";}
.tx {position:absolute;display:flex;height:auto;width:auto;right:2vh;top:16vh;bottom:auto;justify-content:right;align-items:bottom;text-align:right;vertical-align:bottom;z-index:100;background-color:transparent;border-top:none;font:2vh Jls;letter-spacing:1vh;padding:0px;}
.id0 {height:80%;width:auto;}
@media screen and (orientation:portrait) {
.tx {position:absolute;display:flex;height:3vw;line-height:3vw;width:100vw;bottom:0px;right:0px;top:auto;padding-top:2vw;padding-bottom:2vw;align-items:center;justify-content:center;vertical-align:middle;text-align:center;z-index:100;background-color:black;border-top:solid 1px white;font:3vw Jls;letter-spacing:1.5vw;}
.eml:before {content:"\0066\0069\0072\0073\0074\002E\0063\006f\006e\0074\0061\0063\0074\0040\006E\0065\0075\0072\0061\006C\0069\0065\006E\002e\0063\006f\006d";}
.msg:before {content:"\005B\0020\006C\0061\006E\0064\0069\006E\0067\0020\0073\006F\006F\006E\0020\005D";}
.lg {top:8.5rem;height:3rem;}
}
@media screen and (max-width: 600px) {
.id0 {height:auto;width:90%;}
}