.onoffswitch{position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #999;border-radius:4px}.onoffswitch-inner{display:block;width:200%;margin-left:-100%;-moz-transition:margin .3s ease-in 0s;-o-transition:margin .3s ease-in 0s;-webkit-transition:margin .3s ease-in 0s;transition:margin .3s ease-in 0s}.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:75px;padding:0;line-height:75px;font-size:40px;color:#fff;font-family:Trebuchet,Arial,sans-serif;font-weight:bold;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.onoffswitch-inner:before{content:"OK";padding-left:50px;background-color:#34a7c1;color:#fff}.onoffswitch-inner:after{content:"NG";padding-right:50px;background-color:#eee;color:#e01616;text-align:right}.onoffswitch-inner.authority:before{content:"許可"}.onoffswitch-inner.authority:after{content:"拒否"}.onoffswitch-inner.disabled:before{background-color:#77b8d2}.onoffswitch-inner.disabled:after{background-color:#aaa}.onoffswitch-switch{display:block;width:18px;margin:28.5px;background:#fff;position:absolute;top:0;bottom:0;border:2px solid #999;border-radius:4px;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}