.gadget-sorting{position:relative;box-sizing:border-box;width:100%;min-height:925px;padding-bottom:3rem;user-select:none}.gadget-sorting__header{margin-top:-2.5rem;margin-bottom:0.75rem;text-align:center}.gadget-sorting__header>.sorting-hat{-webkit-animation:floating 2.3s ease-in-out infinite, spinning 3.0s ease-in-out infinite;animation:floating 2.3s ease-in-out infinite, spinning 3.0s ease-in-out infinite}@media only screen and (max-width: 640px){.gadget-sorting__header>.sorting-hat{width:60%;max-width:250px}}.gadget-sorting__body>div{position:absolute;width:100%;height:calc(100% - 200px)}.gadget-sorting__welcome>p,.gadget-sorting__welcome>div{text-align:center}.gadget-sorting__welcome>p{line-height:1.5em;font-size:1.2em;font-family:Arial,"微軟正黑體",sans-serif;color:#ffffff}.gadget-sorting__quiz>div{position:absolute;box-sizing:border-box;width:100%;height:100%;overflow:hidden;padding:1rem}.gadget-sorting__question>h4{font-size:1.5em;font-family:Arial,"微軟正黑體",sans-serif;color:#ffffff}.gadget-sorting__question>h4.long{font-size:1em}.gadget-sorting__question>ul{list-style:none;margin:10px}.gadget-sorting__question>ul>li{margin:5px}@media only screen and (min-width: 641px){.gadget-sorting__question>ul>li{display:inline-block;width:40%;margin:5px;padding:7px;vertical-align:top}}.gadget-sorting__question>ul button{max-width:100%;padding:0.5rem;background:transparent;outline:none;font-size:1em;color:#ffffff;font-family:Arial,"微軟正黑體",sans-serif;border:1px solid #404040;border-radius:7px;transition:0.33s}.gadget-sorting__question>ul button:hover{border-color:#beb691;transform:scale(1.05)}.gadget-sorting__question>ul button:active{background-color:#4b4b4b}.gadget-sorting__result>div{text-align:center}.gadget-sorting__result>.result-text{line-height:1.5em;font-size:1.2rem;color:#ffffff;font-family:Arial,"微軟正黑體",sans-serif}.gadget-sorting__house{padding:1rem}.gadget-sorting__house>h2{font-size:2em;font-family:Arial,"微軟正黑體",sans-serif;text-shadow:0 0 3px #000000}.gadget-sorting__house>h2.house-r{color:#3c6fa8}.gadget-sorting__house>h2.house-g{color:#c01800}.gadget-sorting__house>h2.house-s{color:#2aa82f}.gadget-sorting__house>h2.house-h{color:#cebe05}.gadget-sorting__sharing{margin:1em auto 1em auto;padding:7px;box-sizing:border-box;max-width:300px;border:1px solid #404040;border-radius:10px}.gadget-sorting__sharing>h5{margin-bottom:5px;font-family:Arial,"微軟正黑體",sans-serif;font-size:0.9em;color:#ffffff}.gadget-sorting__sharing>.shb-circle{text-align:center}.gadget-sorting__sharing>.shb-circle>span{margin-right:5px}@keyframes floating{0%{margin-top:0;margin-bottom:20px}50%{margin-top:20px;margin-bottom:0px}100%{margin-top:0;margin-bottom:20px}}@keyframes spinning{0%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}100%{transform:rotate(-7deg)}}
/*# sourceMappingURL=sorting.hat.css.map */