@font-face{font-family:WandohopeB;src:url(../asset/WandohopeB.woff) format('woff');font-weight:400;font-style:normal}.windowBox{background:rgba(255,255,255,.5);position:absolute;left:0;top:0;width:100%;height:100%}.dlgWindow{background:#edede5;border-radius:20px;position:absolute;left:25%;right:25%;top:20%;bottom:20%;box-shadow:8px 8px 20px rgba(0,0,0,.5)}.dlgPanelLeft{left:8px;width:100px;top:58px;bottom:10px;border-radius:6px 0 0 14px}.dlgCloseBt{position:absolute;right:8px;top:8px;width:40px;height:40px;box-shadow:inset 0 39px 0 -24px #e67a73;background-color:#e4685d;border-radius:20px;border:1px solid #fff;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-weight:700;font-size:20px;text-decoration:none;text-shadow:0 1px 0 #b23e35;text-align:center;padding:0}.dlgCloseBt:hover{background-color:#eb675e}.dlgCloseBt:active{top:11px}.dlgTitle{font-family:WandohopeB;font-size:30px;position:absolute;left:8px;right:8px;top:8px;text-align:center;color:#555;text-shadow:#fff 1px 1px 0}.dlgTopButtons{position:absolute;left:8px;right:70px;top:4px;text-align:right}.dlgContent{position:absolute;background:#fff;overflow-x:hidden;overflow-y:auto}#ImageViewContent{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.imageSelectButton{position:relative;width:120px;height:90px;border:transparent 2px solid;background:0 0;border-radius:8px;margin:0 5px;cursor:pointer}.imageSelectButtonImage{width:116px;height:86px}.imageSelectButton>div{position:absolute;bottom:4px;left:0;width:100%;font-size:15px;color:#fff;font-weight:700;text-shadow:-1px -1px 0#000,1px -1px 0#000,-1px 1px 0 #000,1px 1px 0#000;word-break:keep-all;white-space:normal}.imageSelectButtonSelected{position:relative;width:120px;height:90px;border:#2a6085 2px solid;background:0 0;border-radius:8px;margin:0 5px;cursor:pointer}.imageSelectButtonSelected>div{position:absolute;bottom:4px;left:0;width:100%;font-size:15px;color:#fff;font-weight:700;text-shadow:-1px -1px 0#000,1px -1px 0#000,-1px 1px 0 #000,1px 1px 0#000;word-break:keep-all;white-space:normal}.imageSelectButton:hover{border:#5499c7 2px solid}.imageSelectButton:active{border:#2a6085 2px solid;top:2px}.dlgPanel{position:absolute;background:#dddad2;overflow-x:hidden;overflow-y:hidden;text-align:right;padding:0;padding-top:10px}.dlgViewButton{width:90px;height:150px;border-radius:10px 0 0 10px;padding:0;background:#c5beac;border:none;margin-bottom:3px;cursor:pointer;transition:background .3s}.dlgViewButton>div{font-size:15px;color:#a09b8d;font-family:WandohopeB}.dlgViewButton>img{width:60px;height:60px;filter:grayscale(100%);transition:filter .3s}.dlgViewButton:hover{background:#968353}.dlgViewButton:hover>div{color:#fff}.dlgViewButton:hover>img{filter:none}.dlgViewButton:active{position:relative;left:2px;background:#989283}.dlgViewButtonSelected{width:90px;height:150px;border-radius:10px 0 0 10px;padding:0;background:#fff;border:none;margin-bottom:3px;font-family:WandohopeB}.dlgViewButtonSelected>img{width:60px;height:60px}.dlgViewButtonSelected>div{font-size:15px;color:#5c584d}.dlgContentRight{left:100px;right:8px;top:58px;bottom:10px;border-radius:0 6px 14px 0}.resItemButton{border:none;background:0 0;cursor:pointer;padding:10px;display:inline-block;width:24%;height:45%;vertical-align:top;position:relative}.resItemButton>img{opacity:70%;width:calc(100% - 20px);height:calc(75% - 10px);position:absolute;left:10px;top:10px;border-radius:20px}.resItemButton:hover>img{opacity:100%}.resItemButton:active>img{filter:brightness(50%)}.resItemButton>div{font-family:WandohopeB;font-size:20px;border-radius:20px;padding:3px 15px;transition:background .2s;word-break:keep-all;line-height:100%;position:absolute;left:10px;right:10px;top:77%}.resItemButton:hover>div{background:#5499c7;color:#fff}.resItemButton:active>div{background:#1a5276}.resItemList{font-size:30px;display:block;margin:4px 10px;padding:2px 30px;position:relative;border-radius:10px;transition:background .3s;height:45px}.resItemList:hover{background:#d1c5a7}.resItemNumber{color:#f9e79f;text-shadow:-1px -1px 0#7d6608,1px -1px 0#7d6608,-1px 1px 0 #7d6608,1px 1px 0#7d6608;font-size:20px;position:absolute;right:20px;bottom:5px;text-align:right}.resItemListImgButton{width:80px;height:50px;margin:0;vertical-align:middle;text-align:center;background:0 0;border:none;display:inline-block;border-radius:0;cursor:pointer;text-decoration:none;position:relative;padding:0}.resItemListImgButton:hover{background:#eee6d1}.resItemListImgButton:active{background:#a39164}.resItemListButtons{position:absolute;right:30px;top:0;bottom:0;text-align:right}.resItemListImgButton>img{position:absolute;left:20px;top:5px;width:40px;height:40px;opacity:50%}.resItemListImgButton:hover>img{opacity:100%}@media only screen and (max-width:700px){.dlgWindow{left:0;right:0;top:0;bottom:0}.dlgPanelLeft{width:50px}.dlgViewButton{width:40px}.dlgViewButton>img{width:25px;height:25px}.dlgViewButton>div{display:none}.dlgViewButtonSelected{width:40px}.dlgViewButtonSelected>img{width:25px;height:25px}.dlgViewButtonSelected>div{display:none}.dlgContentRight{left:50px}.dlgTitle{font-size:20px;text-align:left;top:15px;left:15px}.resItemButton{width:45%;height:30%}#ImageViewListContainer{overflow-x:auto;overflow-y:hidden;word-break:keep-all;white-space:nowrap}.imageSelectButton{width:90px;height:80px;margin-top:5px}.imageSelectButton>div{font-size:10px;white-space:normal}.imageSelectButtonSelected{width:90px;height:80px;margin-top:5px}.imageSelectButtonSelected>div{font-size:10px;white-space:normal}.imageSelectButtonImage{width:86px;height:76px}.resItemList{font-size:24px;margin:7px 5px;padding:0 10px;height:40px;border-radius:0}.resItemListImgButton{width:50px;height:40px}.resItemListImgButton>img{left:5px;top:0}.resItemListButtons{right:0;top:0;bottom:0}.resItemNumber{right:10px;font-size:15px}.dlgTopButtons{left:8px;right:60px;top:10px}#ButtonMusic{left:20px;bottom:138px}#ButtonMusic:active{bottom:136px}}