html,body{height:100%;margin:0;padding:0}
body,.px14{font-family:Arial,sans-serif;font-size:14px;height:100%}
#main{width:700px;border:5px solid #d6e2f5;background-color:#eef2f6;border-radius:20px;padding:10px 20px 40px 20px;margin:23px 18px 8px 8px}
@media screen and (min-width:1024px){#main{margin:-webkit-calc(50% - 512px);margin:-moz-calc(50% - 512px);margin:calc(50% - 512px);margin-top:23px;margin-bottom:8px}}#header{background:url("icons/96.png") no-repeat scroll 11px 11px transparent;min-height:80px;padding:30px 2px 2px 120px;font-size:30px;font-weight:bold;border-bottom:3px double #759;cursor:default}
#header-note{font-size:15px;font-style:oblique;font-family:serif}
#contents{font-size:13px}
.hidden{color:#bcf;font-size:22px}
#description{padding-top:8px}
h1{margin:10px 0 0 0;padding-top:8px;font-size:18px;font-weight:bold}
h2{margin:4px 0 0 0;font-size:15px;font-weight:bold}
p{margin:0 0 1em 0}
#launch-demo{display:none}
label.toggle{cursor:pointer;font-size:80%}
.toggler{display:none}
.toggler:not(:checked)+*{display:none}
input.toggler:checked+*{display:block}
ul,ol{margin:0 0 5px;line-height:1.5em}
#sources{font-size:13px}
a:link,a:active,a:visited{color:#03c;text-decoration:none}
a:hover,a:focus{text-decoration:underline;background-color:#e7ecfa}
#to-top{display:block;position:fixed;top:0;left:0;font-weight:bold;font-size:20px;padding:3px 3px 8px 3px;background-color:#eef2f6;width:20px;height:20px;line-height:20px;border:1px solid #759;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;border-bottom-right-radius:20px}
#jump-to-contact{position:fixed;bottom:0;right:0;padding:5px 10px;font-size:1.2em;background-color:#44a;color:#f0f0f0}
#jump-to-contact~#contact{-webkit-transition:border-right-color .5s linear;-moz-transition:border-right-color .5s linear;-o-transition:border-right-color .5s linear;transition:border-right-color .5s linear;border-right:3px solid transparent}
#jump-to-contact:hover~#contact{border-right-color:#44a}
#license{margin-top:1em;border-top:1px dotted #759;font-size:12px;text-align:center}
section input[type="button"],.button{margin:2px;padding:3px 5px;background:#ccd8e4;background:-moz-linear-gradient(top, #ccd8e4 0, #bbcbdb 50%, #abbfd2 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ccd8e4), color-stop(50%, #bbcbdb), color-stop(100%, #abbfd2));background:-webkit-linear-gradient(top, #ccd8e4 0, #bbcbdb 50%, #abbfd2 100%);background:-o-linear-gradient(top, #ccd8e4 0, #bbcbdb 50%, #abbfd2 100%);background:linear-gradient(to bottom, #ccd8e4 0, #bbcbdb 50%, #abbfd2 100%);border-radius:5px;border:2px #abbfd2 solid}
section input[type="button"]:focus,section input[type="button"]:not([disabled]):hover,.button:focus,.button:hover{background:#abbfd2;background:-moz-linear-gradient(top, #abbfd2 0, #bbcbdb 50%, #ccd8e4 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #abbfd2), color-stop(50%, #bbcbdb), color-stop(100%, #ccd8e4));background:-webkit-linear-gradient(top, #abbfd2 0, #bbcbdb 50%, #ccd8e4 100%);background:-ms-linear-gradient(top, #abbfd2 0, #bbcbdb 50%, #ccd8e4 100%);background:-o-linear-gradient(top, #abbfd2 0, #bbcbdb 50%, #ccd8e4 100%);background:linear-gradient(to bottom, #abbfd2 0, #bbcbdb 50%, #ccd8e4 100%);outline:none}
.icon{background-repeat:no-repeat;background-position:left center;padding-left:20px}
.icon.chrome{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACkElEQVQ4y63TW0iTARjG8a+kHFao2bTEEDSXHfUzd25zrXCbWxfZhZlUdNhF0FVHAm8yQeimQhohFGiGlM0K0xZtWsTIzNM21yLNtWaCLaSIomDz310mRFe9988P3pf3EYT/PWPb5OK4Veee2GMisq+CcI2Ft7uMvNmhcIc0xeI/w6FNMkdIWcT4diWxKguf9lqJVVXwsdLEmK6EYNE6AgX5jr+Gp5IyHa9yc5lUy/mgV/HBqGHKoGJKr2RKq2JSriC6WWREmsNwcvZ8pNSpFe12GdMrC4gWricikxFdnc3M/mpiu02E9VmEdXlM6GSEtQUMF0oZrU6dW0fdpvEUd+l5sCGP9xk5TJcZYTZB3wz0fwaYZWaglJh3CV98qcT6BWIvBc9vQNOqxvzUSs1pkaCwCIDKphCHm0PYW15z/FYEmAW/QGJ0EYmAhNhTgd+A9oYa22MLhp5ymg/spGssjv78c6oaB6lqHMJwvo/2QSBiIO5bSNwvIfbkD0B9XcXORxbMj8s54TxC58h3ZCd70NZ52VrnRXaql5a++Dxg2vMHoLyqxOayYHWZ0HepAJAeus1yezsZ9nbSDt8FgBGBuH8xcb+Eye6kOaD0osKju6nF5rJg6jZy1HsQgDZ3lFbPJN/i8DW4iVmfQCIg4dOTBYQ7UuaOWFy/RVRcVmDrNGN1mTF1Gyl7oKJ2+BTHnp2hvk0KowJxfzI/h5bxrkNCqCVt/lduPFfikF9WYL1nxtptocJlwviwnMo7GvAngS+FH/3pTDhT8F1b8fdvLKwVHWJDKdqrasxOM8rbVgK9OST6MojeX0qwOZ2BK1mOf/Yh/0SRuPZssXtNbQn7G9YRbkpnoDGTF5ey3N4Lq8T/3t5fH/ili4+DoBYAAAAASUVORK5CYII=")}
.icon.safari{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADW0lEQVQ4TzWTXUzbVRiH/94YvfAC3byYmqmJ2RI10RCZF14hmUq/238/dLoZb9Qhxhk3SAAJKsaZdcDQtXStY0U+RkE3Fj5GgA3SFhBkDMWVQSkdJjDAVVY7dTN9PKdLT/LenJzn936c36u4XK5Xi4uKVj+tKF844WnI12k1z+i1mioRIb22MGWQodOGTQZ9tcVsylNVVbHZbIrdblccDoeiVJSXR91u147PqqrySw5+8tdruwsIXhzk1p9/kD0b66v0dp1BrynEZDDUqBZLTlZEkZkl/M7b+/ojszMZ5lIaPGvw8QIcEOFZh7F/IZlI0NLsx2jQB7IiikeULTNnYZ94/H7zPPtb5ilrmOGrpqu82xLH3r6GaxXiy3FO+ryYjcYaq2hHET0/K8uWR8L7BVxQG8JSP0lx8xU+Or1EgTdOg7+MxXYrx5ZhIfIbRp0W1WLOU+TAQsNDXBYCRa0L7K4L88qxUQqPjvH95CbeudtEAw7RSw7epgpyvVfpiqfwnmjAYjJWKwYx7b9v3sC3AU9VDrLLPUqebxJncJ3itmkB20kfeIiljtfZ6brCzi9COGMw0NOFxWgIC4HClCz/kLjMt7fyfEkvbYublJ2LEmg6ycie7cQ7HDRE0rz0eZCX3/yBQ1GYHg8KAX1KVpARKFmCJ986zb3Ffezy/Ur65hqdfh+dQuS9nuvoOq/x4MFB7tP4KV2EqeDIXQExjHBy5TqNN0D5oI97qiYY/+kS/u88nBLx5UyavYMJth6dZcuRn1HKhtkzlKD3TBuqSbRgFg7rO/cjE+Kf73deFvAUld828lj9OB9GoHwOHnD/zlbnHI/WzfJw/S8cDsVw1TlRzaZqRdpTzIHbyQSeFXixtp/tjYs83nOHXM8qL7hWeKIjyZbjy2yri7FvYIOxofOoRh1W1ZKnSDOYhT1bmxtJrsVxxyH3wj9s6/6P5yqv8XRpjEe60+w4e4u9A+tMXDhPvfNrmb3GZrUqmcWQthTLEjjl8xCPzNId26Q2eoeSeSgV8Ub/BoeHo4wP9d2FTcaATVVz7ILNbFVWxGw01Jh0GnyubxjoPsv06AhToYv0Bto5XnsE1aATmTMWzsCSzaxkVkS2I+0pHSb+OGwx6FIyVGEYAVbLnmXZWViy/wMy7nrLHCrG3wAAAABJRU5ErkJggg==")}
.icon.firefox{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADLElEQVQ4y4WTfUzMcRzHP7/fdf1+d+l6oEfDedqckU3N6pRdU0RrNWWt8sxFKuoSjZXnh1ERmh6JmYUKk4dLnp/DHY5VhiKVplTulMjefsu6zWQ+22ffv96vz/f9eSAaICwdho+z9FPnkvrAG0o6bqIF6a9IGZFO1g7D6H9hrQxNkW4q/U47L0JVeAfH9Q2oaDIh/2kTovae+mo70lPDEUn/ELFEjMqG5jKe4Xto+3lY7LiIGG0NDjd343FXL3TdvdhX24LLVUVoK3ODdh731m2w2N0MUNpS4AUfQmbCLFDaGQScM2D3szqUVZXiQmcPihpNyG0wYov+HfYXZ8BU5ILKxLGVZsDiEZRqCBfBlOeF1My1KD69ATVb3XHVcBsnW7tR0GhE/ocv2F3bCs3D9zidEw9jiVMH0w9IUlBm3TIObclOMK2XonONBB2JEuiivXFtVwzSBP/qa6/hc+QRgsueI18o0KubjhlDRYEkYYnX+jHtzbESfFlr1Sfsz5YD4dhVcReBxXpIVp8Dt7IU47ZfwbHspfj+RIYoL9c55GFDvk/msOhIkZkr92flJn/45t/H1IO34SCIKagQQyNzoD8UjB83Z2L6JFclTRtCwS8jLfB1iz06NL+F9fM55HkrMHvzUUzYeBmK9eVwWXYS5JMNRUQWukom45t2dK+jlJGRrwOFvYgQ4bPGru8H7QLg7DAG51XOCFqdjhWrklGrkSMsYh0Y94OISVDj2yVX6ApFd/sa6CYjL10Y+/NtqNC8JAGQwOPGRILBn0FdFIeaUB6hynmgkTsR4rsY9dvs0FMegHUBknjzGI96073qQA4tar7PQvNSS3ycz6LCbzAUY1aCd8+Av+cSNMTbojPDBp+Oebba82RtBgQ4U3iVisWrGWK0xfJ/NLI9QYLWRCsYU3h0pnL4oZchboo4+q9V3u9B2luC9/oQMT7H8XgfxguvFJ+iJWiMFKNpkbBoBYQTy0UFAx6RzIJk2ePp6v1RLG45MaiSi/BAbg/9ZEcYPDhUq6hnsze7kWWI+eclihhig2xpYRZH18tZar8+SGw8O8ZenzJCumOsNckH0vwCBWC/bTfxJLQAAAAASUVORK5CYII=")}
.icon.opera{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACRElEQVQ4y3WTT0uUURTGf/d9bzO9NtrLKKgjMeI0UrTRlKA2+gVEwSAkWrgJ2oTb+gBt+wpuWkaibkMG0UVgaBaYGxdiiqPO6/x1Zt57Twtt0rGe7T3P7zycc4+iSTI15QMTiIwj4iMC1gYYk8GYWTU/H1yuV1fMY2MDuO4nRHorpTK7u3sgwp3uTrzIjXNQrTatlpfnrgFkZGQA111CxD/IHvPl+1bhEFn0UOXbMPn43l2//ZYH1kIYTqvNzdmr0YeHd2RoSGRwUDJem8ygXwLtAAtERjPRmEgqJdLXJ5JM5qSry/9rTqcnJJ0WSaWklkzKAhEBUpcbLBAR6egQicdFfF+ysdgbAAeAIBgnCCAIyJ/kKMEaEDTNd/0od4o9PSXM57Gl0iQQ0QA2X+hV1iAiWNvg1poAwYkxnGExgFVqCGjVALlQYUydEMjjNII16wjQgAGiSoPUoxrgGEvp4uGM/ysABLBAXOl9qJ+3yorNVN0oh0CA4ELrP/x+HiEAqsrlAPsTCB2APVufU0oTXACi0A+4l90WBvIIRSChPVZMNQMUHYBnsJ4Vs9ipPUpAGcsHIq8urXCmhOUMSLg32bPh9nv4CJQbP/EFJJ5qbymu3P4fYZlWcWjDWQeCInY0pywPdAtFsYV3Yfn5CqwCx42Y36CwY8PPfcpJDmqvP+FGqSq6tOP29ugoPW6ELVtffGsqrzdgG9i/dkx/hjUKj+7Dk4eu1w3w1VT2N2BtFXaBX8DhP6+xSS1A7GL1IVABCs1FvwHAaAlO3pkb4wAAAABJRU5ErkJggg==")}
.icon.iexplore{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADZUlEQVR4XoVSC0yTZxT9eEx04ivTLMtMYLGjbuosduASkWXqEl8LwcGcLs0cmkFIBk5teDgUtvErFSjMEZWHikIUFqEIY2kYCplamS3Q8kZqeUkpfYDSf7a2/Y8fTcVolniTk+9xcu79vnMveV1AF7EYpkX7oPOr5Lq8W7h2L8XTmyT5eyF5438FK5mGt9YwTUe/quxRXlGVPrKOruZsCl9jXWl45/kf+bGpK8knlqtEMpRLIkCI10viFWl/Reyo6DP+pjVx5idHAd0SWJo+QMndRntCi4ELL9GYecmybx4Uzw3QniUHPiXE9yXx7lrd0ysGI2y2/UDHQvTIw5Hd0Ys8C4dMvRPx6mmElXQ6djLSQ20nSejsC3gp9cu2l/dOlOsNcNpEQOs8XD+3fph3sCznvUMVkm1lmu4MHculDdoRfcMEYZ7S/NEBJmi2+qrM5nRJl4Gz2ROA9vmQFQg7/d7mB1LKh8KL90O+36aituasMRdi/p1CWOkAx0+pzaGctzvBF5c0yvHpPKBnMbrrNmDNz/WNAUk1qYE/ycVupMrFqzObanPHOSRqrPisYggC5p9WKp3jTlDYdNXCjbyLker3kaHW4eRDJ06MuMAMOcEM0v2wCxJ6PjXqwkHqw+bKYQRnqyxU6k9giPfXD6x3uuTeyJBXu8UxDSNPoqvus1HX+tkvKWbW6Kp+dtcf/ezmC11syOm2/4KzFO00wQLitASLptVLHOcufIdYxRiy6T/5SbICSi6lWESx0L2+As+9L3Hpl5WP1y14tPFMCye6YwQz6sDe6w/MgbFn1hJPmz48ftM/VHq3YevlnqmNhZrHofmqqcAjskw3D+0cZXvB0ipBlmJyx596HOlmIXnowtc1WvOqjBu5Qccbf91UrO6Lb5mE6JYFn1ePIvjUvcl3IsXr3Am4Xh9V2zEi5ieUxQl/VzuiGieQ2GFFutaOXwYdSB+wQ9zFYr9yEtvrxyCQtjoD4ooOz3bAofIpuH+apEcRMo+XJIv5mD5v67VhbnezEaI7Juy9ZULk3xPYUjnErZMqH3vEb5Ln0V9IlrPV5KJVRsR2ufe++KQ9YUEpNfmCE7f7hFKlVZBzj13L3O4NEledXR6ZHOKu/Ep4fUvI3D3U9WjqLujZM2F+FAs8js93O+7mXo5n4pHbpRflr8UAAAAASUVORK5CYII=")}
.icon.maxthon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAV1BMVEUAAAAAAAAAAAAAAAAAgPX////D4f0kkvbP5/38/v8Gg/UVivYOh/ZptPmSyfui0ft/v/ovl/cfj/ag0Ptisfmm0/xrtfl9vvqFwvozmfek0vuczvuez/uE58NvAAAABHRSTlMADhMFqIj+jQAAAAFiS0dEBfhv6ccAAABYSURBVBgZBcExEoJQFACx7OMrVt7/jpZWOgImtQGAYwIAGgCAhQB1MAC4wgIXKAwA/DCAAgwAwAJcAAu3quoNzTzru6PqdS4eCT53O7UBgKPtDADXAAD4AzIPDjtRpKw6AAAAAElFTkSuQmCC")}
.icon.gplus{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJcSURBVDhPdZDLTxNhFMXnfwAkqNRSILSFtjxDgSgQKViMaLoy0YWJbn0sNNGYYGLiQlwYF7pw4UK6E7FVU5LSUKyIWCnQoAZ5WCqNIpYSi6VFo8d7v5mWSvQmv5z7nXvnzMwnhTqr8S8WO2vk3prtbfncs0ohaxVmD1RirkNmnvs04lwletapVj0mW/RC2ePnpPkOMxa6byE+OoaN1V/4q75NI3qpDTPtJkGgWSfsCQqZsZBnoYCVYBSpx2fobQa8PdKFT4NLYumnrxvvLeRlMd6sFbPxFi3esddmhAQEEDmkw5v95Zhm2o8htsxr61g9b4R/XxleE6wMV7pnKMCDhbYy+i+dghZz9kWxmOy1IWCtFf3/igKWEDmhQYDSxvfKTF4dFMPE3YMYbSxRKBbKlfEaSimA7i3lOAV/UynGBCUI3gnSJUwhZFPLHi2zjjRoRMCIWSPOL5uKISU22Iojdv80Jm2tmLh4E/HoByxfrsHzhiIZs6zDpFze+iL4KISR/LbjmL3Xiy9uD9ZjPN7AypVaeOvUGEpTu0eop0Ylo5wZ6UWdCu7qQsKGSBT4jTVEzungpsUMPM+o0gsKIfnIHKjcBZdJi4BjBdikj9icx8cLjRgwkc+zbDLebqFS8NptLHmH8dlpR/iBHZFXYfoKrhi+9nTBZSzAE8HOLTUUwGmQfSk5dB0j7So4KvLhFNBt97iQ/MEha1g8qVZ8onxHRsV+eT5dYnUO+vR56NPlKZor9OnZfqQo4rv9sOxvR9mTnlXk4pE+B/26bWiPIpygH7lRj36eKzxMz5XzH66jjbxcA0G9AAAAAElFTkSuQmCC")}
.icon.facebook{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACVSURBVDiNY7CKmPWfEsxAOwPCIbRlOARDxGeT7gJkAxAGEWEATHF8+dr/r95++Q8DGAYgm4qN/fodQjMIoLuCAdOfEL/CxHDZjOICZIxsILIBuFwKd4EVmitwAXTXMkCia/Z/dJeA/P763Ve4RhgfwwVwE7FEFXoYoKvFCETLcMzEghoGs7F4gUBCIhgLg98AbOGCjAEbtWXubf0oNQAAAABJRU5ErkJggg==")}
.icon.twitter{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACfSURBVDjLYzA+8/8/JZhhaBiQdvP//4b7///7XiJgQPEdTEWR1/7DwcxnBAwAKQCB/e8htoLEznz6jwLQDWFAdyoyQNcMAyBXglyGYYDD+f//b379TxQAhQnWQIR5Ax8AqYGFFdZYAIUBLgDyFkYYgEIfZCooDEAYlwGf/iD8jhGIID+BFOCzGV0z1kDsfQRxAUgDCC99iYjSIZwX8GEA6qY/gPnIKYkAAAAASUVORK5CYII=")}
html#optionsV2:target,html.optionsV2{width:740px;min-height:400px;overflow-x:hidden}
#optionsV2:target #main,.optionsV2 #main{margin:0;border:0;border-radius:0}
#optionsV2:target #header,#optionsV2:target #description,#optionsV2:target #get-extension,#optionsV2:target #quick-guide,#optionsV2:target #jump-to-contact,#optionsV2:target #contact,#optionsV2:target #sources,#optionsV2:target #license,#optionsV2:target a[href="#top"],.optionsV2 #header,.optionsV2 #description,.optionsV2 #get-extension,.optionsV2 #quick-guide,.optionsV2 #jump-to-contact,.optionsV2 #contact,.optionsV2 #sources,.optionsV2 #license,.optionsV2 a[href="#top"]{display:none}
#optionsV2:target #config>h1,.optionsV2 #config>h1{margin-top:0}
@media (max-width:768px){.pic-gallery-container,.pic-gallery-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .pic-gallery-container{background:#000;color:#fff;font-family:Arial,sans-serif;text-align:center;font-weight:bold} .pic-gallery-toggler:not(:checked)+.pic-gallery-toggle{display:none} .pic-gallery-toggler:checked+.pic-gallery-toggle{display:block} .pic-gallery-item label{display:block} .pic-gallery-toggler,.pic-gallery-container input,.pic-gallery-item>label{display:none} .pic-gallery-item figure{margin:0} .pic-gallery-item{display:block;padding:30px} .pic-gallery-item>*{display:block} .pic-gallery-item img{max-width:100%;margin:10px 0 0;border-radius:5px;border:1px solid #CCC\9;-webkit-box-shadow:0 0 10px 5px rgba(255,255,255,0.5);box-shadow:0 0 10px 5px rgba(255,255,255,0.5)} .pic-gallery-close{position:fixed;top:1px;left:1px;width:50px;height:30px;line-height:30px;border-radius:5px;font-size:17px;font-weight:bold;text-align:center;background:#eee;text-decoration:none;color:#111} .pic-gallery-close:hover{background:#fff}}@media screen and (min-width:768px){.pic-gallery-toggle{position:fixed;top:0;left:0;width:100%;height:100%} .pic-gallery-container,.pic-gallery-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .pic-gallery-container{background:#000;background:rgba(0,0,0,0.5);position:relative;margin:0;padding:0;width:100%;height:100%;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .pic-gallery-container:before{content:'';position:absolute;width:85%;height:100%;background:#000} .pic-gallery-container .pic-gallery-close{z-index:2;position:absolute;top:1px;left:1px;width:50px;height:30px;line-height:30px;border-radius:5px;font-size:17px;font-weight:bold;text-align:center;background:#eee;text-decoration:none;color:#111} .pic-gallery-container .pic-gallery-close:hover{background:#fff} .pic-gallery-wrapper{overflow:auto;height:100%;margin-left:85%;width:15%} .pic-gallery-toggler{display:none} .pic-gallery-toggler:not(:checked)+.pic-gallery-toggle{display:none} .pic-gallery-toggler:checked+.pic-gallery-toggle{display:block} .pic-gallery-item input[type=radio]{position:absolute;opacity:0;z-index:-2} .pic-gallery-item input[type=radio]:not(:checked)~figure{opacity:0;z-index:0} .pic-gallery-item input[type=radio]:checked~figure{opacity:1;z-index:1} .pic-gallery-item input[type=radio]:checked+label{background:#000} .pic-gallery-item>label{display:inline-block;width:100%;margin:0;padding:7px 30px 7px 20px;text-align:center} .pic-gallery-item>label img{display:block;max-width:100%;max-height:100%} .pic-gallery-item figure{position:absolute;top:0;right:15%;width:85%;height:100%;display:block;margin:0;padding:30px 5px 5px 5px;overflow-y:auto;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear} .pic-gallery-item figure img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;margin:auto;border-radius:5px;-webkit-box-shadow:0 0 10px 5px rgba(255,255,255,0.5);box-shadow:0 0 10px 5px rgba(255,255,255,0.5)} .pic-gallery-item figure label{position:relative;display:block;height:100%} .pic-gallery-item figcaption{position:absolute;top:0;left:50px;right:0;display:block;text-align:center;color:#fff;font-size:16px;font-weight:bold;word-break:break-word}}
