.ie-download {
    font-size:1.4rem;
    padding-top:.7em;
}

.ie-download--link{
    line-height:1.5;
    padding:.7em 1.2em;
    border-radius:3px;
    color:#fff;
    background:#0265B8;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.ie-download--link:hover, .ie-download--link:focus{
    color:#fff;
    background:#024B88;
}

.ie-download--link+ .ie-download--link{
    margin-left:1.2em;
}

.ie-warning__icon{
    text-align:center;
}

.ie-warning__icon .fr-alert{
    font-size:13rem;
    color:#4A4A4A;
    vertical-align:text-top;
    margin-top:3rem;
}

.ie-warning--text{
    font-size:1.5rem;
    line-height:2.2rem;
}

.ie-warning--note{
    font-size:1.6rem;
    line-height:2.2rem;
    color:#F73131;
    padding-top:1.5rem;
}

.ie-container {
    margin:0 auto;
    width:45%;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.ie__action {
    position:absolute;
    top:0;
    right:0;
}

.ie__action--close{
    background:none;
    border:none;
    outline:none;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.ie__bottom {
    background:rgba(255,225,164,0.95);
    padding-bottom:3.2em !important;
}

.header__sidebar.is--open {
    -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
            transform:translateX(0);
}

.tag:hover .fr-close{
    -webkit-transform:rotate(90deg) scale(1.2);
        -ms-transform:rotate(90deg) scale(1.2);
            transform:rotate(90deg) scale(1.2);
}

.tag.is--low {
    color:#646464;
    border-color:#919191;
}

.tag.is--purple {
    color:#54689c;
    border-color:#728bc1;
}

.tag.is--purple.is--full{
    background-color:#f0f7ff;
    border-color:#f0f7ff;
}

.tag.is--green {
    color:#2abd5f;
    border-color:#4dc976;
}

.tag.is--green.is--full{
    background-color:#edfcf0;
    border-color:#edfcf0;
}

.tag.is--blue {
    color:#0c87dd;
    border-color:#31a4eb;
}

.tag.is--blue.is--full{
    background-color:#e6f9ff;
    border-color:#e6f9ff;
}

.tag.is--highfull {
    background-color:#fff2f0;
    border-color:#fff2f0;
}

.tag.is--full {
    font-weight:bold;
    background-color:#fff6e6;
    border-color:#fff6e6;
}

.tag.is--high {
    font-weight:bold;
    color:#d11f25;
    border-color:#d11f25;
}

.tag.is--feature {
    color:#6c5c53;
    border-color:#d8d8d8;
}

.tag.is--lg {
    font-size:1.5rem;
}

.tag.is--sm {
    font-size:1.2rem;
}

.r-message__notice-content.is--dark {
        color:#fff;
        background-color:#333;
        border-color:#2c2c2c;
}

.r-message__notice-content.is--dark .fr{
    color:#fff;
}

.r-message__notice-content.is--warning {
        background-color:#fff6e6;
        border-color:#ffdead;
}

.r-message__notice-content.is--warning .fr{
    color:#ff7d0a;
}

.r-message__notice-content.is--error {
        background-color:#fff2f0;
        border-color:#ffdcd6;
}

.r-message__notice-content.is--error .fr{
    background-color:#d11f25;
}

.r-message__notice-content.is--success {
        background-color:#edfcf0;
        border-color:#cef0d6;
}

.r-message__notice-content.is--success .fr{
    font-size:1.3rem;
    background-color:#2abd5f;
}

.modal .caption-decimal li{
    list-style:decimal;
}

.modal-setting--text {
    font-weight:bold;
}

.modal-setting--text span{
    padding:0 5px;
    font-weight:bolder;
    color:#ff5a00;
}

.modal-grid-btn.grid-3 .r-btn{
    width:calc((100% - 20px * 2) / 3);
}

.modal-grid-btn.grid-2 .r-btn{
    width:calc((100% - 20px) / 2);
}

.modal-status-wrap p{
    font-size:1.5rem;
}

.modal-status-wrap p > span{
    padding:0 10px;
}

.modal-status-wrap + .r-btn{
    margin-top:30px;
}

.modal-status-wrap .modal-link{
    padding:0 3px;
}

.modal-body.hasBox {
    padding-top:15px;
    margin:0 15px 15px;
    background-color:#efefef;
}

.modal-body.hasBox.shadow{
    -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2);
            box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.modal-content::after {
    clear:both;
}

    @media screen and (max-width: 479.8px){

    .r-select .selection-placeholder {
        font-size:1.3rem;
    }
    }

.r-select.is--open .r-dropdown{
    display:block;
}

.r-select.is--open .r-select-arrow{
    color:#333;
}

.r-select--input-single .selection-value, .r-select--input-multiple .selection-value{
    padding:0 10px;
    background-color:#fff6e6;
    border:1px solid #ffb35c;
    border-radius:2px;
    cursor:default;
}

.r-select--input-single .selection-value .value-title, .r-select--input-multiple .selection-value .value-title{
    float:left;
    padding:0 5px;
    margin-right:10px;
    margin-left:-10px;
    font-size:1.2rem;
    color:#fff;
    background:#ffc076;
}

.r-select--input-single .selection-value ~ .selection-search{
    display:none;
}

.r-select:not([class*="is--disabled"]) .r-select--single, .r-select:not([class*="is--disabled"]) .r-select--multiple{
    cursor:pointer;
}

.r-select--input-single, .r-select--input-multiple {
    height:32px;
}

.r-select--input-single .selection-value, .r-select--input-multiple .selection-value{
    position:relative;
    overflow:hidden;
    max-width:99%;
    -webkit-transition:padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.r-select--input-single .selection-placeholder, .r-select--input-multiple .selection-placeholder{
    position:absolute;
}

.r-select--single, .r-select--multiple {
    position:relative;
    height:32px;
}

.r-select--single .selection-placeholder, .r-select--multiple .selection-placeholder{
    padding-right:20px;
}

.r-select--single .selection-value, .r-select--multiple .selection-value{
    padding-right:15px;
    color:#ff7d0a;
}

.r-select.is--lg .selection-value{
    font-size:1.5rem;
}

.r-select.is--lg .selection-value .value-title{
    padding:0 8px;
}

.r-select.is--sm .selection-value{
    font-size:1.3rem;
}

.r-select.is--lg .r-select--single, .r-select.is--lg .r-select--multiple{
    height:40px;
}

.r-select.is--lg .r-select--input-single, .r-select.is--lg .r-select--input-multiple{
    height:40px;
}

.r-select.is--lg .r-selection{
    line-height:calc(40px - 2px);
}

.r-select.is--lg .r-selection li{
    height:calc(40px - 8px);
    line-height:calc(40px - 8px);
}

.r-select.is--lg .r-selection li .value-title{
    height:calc(40px - 8px);
    line-height:calc(40px - 8px);
}

.r-select.is--lg .r-input{
    height:calc(40px - 8px);
}

.r-select.is--sm .r-select--single, .r-select.is--sm .r-select--multiple{
    height:28px;
}

.r-select.is--sm .r-select--input-single, .r-select.is--sm .r-select--input-multiple{
    height:28px;
}

.r-select.is--sm .r-selection{
    line-height:calc(28px - 2px);
}

.r-select.is--sm .r-selection li{
    height:calc(28px - 8px);
    line-height:calc(28px - 8px);
}

.r-select.is--sm .r-selection li .value-title{
    height:calc(28px - 8px);
    line-height:calc(28px - 8px);
}

.r-select.is--sm .r-input{
    height:calc(28px - 8px);
}

.r-select:not(.is--disabled) [class*="r-select--"]{
    background-color:#fff;
}

.r-select.is--disabled {
    background-color:#efefef;
    cursor:not-allowed;
}

.r-select.is--disabled:hover{
    border-color:#d8d8d8;
}

.r-select::-webkit-input-placeholder {
    color:#b9b9b9;
}

.r-select::-moz-placeholder {
    color:#b9b9b9;
}

.r-select::-ms-input-placeholder {
    color:#b9b9b9;
}

.r-select::placeholder {
    color:#b9b9b9;
}

.r-select:focus [class*="r-select--"], .r-select.is--focus [class*="r-select--"]{
    outline:0;
}

.r-select:focus .r-select-arrow, .r-select.is--focus .r-select-arrow{
    -webkit-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
            transform:rotate(180deg);
    -webkit-transition:-webkit-transform 0.15s;
    transition:-webkit-transform 0.15s;
    -o-transition:transform 0.15s;
    transition:transform 0.15s;
    transition:transform 0.15s, -webkit-transform 0.15s;
}

.r-form__item-control.is--info .r-input, .r-form__item-control.is--info .r-input:hover, .r-form__item-control.is--info .r-input:focus{
    border-color:#919191;
}

.r-form__item-control.is--info .r-input:focus{
    -webkit-box-shadow:0 0 0 2px rgba(145, 145, 145, 0.15);
            box-shadow:0 0 0 2px rgba(145, 145, 145, 0.15);
}

.r-form__item-control.is--info .r-select [class*="r-select--"], .r-form__item-control.is--info .r-select:hover [class*="r-select--"], .r-form__item-control.is--info .r-select:focus [class*="r-select--"]{
    border-color:#919191;
}

.r-form__item-control.is--info .r-select:focus [class*="r-select--"]{
    -webkit-box-shadow:0 0 0 2px rgba(145, 145, 145, 0.15);
            box-shadow:0 0 0 2px rgba(145, 145, 145, 0.15);
}

.r-form__item-control.is--info .r-checkbox__inner, .r-form__item-control.is--info .r-radio__inner{
    border-color:#919191;
}

.r-form__item-control.is--info .r-form__explain{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#919191;
}

.r-form__item-control.is--info .r-form__explain > span{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}

.r-form__item-control.is--success .r-input, .r-form__item-control.is--success .r-input:hover, .r-form__item-control.is--success .r-input:focus{
    border-color:#2abd5f;
}

.r-form__item-control.is--success .r-input:focus{
    -webkit-box-shadow:0 0 0 2px rgba(42, 189, 95, 0.15);
            box-shadow:0 0 0 2px rgba(42, 189, 95, 0.15);
}

.r-form__item-control.is--success .r-select [class*="r-select--"], .r-form__item-control.is--success .r-select:hover [class*="r-select--"], .r-form__item-control.is--success .r-select:focus [class*="r-select--"]{
    border-color:#2abd5f;
}

.r-form__item-control.is--success .r-select:focus [class*="r-select--"]{
    -webkit-box-shadow:0 0 0 2px rgba(42, 189, 95, 0.15);
            box-shadow:0 0 0 2px rgba(42, 189, 95, 0.15);
}

.r-form__item-control.is--success .r-checkbox__inner, .r-form__item-control.is--success .r-radio__inner{
    border-color:#2abd5f;
}

.r-form__item-control.is--success .r-form__explain{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#2abd5f;
}

.r-form__item-control.is--success .r-form__explain > span{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}

.r-form__item-control.is--error .r-input, .r-form__item-control.is--error .r-input:hover, .r-form__item-control.is--error .r-input:focus{
    border-color:#d11f25;
}

.r-form__item-control.is--error .r-input:focus{
    -webkit-box-shadow:0 0 0 2px rgba(209, 31, 37, 0.15);
            box-shadow:0 0 0 2px rgba(209, 31, 37, 0.15);
}

.r-form__item-control.is--error .r-select [class*="r-select--"], .r-form__item-control.is--error .r-select:hover [class*="r-select--"], .r-form__item-control.is--error .r-select:focus [class*="r-select--"]{
    border-color:#d11f25;
}

.r-form__item-control.is--error .r-select:focus [class*="r-select--"]{
    -webkit-box-shadow:0 0 0 2px rgba(209, 31, 37, 0.15);
            box-shadow:0 0 0 2px rgba(209, 31, 37, 0.15);
}

.r-form__item-control.is--error .r-checkbox__inner, .r-form__item-control.is--error .r-radio__inner{
    border-color:#d11f25;
}

.r-form__item-control.is--error .r-form__explain{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#d11f25;
}

.r-form__item-control.is--error .r-form__explain > span{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}

.r-radio-button__group.is--green .r-radio-button__wrapper input:checked ~ .r-radio-button__inner{
    color:#2abd5f;
    border-color:#2abd5f;
    -webkit-box-shadow:-1px 0 0 0 #2abd5f;
            box-shadow:-1px 0 0 0 #2abd5f;
}

.r-radio-button__group.is--full .r-radio-button__wrapper:first-child input:checked ~ .r-radio-button__inner{
    -webkit-box-shadow:none;
            box-shadow:none;
}

.r-radio-button__group.is--full .r-radio-button__wrapper .r-radio-button__inner{
    background-color:#efefef;
    border-color:#efefef;
}

.r-radio-button__group.is--full .r-radio-button__wrapper input:checked ~ .r-radio-button__inner{
    color:#fff;
    background-color:#0c87dd;
    border-color:#0c87dd;
    -webkit-box-shadow:-1px 0 0 0 #0c87dd;
            box-shadow:-1px 0 0 0 #0c87dd;
}

.r-radio-button__group.is--full.is--green input:checked ~ .r-radio-button__inner{
    background-color:#2abd5f;
    border-color:#2abd5f;
    -webkit-box-shadow:-1px 0 0 0 #2abd5f;
            box-shadow:-1px 0 0 0 #2abd5f;
}

.r-radio-button__group.is--tab .r-radio-button__wrapper:first-child input:checked ~ .r-radio-button__inner{
    -webkit-box-shadow:none;
            box-shadow:none;
}

.r-radio-button__group.is--tab .r-radio-button__wrapper .r-radio-button__inner{
    color:#333;
    background-color:#fff6e6;
    border-color:transparent transparent #ff7d0a transparent;
}

.r-radio-button__group.is--tab .r-radio-button__wrapper input:checked ~ .r-radio-button__inner{
    color:#fff;
    background-color:#ff7d0a;
    border-color:#ff7d0a;
    -webkit-box-shadow:-1px 0 0 0 #ff7d0a;
            box-shadow:-1px 0 0 0 #ff7d0a;
}

.r-radio-button__group.is--tab .r-radio-button__wrapper .r-radio-button__inner.is--checked{
    color:#fff;
    background-color:#ff7d0a;
    border-color:#ff7d0a;
    -webkit-box-shadow:-1px 0 0 0 #ff7d0a;
            box-shadow:-1px 0 0 0 #ff7d0a;
}

.r-radio-button__group.is--radius .r-radio-button__wrapper:first-child .r-radio-button__inner{
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

.r-radio-button__group.is--radius .r-radio-button__wrapper:last-child .r-radio-button__inner{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}

.r-radio-button__group.is--sm {
    font-size:1.3rem;
}

.r-radio-button__group.is--lg .r-radio-button__wrapper {
      height:44px;
      line-height:calc(44px - 2px);
}

.r-checkbox.is--lg .r-checkbox__inner, .r-checkbox.is-lg .r-checkbox__inner{
    border-radius:3px;
}

.r-checkbox.is--lg .r-checkbox__inner::after, .r-checkbox.is-lg .r-checkbox__inner::after{
    top:1px;
    left:5px;
    width:8px;
    height:14px;
    border-width:3px;
}

.r-checkbox.is--checked .r-checkbox__inner::after{
    -webkit-transform:rotate(45deg) scale(1);
        -ms-transform:rotate(45deg) scale(1);
            transform:rotate(45deg) scale(1);
    -webkit-transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    -o-transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.r-radio.is--checked .r-radio__inner::after{
    -webkit-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
    opacity:1;
    -webkit-transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -o-transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.r-radio.is--lg .r-checkbox__inner, .r-radio.is-lg .r-checkbox__inner, .r-checkbox.is--lg .r-checkbox__inner, .r-checkbox.is-lg .r-checkbox__inner{
    width:20px;
    height:20px;
}

.r-radio.is--blue input:checked ~ .r-radio__inner, .r-radio.is--blue input:checked ~ .r-checkbox__inner, .r-radio.is--blue.is--checked ~ .r-radio__inner, .r-radio.is--blue.is--checked ~ .r-checkbox__inner, .r-checkbox.is--blue input:checked ~ .r-radio__inner, .r-checkbox.is--blue input:checked ~ .r-checkbox__inner, .r-checkbox.is--blue.is--checked ~ .r-radio__inner, .r-checkbox.is--blue.is--checked ~ .r-checkbox__inner{
    background-color:#0c87dd;
    border-color:#0c87dd;
}

.r-radio.is--blue input:checked ~ .r-radio__txt, .r-radio.is--blue input:checked ~ .r-checkbox__txt, .r-radio.is--blue.is--checked ~ .r-radio__txt, .r-radio.is--blue.is--checked ~ .r-checkbox__txt, .r-checkbox.is--blue input:checked ~ .r-radio__txt, .r-checkbox.is--blue input:checked ~ .r-checkbox__txt, .r-checkbox.is--blue.is--checked ~ .r-radio__txt, .r-checkbox.is--blue.is--checked ~ .r-checkbox__txt{
    color:#0c87dd;
}

.r-radio__txt, .r-checkbox__txt {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
    left:20px;
}

.r-radio__inner, .r-checkbox__inner {
    position:relative;
    top:0;
    left:0;
    display:block;
    width:14px;
    height:14px;
    background-color:#fff;
    border:1px solid #919191;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

.r-radio__inner::after, .r-checkbox__inner::after{
    position:absolute;
    display:table;
    content:"";
}

.r-radio__input, .r-checkbox__input {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    opacity:0;
    cursor:pointer;
}

.r-radio__wrapper, .r-checkbox__wrapper {
    font-size:1.3rem;
}

.r-radio__wrapper:not(:last-of-type), .r-checkbox__wrapper:not(:last-of-type){
    margin-right:5px;
}

.r-radio__wrapper.is--disabled .r-radio__inner, .r-radio__wrapper.is--disabled .r-checkbox__inner, .r-checkbox__wrapper.is--disabled .r-radio__inner, .r-checkbox__wrapper.is--disabled .r-checkbox__inner{
    background-color:#efefef;
    border-color:#d8d8d8;
}

.r-radio__wrapper.is--disabled .r-radio__input, .r-radio__wrapper.is--disabled .r-checkbox__input, .r-checkbox__wrapper.is--disabled .r-radio__input, .r-checkbox__wrapper.is--disabled .r-checkbox__input{
    cursor:not-allowed;
}

.r-radio__wrapper.is--disabled .r-radio__input:checked ~ .r-radio__inner, .r-radio__wrapper.is--disabled .r-radio__input:checked ~ .r-checkbox__inner, .r-radio__wrapper.is--disabled .r-checkbox__input:checked ~ .r-radio__inner, .r-radio__wrapper.is--disabled .r-checkbox__input:checked ~ .r-checkbox__inner, .r-checkbox__wrapper.is--disabled .r-radio__input:checked ~ .r-radio__inner, .r-checkbox__wrapper.is--disabled .r-radio__input:checked ~ .r-checkbox__inner, .r-checkbox__wrapper.is--disabled .r-checkbox__input:checked ~ .r-radio__inner, .r-checkbox__wrapper.is--disabled .r-checkbox__input:checked ~ .r-checkbox__inner{
    background-color:#efefef;
    border-color:#d8d8d8;
}

.r-radio__wrapper.is--disabled .r-radio__input.is--checked .r-radio__inner, .r-radio__wrapper.is--disabled .r-radio__input.is--checked .r-checkbox__inner, .r-radio__wrapper.is--disabled .r-checkbox__input.is--checked .r-radio__inner, .r-radio__wrapper.is--disabled .r-checkbox__input.is--checked .r-checkbox__inner, .r-checkbox__wrapper.is--disabled .r-radio__input.is--checked .r-radio__inner, .r-checkbox__wrapper.is--disabled .r-radio__input.is--checked .r-checkbox__inner, .r-checkbox__wrapper.is--disabled .r-checkbox__input.is--checked .r-radio__inner, .r-checkbox__wrapper.is--disabled .r-checkbox__input.is--checked .r-checkbox__inner{
    background-color:#efefef;
    border-color:#d8d8d8;
}

.r-radio__wrapper.is--disabled .r-radio + *, .r-radio__wrapper.is--disabled .r-checkbox + *, .r-checkbox__wrapper.is--disabled .r-radio + *, .r-checkbox__wrapper.is--disabled .r-checkbox + *{
    cursor:not-allowed;
    color:rgba(51, 51, 51, 0.3);
}

.r-radio__wrapper.is--disabled .r-radio__inner::after, .r-checkbox__wrapper.is--disabled .r-radio__inner::after{
    background-color:#b9b9b9;
}

.r-radio__wrapper.is--disabled .r-checkbox__inner::after, .r-checkbox__wrapper.is--disabled .r-checkbox__inner::after{
    border-color:#b9b9b9;
}

.r-radio, .r-radio__wrapper, .r-checkbox, .r-checkbox__wrapper {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    white-space:nowrap;
    cursor:pointer;
}

.r-input__affix-wrapper {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}

.r-input__affix-wrapper .r-input__prefix, .r-input__affix-wrapper .r-input__suffix{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:0;
        -ms-flex:none;
            flex:none;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.r-input__affix-wrapper .r-input__prefix{
    margin-right:10px;
    margin-left:5px;
}

.r-input__affix-wrapper .r-input__suffix{
    margin-right:5px;
    margin-left:10px;
}

.r-input__suffix-wrapper .r-input__suffix{
    position:absolute;
    top:50%;
    right:12px;
    z-index:2;
    line-height:0;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
}

.r-input__suffix-wrapper .r-input{
    padding-right:35px;
}

.r-input__suffix-wrapper .fr{
    cursor:pointer;
}

.r-input__suffix-wrapper .fr-eye-slash{
    color:#919191;
}

.r-input__suffix-wrapper .fr-eye{
    color:#0c87dd;
}

.r-input__prefix-wrapper .r-input__prefix{
    position:absolute;
    top:50%;
    left:12px;
    z-index:2;
    line-height:0;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
}

.r-input__prefix-wrapper .r-input{
    padding-left:35px;
}

.r-input__prefix-wrapper, .r-input__suffix-wrapper{
    position:relative;
    display:inline-block;
    width:100%;
}

.r-input__prefix-text, .r-input__suffix-text{
    font-size:1.3rem;
    color:#b9b9b9;
    pointer-events:all;
}

.r-input::-webkit-input-placeholder {
    color:#b9b9b9;
}

.r-input::-moz-placeholder {
    color:#b9b9b9;
}

.r-input::-ms-input-placeholder {
    color:#b9b9b9;
}

.r-input::placeholder {
    color:#b9b9b9;
}

.r-input:not([class*="is--pure"]):hover, .r-input:not([class*="is--pure"]):focus, .r-input:not([class*="is--pure"]).is--focus{
    border-color:#0c87dd;
}

.r-input:not([class*="is--pure"]):focus, .r-input:not([class*="is--pure"]).is--focus{
    outline:0;
    -webkit-box-shadow:0 0 0 2px rgba(12, 135, 221, 0.15);
            box-shadow:0 0 0 2px rgba(12, 135, 221, 0.15);
}

.r-input.is--pure {
    border-color:transparent;
}

.r-input__affix-wrapper.is--lg {
      padding-top:7px;
      padding-bottom:7px;
      height:44px;
      font-size:1.6rem;
}

.r-input__affix-wrapper.is--lg .r-input, .r-input__affix-wrapper.is--lg .r-input.is--lg{
    padding:0;
    height:auto;
    border:none;
    outline:none;
}

.r-input.is--lg {
      padding-top:7px;
      padding-bottom:7px;
      height:44px;
      font-size:1.6rem;
}

.r-input__affix-wrapper.is--sm {
      padding-top:1px;
      padding-bottom:1px;
      height:28px;
      font-size:1.4rem;
}

.r-input__affix-wrapper.is--sm .r-input, .r-input__affix-wrapper.is--sm .r-input.is--sm{
    padding:0;
    height:auto;
    border:none;
    outline:none;
}

.r-input.is--sm {
      padding-top:1px;
      padding-bottom:1px;
      height:28px;
      font-size:1.4rem;
}

.r-input.is--disabled, .r-input[disabled] {
    background-color:#efefef;
    cursor:not-allowed;
}

.r-input.is--disabled:hover, .r-input[disabled]:hover{
    border-color:#d8d8d8;
}

.r-input.is-collapse {
    width:80%;
    max-width:100%;
    height:35px;
    font-size:1.8rem;
    border-radius:5px;
}

.r-input.is-collapse::-webkit-input-placeholder{
    font-size:1.5rem;
}

.r-input.is-collapse::-moz-placeholder{
    font-size:1.5rem;
}

.r-input.is-collapse::-ms-input-placeholder{
    font-size:1.5rem;
}

.r-input.is-collapse::placeholder{
    font-size:1.5rem;
}

.r-input.is--underline {
    border-width:0;
    border-bottom-width:1px;
    border-radius:0;
}

.r-input.is--underline:focus, .r-input.is--underline.is--focus{
    outline:0;
    -webkit-box-shadow:none;
            box-shadow:none;
}

.r-dropdown[data-dropdown-click].is--active .r-dropdown-title, .r-dropdown[data-dropdown-click] .r-dropdown-title:hover{
    cursor:pointer;
    color:#ff7d0a;
}

.r-dropdown[data-dropdown-click].is--active > [class*="r-dropdown-group"]{
    display:block;
}

.r-btn-icon.btn__track[data-favorite="true"] [data-prefix="fas"], .r-btn-icon.btn__track[data-compare="true"] [data-prefix="fas"], .r-btn-icon.btn__compare-add[data-favorite="true"] [data-prefix="fas"], .r-btn-icon.btn__compare-add[data-compare="true"] [data-prefix="fas"]{
    -webkit-filter:drop-shadow(0 1px 3px rgba(255, 255, 255, 0.3));
            filter:drop-shadow(0 1px 3px rgba(255, 255, 255, 0.3));
}

.r-btn-icon.btn__track[data-favorite="true"] [data-prefix="far"], .r-btn-icon.btn__track[data-compare="true"] [data-prefix="far"], .r-btn-icon.btn__compare-add[data-favorite="true"] [data-prefix="far"], .r-btn-icon.btn__compare-add[data-compare="true"] [data-prefix="far"]{
    display:none;
}

.r-btn-icon.btn__track.has--shadow .icon, .r-btn-icon.btn__compare-add.has--shadow .icon{
    position:relative;
    width:40px;
    height:40px;
    -webkit-box-sizing:content-box;
            box-sizing:content-box;
}

.r-btn-icon.btn__track.has--shadow .icon svg, .r-btn-icon.btn__compare-add.has--shadow .icon svg{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
}

.r-btn-icon.btn__track.has--shadow [data-prefix="fas"], .r-btn-icon.btn__compare-add.has--shadow [data-prefix="fas"]{
    color:rgba(0, 0, 0, 0.3);
}

.r-btn-icon.btn__track.has--shadow [data-prefix="far"], .r-btn-icon.btn__compare-add.has--shadow [data-prefix="far"]{
    color:#fff;
    -webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
            filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
}

.r-btn-icon.btn__track.has--shadow[data-favorite="true"] [data-prefix="fas"], .r-btn-icon.btn__compare-add.has--shadow[data-favorite="true"] [data-prefix="fas"]{
    color:#d11f25;
}

.r-btn-icon.btn__track.has--shadow[data-compare="true"] [data-prefix="fas"], .r-btn-icon.btn__compare-add.has--shadow[data-compare="true"] [data-prefix="fas"]{
    color:#3169e0;
}

.r-btn-icon.btn__track.has--shadow[data-favorite="true"] [data-prefix="fas"], .r-btn-icon.btn__track.has--shadow[data-compare="true"] [data-prefix="fas"], .r-btn-icon.btn__compare-add.has--shadow[data-favorite="true"] [data-prefix="fas"], .r-btn-icon.btn__compare-add.has--shadow[data-compare="true"] [data-prefix="fas"]{
    -webkit-filter:drop-shadow(0 1px 3px rgba(255, 255, 255, 0.3));
            filter:drop-shadow(0 1px 3px rgba(255, 255, 255, 0.3));
}

.r-btn-icon.btn__track[data-favorite="false"]:not(.has--shadow) [data-prefix="fas"], .r-btn-icon.btn__track[data-compare="false"]:not(.has--shadow) [data-prefix="fas"], .r-btn-icon.btn__compare-add[data-favorite="false"]:not(.has--shadow) [data-prefix="fas"], .r-btn-icon.btn__compare-add[data-compare="false"]:not(.has--shadow) [data-prefix="fas"]{
    display:none;
}

.r-btn-icon.btn__compare-add[data-compare="true"] {
    color:#3169e0;
}

.r-btn-icon.btn__track[data-favorite="true"] {
    color:#d11f25;
}

.r-btn-icon.size--lg {
    font-size:2.4rem;
}

.r-btn-icon.size--lg img{
    width:24px;
    height:24px;
}

  @media screen and (max-width: 767.8px){

    .r-btn-icon {
}

    .r-btn-icon.is--res {
      padding:8px;
    }

    .r-btn-icon.is--res .wrap{
        display:none;
    }
  }

.r-btn-icon.size--sm {
    font-size:1.8rem;
}

.r-btn-icon.size--sm img{
    width:18px;
    height:18px;
}

@media screen and (max-width: 767.8px){

    .r-btn-icon.size--sm.is--res{
        font-size:2.1rem
    }
}

.r-btn-icon.direction--column {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

.r-btn.is--block.is--3d:last-of-type.is--lg:active{
    margin-bottom:5px;
}

.r-btn.is--block.is--3d:last-of-type.is--sm:active{
    margin-bottom:1px;
}

.r-btn.is--block.is--3d:not(:last-of-type):active{
    margin-bottom:13px;
}

.r-btn.is--block.is--3d:not(:last-of-type).is--sm:active{
    margin-bottom:11px;
}

.r-btn.is--block.is--3d:not(:last-of-type).is--lg:active{
    margin-bottom:15px;
}

.r-btn.is--block:not(:last-of-type) {
      margin-bottom:10px;
}

.r-btn.icon--suffix [class^="fa-"], .r-btn.icon--suffix .svg-inline--fa{
    margin-right:4px;
}

.r-btn.icon--prefix [class^="fa-"], .r-btn.icon--prefix .svg-inline--fa{
    margin-right:4px;
}

.r-btn.is--dark {
    color:#fff;
    background-color:#333;
}

.r-btn.is--dark:hover{
    color:#646464;
    background-color:#efefef;
}

.r-btn.is--sp {
    color:#fff;
    background-color:#ff5a00;
}

.r-btn.is--sp:hover{
    background-color:orangered;
}

.r-btn.is--more {
    padding:0 8px;
    height:26px;
    line-height:26px;
    font-size:1.3rem;
    font-weight:bold;
    color:#0c87dd;
    background-color:#fff;
    border:1px solid #d8d8d8;
    border-radius:14px;
    cursor:pointer;
    -webkit-transition-duration:$hover-timing;
         -o-transition-duration:$hover-timing;
            transition-duration:$hover-timing;
}

.r-btn.is--more:hover{
    color:#0c87dd;
    background-color:#fff;
    border-color:#46a4e5;
}

.r-btn.is--more::after{
    margin-right:-5px;
    font-size:1.5rem;
    font-family:fontrakuya;
    font-weight:normal;
    content:"g";
    vertical-align:middle;
}

.r-btn.is--cicle {
    font-size:1.5rem;
    font-weight:bold;
    color:#0c87dd;
    background-color:#fff;
    border:1px solid #d8d8d8;
    border-radius:14px;
    cursor:pointer;
    -webkit-transition-duration:$hover-timing;
         -o-transition-duration:$hover-timing;
            transition-duration:$hover-timing;
}

.r-btn.is--cicle:hover{
    background-color:#fff;
    border-color:#46a4e5;
}

.r-btn.is--cicle::after{
    padding-left:1px;
    margin-right:-4px;
    font-size:1.8rem;
    font-family:fontrakuya;
    font-weight:normal;
    content:"e";
    vertical-align:middle;
}

.r-btn.is--cicle.down{
    color:#46a4e5;
    border-color:#46a4e5;
}

.r-btn.is--cicle.down::after{
    padding-left:1px;
    margin-right:-4px;
    font-family:fontrakuya;
    font-weight:normal;
    content:"h";
    vertical-align:middle;
}

.r-btn.is--link {
    padding:0;
    font-size:1.5rem;
    font-weight:bold;
    color:#0c87dd;
    background-color:transparent;
    cursor:pointer;
}

.r-btn.is--link:hover{
    background-color:initial;
}

.r-btn.is--grey {
    color:#646464;
    background-color:initial;
}

.r-btn.is--grey:hover{
    background-color:#d8d8d8;
}

.r-btn.is--low {
    color:#d95e00;
    background-color:#ffdead;
}

.r-btn.is--low:hover{
    background-color:#ffca85;
}

.r-btn.is--low.is--3d{
    border-bottom-color:#ffb35c;
}

.r-btn.is--low.is--disabled, .r-btn.is--low[disabled]{
    color:#ffdead;
    background-color:rgba(255, 246, 230, 0.5);
}

.r-btn.is--low.is--disabled:hover, .r-btn.is--low[disabled]:hover{
    background-color:rgba(255, 246, 230, 0.5);
}

.r-btn.is--low.is--disabled.is--3d, .r-btn.is--low[disabled].is--3d{
    border-bottom-color:#ffdead;
}

.r-btn.is--green {
    color:#fff;
    background-color:#2abd5f;
}

.r-btn.is--green:hover{
    background-color:#4dc976;
}

.r-btn.is--green.is--border{
    color:#2abd5f;
    border-color:#9fe3b1;
}

.r-btn.is--green.is--border:hover{
    background-color:#edfcf0;
}

.r-btn.is--green.is--3d{
    border-bottom-color:#0d7038;
}

.r-btn.is--green.is--disabled, .r-btn.is--green[disabled]{
    background-color:#cef0d6;
}

.r-btn.is--green.is--disabled:hover, .r-btn.is--green[disabled]:hover{
    background-color:#cef0d6;
}

.r-btn.is--green.is--disabled.is--3d, .r-btn.is--green[disabled].is--3d{
    border-bottom-color:#9fe3b1;
}

.r-btn.is--green.is--low{
    color:#2abd5f;
    background-color:#edfcf0;
}

.r-btn.is--green.is--low:hover{
    background-color:#cef0d6;
}

.r-btn.is--green.is--low.is--3d{
    border-bottom-color:#9fe3b1;
}

.r-btn.is--green.is--low.is--disabled, .r-btn.is--green.is--low[disabled]{
    color:#cef0d6;
    background-color:rgba(237, 252, 240, 0.5);
}

.r-btn.is--green.is--low.is--disabled:hover, .r-btn.is--green.is--low[disabled]:hover{
    background-color:rgba(237, 252, 240, 0.5);
}

.r-btn.is--green.is--low.is--disabled.is--3d, .r-btn.is--green.is--low[disabled].is--3d{
    border-bottom-color:#cef0d6;
}

.r-btn.is--purple {
    color:#fff;
    background-color:#728bc1;
}

.r-btn.is--purple:hover{
    background-color:#9badcf;
}

.r-btn.is--purple.is--grandient{
    background:-webkit-gradient(linear, left top, left bottom, from(#c8cfdb), to(#54689c));
    background:-o-linear-gradient(top, #c8cfdb 0%, #54689c 100%);
    background:linear-gradient(to bottom, #c8cfdb 0%, #54689c 100%);
}

.r-btn.is--purple.is--grandient:hover{
    background:#31a4eb;
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(208, 214, 224)), to(rgb(110, 127, 171)));
    background:-o-linear-gradient(top, rgb(208, 214, 224) 0%, rgb(110, 127, 171) 100%);
    background:linear-gradient(to bottom, rgb(208, 214, 224) 0%, rgb(110, 127, 171) 100%);
}

.r-btn.is--purple.is--border{
    color:#728bc1;
    border-color:#dae0e8;
}

.r-btn.is--purple.is--border:hover{
    background-color:#f0f7ff;
}

.r-btn.is--purple.is--3d{
    border-bottom-color:#394875;
}

.r-btn.is--purple.is--disabled, .r-btn.is--purple[disabled]{
    background-color:#e6edf5;
}

.r-btn.is--purple.is--disabled:hover, .r-btn.is--purple[disabled]:hover{
    background-color:#e6edf5;
}

.r-btn.is--purple.is--disabled.is--3d, .r-btn.is--purple[disabled].is--3d{
    border-bottom-color:#dae0e8;
}

.r-btn.is--purple.is--disabled.is--grandient, .r-btn.is--purple[disabled].is--grandient{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(236, 238, 242)), to(rgb(195, 202, 220)));
    background:-o-linear-gradient(top, rgb(236, 238, 242) 0%, rgb(195, 202, 220) 100%);
    background:linear-gradient(to bottom, rgb(236, 238, 242) 0%, rgb(195, 202, 220) 100%);
}

.r-btn.is--purple.is--disabled.is--grandient:hover, .r-btn.is--purple[disabled].is--grandient:hover{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(236, 238, 242)), to(rgb(195, 202, 220)));
    background:-o-linear-gradient(top, rgb(236, 238, 242) 0%, rgb(195, 202, 220) 100%);
    background:linear-gradient(to bottom, rgb(236, 238, 242) 0%, rgb(195, 202, 220) 100%);
}

.r-btn.is--purple.is--low{
    color:#728bc1;
    background-color:#f0f7ff;
}

.r-btn.is--purple.is--low:hover{
    background-color:#e6edf5;
}

.r-btn.is--purple.is--low.is--3d{
    border-bottom-color:#dae0e8;
}

.r-btn.is--purple.is--low.is--disabled, .r-btn.is--purple.is--low[disabled]{
    color:#e6edf5;
    background-color:rgba(240, 247, 255, 0.5);
}

.r-btn.is--purple.is--low.is--disabled:hover, .r-btn.is--purple.is--low[disabled]:hover{
    background-color:rgba(240, 247, 255, 0.5);
}

.r-btn.is--purple.is--low.is--disabled.is--3d, .r-btn.is--purple.is--low[disabled].is--3d{
    border-bottom-color:#e6edf5;
}

.r-btn.is--deepBlue {
    color:#fff;
    background-color:#004c91;
}

.r-btn.is--deepBlue:hover{
    background-color:#0065b8;
}

.r-btn.is--blue {
    color:#fff;
    background-color:#0c87dd;
}

.r-btn.is--blue:hover{
    background-color:#31a4eb;
}

.r-btn.is--blue.is--grandient{
    background:-webkit-gradient(linear, left top, left bottom, from(#5cc1f7), to(#0065b8));
    background:-o-linear-gradient(top, #5cc1f7 0%, #0065b8 100%);
    background:linear-gradient(to bottom, #5cc1f7 0%, #0065b8 100%);
}

.r-btn.is--blue.is--grandient:hover{
    background:#31a4eb;
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(116, 202, 248)), to(rgb(38, 124, 195)));
    background:-o-linear-gradient(top, rgb(116, 202, 248) 0%, rgb(38, 124, 195) 100%);
    background:linear-gradient(to bottom, rgb(116, 202, 248) 0%, rgb(38, 124, 195) 100%);
}

.r-btn.is--blue.is--border{
    color:#0c87dd;
    border-color:#31a4eb;
}

.r-btn.is--blue.is--border:hover{
    background-color:#e6f9ff;
}

.r-btn.is--blue.is--outline{
    color:#31a4eb;
    background-color:#e6f9ff;
    border:1px solid #5cc1f7;
}

.r-btn.is--blue.is--3d{
    border-bottom-color:#004b91;
}

.r-btn.is--blue.is--disabled, .r-btn.is--blue[disabled]{
    background-color:#b0e9ff;
}

.r-btn.is--blue.is--disabled:hover, .r-btn.is--blue[disabled]:hover{
    background-color:#b0e9ff;
}

.r-btn.is--blue.is--disabled.is--3d, .r-btn.is--blue[disabled].is--3d{
    border-bottom-color:#87d9ff;
}

.r-btn.is--blue.is--disabled.is--grandient, .r-btn.is--blue[disabled].is--grandient{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(198, 233, 252)), to(rgb(166, 201, 230)));
    background:-o-linear-gradient(top, rgb(198, 233, 252) 0%, rgb(166, 201, 230) 100%);
    background:linear-gradient(to bottom, rgb(198, 233, 252) 0%, rgb(166, 201, 230) 100%);
}

.r-btn.is--blue.is--disabled.is--grandient:hover, .r-btn.is--blue[disabled].is--grandient:hover{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(198, 233, 252)), to(rgb(166, 201, 230)));
    background:-o-linear-gradient(top, rgb(198, 233, 252) 0%, rgb(166, 201, 230) 100%);
    background:linear-gradient(to bottom, rgb(198, 233, 252) 0%, rgb(166, 201, 230) 100%);
}

.r-btn.is--blue.is--low{
    color:#0c87dd;
    background-color:#e6f9ff;
}

.r-btn.is--blue.is--low:hover{
    background-color:#b0e9ff;
}

.r-btn.is--blue.is--low.is--3d{
    border-bottom-color:#87d9ff;
}

.r-btn.is--blue.is--low.is--disabled, .r-btn.is--blue.is--low[disabled]{
    color:#b0e9ff;
    background-color:rgba(230, 249, 255, 0.5);
}

.r-btn.is--blue.is--low.is--disabled:hover, .r-btn.is--blue.is--low[disabled]:hover{
    background-color:rgba(230, 249, 255, 0.5);
}

.r-btn.is--blue.is--low.is--disabled.is--3d, .r-btn.is--blue.is--low[disabled].is--3d{
    border-bottom-color:#b0e9ff;
}

.r-btn.is--main {
    color:#fff;
    background-color:#ff7d0a;
}

.r-btn.is--main:hover{
    background-color:#f93;
}

.r-btn.is--main.is--border{
    color:#ff7d0a;
    border-color:#ffca85;
}

.r-btn.is--main.is--border:hover{
    background-color:#fff6e6;
}

.r-btn.is--main.is--3d{
    border-bottom-color:#b34700;
}

.r-btn.is--main.is--disabled, .r-btn.is--main[disabled]{
    background-color:#ffdead;
}

.r-btn.is--main.is--disabled:hover, .r-btn.is--main[disabled]:hover{
    background-color:#ffdead;
}

.r-btn.is--main.is--disabled.is--3d, .r-btn.is--main[disabled].is--3d{
    border-bottom-color:#ffca85;
}

.r-btn.is--white {
    color:#646464;
    background-color:#fff;
}

.r-btn.is--white:hover{
    background-color:#fff;
}

.r-btn.is--white.is--disabled, .r-btn.is--white[disabled]{
    background-color:#d8d8d8;
}

.r-btn.is--white.is--disabled:hover, .r-btn.is--white[disabled]:hover{
    background-color:#d8d8d8;
}

.r-btn.is--platRed {
    color:#fff;
    background-color:#ff625d;
}

.r-btn.is--platRed:hover{
    background-color:#fb2b16;
}

.r-btn.is--red {
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#ab111b), to(#f73131));
    background:-o-linear-gradient(top, #ab111b 0%, #f73131 100%);
    background:linear-gradient(to bottom, #ab111b 0%, #f73131 100%);
}

.r-btn.is--red:hover{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(184, 53, 61)), to(rgb(248, 80, 80)));
    background:-o-linear-gradient(top, rgb(184, 53, 61) 0%, rgb(248, 80, 80) 100%);
    background:linear-gradient(to bottom, rgb(184, 53, 61) 0%, rgb(248, 80, 80) 100%);
}

.r-btn.is--red.is--3d{
    border-bottom-color:#ab111b;
}

.r-btn.is--red.is--disabled, .r-btn.is--red[disabled]{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(226, 172, 175)), to(rgb(252, 183, 183)));
    background:-o-linear-gradient(top, rgb(226, 172, 175) 0%, rgb(252, 183, 183) 100%);
    background:linear-gradient(to bottom, rgb(226, 172, 175) 0%, rgb(252, 183, 183) 100%);
}

.r-btn.is--red.is--disabled:hover, .r-btn.is--red[disabled]:hover{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(226, 172, 175)), to(rgb(252, 183, 183)));
    background:-o-linear-gradient(top, rgb(226, 172, 175) 0%, rgb(252, 183, 183) 100%);
    background:linear-gradient(to bottom, rgb(226, 172, 175) 0%, rgb(252, 183, 183) 100%);
}

.r-btn.is--red.is--disabled.is--3d, .r-btn.is--red[disabled].is--3d{
    border-bottom-color:rgb(226, 172, 175);
}

.r-btn.is--high {
    color:#fff;
    background:#ff9f00;
    background:-webkit-gradient(linear, left top, left bottom, from(#ff5a00), to(#ff9f00));
    background:-o-linear-gradient(top, #ff5a00 0%, #ff9f00 100%);
    background:linear-gradient(to bottom, #ff5a00 0%, #ff9f00 100%);
}

.r-btn.is--high:hover{
    background:#ff5a00;
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 115, 38)), to(rgb(255, 173, 38)));
    background:-o-linear-gradient(top, rgb(255, 115, 38) 0%, rgb(255, 173, 38) 100%);
    background:linear-gradient(to bottom, rgb(255, 115, 38) 0%, rgb(255, 173, 38) 100%);
}

.r-btn.is--high.is--3d{
    border-bottom-color:#ff5a00;
}

.r-btn.is--high.is--disabled, .r-btn.is--high[disabled]{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 197, 166)), to(rgb(255, 221, 166)));
    background:-o-linear-gradient(top, rgb(255, 197, 166) 0%, rgb(255, 221, 166) 100%);
    background:linear-gradient(to bottom, rgb(255, 197, 166) 0%, rgb(255, 221, 166) 100%);
}

.r-btn.is--high.is--disabled:hover, .r-btn.is--high[disabled]:hover{
    background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 197, 166)), to(rgb(255, 221, 166)));
    background:-o-linear-gradient(top, rgb(255, 197, 166) 0%, rgb(255, 221, 166) 100%);
    background:linear-gradient(to bottom, rgb(255, 197, 166) 0%, rgb(255, 221, 166) 100%);
}

.r-btn.is--high.is--disabled.is--3d, .r-btn.is--high[disabled].is--3d{
    border-bottom-color:rgb(255, 197, 166);
}

.r-btn.is--disabled, .r-btn[disabled] {
    color:#fff;
    background-color:#d8d8d8;
    cursor:not-allowed;
}

.r-btn.is--disabled:hover, .r-btn[disabled]:hover{
    background-color:#d8d8d8;
}

.r-btn.is--disabled.is--3d, .r-btn[disabled].is--3d{
    border-bottom-color:#b9b9b9;
}

.r-btn.is--disabled.is--3d:active, .r-btn[disabled].is--3d:active{
    top:0;
    border-bottom-width:3px;
}

.r-btn.is--disabled.is--border, .r-btn[disabled].is--border{
    color:#b9b9b9;
    background-color:#fff;
    border-color:inherit;
}

.r-btn.is--disabled.is--border:hover, .r-btn[disabled].is--border:hover{
    background-color:#fff;
}

.r-btn.is--3d {
    height:40px;
    border-bottom:4px solid #919191;
    border-radius:5px;
    -webkit-transition:top 0s;
    -o-transition:top 0s;
    transition:top 0s;
}

.r-btn.is--3d:active{
    top:3px;
    height:37px;
    border-bottom-width:1px;
}

.r-btn.is--3d.is--sm{
    height:30px;
    border-bottom-width:2px;
}

.r-btn.is--3d.is--sm:active{
    top:1px;
    height:29px;
    border-bottom-width:1px;
}

.r-btn.is--3d.is--lg{
    height:50px;
    border-bottom-width:6px;
}

.r-btn.is--3d.is--lg:active{
    top:5px;
    height:45px;
    border-bottom-width:1px;
}

.r-btn:hover {
    background-color:#efefef;
}

.r-btn.is--lg {
      padding:0 20px;
      height:40px;
      line-height:40px;
      font-size:1.6rem;
}

.r-btn.is--lg.is--round{
    border-radius:calc(40px / 2);
}

.r-btn.is--lg.is--border{
    height:40px;
    line-height:40px;
}

.r-btn.is--sm {
      padding:0 11px;
      height:24px;
      line-height:24px;
      font-size:1.3rem;
}

.r-btn.is--sm.is--round{
    border-radius:calc(24px / 2);
}

.r-btn.is--sm.is--border{
    height:24px;
    line-height:24px;
}

.r-btn.is--border {
    color:#646464;
    background-color:#fff;
    border:1px solid #d8d8d8;
}

.r-btn.is--border:hover{
    background-color:#efefef;
}

.r-btn.is--round {
    border-radius:18px;
}

.r-btn.is--cube {
    border-radius:0;
}

[data-tooltip][data-tooltip-pos="right"]::before, [data-tooltip][data-tooltip-pos="right"] .r-tooltip{
    top:50%;
    bottom:auto;
    left:100%;
}

[data-tooltip][data-tooltip-pos="right"]::before{
    margin-bottom:0;
    margin-left:5px;
    -webkit-transform:translate(-10px, -50%) rotate(45deg);
        -ms-transform:translate(-10px, -50%) rotate(45deg);
            transform:translate(-10px, -50%) rotate(45deg);
}

[data-tooltip][data-tooltip-pos="right"] .r-tooltip{
    margin-bottom:0;
    margin-left:11px;
    -webkit-transform:translate(-10px, -50%);
        -ms-transform:translate(-10px, -50%);
            transform:translate(-10px, -50%);
}

[data-tooltip][data-tooltip-pos="right"] .r-tooltip::after{
    top:0;
    bottom:0;
    left:-11px;
    width:11px;
    height:auto;
}

[data-tooltip][data-tooltip-pos="right"][data-tooltip-hover]:hover::before, [data-tooltip][data-tooltip-pos="right"][data-tooltip-visible]::before{
    -webkit-transform:translate(0, -50%) rotate(45deg);
        -ms-transform:translate(0, -50%) rotate(45deg);
            transform:translate(0, -50%) rotate(45deg);
}

[data-tooltip][data-tooltip-pos="right"][data-tooltip-hover]:hover .r-tooltip, [data-tooltip][data-tooltip-pos="right"][data-tooltip-visible] .r-tooltip{
    -webkit-transform:translate(0, -50%);
        -ms-transform:translate(0, -50%);
            transform:translate(0, -50%);
}

[data-tooltip].is--white::before{
    z-index:1002;
    background-color:#fff;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15);
}

[data-tooltip].is--white::after{
    position:absolute;
    bottom:100%;
    left:50%;
    z-index:1002;
    margin-bottom:12px;
    width:30px;
    height:12px;
    background-color:#fff;
    opacity:0;
    -webkit-transition:all 0.15s ease-out 0.15s;
    -o-transition:all 0.15s ease-out 0.15s;
    transition:all 0.15s ease-out 0.15s;
    pointer-events:none;
    content:"";
    -webkit-transform:translate(-50%, 10px);
        -ms-transform:translate(-50%, 10px);
            transform:translate(-50%, 10px);
}

[data-tooltip].is--white[data-tooltip-hover]:hover::after, [data-tooltip].is--white[data-tooltip-visible]::after{
    opacity:1;
    pointer-events:auto;
    -webkit-transform:translate(-50%, 0);
        -ms-transform:translate(-50%, 0);
            transform:translate(-50%, 0);
}

[data-tooltip].is--white .r-tooltip{
    color:#333;
    background-color:#fff;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15);
}

[data-tooltip].is--white[data-tooltip-pos="down"]::before{
    -webkit-box-shadow:0 -4px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:0 -4px 10px 0 rgba(0, 0, 0, 0.15);
}

[data-tooltip].is--white[data-tooltip-pos="down"]::after{
    top:100%;
    bottom:auto;
    left:50%;
    margin-top:21px;
    -webkit-transform:translate(-50%, -10px);
        -ms-transform:translate(-50%, -10px);
            transform:translate(-50%, -10px);
}

[data-tooltip].is--white[data-tooltip-pos="down"] .r-tooltip{
    -webkit-box-shadow:0 -4px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:0 -4px 10px 0 rgba(0, 0, 0, 0.15);
}

[data-tooltip].is--white[data-tooltip-pos="left"]::before{
    -webkit-box-shadow:4px 0 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:4px 0 10px 0 rgba(0, 0, 0, 0.15);
}

[data-tooltip].is--white[data-tooltip-pos="left"][data-tooltip-hover]:hover::after, [data-tooltip].is--white[data-tooltip-pos="left"][data-tooltip-visible]::after, [data-tooltip].is--white[data-tooltip-pos="left"]::after{
    top:50%;
    right:100%;
    bottom:auto;
    left:auto;
    margin-right:21px;
    width:12px;
    height:30px;
    -webkit-transform:translate(10px, -50%);
        -ms-transform:translate(10px, -50%);
            transform:translate(10px, -50%);
}

[data-tooltip].is--white[data-tooltip-pos="left"] .r-tooltip{
    -webkit-box-shadow:4px 0 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:4px 0 10px 0 rgba(0, 0, 0, 0.15);
}

[data-tooltip].is--white[data-tooltip-pos="right"]::before{
    -webkit-box-shadow:-4px 0 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:-4px 0 10px 0 rgba(0, 0, 0, 0.15);
}

[data-tooltip].is--white[data-tooltip-pos="right"][data-tooltip-hover]:hover::after, [data-tooltip].is--white[data-tooltip-pos="right"][data-tooltip-visible]::after, [data-tooltip].is--white[data-tooltip-pos="right"]::after{
    top:50%;
    bottom:auto;
    left:100%;
    margin-left:21px;
    width:12px;
    height:30px;
    -webkit-transform:translate(-10px, -50%);
        -ms-transform:translate(-10px, -50%);
            transform:translate(-10px, -50%);
}

[data-tooltip].is--white[data-tooltip-pos="right"] .r-tooltip{
    -webkit-box-shadow:-4px 0 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:-4px 0 10px 0 rgba(0, 0, 0, 0.15);
}

[data-tooltip][data-tooltip-pos="left"]::before, [data-tooltip][data-tooltip-pos="left"] .r-tooltip{
    top:50%;
    right:100%;
    bottom:auto;
    left:auto;
}

[data-tooltip][data-tooltip-pos="left"]::before{
    margin-right:5px;
    margin-bottom:0;
    -webkit-transform:translate(10px, -50%) rotate(45deg);
        -ms-transform:translate(10px, -50%) rotate(45deg);
            transform:translate(10px, -50%) rotate(45deg);
}

[data-tooltip][data-tooltip-pos="left"] .r-tooltip{
    margin-right:11px;
    margin-bottom:0;
    -webkit-transform:translate(10px, -50%);
        -ms-transform:translate(10px, -50%);
            transform:translate(10px, -50%);
}

[data-tooltip][data-tooltip-pos="left"] .r-tooltip::after{
    top:0;
    right:-11px;
    bottom:0;
    left:auto;
    width:11px;
    height:auto;
}

[data-tooltip][data-tooltip-pos="left"][data-tooltip-hover]:hover::before, [data-tooltip][data-tooltip-pos="left"][data-tooltip-visible]::before{
    -webkit-transform:translate(0, -50%) rotate(45deg);
        -ms-transform:translate(0, -50%) rotate(45deg);
            transform:translate(0, -50%) rotate(45deg);
}

[data-tooltip][data-tooltip-pos="left"][data-tooltip-hover]:hover .r-tooltip, [data-tooltip][data-tooltip-pos="left"][data-tooltip-visible] .r-tooltip{
    -webkit-transform:translate(0, -50%);
        -ms-transform:translate(0, -50%);
            transform:translate(0, -50%);
}

[data-tooltip][data-tooltip-pos="down"]::before, [data-tooltip][data-tooltip-pos="down"] .r-tooltip{
    top:100%;
    bottom:auto;
    left:50%;
}

[data-tooltip][data-tooltip-pos="down"]::before{
    margin-top:5px;
    margin-bottom:0;
    -webkit-transform:translate(-50%, -10px) rotate(45deg);
        -ms-transform:translate(-50%, -10px) rotate(45deg);
            transform:translate(-50%, -10px) rotate(45deg);
}

[data-tooltip][data-tooltip-pos="down"] .r-tooltip{
    margin-top:11px;
    margin-bottom:0;
    -webkit-transform:translate(-50%, -10px);
        -ms-transform:translate(-50%, -10px);
            transform:translate(-50%, -10px);
}

[data-tooltip][data-tooltip-pos="down"] .r-tooltip::after{
    top:-11px;
    bottom:auto;
}

[data-tooltip][data-tooltip-pos="down"][data-tooltip-hover]:hover::before, [data-tooltip][data-tooltip-pos="down"][data-tooltip-visible]::before{
    -webkit-transform:translate(-50%, 0) rotate(45deg);
        -ms-transform:translate(-50%, 0) rotate(45deg);
            transform:translate(-50%, 0) rotate(45deg);
}

[data-tooltip][data-tooltip-pos="down"][data-tooltip-hover]:hover .r-tooltip, [data-tooltip][data-tooltip-pos="down"][data-tooltip-visible] .r-tooltip{
    -webkit-transform:translate(-50%, 0);
        -ms-transform:translate(-50%, 0);
            transform:translate(-50%, 0);
}

[data-tooltip][data-tooltip-break] .r-tooltip {
    white-space:pre;
}

[data-tooltip][data-tooltip-hover]:hover .r-tooltip, [data-tooltip][data-tooltip-visible] .r-tooltip {
    -webkit-transform:translate(-50%, 0);
        -ms-transform:translate(-50%, 0);
            transform:translate(-50%, 0);
}

[data-tooltip][data-tooltip-hover]:hover::before, [data-tooltip][data-tooltip-visible]::before {
    -webkit-transform:translate(-50%, 0) rotate(45deg);
        -ms-transform:translate(-50%, 0) rotate(45deg);
            transform:translate(-50%, 0) rotate(45deg);
}

[data-tooltip][data-tooltip-hover]:hover::before, [data-tooltip][data-tooltip-visible]::before, [data-tooltip][data-tooltip-hover]:hover .r-tooltip, [data-tooltip][data-tooltip-visible] .r-tooltip {
    opacity:1;
    pointer-events:auto;
}

[class*="r-avatar"].is--lg {
      width:60px;
      height:60px;
}

[class*="r-avatar"].is--lg > *{
    line-height:60px;
} :root{
} [class*="r-avatar"]{
  position:relative;
  display:inline-block;
  overflow:hidden;
  width:45px;
  height:45px;
  text-align:center;
  white-space:nowrap;
  background-position:50% 50%;
  background-size:cover;
  background-image:url("https://items.rakuya.com.tw/static/web/images/mb-default.png");
} [class*="r-avatar"] > img{
    width:100%;
} [class*="r-avatar"].is--sm {
      width:30px;
      height:30px;
} [class*="r-avatar"].is--sm > *{
    line-height:30px;
} .r-avatar{
} .r-avatar__circle {
    border-radius:50%;
} button[data-tooltip]{
  overflow:visible;
} [data-tooltip]{
  position:relative;
} [data-tooltip]::before, [data-tooltip] .r-tooltip{
    position:absolute;
    bottom:100%;
    left:50%;
    z-index:1001;
    opacity:0;
    -webkit-transition:all 0.15s ease-out 0.15s;
    -o-transition:all 0.15s ease-out 0.15s;
    transition:all 0.15s ease-out 0.15s;
    pointer-events:none;
} [data-tooltip] .r-tooltip{
    padding:10px;
    margin-bottom:11px;
    font-size:1.3rem;
    white-space:nowrap;
    color:#fff;
    background-color:#1e1e1e;
    border-radius:3px;
    -webkit-transform-origin:top;
        -ms-transform-origin:top;
            transform-origin:top;
    -webkit-transform:translate(-50%, 10px);
        -ms-transform:translate(-50%, 10px);
            transform:translate(-50%, 10px)
} [data-tooltip] .r-tooltip::after {
    position:absolute;
    bottom:-11px;
    left:0;
    width:100%;
    height:11px;
    content:"";
} [data-tooltip]::before {
    margin-bottom:6px;
    width:13px;
    height:13px;
    background-color:#1e1e1e;
    border-radius:3px;
    content:"";
    -webkit-transform:translate(-50%, 10px) rotate(45deg);
        -ms-transform:translate(-50%, 10px) rotate(45deg);
            transform:translate(-50%, 10px) rotate(45deg);
} [data-tooltip-length] .r-tooltip{
  white-space:normal;
} [data-tooltip-length="is--sm"] .r-tooltip{
  width:80px;
} [data-tooltip-length="is--md"] .r-tooltip{
  width:150px;
} [data-tooltip-length="is--lg"] .r-tooltip{
  width:260px;
} [data-tooltip-length="is--fit"] .r-tooltip{
  width:100%;
} .r-btn{
  position:relative;
  display:inline-block;
  padding:0 15px;
  height:32px;
  line-height:32px;
  font-size:1.4rem;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
  color:#646464;
  background-color:#d8d8d8;
  border:0;
  border-radius:5px;
  -webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-touch-action:manipulation;
      touch-action:manipulation;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none
} .r-btn.is--block {
    display:block;
    width:100%;
} .r-btn.is--block.is--3d {
} .r-btn.is--block.is--3d:last-of-type {
} .r-btn.is--block.is--3d:last-of-type:active {
          margin-bottom:3px;
} .r-btn-icon{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  gap:4px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-size:2.1rem;
  cursor:pointer;
  color:#646464;
} .r-btn-icon i[class^="fa-"]{
    display:none;
} .r-btn-icon .icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
} .r-btn-icon img{
    width:21px;
    height:21px;
} .r-btn-icon .wrap{
    margin-top:1px;
    font-size:1.3rem;
    font-weight:normal;
} .r-btn-icon.has--hover {
    padding:8px;
} @media screen and (min-width: 768px){

    .r-btn-icon.has--hover {
      -webkit-transition:all ease-out 0.3s;
      -o-transition:all ease-out 0.3s;
      transition:all ease-out 0.3s;
    }

    .r-btn-icon.has--hover:hover {
        background-color:#efefef;
        border-radius:50%;
        -webkit-transition:all ease-in 0.2s;
        -o-transition:all ease-in 0.2s;
        transition:all ease-in 0.2s;
    }
    } .r-dropdown .r-dropdown-title + [class*="r-dropdown-group"]{
    position:absolute;
    z-index:1001;
    display:none;
    padding-top:5px;
} .r-dropdown .r-dropdown-group{
    padding:5px 0;
    background-color:#fff;
    border-radius:3px;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15);
} .r-dropdown .r-dropdown-item{
    position:relative;
    display:block;
    overflow:hidden;
    padding:5px 12px;
    line-height:22px;
    font-size:1.3rem;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-transition:background-color 0.3s ease;
    -o-transition:background-color 0.3s ease;
    transition:background-color 0.3s ease;
} .r-dropdown .r-dropdown-foot{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:8px 10px;
    margin:5px 0 -5px;
    background-color:#efefef;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
            flex-direction:row-reverse;
} .r-dropdown[data-dropdown-hover]:hover {
    cursor:pointer;
} .r-dropdown[data-dropdown-hover]:hover .r-dropdown-title{
    color:#ff7d0a;
} .r-dropdown[data-dropdown-hover]:hover > [class*="r-dropdown-group"]{
    display:block;
} .r-input{
  display:inline-block
} .r-input, .r-input__affix-wrapper {
    position:relative;
    padding:4px 8px;
    width:100%;
    height:36px;
    cursor:text;
    line-height:1.5;
    background-color:white;
    background-image:none;
    border:1px solid #d8d8d8;
    border-radius:5px;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
} .r-input__group{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
} .r-input__group .r-input__group-addon:last-child {
    border-left:0;
} .r-input__group .r-input__group-addon:last-child, .r-input__group .r-input__group-addon:last-child .r-btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
} .r-input__group > .r-input:first-child, .r-input__group > [class*="r-input__"]:first-child .r-input{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
} .r-input__group > .r-input:last-child, .r-input__group > [class*="r-input__"]:last-child .r-input{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
} .r-input__group .r-input__group-addon{
    border-radius:5px;
} .r-input__group .r-input__group-addon .r-btn{
    font-size:1.3rem;
} .r-input__group .r-input__group-addon:first-child {
    border-right:0;
} .r-input__group .r-input__group-addon:first-child, .r-input__group .r-input__group-addon:first-child .r-btn{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
} textarea.r-input{
  max-width:100%;
  height:auto;
  vertical-align:bottom;
  resize:none;
} .r-radio, .r-checkbox{
  line-height:1;
  outline:none;
  vertical-align:text-bottom;
} .r-radio input:checked ~ .r-radio__inner, .r-radio input:checked ~ .r-checkbox__inner, .r-radio.is--checked ~ .r-radio__inner, .r-radio.is--checked ~ .r-checkbox__inner, .r-checkbox input:checked ~ .r-radio__inner, .r-checkbox input:checked ~ .r-checkbox__inner, .r-checkbox.is--checked ~ .r-radio__inner, .r-checkbox.is--checked ~ .r-checkbox__inner{
    background-color:#ff7d0a;
    border-color:#ff7d0a;
} .r-radio input:checked ~ .r-radio__txt, .r-radio input:checked ~ .r-checkbox__txt, .r-radio.is--checked ~ .r-radio__txt, .r-radio.is--checked ~ .r-checkbox__txt, .r-checkbox input:checked ~ .r-radio__txt, .r-checkbox input:checked ~ .r-checkbox__txt, .r-checkbox.is--checked ~ .r-radio__txt, .r-checkbox.is--checked ~ .r-checkbox__txt{
    font-weight:bold;
    color:#ff7d0a;
} .r-radio + *, .r-checkbox + *{
    padding:0 5px;
} .r-radio__group, .r-checkbox__group {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
} .r-radio input:checked ~ .r-radio__inner{
} .r-radio input:checked ~ .r-radio__inner::after {
    -webkit-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
    opacity:1;
    -webkit-transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    -o-transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
} .r-radio__inner {
    border-radius:50%;
} .r-radio__inner::after {
      top:4px;
      right:4px;
      bottom:4px;
      left:4px;
      display:block;
      background-color:#fff;
      border-radius:50%;
      opacity:0;
      -webkit-transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
      -o-transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
      transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
      -webkit-transform:scale(0);
          -ms-transform:scale(0);
              transform:scale(0);
} .r-checkbox input:checked{
} .r-checkbox input:checked ~ .r-checkbox__inner {
} .r-checkbox input:checked ~ .r-checkbox__inner::after {
    -webkit-transform:rotate(45deg) scale(1);
        -ms-transform:rotate(45deg) scale(1);
            transform:rotate(45deg) scale(1);
    -webkit-transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    -o-transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
} .r-checkbox__inner {
    border-radius:2px;
} .r-checkbox__inner::after {
      top:1px;
      left:4px;
      width:5px;
      height:8px;
      border:2px solid #fff;
      -webkit-transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
      -o-transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
      transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
      border-top:0;
      border-left:0;
      -webkit-transform:rotate(45deg) scale(0);
          -ms-transform:rotate(45deg) scale(0);
              transform:rotate(45deg) scale(0);
} .r-radio-button__group:after{
    content:'';
    display:block;
    clear:both
} .r-radio-button__group.is--sm .r-radio-button__wrapper {
      height:28px;
      line-height:calc(28px - 2px);
} .r-radio-button__wrapper{
  float:left;
  height:36px;
  line-height:34px;
  background-color:#fff;
  -webkit-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
  cursor:pointer;
} .r-radio-button__wrapper .r-radio-button{
    display:block;
} .r-radio-button__wrapper .r-radio-button__inner{
    display:block;
    padding:0 10px;
    text-align:center;
    color:#919191;
    border-width:1px 1px 1px 0;
    border-style:solid;
    border-color:#d8d8d8;
} .r-radio-button__wrapper input{
    position:absolute;
    width:0;
    height:0;
    opacity:0
} .r-radio-button__wrapper input:checked ~ .r-radio-button__inner {
    color:#0c87dd;
    background-color:#fff;
    border-color:#0c87dd;
    -webkit-box-shadow:-1px 0 0 0 #0c87dd;
            box-shadow:-1px 0 0 0 #0c87dd;
} .r-radio-button__wrapper:first-child .r-radio-button__inner{
    border-left-width:1px;
} .r-radio-button__wrapper:first-child input:checked ~ .r-radio-button__inner{
    -webkit-box-shadow:none;
            box-shadow:none;
} .r-form__item-control{
  position:relative;
  zoom:1;
} .r-form__item-control p{
    margin-bottom:3px;
    font-weight:bold;
    text-align:left;
} .r-form__item-control.is--required::before {
    position:absolute;
    top:5px;
    left:5px;
    z-index:1;
    line-height:1;
    color:#d11f25;
    content:"*";
} .r-form__explain{
  display:none;
  margin-top:8px;
  width:100%;
  line-height:1.5;
  font-size:1.4rem;
} .r-select{
  position:relative;
  font-size:1.4rem;
} .r-select .r-dropdown-item {
    position:relative;
    display:block;
    overflow:hidden;
    padding:5px 12px;
    line-height:22px;
    font-size:1.3rem;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-transition:background-color 0.3s ease;
    -o-transition:background-color 0.3s ease;
    transition:background-color 0.3s ease;
} .r-select .r-dropdown-item:not([class*="is--disabled"]):not([class*="is--empty"]){
    cursor:pointer;
} .r-select .r-dropdown-item:not([class*="is--disabled"]):not([class*="is--selected"]):not([class*="is--empty"]):hover{
    background-color:#f7f8f9;
} .r-select .r-dropdown-item [class*="fa-"]{
    margin-right:4px;
} .r-select .r-dropdown-item > b{
    margin:0 4px;
} .r-select [class*="r-select--"]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border:1px solid #d8d8d8;
    border-radius:5px;
    -webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
} .r-select [class*="r-select--"] > [class^="fa-"], .r-select [class*="r-select--"] > .svg-inline--fa{
    margin-left:12px;
    font-size:1.6rem;
    color:#919191;
} .r-select [class*="r-select--"] > .wrap{
    padding-right:8px;
    margin-left:8px;
    white-space:nowrap;
    color:#919191;
    border-right:1px solid #d8d8d8;
} .r-select [class*="r-select--"] .fa-xmark{
    padding:8px 12px;
    margin:0;
    cursor:pointer;
    color:#333
} .r-select [class*="r-select--"] .fa-xmark:hover {
    color:#646464;
} .r-select .r-selection:after{
    content:'';
    display:block;
    clear:both;
} .r-select .r-selection{
    position:relative;
    overflow:hidden;
    margin:3px 8px 0;
    line-height:34px;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
} .r-select .r-selection li.selection-search {
    width:100%;
} .r-select .r-selection li{
    float:left;
    margin-bottom:3px;
    max-width:100%;
    height:28px;
    line-height:28px;
} .r-select .r-selection li .value-title{
    height:28px;
    line-height:28px;
} .r-select .r-selection li:not(:last-child) {
    margin-right:3px;
} .r-select .r-selection + .fa-xmark{
    margin-left:-8px;
} .r-select .r-select-arrow{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-8px;
    color:#b9b9b9;
    -webkit-transition:-webkit-transform 0.15s;
    transition:-webkit-transform 0.15s;
    -o-transition:transform 0.15s;
    transition:transform 0.15s;
    transition:transform 0.15s, -webkit-transform 0.15s;
} .r-select .selection-placeholder{
    overflow:hidden;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    white-space:nowrap;
    color:#646464
} .r-select .selection-value{
    overflow:hidden;
    font-weight:bold;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    white-space:nowrap;
} .r-select .selection-value .fr-close{
    float:right;
    padding:0 5px;
    margin-right:-10px;
    line-height:inherit;
    color:#b9b9b9;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
    cursor:pointer
} .r-select .selection-value .fr-close:hover {
    color:#171717;
} .r-select .selection-value ~ .selection-placeholder{
    display:none;
} .r-select .selection-search .value{
    display:none;
    white-space:pre;
} .r-select .selection-search .r-input{
    position:static;
    display:block;
    padding:0;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
} .r-select .r-input{
    height:28px;
} .r-select .r-dropdown{
    position:absolute;
    z-index:300;
    display:none;
    padding-top:5px;
    width:100%;
} .r-select .r-dropdown .is--default{
    color:#919191;
} .r-select .r-dropdown .is--selected{
    font-weight:bold;
    color:#ff7d0a;
    background-color:#fff6e6;
} .r-select .r-dropdown .is--disabled{
    color:#b9b9b9;
} .r-select .r-dropdown .is--empty b{
    color:#ff7d0a;
} .r-select .r-dropdown-group {
    padding:5px 0;
    background-color:#fff;
    border-radius:3px;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15);
} .r-select:not(.is--disabled):hover [class*="r-select--"], .r-select:focus [class*="r-select--"], .r-select.is--focus [class*="r-select--"]{
    border-color:#ff7d0a;
} .modal-open{
  overflow:hidden;
} .modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto;
} .modal{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:99999;
  display:none;
  overflow:hidden;
  outline:0;
} .modal .is--center{
    text-align:center;
} .modal form.rkyLoginForm + .r-form__item{
    margin-top:15px;
} .modal .block__remark{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    font-size:1.3rem;
} .modal .block__remark .fr{
    margin-right:10px;
    font-size:2rem;
} .modal.fade {
    opacity:0;
    -webkit-transition:opacity 0.15s linear;
    -o-transition:opacity 0.15s linear;
    transition:opacity 0.15s linear;
} .modal.fade.in {
      opacity:1;
} .modal-dialog{
  position:relative;
  margin:10px;
  width:auto;
  pointer-events:none;
} .modal.fade .modal-dialog{
    -webkit-transition:-webkit-transform 0.3s ease-out;
    transition:-webkit-transform 0.3s ease-out;
    -o-transition:transform 0.3s ease-out;
    transition:transform 0.3s ease-out;
    transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform:translate(0, -25%);
        -ms-transform:translate(0, -25%);
            transform:translate(0, -25%);
} .modal.in .modal-dialog{
    -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
            transform:translate(0, 0);
} .modal-dialog-centered{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  min-height:calc(100% - 20px)
} .modal-dialog-centered::before {
    display:block;
    height:calc(100vh - 20px);
    content:"";
} .modal-content{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow:hidden;
  width:100%;
  background-color:#fff;
  background-clip:padding-box;
  border:none;
  border-radius:5px;
  outline:0;
  -webkit-box-shadow:none;
          box-shadow:none;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  pointer-events:auto;
} .modal-content iframe{
    float:left;
    overflow:hidden;
    width:100%;
    height:550px;
} .modal-content::before, .modal-content::after {
    display:table;
    content:"";
} .modal-backdrop{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:99998;
  background-color:rgba(0, 0, 0, 0.5)
} .modal-backdrop.fade {
    opacity:0;
} .modal-backdrop.fade.in {
      opacity:1;
} .modal-scrollbar-measure{
  position:absolute;
  top:-9999px;
  overflow:scroll;
  width:50px;
  height:50px;
} .modal-header{
  padding:0 15px;
  font-weight:bold;
} .modal-header .btn__return, .modal-header .btn__close{
    position:absolute;
    top:10px;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    padding:10px;
    font-size:1.3rem;
    color:#b9b9b9;
    cursor:pointer;
} .modal-header .btn__return .fr, .modal-header .btn__return .fa-xmark, .modal-header .btn__close .fr, .modal-header .btn__close .fa-xmark{
    font-size:1.6rem;
} .modal-header .btn__return{
    left:20px;
} .modal-header .btn__close{
    top:0;
    right:0;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding:0;
    width:50px;
    height:50px;
} .modal-header .btn__close .fr-close{
    margin-right:0;
    font-size:2.8rem;
    color:#919191;
} .modal-title{
  height:50px;
  min-height:50px;
  line-height:50px;
  font-size:2.1rem;
  color:#333;
} .modal-title .fr{
    margin-right:5px;
    font-size:1.8rem;
} .modal-title.is--success {
    color:#2abd5f;
} .modal-subtitle span{
    padding:0 5px;
    color:#ff7d0a;
} .modal-body{
  position:relative;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  padding:0 15px 15px;
} .modal-body .hasQRcode{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    overflow:hidden;
    padding:10px;
    background:#fff;
    border-radius:5px;
    -webkit-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.25);
} .modal-body .hasQRcode img{
    width:100px;
    height:100px;
} .modal-body .group__btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 -2.5px;
} .modal-body .group__btn .r-btn{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    margin:0 2.5px;
} .modal-body .r-btn.is--link{
    text-decoration:underline;
} .modal-body__status .fr{
    font-size:3.5rem;
    color:#b9b9b9;
} .modal-body-center{
  position:relative;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  padding:20px
} @media screen and (min-width: 600px){

    .modal-body-center {
    padding-right:100px;
    padding-left:100px;
    }
  } [class*="modal-body"] .r-form__item:not(:last-of-type){
    margin-bottom:15px;
} [class*="modal-body"] .r-form__extra{
    position:relative;
    color:#919191;
} [class*="modal-body"] .r-form__caption{
    font-size:1.3rem;
    text-align:left;
} [class*="modal-body"] .r-form__remark{
    text-align:left;
    font-size:1.2rem;
    color:#646464;
} .modal-footer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  padding:0 15px 15px;
} .modal-footer .r-btn{
    margin-left:10px;
} .modal-footer .align-left{
    -webkit-box-flex:2;
        -ms-flex-positive:2;
            flex-grow:2;
    margin-right:45%;
} .modal .form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:20px 0;
} .modal .form-group label{
    line-height:2;
    font-size:1.5rem;
    font-weight:700;
    -ms-flex-preferred-size:100px;
        flex-basis:100px;
} .modal .form-group:first-child {
    margin-top:0;
} .modal .alert{
    display:inline-block;
    padding:0 10px;
    margin:0;
    margin-left:95px;
    line-height:32px;
    font-size:1.3rem;
    background-color:#fff2f0;
    border-radius:0;
} .modal .alert .fr-alert{
    color:#d11f25;
    vertical-align:middle;
} .modal .is--strong{
    font-weight:bold;
    color:#171717;
} .modal-status{
  padding:40px 0;
  text-align:center;
} .modal-status .fr{
    font-size:4.8rem;
    color:#ff7d0a;
} .modal-status .fr.is--red{
    color:#d11f25;
} .modal-status .fr.is--green{
    color:#2abd5f;
} .modal-status .is--break{
    display:inline-block;
} .modal-status-title {
    font-size:1.8rem;
    font-weight:bold;
} .modal-status-title + .modal-status-wrap{
    margin-top:10px;
} .modal-status-title + .r-btn{
    margin-top:30px;
} .modal-sm .modal-status{
    padding:10px 0;
} .modal-sm .modal-status .fr{
    font-size:4.8rem;
} .modal-sm .modal-status p{
    line-height:1.3;
} .modal-sm .modal-status p + p{
    padding-top:8px;
} .modal-sm .modal-status-wrap{
    margin:0;
} .modal-sm .modal-status-wrap p{
    font-size:1.5rem;
} .modal-sm .modal-footer{
    padding:0 10px 10px;
} .modal-line{
  text-align:center;
} .modal-line .modal-header{
    padding-top:15px;
    padding-bottom:5px;
} .modal-line .modal-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
} .modal-line .modal-title img{
    margin-right:5px;
    height:20px;
} .modal-line .modal-status-title{
    padding:10px 0;
} .modal-line-subscribe{
  text-align:center;
} .modal-line-subscribe .modal-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:baseline;
        -ms-flex-align:baseline;
            align-items:baseline;
    text-align:left;
} .modal-line-subscribe .modal-title .fr{
    -webkit-transform:translateY(2px);
        -ms-transform:translateY(2px);
            transform:translateY(2px);
} .modal-line-subscribe .modal-title img{
    height:16px;
} .modal-line-subscribe .modal-title.text-center {
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
} .modal-line-subscribe .r-form__item > img{
    margin-top:10px;
    width:160px;
} .modal-line-subscribe .r-form__item .r-btn img{
    height:14px;
} .modal-grid-btn:after{
    content:'';
    display:block;
    clear:both
} .modal-grid-btn.grid-2 .r-btn, .modal-grid-btn.grid-3 .r-btn{
    float:left
} .modal-grid-btn.grid-2 .r-btn:not(:last-of-type), .modal-grid-btn.grid-3 .r-btn:not(:last-of-type) {
    margin-right:20px;
} @media screen and (min-width: 480px){
  .modal-dialog{
    margin:10px 30px;
  }

  .modal-sm{
    margin:10px auto;
    width:360px;
  }
} @media screen and (min-width: 768px){
  .modal-dialog{
    margin:10px auto
  }
  .modal-dialog:not(.modal-sm):not(.modal-m):not(.modal-lg) {
      width:600px;
    }

  .modal-m{
    width:450px;
  }

  .modal-lg{
    width:calc(100% - 60px);
  }
} @media screen and (min-width: 1024px){
  .modal-lg{
    margin:10px auto;
    width:900px;
  }
} .modal-setting{
  margin-top:5%;
  text-align:center;
} .modal-setting .fr{
    font-size:8rem
} .modal-setting .fr.is--fail {
    color:#d11f25;
} .modal-setting--title {
    padding-bottom:10px;
    font-size:2rem;
    font-weight:bold;
} .modal-setting--title span{
    padding:0 5px;
    font-weight:bolder;
    color:#ff5a00;
} .modal-callTo .r-btn.text-lg{
    font-size:2.1rem;
} .modal .caption{
  padding-left:20px;
} .modal .caption li{
    padding-bottom:5px
} .modal .caption li:last-child {
    padding-bottom:0;
} @media screen and (max-width: 767.8px){

    .modal .caption li {
        line-height:1.4;
        font-size:1.3rem;
    }
  } @media screen and (min-width: 768px){

    .modal .caption li {
        font-size:1.5rem;
    }
  } .modal .caption-disc li{
    list-style:disc;
} .modal-openApp .modal-title{
} .modal-openApp .modal-body{
} .modal-openApp .modal-body.hasBox {
    padding:25px;
} .modal-openApp .modal-openApp__btn-app{
    width:155px;
} .modal-openApp .modal-openApp__btn-web{
    font-size:1.3rem;
    color:#0c87dd;
} @media screen and (max-width: 767.8px){

    .modal-openApp .modal-title {
        line-height:1.4;
        font-size:1.8rem;
    }
  } @media screen and (min-width: 768px){

    .modal-openApp .modal-title {
        font-size:2.1rem;
    }
  } .modal-favorite .text-grey-500{
    color:#646464;
} .modal-favorite .text-grey-600{
    color:#333;
} .modal-favorite .text-s {
    font-size:1.5rem;
} .modal-favorite [class*="fr-"].fr-heart-o {
    color:#919191;
} .modal-favorite .modal-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
} .modal-favorite [class*="fr-"]{
    margin-right:5px
} .modal-favorite [class*="fr-"].fr-heart {
    margin-right:5px;
    color:#f73131;
} .modal-favorite .text{
} .modal-favorite .text-xs {
    font-size:1.3rem;
} .modal-favorite .r-btn{
    padding:8px 32px;
    height:auto;
    line-height:normal;
} .modal-popup .modal-header{
    padding:0;
} .modal-popup .modal-header .modal-title{
    overflow:hidden;
    padding:0 55px;
    width:100%;
    height:50px;
    min-height:50px;
    line-height:50px;
    font-size:1.8rem;
    font-weight:700;
    text-align:center;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    white-space:nowrap;
    color:#333;
} .modal-popup .modal-header .btn__close{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding:0;
    width:50px;
    height:50px;
    color:#919191;
} .modal-popup .modal-header .btn__close .fr{
    font-size:2.2rem;
} .modal-popup .modal-body{
    padding:5px 15px 15px;
    font-size:1.4rem;
    text-align:left;
    color:#333;
} .modal-popup .modal-body img{
    display:block;
    padding-top:10px;
} .modal-popup .modal-body .call-to-action{
    padding-top:10px;
    text-align:center;
} .modal-popup .modal-body .call-to-action .r-btn{
    width:100%;
    max-width:160px;
    height:40px;
    line-height:40px;
    font-size:1.6rem;
} .modal-content:not(:has(.modal-title, .modal-header)) .modal-body{
  padding-top:15px;
} @-webkit-keyframes rMessage{
  0%{
    margin-top:-200px;
    opacity:0;
  }

  10%{
    margin-top:0;
    opacity:1;
  }

  90%{
    opacity:1;
  }

  99%{
    overflow:visible;
    height:auto;
    opacity:0;
  }

  100%{
    overflow:hidden;
    height:0;
    opacity:0;
  }
} @keyframes rMessage{
  0%{
    margin-top:-200px;
    opacity:0;
  }

  10%{
    margin-top:0;
    opacity:1;
  }

  90%{
    opacity:1;
  }

  99%{
    overflow:visible;
    height:auto;
    opacity:0;
  }

  100%{
    overflow:hidden;
    height:0;
    opacity:0;
  }
} .r-message{
  position:fixed;
  top:50%;
  left:50%;
  z-index:99999;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:1.4rem;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  gap:10px
} .r-message__notice {
    text-align:center;
    -webkit-animation-name:rMessage;
            animation-name:rMessage;
    -webkit-animation-duration:7s;
            animation-duration:7s;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
} .r-message__notice-content {
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex;
      -webkit-box-align:center;
          -ms-flex-align:center;
              align-items:center;
      padding:10px 16px;
      max-width:100%;
      border:1px solid transparent;
      border-radius:3px;
} .r-message__notice-content .fr{
    margin-right:6px;
} .r-message__notice-content span{
    white-space:nowrap;
} .r-message__notice-content.is--success .fr, .r-message__notice-content.is--error .fr{
    width:16px;
    height:16px;
    line-height:16px;
    color:#fff;
    border-radius:50%;
} .tab__group .tab__content.has--line {
    padding:20px;
    margin-bottom:50px;
    border:1px solid #d8d8d8;
    border-top:initial;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
} .tab__group .tab__bar.is--line .tab__link{
    margin-right:5px;
    font-size:1.8rem;
    background-color:#f5f5f5;
    border:1px solid #d8d8d8;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
} .tab__group .tab__bar.is--line .tab__link[selected], .tab__group .tab__bar.is--line .tab__link.is--active{
    z-index:2;
    background-color:#fff;
    border-top:2px solid #ff7d0a;
    border-bottom:initial;
} .tab__group .tab__bar.is--line .tab__link:last-child{
    margin-right:initial;
} .tab__group .tab__bar.is--pure.tab__bar{
} .tab__group .tab__bar.is--pure .tab__link{
} .tab__group .tab__bar.is--pure .tab__link[selected], .tab__group .tab__bar.is--pure .tab__link.is--active{
    color:#ff7d0a;
    border-color:transparent;
    border-bottom-color:#ff7d0a;
} .tab__group .tab__bar.is--high {
    background-color:#fff6e6;
    border-color:#ff7d0a;
} .tab__group .tab__bar.is--high .tab__link[selected], .tab__group .tab__bar.is--high .tab__link.is--active{
    color:#fff;
    background-color:#ff7d0a;
    border-color:transparent;
} .tab__group .tab__bar.is--low {
    background-color:#efefef;
    border-color:transparent;
} .tab__group .tab__bar.is--low .tab__link[selected], .tab__group .tab__bar.is--low .tab__link.is--active{
    background-color:#fff;
    border-color:transparent;
    -webkit-box-shadow:1px 0 0 rgba(0, 0, 0, 0.05);
            box-shadow:1px 0 0 rgba(0, 0, 0, 0.05);
} .tab__group .tab__bar.is--lg .tab__link{
    padding:12px 18px;
} .tab__group .tab__bar.is--sm .tab__link{
    padding:5px 8px;
    font-size:1.3rem;
} .tab__group .tab__bar.is--block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
} .tab__group .tab__bar.is--block .tab__link{
    float:none;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
} .tab__group .tab__bar.is--block .tab__link[selected], .tab__group .tab__bar.is--block .tab__link.is--active{
    -webkit-box-shadow:none;
            box-shadow:none;
} .tab__group .tab__bar:after{
    content:'';
    display:block;
    clear:both;
} .tab__group .tab__bar{
    border-bottom:1px solid #d8d8d8;
} .tab__group .tab__bar .tab__link.is--disabled {
    color:#b9b9b9;
    cursor:default;
} .tab__group .tab__bar .tab__link{
    float:left;
    padding:8px 12px;
    margin-bottom:-1px;
    font-size:1.5rem;
    text-align:center;
    color:#333;
    border:1px solid transparent;
    cursor:pointer
} .tab__group .tab__bar .tab__link[selected], .tab__group .tab__bar .tab__link.is--active {
    font-weight:bold;
    color:#ff7d0a;
    border-color:#d8d8d8;
    outline:none;
} .tab__group .tab__bar.is--vertical {
    border:none;
} .tab__group .tab__bar.is--vertical .tab__link{
    display:block;
    float:none;
    padding-right:15px;
    padding-left:15px;
    text-align:left;
    border-width:0;
} .tab__group .tab__content{
    display:none
} .tab__group .tab__content[selected], .tab__group .tab__content.is--active {
    display:block;
} .tab__group .tab-subTitle{
    margin:10px 0;
    font-size:1.8rem;
    color:#333;
} .tab__group .tab-subTitle span{
} .tab__group .tab-subTitle span:first-child {
    padding:0 5px 0 9px;
    font-size:1.6rem;
} .tab__group .tab-subTitle + hr{
    margin:initial;
    margin-bottom:10px;
    border:1px solid #d8d8d8;
} .tag{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  padding:5px;
  line-height:1;
  font-size:1.3rem;
  color:#ff7d0a;
  background:#fff;
  border:1px solid #f93;
} .tag .icon--prefix, .tag .fr--prefix{
    margin-right:3px;
} .tag .icon--suffix, .tag .fr--suffix{
    margin-left:3px;
} .tag .fr-close{
    cursor:pointer;
    -webkit-transition:-webkit-transform 0.3s ease-in-out;
    transition:-webkit-transform 0.3s ease-in-out;
    -o-transition:transform 0.3s ease-in-out;
    transition:transform 0.3s ease-in-out;
    transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
} .tag + .tag {
    margin-left:5px;
} .modal-sign{
  text-align:center;
} .modal-sign .certificate-status--expired {
    color:#d11f25;
} .modal-sign .certificate-status--expired .certificate-status__icon{
    fill:#d11f25;
} .modal-sign .certificate-status--fail {
    color:#d11f25;
} .modal-sign .certificate-status--fail .certificate-status__icon{
    fill:#d11f25;
} .modal-sign .certificate-status--verified {
    color:#ff7d0a;
} .modal-sign .certificate-status--verified .certificate-status__icon{
    fill:#ff7d0a;
} .modal-sign .certificate-status--loading {
    color:#3870e0;
} .modal-sign .certificate-status--loading .certificate-status__icon{
    fill:#3870e0;
} .modal-sign .certificate-status--loading .certificate-status__icon svg{
    -webkit-animation:dot-loading 2s linear infinite;
            animation:dot-loading 2s linear infinite;
} .modal-sign .certificate-status__text {
    font-size:1.3rem;
    font-weight:bold;
} .modal-sign .item__certificate-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:10px;
} .modal-sign .item__certificate-content .r-input{
    text-align:center;
} .modal-sign .item__certificate-content--year, .modal-sign .item__certificate-content--word{
    width:80px;
} .modal-sign .item__certificate-content--no{
    width:110px;
} @media screen and (max-width: 480px){

    .modal-sign .item__certificate-content--year, .modal-sign .item__certificate-content--word, .modal-sign .item__certificate-content--no{
        width:100%;
    }

    .modal-sign .item__certificate-content--year, .modal-sign .item__certificate-content--word{
        max-width:55px;
    }

    .modal-sign .item__certificate-content--no{
        max-width:90px;
    }
} @media screen and (max-width: 399.8px){

    .modal-sign .item__address .r-input {
        margin-top:10px;
        width:100%;
    }
} @media screen and (min-width: 400px){

    .modal-sign .item__address .r-input {
        -webkit-box-flex:1;
            -ms-flex:1;
                flex:1;
        margin-left:10px;
    }
} .modal-sign .item__member-id {
    display:block;
    color:#333;
} .modal-sign .item__member.member-id-3:hover{
    border-color:#d11f25;
} .modal-sign .item__member.member-id-3 .item__member-title{
    color:#d11f25;
} .modal-sign .item__member.member-id-2:hover{
    border-color:#728bc1;
} .modal-sign .item__member.member-id-2 .item__member-title{
    color:#394875;
} .modal-sign .item__member.member-id-1:hover{
    border-color:#2abd5f;
} .modal-sign .item__member.member-id-1 .item__member-title{
    color:#2abd5f;
} .modal-sign .item__member-title {
    display:block;
    padding-bottom:15px;
    margin-bottom:15px;
    font-size:1.8rem;
    font-weight:bold;
    border-bottom:1px solid #919191;
} .modal-sign .item__member:not(:first-of-type) {
    margin-top:15px;
} .modal-sign .modal-header{
    padding-top:15px;
    padding-bottom:5px;
} .modal-sign .modal-header .btn__close{
    padding:15px;
    width:auto;
    height:auto;
} .modal-sign .modal-header .btn__close .fr-close{
    font-size:initial;
} .modal-sign .r-select{
    text-align:left;
} .modal-sign .r-select [class*="r-select--"]{
    background-color:rgba(239, 239, 239, 0.5);
} .modal-sign .r-dropdown-group{
    overflow-y:auto;
    max-height:234px;
} .modal-sign .r-form__title{
    font-size:1.8rem;
    font-weight:bold;
    color:#646464;
} .modal-sign .r-form__extra{
    position:relative;
    color:#919191;
} .modal-sign .r-form__extra a{
    cursor:pointer;
} .modal-sign .r-form__extra .link__reset{
    position:absolute;
    right:0;
} .modal-sign .r-form__extra.extra__signup {
    margin-top:30px;
    color:#171717;
} .modal-sign * + .r-form__extra{
    padding-top:5px;
} .modal-sign .item__member{
    display:block;
    padding:15px;
    border:1px solid #919191;
    border-radius:5px
} .modal-sign .item__member:hover {
    padding:13px;
    border-width:3px;
} .modal-sign .item__verify{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
} .modal-sign .item__verify .r-input{
    width:auto;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
} .modal-sign .item__verify .r-btn{
    margin-left:10px;
} .modal-sign .item__verify .counter__time{
    padding:3px;
    margin-left:5px;
    color:#d11f25;
    background-color:#fff;
    border-radius:10px;
} .modal-sign .group__btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 -2.5px;
} .modal-sign .group__btn .r-btn{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    margin:0 2.5px;
} .modal-sign .group__btn .is--white{
    font-size:1.3rem;
    font-weight:normal;
    color:#b9b9b9;
} .modal-sign .group__btn .is--other{
    color:#ff7d0a
} .modal-sign .group__signin:after{
    content:'';
    display:block;
    clear:both;
} .modal-sign .group__signin{
    margin-top:60px;
} .modal-sign .group__signin .r-btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    font-size:1.4rem;
} .modal-sign .group__signin .r-btn img{
    margin-right:10px;
    width:20px;
    height:20px;
} .modal-sign .btn__signin--fb{
    color:#fff;
    background-color:#3c5a99;
} .modal-sign .btn__signin--gl{
    color:#333;
    background-color:#fff;
    border:1px solid #919191;
} .modal-sign .btn__signin--ap{
    color:#fff;
    background-color:#000;
} .modal-sign .group__tags{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    padding-bottom:15px;
    text-align:left;
} .modal-sign .group__tags .tag{
    margin-bottom:5px;
} .modal-sign .r-form__caption{
    font-size:1.4rem;
    text-align:left;
} .modal-sign .r-form__caption .counter__frequency{
    display:block;
    color:#d11f25;
} .modal-sign .r-form__caption .caption-contact{
    margin-top:15px;
    font-size:1.3rem;
} .modal-sign .r-form__caption .caption__phone{
    margin:0 5px;
    color:#0c87dd;
} .modal-sign .r-form__caption--high {
    font-size:1.5rem;
    font-weight:bold;
} .modal-sign .r-form__remark{
    font-size:1.3rem;
    text-align:left;
    color:#919191;
} .modal-sign .item__address{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
} .modal-sign .item__address .r-input{
} .modal-sign .item__address-select {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
} @media screen and (max-width: 399.8px){

    .modal-sign .item__address-select .r-select {
        -webkit-box-flex:1;
            -ms-flex:1;
                flex:1;
    }
} .modal-sign .item__address-select .r-select{
    min-width:82px
} .modal-sign .item__address-select .r-select + .r-select {
    margin-left:10px;
} .modal-sign .item__agreement{
    margin-top:25px;
} .modal-sign .item__agreement .r-checkbox__wrapper{
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:start;
    width:100%;
    white-space:normal;
    gap:5px;
} .modal-sign .item__agreement .r-checkbox__wrapper .r-checkbox{
    margin-top:2px;
} .modal-sign .item__agreement .r-checkbox__wrapper .r-checkbox + *{
    text-align:left;
} .modal-sign .item__agreement .r-checkbox__wrapper a{
    display:inline-block;
} .modal-sign .item__brand{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
} @media screen and (max-width: 399.8px){

    .modal-sign .item__brand .r-form__item-control:nth-child(2) {
        margin-top:10px;
        width:100%;
    }
} @media screen and (min-width: 400px){

    .modal-sign .item__brand .r-form__item-control:nth-child(2) {
        -webkit-box-flex:1;
            -ms-flex:1;
                flex:1;
        margin-left:10px;
    }
} .modal-sign .item__brand .r-form__item-control:nth-child(1) {
    min-width:100px;
} @media screen and (max-width: 399.8px){

    .modal-sign .item__brand .r-form__item-control:nth-child(1) {
        width:100%;
    }
} .modal-sign .item__brand .r-form__item-control{
} .modal-sign .item__brand .r-form__item-control.is--wide {
    width:100%;
} .modal-sign .item__store{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
} .modal-sign .item__store .r-form__item-control:nth-child(1){
} .modal-sign .item__store .r-form__item-control:nth-child(2){
} .modal-sign .item__certificate .r-form__item-control .r-form__extra{
    padding-top:10px;
    font-size:1.2rem;
    color:#939393;
} .modal-sign .item__certificate .r-form__item-control.is--error .r-form__extra{
    display:none;
} .modal-sign .item__certificate-label {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-bottom:10px;
    text-align:left;
    gap:5px;
} .modal-sign .group__fast-login{
    position:relative;
    padding:10px 15px 15px;
    margin:30px -15px 0;
    border:1px solid #d8d8d8;
    border-radius:3px;
} .modal-sign .group__fast-login .r-form__title{
    position:absolute;
    top:-14px;
    left:50%;
    margin-left:-85px;
    width:170px;
    background-color:#fff;
} .modal-sign .note__fast-login{
    padding:15px 15px 10px;
    background-color:#efefef;
} .modal-sign .note__fast-login p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    line-height:1;
    color:#646464;
} .modal-sign .note__fast-login .fr{
    margin-right:3px;
    color:#ff7d0a;
} .modal-sign .note__fast-login span{
    display:inline-block;
    border-top:1px solid #b9b9b9;
    padding:5px 5px 0;
    margin-top:10px;
} .modal-sign .note__fast-login span b{
    font-weight:bold;
    color:#ff7d0a;
} .modal-sign .tab__group .tab__content{
    padding-top:20px;
} .modal-sign .tab__group .tab__content .caption__phone{
    color:#ff7d0a;
} .container .modal-sign:not(.fade){
    margin:0 -20px;
} .container .modal-sign:not(.fade) .modal-body-center{
    padding-right:0;
    padding-left:0;
} .modal-sign .r-input__suffix .fr-add{
    font-size:2rem;
    color:#0c87dd;
} .modal-sign .certificate-status{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:2px
} .modal-sign .certificate-status__icon {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-bottom:5px;
    width:13px;
    height:13px;
} .modal-sign .item__certificate.item__certificate--demo{
} @media screen and (max-width: 767.8px){

    .modal-sign .group__btn .is--other {
        display:none;
    }
      } @media screen and (max-width: 399.8px){

    .modal-sign .item__address-select {
        width:100%;
    }
      } @media screen and (max-width: 399.8px){

    .modal-sign .item__store .r-form__item-control:nth-child(1) {
        margin-bottom:10px;
        width:100%;
    }
      } @media screen and (min-width: 400px){

    .modal-sign .item__store .r-form__item-control:nth-child(1) {
        -webkit-box-flex:1;
            -ms-flex:1;
                flex:1;
        margin-right:10px;
    }
      } @media screen and (max-width: 399.8px){

    .modal-sign .item__store .r-form__item-control:nth-child(2) {
        width:100%;
    }
      } @media screen and (min-width: 400px){

    .container .modal-sign:not(.fade) {
        margin:0 auto;
        max-width:360px;
    }
    } @media screen and (max-width: 479.8px){

    .modal-sign .item__certificate.item__certificate--demo .certificate-status{
        position:unset;
    }
    } .modal-content--public .modal-header{
    padding:40px 20px 20px;
} .modal-content--public .modal-header .modal-title{
    color:#333;
} .modal-content--public .modal-header .modal-subtitle{
    font-weight:normal;
    color:#666;
} .modal-content--public .modal-header .btn__close{
    top:10px;
    right:10px;
} .modal-content--public .modal-body{
} .modal-content--public .modal-footer{
    padding:0 10px 10px;
} .modal-content--public .modal-footer .r-btn{
    margin-left:0;
} .modal-content--public .r-radio__wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
} .modal-content--public .r-radio__wrapper .r-radio__inner{
    top:3px;
} .modal-content--public .r-radio__wrapper .r-radio + *{
    white-space:normal;
} @-webkit-keyframes dot-loading{
  0%{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }

  100%{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
  }
} @keyframes dot-loading{
  0%{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }

  100%{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
  }
} @-webkit-keyframes marquee{
  0%{
    -webkit-transform:translateY(-150%);
            transform:translateY(-150%);
  }

  5%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }

  45%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }

  50%{
    -webkit-transform:translateY(150%);
            transform:translateY(150%);
  }

  100%{
    -webkit-transform:translateY(150%);
            transform:translateY(150%);
  }
} @keyframes marquee{
  0%{
    -webkit-transform:translateY(-150%);
            transform:translateY(-150%);
  }

  5%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }

  45%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }

  50%{
    -webkit-transform:translateY(150%);
            transform:translateY(150%);
  }

  100%{
    -webkit-transform:translateY(150%);
            transform:translateY(150%);
  }
} @-webkit-keyframes marqueeDelay{
  0%{
    -webkit-transform:translateY(-150%);
            transform:translateY(-150%);
  }

  50%{
    -webkit-transform:translateY(-150%);
            transform:translateY(-150%);
  }

  55%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }

  95%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }

  100%{
    -webkit-transform:translateY(150%);
            transform:translateY(150%);
  }
} @keyframes marqueeDelay{
  0%{
    -webkit-transform:translateY(-150%);
            transform:translateY(-150%);
  }

  50%{
    -webkit-transform:translateY(-150%);
            transform:translateY(-150%);
  }

  55%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }

  95%{
    -webkit-transform:translateY(0%);
            transform:translateY(0%);
  }

  100%{
    -webkit-transform:translateY(150%);
            transform:translateY(150%);
  }
} .header--pure{
  position:relative;
  -webkit-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.15);
} .header--pure .container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding-top:10px;
    padding-bottom:10px;
    height:50px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
} .header--pure a{
    cursor:pointer;
    color:#ff7d0a;
} .header--pure .link__return{
    position:absolute;
    top:50%;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    padding:10px 15px;
    font-weight:bold;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
} .header--pure .link__return .fr, .header--pure .link__return [class^="fa-"]{
    margin-right:4px;
    font-size:1.6rem;
} .header--pure .link__logo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
} .header--pure .link__logo img{
    display:inline;
} .header--pure .link__logo .img__channel{
    margin-top:5px;
    margin-bottom:5px;
} .header--pure .link__logo .img__channel + .img__channel{
    padding-left:10px;
    margin-left:10px;
    border-left:2px solid #ff7d0a;
} .header--pure .link__logo .text__channel{
    padding-left:10px;
    margin-left:10px;
    line-height:1;
    font-size:2.1rem;
    font-weight:bold;
    color:#ed7920;
    border-style:solid;
    border-color:#ed7920;
    border-left-width:2px;
} .header--pure .link__sidebar{
    position:absolute;
    top:0;
    right:0;
    padding:15px;
    cursor:pointer;
    color:#ff7d0a;
} .header--pure .link__sidebar .fr{
    display:block;
    font-size:2rem;
} .header--pure .link__sidebar.menu__intro--active + .menu__intro{
    z-index:1;
    display:block;
} .header--pure .link__sidebar.menu__intro--active::after {
    position:absolute;
    top:50px;
    left:50%;
    z-index:1002;
    margin-left:-7px;
    border-width:7px;
    border-style:solid;
    border-color:transparent #fff #fff transparent;
    -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
            box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
    content:"";
    -webkit-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
            transform:rotate(225deg);
} .header--pure .menu__intro{
    position:absolute;
    top:56px;
    right:5px;
    display:none;
    padding:5px 10px;
    font-size:1.4rem;
    background-color:#fff;
    border:1px solid #d8d8d8;
    border-radius:3px;
    -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);
            box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);
} .header--pure .menu__intro span{
    font-weight:bold;
    color:#d11f25;
} .header__sidebar{
  position:fixed;
  top:0;
  right:0;
  z-index:99999;
  -webkit-transition:-webkit-transform 0.25s ease-in;
  transition:-webkit-transform 0.25s ease-in;
  -o-transition:transform 0.25s ease-in;
  transition:transform 0.25s ease-in;
  transition:transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
  -webkit-overflow-scrolling:touch;
  will-change:transform;
  -webkit-transform:translateX(100%);
      -ms-transform:translateX(100%);
          transform:translateX(100%);
  bottom:0;
  padding-left:50px;
  width:230px;
  background-color:transparent;
} .header__sidebar li.link__txt-default.is-map {
    position:relative;
} .header__sidebar li.link__txt-default.is-map::before{
    position:absolute;
    top:1.2rem;
    right:0;
    color:#d11f25;
    content:"Map!";
} .header__sidebar ul:not(.section__logout) li a{
    padding:10px 0;
} .header__sidebar ul.is--hr::before, .header__sidebar ul.is--hr::after{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:1px;
} .header__sidebar ul.is--hr::before{
    bottom:1px;
    background-color:#3a404b;
} .header__sidebar ul.is--hr::after{
    bottom:0;
    background-color:#656e81;
} .header__sidebar ul:first-of-type {
    background-color:#525a6a;
} .header__sidebar .content{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:50px;
    overflow:auto;
    margin:0;
    color:#fff;
    background-color:#474c57;
    -webkit-box-shadow:-3px 0 5px rgba(0, 0, 0, 0.3);
            box-shadow:-3px 0 5px rgba(0, 0, 0, 0.3);
} .header__sidebar .link__close{
    position:fixed;
    left:0;
    color:#fff;
    background-color:rgb(22, 91, 156);
    cursor:pointer;
} .header__sidebar .link__close .fr{
    padding:15px;
    font-size:2rem;
} .header__sidebar ul{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    padding:5px 10px
} .header__sidebar ul.section__logout {
    position:sticky;
    right:0;
    bottom:0;
    left:0;
    padding:10px 15px;
} .header__sidebar ul.section__logout li{
    width:100%;
} .header__sidebar li{
    width:50%;
    line-height:1;
    font-size:1.3rem;
} .header__sidebar li a{
    display:block;
    text-align:center
} .header__sidebar li a, .header__sidebar li a:hover {
    color:#fff;
} .header__sidebar li .fr{
    display:block;
    margin-bottom:8px;
    font-size:1.5rem;
} .header__sidebar li img{
    margin-bottom:10px;
    -webkit-transform:scale(0.85);
        -ms-transform:scale(0.85);
            transform:scale(0.85);
} .header__sidebar li .txt{
    display:block;
    letter-spacing:0.5rem;
    margin-right:-0.5rem;
} .header__sidebar li.link__txt-default {
    position:relative;
} .header__sidebar li.link__txt-default .inner__marquee::after {
    content:"地圖";
    -webkit-animation:marqueeDelay 3s infinite linear;
            animation:marqueeDelay 3s infinite linear;
} .header__sidebar li.link__txt-default .inner__marquee::before {
    content:"New";
    -webkit-animation:marquee 3s infinite linear;
            animation:marquee 3s infinite linear;
} .header__sidebar li.link__txt-default .txt{
    letter-spacing:0;
    margin-right:0;
} .header__sidebar li.link__txt-default .inner__marquee{
    position:absolute;
    top:12px;
    overflow:hidden;
    width:100%;
    height:16px
} .header__sidebar li.link__txt-default .inner__marquee::before, .header__sidebar li.link__txt-default .inner__marquee::after {
    position:absolute;
    right:0;
    color:#d11f25;
} .header__sidebar li.link__txt-default.is-new {
    position:relative;
} .header__sidebar li.link__txt-default.is-new::before {
    position:absolute;
    top:5px;
    right:0;
    z-index:1;
    padding:3px 4px;
    font-size:1.1rem;
    font-weight:bold;
    color:#fff;
    background-color:#f73131;
    border-radius:3px;
    content:"NEW";
} .header__sidebar.is--hidden {
    display:none;
} .sidebar__mask{
  position:fixed;
  top:0;
  left:0;
  z-index:99998;
  width:100vw;
  height:100vh;
  background-color:rgba(0, 0, 0, 0.5);
  background-image:none;
} .ie > [class ^= "ie__"]{
  padding:3rem;
} .ie-container--sticky{
  position:fixed;
  top:0;
  z-index:9999;
  visibility:hidden;
  opacity:0; 
} .ie-container--sticky.show{
  visibility:visible;
  -webkit-animation:fadein 1s;
          animation:fadein 1s;
  opacity:1; 
} @-webkit-keyframes fadein{
  from{opacity:0; }
  to{ opacity:1; }
} @keyframes fadein{
  from{opacity:0; }
  to{ opacity:1; }
} @-webkit-keyframes fadeout{
  from{opacity:1; }
  to{ opacity:0; }
} @keyframes fadeout{
  from{opacity:1; }
  to{ opacity:0; }
} .ie{
  position:absolute;
  width:100vw;
  -webkit-box-shadow:0 5px 10px 0 rgba(107,107,107,0.15);
          box-shadow:0 5px 10px 0 rgba(107,107,107,0.15);
  font-weight:bold

} .ie__top {
    background:rgba(255,248,230,0.95);
} @media screen and (max-width: 1200px){
  .ie-container{
    width:550px;
  }

} @media screen and (max-width: 768px){
  .ie > [class ^= "ie__"]{
  padding:3rem 1.5rem;
}
  .ie-container{
    width:90%;
  }
  .ie-download--link{
      font-size:1.3rem
  }
  .ie-download--link+.ie-download--link {
          margin-left:.75em;
    }

} @media screen and (max-width: 500px){
  .ie-container{
    width:calc(100% - 20px);
  }
.ie-download--link{
      font-size:1.2rem
  }
.ie-download--link+.ie-download--link {
          margin-left:.5em;
    }
} .banner__notice{
  position:relative;
} .banner__notice p{
    background-color:#fff6e6;
    color:#ff7d0a;
    font-size:1.3rem;
    font-weight:bold;
    padding:6px 35px 6px 15px
} .banner__notice a{
    display:inline-block;
} .banner__notice .btn__close{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    position:absolute;
    padding:10px;
    right:0;
    top:0;
    cursor:pointer;
    color:#919191;
} .banner__notice .btn__close .wrap{
    font-size:1.3rem
} @media screen and (min-width: 768px){

    .banner__notice p {
        text-align:center;
        padding:10px 0;
    }
    } @media screen and (max-width: 767.8px){

    .banner__notice .btn__close .wrap {
        display:none;
    }
      } .title-2, .title-3, .title-4, .title-5, .title-6{
  font-weight:bold;
  color:#171717;
} h2, .title-2{
  font-size:3.6rem;
} h3, .title-3{
  font-size:3rem;
} h4, .title-4{
  font-size:2.4rem;
} h5, .title-5{
  font-size:1.8rem;
} h6, .title-6{
  font-size:1.5rem;
} .text-center{
  text-align:center;
} .text-right{
  text-align:right;
} .font-normal{
  font-weight:400;
} .font-bold{
  font-weight:700;
} .text-xs{
  font-size:1.2rem;
} .text-s{
  font-size:1.3rem;
} .text-sm{
  font-size:1.5rem;
} .text-base{
  font-size:1.6rem;
} .text-lg{
  font-size:1.8rem;
} .text-xl{
  font-size:2.1rem;
} .text-2xl{
  font-size:2.4rem;
} .text-main-100{
  color:#fff6e6;
} .text-main-200{
  color:#ffdead;
} .text-main-300{
  color:#ffca85;
} .text-main-400{
  color:#ffb35c;
} .text-main-500{
  color:#f93;
} .text-main-600{
  color:#ff7d0a;
} .text-main-700{
  color:#d95e00;
} .text-main-800{
  color:#b34700;
} .text-main-900{
  color:#8c3300;
} .text-main-950{
  color:#620;
} .text-blue-100{
  color:#e6f9ff;
} .text-blue-200{
  color:#b0e9ff;
} .text-blue-300{
  color:#87d9ff;
} .text-blue-400{
  color:#5cc1f7;
} .text-blue-500{
  color:#31a4eb;
} .text-blue-600{
  color:#0c87dd;
} .text-blue-700{
  color:#0065b8;
} .text-blue-800{
  color:#004b91;
} .text-blue-900{
  color:#00346b;
} .text-blue-950{
  color:#001f45;
} .text-grey-100{
  color:#efefef;
} .text-grey-200{
  color:#d8d8d8;
} .text-grey-300{
  color:#b9b9b9;
} .text-grey-400{
  color:#919191;
} .text-grey-500{
  color:#646464;
} .text-grey-600{
  color:#333;
} .text-grey-700{
  color:#2c2c2c;
} .text-grey-800{
  color:#252525;
} .text-grey-900{
  color:#1e1e1e;
} .text-grey-950{
  color:#171717;
} .text-red-100{
  color:#fff2f0;
} .text-red-200{
  color:#ffdcd6;
} .text-red-300{
  color:#ffb6ad;
} .text-red-400{
  color:#ff8d85;
} .text-red-500{
  color:#ff615c;
} .text-red-600{
  color:#f73131;
} .text-red-700{
  color:#d11f25;
} .text-red-800{
  color:#ab111b;
} .text-red-900{
  color:#850713;
} .text-red-950{
  color:#5e0410;
} .hidden{
  display:hidden !important;
} .text-14{
  font-size:1.4rem;
} .text-18{
  font-size:1.8rem;
} .px-xs{
  padding-right:5px;
  padding-left:5px;
} @-webkit-keyframes pushArrow{
  75%{
    opacity:1;
  }

  99%{
    margin-top:0;
    opacity:0;
  }

  100%{
    margin-top:-200px;
  }
} @keyframes pushArrow{
  75%{
    opacity:1;
  }

  99%{
    margin-top:0;
    opacity:0;
  }

  100%{
    margin-top:-200px;
  }
} @-webkit-keyframes pushDrop{
  75%{
    opacity:1;
  }

  99%{
    margin-top:-2.5px;
    opacity:0;
  }

  100%{
    margin-top:-202.5px;
  }
} @keyframes pushDrop{
  75%{
    opacity:1;
  }

  99%{
    margin-top:-2.5px;
    opacity:0;
  }

  100%{
    margin-top:-202.5px;
  }
} @-webkit-keyframes searchLights{
  0%{
    top:-8px;
    left:-20px;
  }

  33.33%{
    top:-8px;
    left:60px;
  }

  100%{
    top:-8px;
    left:60px;
  }
} @keyframes searchLights{
  0%{
    top:-8px;
    left:-20px;
  }

  33.33%{
    top:-8px;
    left:60px;
  }

  100%{
    top:-8px;
    left:60px;
  }
} .header{
  position:relative;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:0 20px;
  height:52px;
  background-color:#fff;
  -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.15);
          box-shadow:0 1px 5px rgba(0, 0, 0, 0.15);
  border-bottom:1px solid #d8d8d8;
} @media screen and (min-width: 1024px){

    .header .menu__channel--more {
        display:none;
    }
} @media screen and (min-width: 1024px){

    .header .menu__channel--more .r-dropdown-group li:nth-child(1), .header .menu__channel--more .r-dropdown-group li:nth-child(2){
        display:none
    }
} .header .logo{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    min-width:100px;
} .header .logo img{
    width:106px;
    height:28px;
} .header > ul{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
} .header > ul .inner__marquee::after {
    content:attr(data-after-text);
    -webkit-animation:marqueeDelay 3s infinite linear;
            animation:marqueeDelay 3s infinite linear;
} .header > ul .inner__marquee::before {
    content:attr(data-before-text);
    -webkit-animation:marquee 3s infinite linear;
            animation:marquee 3s infinite linear;
} .header > ul .menu__text-wrap + .fr{
    margin-left:3px;
    font-size:1.5rem;
} .header > ul > li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
} .header > ul .menu__link{
    display:block;
    color:#333;
} .header > ul .menu__text{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:1;
    font-weight:bold;
    white-space:nowrap;
} .header > ul .menu__text .tag__new{
    position:absolute;
    top:10px;
    right:0;
    padding:2px 5px;
    font-size:1.2rem;
    color:#fff;
    background-color:#d11f25;
    border-radius:8px;
} .header > ul .menu__text::after {
    content:"";
    position:absolute;
    background-color:transparent;
} .header > ul .inner__marquee{
    position:absolute;
    top:4px;
    overflow:hidden;
    width:100%;
    height:12px;
    font-size:1.2rem
} .header > ul .inner__marquee::before, .header > ul .inner__marquee::after {
    position:absolute;
    right:0;
    color:#d11f25;
} .header > ul .inner__reflective{
    position:absolute;
    top:4px;
    overflow:hidden;
    padding:2px 3px;
    font-size:0.7rem;
    font-weight:bold;
    color:#fff;
    background-color:#f73131;
    border-radius:3px;
    -webkit-transition-duration:0.5s;
         -o-transition-duration:0.5s;
            transition-duration:0.5s;
} .header > ul .inner__reflective::before{
    position:absolute;
    top:-300px;
    left:-300px;
    width:4px;
    height:30px;
    background-color:rgba(255, 255, 255, 0.5);
    content:"";
    -webkit-transform:rotate(60deg);
        -ms-transform:rotate(60deg);
            transform:rotate(60deg);
    -webkit-animation:searchLights 3s ease-in 1s infinite;
            animation:searchLights 3s ease-in 1s infinite;
} .header .menu__channel{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    margin:0 10px;
} .header .menu__channel .menu__link.is--active {
    color:#171717;
} .header .menu__channel .menu__link.is--active .menu__text::after{
    background-color:#ff7d0a;
} .header .menu__channel .menu__link{
    padding:0 10px
} .header .menu__channel .menu__link:not(.is--active):hover .menu__text{
} .header .menu__channel .menu__link:not(.is--active):hover .menu__text::after {
    background-color:#ffdead;
} .header .menu__channel .menu__link:not(.is--active):hover .r-dropdown-group{
    margin-top:-5px;
} .header .menu__channel .menu__text{
    padding:18px 0
} .header .menu__channel .menu__text::after {
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    border-radius:2.5px;
} .header .menu__channel--sub ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center
} .header .r-dropdown-item{
    padding:5px 25px;
    line-height:2;
    font-size:1.5rem;
} .header .r-dropdown-item a{
    color:#1e1e1e
} .header .r-dropdown-item a:hover {
    color:#0c87dd;
} .header .r-dropdown-item .tag__wrap{
    padding:2px 5px;
    margin-left:3px;
    font-size:1.2rem;
    color:#fff;
    background-color:#d11f25;
    border-radius:8px;
} .header .menu__personal .menu__text::after {
    top:0;
    right:0;
    width:1px;
    height:100%;
    background-color:#efefef;
} .header .menu__personal .menu__link.menu__link-notify.hasValue{
    margin:0;
} .header .menu__personal .menu__link.menu__link-notify.hasValue .menu__text::before{
    position:absolute;
    top:2px;
    right:5px;
    width:6px;
    height:6px;
    background-color:#d11f25;
    border-radius:50%;
    content:"";
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-item{
    padding:0;
    background-color:rgba(239, 239, 239, 0.5);
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-item:not(:first-of-type){
    border-top:1px solid #fff;
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-item:not(:last-of-type){
    border-bottom:1px solid #d8d8d8;
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-item.noValue{
    padding:40px 0;
    text-align:center;
    background-color:#efefef;
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-item a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:10px;
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-item a:hover{
    color:#1e1e1e;
    background-color:#efefef;
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-group{
    padding:0;
    width:300px;
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-group > li{
    overflow-y:auto;
    max-height:calc(80vh - 72px);
} .header .menu__personal .menu__link.menu__link-notify .r-dropdown-group .r-btn{
    border-top:1px solid #d8d8d8;
} .header .menu__personal .menu__link.menu__link-notify .r-avatar__circle{
    display:block;
    margin-right:10px;
} .header .menu__personal .menu__link.menu__link-notify .item__icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    margin-right:10px;
    width:45px;
    height:45px;
    background-color:#eee;
    border-radius:50%;
} .header .menu__personal .menu__link.menu__link-notify .item__icon .fr{
    font-size:1.8rem;
    color:#9badcf;
} .header .menu__personal .menu__link.menu__link-notify .item__info{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
} .header .menu__personal .menu__link.menu__link-notify .item__info-wrap{
    line-height:1.5;
    font-size:1.3rem;
    white-space:normal;
} .header .menu__personal .menu__link.menu__link-notify .item__info-wrap span{
    font-weight:bold;
    color:#171717;
} .header .menu__personal .menu__link.menu__link-notify .item__info-time{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    font-size:1.3rem;
    color:#919191;
} .header .menu__personal .menu__link.menu__link-notify .item__info-img{
    margin-left:10px;
} .header .menu__personal .menu__link.menu__link-notify .item__info-img img{
    display:block;
    max-width:55px;
    max-height:55px;
} .header .menu__personal .menu__link:hover{
    cursor:pointer;
    color:#ff7d0a;
} .header .menu__personal .menu__link{
    padding:22.5px 0;
} .header .menu__personal .menu__link .r-dropdown-group--space{
    padding-top:20px;
    margin-top:-2.5px
} .header .menu__personal .menu__link .r-dropdown-group--space.is--right {
    right:0;
} .header .menu__personal .menu__link.menu__link-personal {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
} .header .menu__personal .menu__link.menu__link-personal .menu__text{
    overflow:hidden;
    max-width:142px;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
} .header .menu__personal .menu__text{
    padding:0 10px;
    line-height:30px;
} .header .menu__personal .menu__text .fr{
    line-height:30px
} .header .menu__personal .menu__text .fr:first-child {
    display:block;
    font-size:2rem;
} .header .menu__personal .menu__text.r-dropdown-title {
    border:none;
} .header .menu__personal li:last-child .menu__text::after{
    display:none;
} .header .btn__push-intro .menu__text .r-btn{
    position:relative
} .header .btn__push-intro .menu__text .r-btn::after {
    position:absolute;
    top:40px;
    left:14px;
    z-index:1002;
    border-width:7px;
    border-style:solid;
    border-color:transparent #fff #fff transparent;
    -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
            box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
    content:"";
    -webkit-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
            transform:rotate(225deg);
    -webkit-animation-name:pushArrow;
            animation-name:pushArrow;
    -webkit-animation-duration:10s;
            animation-duration:10s;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
} .header .btn__push-intro .r-dropdown-group--space{
    position:absolute;
    z-index:1000;
    -webkit-animation-name:pushDrop;
            animation-name:pushDrop;
    -webkit-animation-duration:10s;
            animation-duration:10s;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
} .header .btn__push-intro .r-dropdown-group{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding:15px;
} .header .btn__push-intro .r-dropdown-group .fr-rss{
    margin-right:5px;
    font-size:3rem;
    color:#d11f25;
} .header .btn__push-intro .r-dropdown-group .wrap{
    line-height:1.5;
    font-size:1.3rem;
    white-space:nowrap;
    color:#171717;
} .header .btn__push-intro .r-dropdown-group .wrap span{
    margin-right:3px;
    font-weight:bold;
    color:#004b91;
} .header .btn__push-intro .r-dropdown-group .btn__close{
    position:absolute;
    top:-10px;
    right:-10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    width:25px;
    height:25px;
    font-size:1.8rem;
    color:#333;
    background-color:#d8d8d8;
    border-radius:50%;
    cursor:pointer;
} @media screen and (max-width: 767.8px){

    .header {
    display:none;
    }

    .header--pure {
      z-index:5;
      display:block;
      background-color:#fff;
    }
  } @media screen and (min-width: 768px){

    .header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    }

    .header--pure:not(.is--active) {
      display:none;
    }
  } @media screen and (min-width: 1024px){

    .header .menu__channel .menu__link {
        padding-right:15px;
        padding-left:15px;
    }
      } @media screen and (max-width: 1023.8px){

    .header .menu__channel--sub {
        display:none;
    }
      } @media screen and (max-width: 1279.8px){

    .header .menu__channel--sub ul li{
}

    .header .menu__channel--sub ul li:nth-child(3), .header .menu__channel--sub ul li:nth-child(4), .header .menu__channel--sub ul li:nth-child(5), .header .menu__channel--sub ul li:nth-child(6) {
        display:none;
    }
        }