body{background-color:#CCC}.patternlockcontainer{width:260px;margin:auto;background-color:#e0e0e2;height:260px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;overflow:hidden}.patternlockbuttoncontainer{position:absolute;width:300px}.patternlocklineshorizontalcontainer{position:absolute;width:250px;padding:22px}.patternlocklinesverticalcontainer{position:absolute;width:260px;padding:22px}.patternlocklinesdiagonalcontainer{position:absolute;width:240px;padding:22px}.patternlockbutton,.patternlocklinehorizontal{width:53px;background-repeat:no-repeat;display:block;float:left}.patternlockbutton{background-image:url(../_img/button.png);height:53px;margin:16px;-ms-touch-action:none}.touched{background-image:url(../_img/button_active.png)}.multiple{background-image:url(../_img/button_active2.png)}.patternlocklinehorizontal{background-image:url(../_img/line_hor.png);height:83px;margin:2px -7px 0 38px;visibility:hidden}.patternlocklinevertical{background-image:url(../_img/line_ver.png);background-repeat:no-repeat;height:53px;width:83px;display:block;float:left;margin:38px 0 -7px 3px;visibility:hidden}.patternlocklinediagonalbackwards,.patternlocklinediagonalforward{background-repeat:no-repeat;height:83px;width:83px;display:block;float:left;margin:26px -26px -24px 26px;visibility:hidden}.patternlocklinediagonalforward{background-image:url(../_img/line_diagonal1.png)}.patternlocklinediagonalbackwards{background-image:url(../_img/line_diagonal2.png)}