#canvas{ width:300px; height:350px; position:relative; border:2px solid #444; margin:0 auto; background:url("../../module/bok/bg3.png"); overflow:hidden; }
#canvas .bokimg{ position:absolute; z-index:500; }

img.bg, img.bok{ width:100px; margin:5px 10px; border:3px solid rgba(0,0,0,0); cursor:pointer; }
img[data-checked="checked"]{ border-color:#C00; }
.hidden{ display:none; }

.notice{ margin-top:20px; font-size:18px; color:#800; }
.point{ margin-top:0 !important; }
.opacity{ opacity:0.3; display:none; position:absolute; }
.text{ font-size:20px; position:absolute; top:310px; font-weight:bold; text-align:center; width:300px; z-index:999; text-shadow:2px 2px #FFF, -2px -2px #FFF,1px 1px #FFF, -1px -1px #FFF; }