*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{background-color:#fff}body.dark{background-color:#000}#close{display:block;position:absolute;right:0;top:0;z-index:40}#close img{display:block;position:absolute;left:0;top:0;width:inherit;height:inherit;border:none}#main,#loading{position:absolute;left:0;right:0;top:0;z-index:10;overflow:hidden}#main img{position:absolute;left:0;top:0}#loading{background-color:#fff;font-family:Arial;font-size:15px;text-align:center;color:#504742;opacity:1;z-index:20;-webkit-transition:opacity 200ms;transition:opacity 200ms}body.dark #loading{background-color:#000;color:#e3e5e2}footer{position:absolute;left:0;right:0;bottom:0;background-color:#fff;border-top:1px solid #e5ece5;z-index:30}#images{position:absolute;left:0;top:0;z-index:2}#images *{display:block}#images button{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background-color:#fff;border:none;-webkit-appearance:none;border:1px solid #e5ece5}#images button.selected{border-color:#b4b4b5}#images button.dark.selected{border-color:#a4a4a5}img#logo{}#noLandscape{display:none;position:absolute;left:0;right:0;top:0;bottom:0;padding:20px;background-color:#005730;text-align:center;z-index:1000}#noLandscape *{font-family:Arial;font-weight:normal;color:#e7e9e7}#noLandscape h2{margin-bottom:8px;font-size:15px}#noLandscape p{font-size:11px}body{overflow:hidden}#main,#main img,#loading{-ms-touch-action:none}footer{-webkit-overflow-scrolling:touch}#images>*{position:absolute;display:block}@media(max-device-width:719px) and (orientation:portrait){#close{width:40px;height:40px}#main,#loading{left:0;bottom:80px}#loading{font-size:15px}footer{left:0;right:0;top:auto;bottom:0;width:auto;height:80px;overflow-x:auto;overflow-y:hidden;border-right:none;border-top:1px solid #e5ece5;-ms-touch-action:pan-x}#images{right:auto;bottom:0}#images>*{left:auto;right:auto;top:0;bottom:0;margin:auto 0}#images button,#images button img{width:80px;height:60px}#images button{padding:2px;margin-left:5px;margin-right:5px}img#logo{width:129px;height:50px;margin-left:5px;margin-right:5px}}@media(max-device-width:719px) and (orientation:landscape){#close{width:30px;height:30px}#main,#loading{left:76px;bottom:0}#loading{font-size:10px}footer{left:0;right:auto;top:0;bottom:0;width:76px;height:auto;overflow-x:hidden;overflow-y:auto;border-right:1px solid #e5ece5;border-top:none;-ms-touch-action:pan-y}#images{right:0;bottom:auto}#images>*{left:0;right:0;top:auto;bottom:auto;margin:0 auto}#images button,#images button img{width:60px;height:45px}#images button{padding:2px;margin-top:2px;margin-bottom:2px}img#logo{width:60px;height:23px;margin-top:5px;margin-bottom:5px}}@media(min-device-width:720px) and (orientation:portrait){#close{width:65px;height:65px}#main,#loading{left:0;bottom:100px}#loading{font-size:15px}footer{left:0;right:0;top:auto;bottom:0;width:auto;height:100px;overflow-x:auto;overflow-y:hidden;border-right:none;border-top:1px solid #e5ece5;-ms-touch-action:pan-x}#images{right:auto;bottom:0}#images>*{left:auto;right:auto;top:0;bottom:0;margin:auto 0}#images button,#images button img{width:107px;height:80px}#images button{padding:2px;margin-left:5px;margin-right:5px}img#logo{width:170px;height:65px;margin-left:15px;margin-right:15px}}@media(min-device-width:720px) and (orientation:landscape){#close{width:50px;height:50px}#main,#loading{left:85px;bottom:0}#loading{font-size:12px}footer{left:0;right:auto;top:0;bottom:0;width:85px;height:auto;overflow-x:hidden;overflow-y:auto;border-right:1px solid #e5ece5;border-top:none;-ms-touch-action:pan-y}#images{right:0;bottom:auto}#images>*{left:0;right:0;top:auto;bottom:auto;margin:0 auto}#images button,#images button img{width:68px;height:51px}#images button{padding:2px;margin-top:3px;margin-bottom:3px}img#logo{width:68px;height:26px;margin-top:8px;margin-bottom:8px}}