@charset "utf-8";
body, ul, li {
margin: 0;
padding: 0;
}
ul, li {
list-style: none;
}
.menu {
width: 400px;
height: 255px;
border: 6px solid #ccc;
margin: 30px auto 0;
overflow: hidden;
}
.menu ul {
width: 400px;
height: 255px;
}
.menu ul li img {
display: block;
width: 400px;
height: 255px;
}


/* 當滑鼠移入安全帽 360 旋轉區域時，游標變成精緻圓潤的紅色雙向環形箭頭 */
.list, .list img {
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMicgd2lkdGg9JzMyJyBoZWlnaHQ9JzMyJz48cGF0aCBkPSdNIDMgMTMgTCA4IDE4IEwgNyAxNCBDIDExIDIwIDIxIDIwIDI1IDE0IEwgMjQgMTggTCAyOSAxMyBMIDI0IDggTCAyNSAxMiBDIDIwIDE3IDEyIDE3IDggMTIgTCA5IDggWiAnIGZpbGw9JyNmZjAwMDAnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScxJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+") 16 16, ew-resize !important;
}

/* 當滑鼠點擊或按住拖曳時，維持此精緻紅色游標 */
.list:active, .list img:active {
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMicgd2lkdGg9JzMyJyBoZWlnaHQ9JzMyJz48cGF0aCBkPSdNIDMgMTMgTCA4IDE4IEwgNyAxNCBDIDExIDIwIDIxIDIwIDI1IDE0IEwgMjQgMTggTCAyOSAxMyBMIDI0IDggTCAyNSAxMiBDIDIwIDE3IDEyIDE3IDggMTIgTCA5IDggWiAnIGZpbGw9JyNmZjAwMDAnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScxJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+") 16 16, ew-resize !important;
}