﻿.qrm_pointer {
    cursor: pointer;
}

/* 文字不可被選取 */
.non-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.required:before {
    content: '*';
    color: red;
    display:inline-block;
    position:relative;
    margin-left: -9px;
    margin-right:3px;
}

.marquee {
    font-size: 20px;
    color: red;
    margin-bottom: 3px;
    position: absolute;
    left: 150px;
    right: 1rem;
    z-index: 100;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .marquee {
        left: 150px;
    }
}

.qrm-input-group {
    display: block;
    padding: 0.5rem 1rem 0.5rem 0;
    margin-left: 1px;
}

.qrm-input-group input[type='radio'] {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    opacity: 0;
}

.qrm-input-group input[type='radio'] + label {
    position: relative;
}

.qrm-input-group input[type='radio'] + label:before {
    content: '';
    position: absolute;
    left: -1.375rem;
    top: 0;
    width: calc(1rem - 2px);
    height: calc(1rem - 2px);
    background: #fff;
    border: 1px solid #63636f; /* subtext color */
    border-radius: 50%;
}

.qrm-input-group input[type='radio'] + label:after {
    content: '';
    position: absolute;
    left: -1.125rem;
    top: 0.25rem;
    width: 0.5rem;
    height: 0.5rem;
    background: #fff;
    border-radius: 50%;
}

.qrm-input-group input[type='radio']:checked + label:before,
.qrm-input-group input[type='radio']:focus + label:before {
    border-color: #ff8400; /* theme primary color */
}

.qrm-input-group input[type='radio']:checked + label:after,
.qrm-input-group input[type='radio']:focus + label:after {
    background: #ff8400; /* theme primary color */
}
