.box__btn {
    position:relative;
    margin-bottom:-80px;
    height:80px;
    text-align:center;
    background-color:rgba(0, 0, 0, 0.7);
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

.box__btn > a.r-btn{
    background-color:rgba(255, 246, 0, 1);
    -webkit-transform:translateY(22%);
        -ms-transform:translateY(22%);
            transform:translateY(22%);
}

.intro__main-wrap {
    position:relative;
    padding:7.5px 20px;
    color:#fff;
    border:2px solid #fff;
    border-radius:10px;
    letter-spacing:0.2rem;
}

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

    .intro__main-wrap {
        top:calc(100% - 60px);
        font-size:2.1rem;
    }
}

@media screen and (min-width: 480px){

    .intro__main-wrap {
        top:calc(100% - 90px);
        font-size:2.8rem;
    }
}

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

    .grid-item .card__operate {
        top:0;
        right:0;
    }
    }

    @media screen and (min-width: 640px){

    .grid-item .card__operate {
        top:5px;
        right:5px;
    }
    }

    @media screen and (min-width: 640px){

    .grid-item > a {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
    }

.grid-item.is--visited {
    background-color:#fcfdfe;
    border-color:#efefef;
}

.grid-item.is--visited, .grid-item.is--visited:hover{
    border:1px solid #efefef;
    -webkit-box-shadow:none;
            box-shadow:none;
}

.grid-item.is--visited .title-2, .grid-item.is--visited:hover .title-2{
    color:#919191;
}

@media screen and (min-width: 768px){

    .grid-item.is--visited:hover{
        background-color:#fff;
        border-color:#d8d8d8
    }

    .grid-item.is--visited:hover .title-2 span:not(.tag){
        text-decoration:underline;
    }
}

.grid-item.is--visited .leftside::before{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:-5px;
    z-index:5;
    display:block;
    background-color:rgba(255, 255, 255, 0.5);
    content:"";
}

.main-content:not(.hasMode) .item__operate{
    position:absolute;
    top:2px;
    right:0;
    z-index:1;
}

.communityNewUpDivider__info {
    font-size:1.3rem;
    color:#646464;
}

.communityNewUpDivider__info p:first-child{
    font-weight:bold;
}

.communityNewUpDivider__line {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background:#d8d8d8;
    -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
            transform:translateY(-50%);
}

.communityNewUpDivider__content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:10px;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

.box__communityIntro.is--noHead .content__community{
    display:none;
}

.box__communityIntro.is--noHead .box__communityIntro--communityList{
    overflow:visible;
    padding-bottom:0;
    margin-top:0;
    background-color:transparent;
    -webkit-box-shadow:none;
            box-shadow:none;
}

@media screen and (min-width: 768px){

    .box__communityIntro--noCommunity {
        padding:0 15px;
    }
}

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

    .grid-item > a {
        display:block;
    }
    }

.grid-item:not(.is--prefer) > a{
    border-radius:5px;
}

.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;
}

.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-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;
} :root{
} .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-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;
} .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;
} @charset "UTF-8"; @font-face{
  font-family:fontrakuya;
  src:url("../fonts/fontrakuya.eot?v=20230726");
  src:url("../fonts/fontrakuya.eot?#iefix?v=20230726") format("embedded-opentype"),
    url("../fonts/fontrakuya.woff?v=20230726") format("woff"),
    url("../fonts/fontrakuya.ttf?v=20230726") format("truetype"),
    url("../fonts/fontrakuya.svg#fontrakuya?v=20230726") format("svg");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
} [data-icon]::before{
  line-height:1;
  font-family:fontrakuya !important;
  font-weight:normal !important;
  content:attr(data-icon);
  font-style:normal !important;
  font-variant:normal !important;
  text-transform:none !important;
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
} [class^="fr-"]::before, [class*=" fr-"]::before{
  line-height:1;
  font-family:fontrakuya !important;
  font-weight:normal !important;
  font-style:normal !important;
  font-variant:normal !important;
  text-transform:none !important;
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
} .fr-position-o::before{
  content:"\61";
} .fr-position::before{
  content:"\62";
} .fr-gplus::before{
  content:"\63";
} .fr-facebook::before{
  content:"\64";
} .fr-angle-down::before{
  content:"\65";
} .fr-angle-left::before{
  content:"\66";
} .fr-angle-right::before{
  content:"\67";
} .fr-angle-up::before{
  content:"\68";
} .fr-chevron-left::before{
  content:"\69";
} .fr-chevron-right::before{
  content:"\6a";
} .fr-caret-right::before{
  content:"\6b";
} .fr-caret-left::before{
  content:"\6c";
} .fr-trophy::before{
  content:"\6d";
} .fr-lock::before{
  content:"\6f";
} .fr-pattern::before{
  content:"\71";
} .fr-down::before{
  content:"\72";
} .fr-close::before{
  content:"\74";
} .fr-calculator::before{
  content:"\75";
} .fr-calendar-o::before{
  content:"\76";
} .fr-minus::before{
  content:"\77";
} .fr-shop-o::before{
  content:"\42";
} .fr-heart-o::before{
  content:"\43";
} .fr-bed::before{
  content:"\47";
} .fr-bus::before{
  content:"\48";
} .fr-gov::before{
  content:"\4a";
} .fr-parking::before{
  content:"\4c";
} .fr-travel::before{
  content:"\4d";
} .fr-hospital::before{
  content:"\50";
} .fr-user-o::before{
  content:"\51";
} .fr-sliders::before{
  content:"\52";
} .fr-smile-o::before{
  content:"\53";
} .fr-com::before{
  content:"\54";
} .fr-park::before{
  content:"\55";
} .fr-flat::before{
  content:"\59";
} .fr-live::before{
  content:"\5a";
} .fr-newhouse::before{
  content:"\31";
} .fr-building::before{
  content:"\32";
} .fr-condo::before{
  content:"\33";
} .fr-switch::before{
  content:"\35";
} .fr-block::before{
  content:"\36";
} .fr-long-arrow-down::before{
  content:"\37";
} .fr-long-arrow-up::before{
  content:"\38";
} .fr-hot::before{
  content:"\39";
} .fr-note::before{
  content:"\21";
} .fr-news::before{
  content:"\22";
} .fr-check::before{
  content:"\23";
} .fr-require::before{
  content:"\24";
} .fr-pencil-square::before{
  content:"\25";
} .fr-check-square-o::before{
  content:"\26";
} .fr-list-alt::before{
  content:"\27";
} .fr-newspaper-o::before{
  content:"\28";
} .fr-search::before{
  content:"\2c";
} .fr-bars::before{
  content:"\2d";
} .fr-add::before{
  content:"\2e";
} .fr-alert::before{
  content:"\2f";
} .fr-eye-slash::before{
  content:"\3a";
} .fr-return::before{
  content:"\3b";
} .fr-bell-o::before{
  content:"\3c";
} .fr-comment-o::before{
  content:"\3e";
} .fr-arrows::before{
  content:"\3d";
} .fr-bookmark::before{
  content:"\40";
} .fr-cog::before{
  content:"\3f";
} .fr-star::before{
  content:"\5b";
} .fr-clock::before{
  content:"\5d";
} .fr-usd::before{
  content:"\5f";
} .fr-community::before{
  content:"\60";
} .fr-rss::before{
  content:"\7e";
} .fr-line-chart::before{
  content:"\e001";
} .fr-mark::before{
  content:"\79";
} .fr-verify::before{
  content:"\4b";
} .fr-flag::before{
  content:"\4e";
} .fr-layers::before{
  content:"\4f";
} .fr-print::before{
  content:"\57";
} .fr-school::before{
  content:"\58";
} .fr-share::before{
  content:"\34";
} .fr-line::before{
  content:"\29";
} .fr-assignment::before{
  content:"\2a";
} .fr-alonesuite::before{
  content:"\5e";
} .fr-food::before{
  content:"\7c";
} .fr-land::before{
  content:"\7d";
} .fr-shopping::before{
  content:"\e002";
} .fr-bank::before{
  content:"\6e";
} .fr-factory::before{
  content:"\70";
} .fr-phone-o::before{
  content:"\73";
} .fr-mail-o::before{
  content:"\41";
} .fr-prehouse::before{
  content:"\7a";
} .fr-fall::before{
  content:"\45";
} .fr-users::before{
  content:"\30";
} .fr-door-user::before{
  content:"\2b";
} .fr-cog-o::before{
  content:"\7b";
} .fr-invite::before{
  content:"\e003";
} .fr-private::before{
  content:"\e000";
} .fr-remind::before{
  content:"\e004";
} .fr-folder-user::before{
  content:"\e005";
} .fr-search-user::before{
  content:"\e006";
} .fr-person::before{
  content:"\56";
} .fr-relaxing::before{
  content:"\e007";
} .fr-partsuite::before{
  content:"\e008";
} .fr-yafang::before{
  content:"\e009";
} .fr-storefront::before{
  content:"\e00a";
} .fr-comments::before{
  content:"\49";
} .fr-info-circle::before{
  content:"\e00e";
} .fr-link::before{
  content:"\e00f";
} .fr-to-end::before{
  content:"\e010";
} .fr-to-start::before{
  content:"\e011";
} .fr-3d::before{
  content:"\46";
} .fr-r-checkhint::before{
  content:"\e012";
} .fr-r-gotop::before{
  content:"\e013";
} .fr-r-errorhint::before{
  content:"\e014";
} .fr-thumbs-up::before{
  content:"\e015";
} .fr-r-callme::before{
  content:"\e016";
} .fr-heart::before{
  content:"\78";
} .fr-eye::before{
  content:"\5c";
} .fr-r-phone::before{
  content:"\e017";
} .fr-check-circle::before{
  content:"\e018";
} .fr-minus-circle::before{
  content:"\e019";
} .fr-youtube::before{
  content:"\e01a";
} .fr-youtube-circle::before{
  content:"\e01b";
} .fr-frown-o::before{
  content:"\e01c";
} .fr-pricefluctuation::before{
  content:"\e01d";
} .fr-plus::before{
  content:"\e01e";
} .fr-check-circle-o::before{
  content:"\e01f";
} .fr-clone::before{
  content:"\e020";
} .fr-map::before{
  content:"\e00b";
} .fr-list::before{
  content:"\e00c";
} .fr-hand-pointer-o::before{
  content:"\e00d";
} .fr-thumbtack::before{
  content:"\e021";
} .fr-compass::before{
  content:"\e022";
} .fr-cubes::before{
  content:"\e023";
} .fr-paper-plane::before{
  content:"\e024";
} .fr-headphones::before{
  content:"\e025";
} .fr-envelope::before{
  content:"\e026";
} .fr-clock-o::before{
  content:"\e027";
} .fr-store-solid::before{
  content:"\44";
} .fr-user-tie-solid::before{
  content:"\e028";
} .fr-line-1::before{
  content:"\e029";
} .fr-facebook-1::before{
  content:"\e02a";
} .fr{
  display:inline-block;
  font-style:normal;
  vertical-align:baseline;
  text-align:center;
  text-transform:none;
  line-height:1;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
} [class^="fr-"]:before, [class*=" fr-"]:before, [data-icon]:before{
  display:block;
  line-height:inherit;
} @-moz-document url-prefix(){
  .fr{
    padding-top:2px;
  }
} .footer--pure{
  margin-top:20px;
  padding:20px 0;
  background-color:#efefef;
  text-align:center;
} .footer--pure p{
    font-size:1.3rem;
} .main-body .main-content{
} .main-body .sidebar{
    position:static
} @media screen and (min-width: 768px){

    .main-body .main-content {
        width:calc(100% - 220px);
    }
      } @media screen and (min-width: 1024px){

    .main-body .main-content {
        width:calc(100% - 300px);
    }
      } @media screen and (min-width: 768px){

    .main-body .sidebar {
        width:220px;
    }
      } @media screen and (min-width: 1024px){

    .main-body .sidebar {
        width:300px;
    }
      } .block__search{
  position:static;
  width:100%
} @media screen and (max-width: 399.8px){

    .block__search {
    padding-top:0;
    border:0;
    }
  } .grid-item{
  padding:0;
  width:100%;
} .grid-item > a{
    position:relative;
    overflow:hidden
} .grid-item:not(:last-of-type) {
} @media screen and (max-width: 767.8px){

    .grid-item:not(:last-of-type) {
      margin-bottom:15px;
    }
    } @media screen and (min-width: 768px){

    .grid-item:not(:last-of-type) {
      margin-bottom:20px;
    }
    } .search-obj{
  position:relative;
} @media screen and (max-width: 479.8px){

    .search-obj ~ .content__push {
        margin-right:-16px;
        margin-left:-16px;
    }
} .search-obj ~ .content__push--end {
    background-color:#fff;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
} .search-obj .h2{
    height:26px;
    line-height:26px;
    font-weight:bold;
} .search-obj .h2 span{
    vertical-align:middle;
} .search-obj .h2 .tag{
} .search-obj .h2 .tag.is--high {
    margin-right:10px;
    color:#fff;
    background-color:#d11f25;
} .search-obj .leftside{
    position:relative;
} .search-obj .leftside .tag__history{
    position:absolute;
    padding:2px 5px;
    font-size:1.3rem;
    color:#fff;
    background-color:rgba(0, 0, 0, 0.75)
} .search-obj .leftside .slide{
    display:block;
    max-width:100%;
} .search-obj .leftside img{
    -o-object-fit:cover;
       object-fit:cover;
} .search-obj .leftside::after {
    position:absolute;
    bottom:0;
    z-index:5;
    width:100%;
    height:100px;
    background:-webkit-gradient(
          linear,
          left top, left bottom,
          color-stop(1%, rgba(0, 0, 0, 0)),
          color-stop(45%, rgba(0, 0, 0, 0)),
          to(rgba(0, 0, 0, 0.65))
        );
    background:-o-linear-gradient(
          top,
          rgba(0, 0, 0, 0) 1%,
          rgba(0, 0, 0, 0) 45%,
          rgba(0, 0, 0, 0.65) 100%
        );
    background:linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0) 1%,
          rgba(0, 0, 0, 0) 45%,
          rgba(0, 0, 0, 0.65) 100%
        );
    content:"";
} .search-obj .rightside{
    padding:10px;
} .search-obj .rightside .distance{
    color:#919191;
} .search-obj .rightside .distance li{
    display:inline-block;
} .search-obj .rightside .distance .fr{
    display:none;
} .search-obj .rightside .distance .keyw{
    font-weight:bold;
    color:#333
} .search-obj .rightside .distance .numb{
    font-weight:bold;
    color:#ff7d0a;
} .search-obj .rightside .distance .nuit{
    font-size:1.2rem;
} .search-obj .rightside .block__title{
    position:relative;
    z-index:1;
    display:block;
    margin-top:0;
    margin-right:76px;
    margin-bottom:0
} .search-obj .title{
    position:absolute;
    right:8px;
    bottom:8px;
    left:8px;
    z-index:6;
    overflow:hidden;
    font-size:1.6rem;
    color:#fff;
    letter-spacing:0.43px;
} .search-obj .title :not([class*="tag"]){
    text-shadow:0 2px 4px rgba(0, 0, 0, 0.5);
} .search-obj .list__info li{
    display:inline-block;
    margin-right:8px;
    color:#333;
} .search-obj .list__info .list__info-wrap{
    color:#919191;
} .search-obj .address{
    color:#646464;
} .search-obj .address .map i{
    margin-right:5px;
    font-size:1.6rem;
    color:#ff7d0a;
} .search-obj .address .fr{
    vertical-align:text-bottom;
} .search-obj .address .area{
    margin-right:5px;
} .search-obj ~ .content__push{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-bottom:20px
} .search-obj ~ .content__push--center {
    background-color:#eefcf8;
} .search-obj .amp-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
        -ms-flex-align:end;
            align-items:end;
} .search-obj .group__tags_popu{
    position:absolute;
    top:15px;
    left:-3px;
    z-index:7;
} .search-obj .group__tags_popu a{
    display:inline-block;
    padding:5px;
    margin-right:5px;
    line-height:1;
    font-size:1.3rem;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    letter-spacing:0.1rem;
    cursor:pointer;
} .search-obj .group__tags_popu a span{
    vertical-align:text-top;
} .search-obj .group__tags_popu a .fr{
    margin-right:3px;
    color:#fff;
    vertical-align:text-top;
} .search-obj .group__tags_popu .tag__hot{
    color:#fff;
    background:#d11f25;
} .search-obj .group__tags_popu .tag__auction{
    color:#fff;
    background:#646464;
} .search-obj .group__tags_popu .tag__perfect, .search-obj .group__tags_popu .tag__feature{
    color:#fff
} .search-obj .group__tags_popu .tag__perfect{
    background:#004b91
} .search-obj .group__tags_popu .tag__perfect:hover {
    background:#00346b;
} .search-obj .group__tags_popu .tag__feature{
    background:#f93
} .search-obj .group__tags_popu .tag__feature:hover {
    background:#ff7d0a;
} .search-obj .group__tags_popu .tag__mov{
    color:#fff;
    background:#2abd5f;
} @media screen and (max-width: 639.8px){

    .search-obj .leftside .tag__history {
        top:140px;
        left:0;
    }
      } @media screen and (min-width: 640px){

    .search-obj .leftside .tag__history {
        right:0;
        bottom:8px;
    }
      } @media screen and (min-width: 1280px){

    .search-obj .rightside .distance .keyw {
        display:inline-block;
    }
        } @media screen and (min-width: 400px){

    .search-obj .rightside .block__title {
        position:relative;
        bottom:inherit;
        left:inherit;
        z-index:9;
        margin-top:0;
        width:auto;
        height:auto;
    }
      } @media screen and (max-width: 767.8px){

    .search-obj .address {
        line-height:1.4;
        font-size:1.5rem;
    }
  } @media screen and (min-width: 768px){

    .search-obj .address {
        font-size:1.6rem;
    }
  } @media screen and (max-width: 1023.8px){

    .search-obj ~ .content__push--center {
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
    }
      } @media screen and (max-width: 895.8px){

    .search-obj .group__tags_popu .tag__perfect, .search-obj .group__tags_popu .tag__feature {
        display:none;
    }
      } .group__price{
  text-align:right;
  color:#d11f25;
} .group__price span{
    display:block;
} .group__price span b{
    margin-left:3px;
    font-size:1.3rem;
} .group__price .text__price{
    font-weight:900;
    letter-spacing:-0.1rem;
} .group__price .original__price{
    font-size:1.2rem;
    color:#919191;
} .group__price .original__price .fr{
    margin-left:2px;
    font-size:1.5rem;
    color:#d11f25;
    vertical-align:text-bottom;
} .group__price .unit__price{
    display:none;
} .wrap__read{
  margin-top:20px;
  text-align:center;
  color:#171717;
} .wrap__read span{
    border:1px dashed #919191;
    font-size:1.6rem;
    color:#333333;
    line-height:1.2;
} .wrap__read + .content__push{
    margin-top:20px;
} .wrap__read--no-expert {
    margin-bottom:20px;
} .resultEndText{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-top:7px;
  font-size:1.3rem;
  text-align:center;
  color:#646464;
} .resultEndText b{
    color:#333;
} h1.title__related-tag b{
    margin:0 5px;
    color:#0c87dd;
} h3.title__push{
  padding-top:10px;
} h3.title__push span, h3.title__push b{
    margin-right:5px;
} h3.title__push-community{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-align:baseline;
      -ms-flex-align:baseline;
          align-items:baseline;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-top:20px;
  font-size:1.8rem;
  text-align:center;
} h3.title__push-community b{
    margin:0 5px;
    color:#d11f25;
} h3.title__push-community span{
    margin-left:4px
} h3.title__push-community .wrap__sellCount{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:baseline;
        -ms-flex-align:baseline;
            align-items:baseline;
} @media screen and (max-width: 767.8px){

    h3.title__push-community {
    padding-top:20px;
    margin:0 -15px;
    border-top:1px solid #f2f2f2;
    }
  } @media screen and (min-width: 640px){

    h3.title__push-community span {
        font-size:1.5rem;
        font-weight:normal;
    }
    } @media screen and (max-width: 639.8px){

    h3.title__push-community span {
        display:block;
        font-size:1.4rem;
    }
    } .itemSee{
  position:absolute;
} .box__community{
  background-color:rgba(239, 239, 239, 0.3);
  border:1px solid #efefef;
} .box__community .content__community{
    padding-top:15px;
    padding-bottom:15px;
    font-weight:normal;
    background-color:#fff6e6;
} .box__community .content__community .data__title{
    font-size:1.4rem;
} .box__community .content__community .data__number{
    line-height:1.25;
    font-size:1.4rem;
} .box__community .content__community .data__number .data__number-inner{
    margin-right:8px;
    font-size:2.2rem;
    font-weight:bold;
    letter-spacing:-0.1rem;
} @media screen and (max-width: 767.8px){

    .box__community {
    padding:15px;
    margin:5px -16px 0;
    }
  } @media screen and (min-width: 768px){

    .box__community {
    padding:20px;
    margin-top:20px;
    }
  } @media screen and (max-width: 767.8px){

    .box__community .content__community {
        line-height:1.4;
        font-size:1.5rem;
    }
  } @media screen and (min-width: 768px){

    .box__community .content__community {
        font-size:1.6rem;
    }
  } @media screen and (max-width: 767.8px){

    .box__community .content__community {
        padding-right:15px;
        padding-left:15px;
        margin:-15px -15px 15px;
    }
    } @media screen and (min-width: 768px){

    .box__community .content__community {
        padding-right:20px;
        padding-left:20px;
        margin:-20px -20px 20px;
    }
    } .box__communityIntro{
} .box__communityIntro h1.content__community + .community-expert-list{
    padding-top:0;
    padding-bottom:20px;
} .box__communityIntro .content__community{
    margin-top:20px;
} .box__communityIntro .content__community .communityIntro{
    padding:0 15px 20px;
} .box__communityIntro .content__community .communityIntro-info{
} .box__communityIntro .content__community .communityIntro-info__content {
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
} .box__communityIntro > h1{
    font-weight:normal;
} @media screen and (max-width: 767.8px){

    .box__communityIntro h1.content__community {
        margin-top:0;
    }
    } .box__communityIntro--communityList {
    position:relative;
    z-index:1;
    overflow:hidden;
    padding:15px;
    margin-top:-10px;
    background:#fff;
    border-radius:10px 10px 0 0;
    -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);
} .box__communityIntro--communityList .block__remark__btn {
    margin-top:0;
} @media screen and (max-width: 767.8px){

    .box__communityIntro--communityList .block__remark__btn .r-btn{
        line-height:1.4;
        font-size:1.3rem;
    }
} @media screen and (min-width: 768px){

    .box__communityIntro--communityList .block__remark__btn .r-btn{
        font-size:1.5rem;
    }
} @media screen and (max-width: 479.8px){

    .box__communityIntro--communityList .block__remark__btn {
        margin-top:15px;
        text-align:center;
    }
} .box__communityIntro--communityList .block__remark{
} .box__communityIntro--communityList .block__remark__text {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin-top:0;
} .box__communityIntro--communityList .block__remark__text b{
    color:#171717;
} @media screen and (max-width: 767.8px){

    .box__communityIntro--communityList {
      margin:-10px -15px 0;
    }
    } @media screen and (min-width: 480px){

    .box__communityIntro--communityList .block__remark {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -webkit-box-pack:justify;
            -ms-flex-pack:justify;
                justify-content:space-between;
    }
      } @media screen and (max-width: 767.8px){

    .box__communityIntro--communityList .block__remark__text {
        line-height:1.4;
        font-size:1.3rem;
    }
  } @media screen and (min-width: 768px){

    .box__communityIntro--communityList .block__remark__text {
        font-size:1.5rem;
    }
  } @media screen and (max-width: 479.8px){

    .box__communityIntro--communityList .block__remark__text {
        gap:5px;
    }
        } .box__communityIntro .community-expert-list .community-expert:nth-child(2), .box__communityIntro .community-expert-list .community-expert:nth-child(3), .community-expert-list.communityListEnd-expert .community-expert:nth-child(2), .community-expert-list.communityListEnd-expert .community-expert:nth-child(3){
    display:none;
} @media screen and (min-width: 640px){

    .box__communityIntro .community-expert-list .community-expert:nth-child(2), .community-expert-list.communityListEnd-expert .community-expert:nth-child(2){
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
  } @media screen and (min-width: 768px){

    .box__communityIntro .community-expert-list .community-expert:nth-child(2), .community-expert-list.communityListEnd-expert .community-expert:nth-child(2){
        display:none;
    }
  } @media screen and (min-width: 896px){

    .box__communityIntro .community-expert-list .community-expert:nth-child(2), .community-expert-list.communityListEnd-expert .community-expert:nth-child(2){
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
  } @media screen and (min-width: 1280px){

    .box__communityIntro .community-expert-list .community-expert:nth-child(3), .community-expert-list.communityListEnd-expert .community-expert:nth-child(3){
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
  } .community-expert-list.communityListEnd-expert{
  padding-top:20px;
  padding-bottom:20px;
} @-webkit-keyframes border-opacity{
  0%{
    border-color:#fff;
  }

  100%{
    border-color:#d95e00;
  }
} @keyframes border-opacity{
  0%{
    border-color:#fff;
  }

  100%{
    border-color:#d95e00;
  }
} @-webkit-keyframes slideIn{
  0%{
    -webkit-transform:translateY(32px);
            transform:translateY(32px);
    opacity:0;
  }

  100%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
    opacity:1;
  }
} @keyframes slideIn{
  0%{
    -webkit-transform:translateY(32px);
            transform:translateY(32px);
    opacity:0;
  }

  100%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
    opacity:1;
  }
} .l-space-between{
  position:absolute;
  top:15px;
  right:0;
  white-space:nowrap;
} .l-space-between .title-4{
    display:inline-block;
    font-weight:bold;
} h1.title-4.title__related-tag{
  margin-bottom:10px;
} @media screen and (max-width: 767.8px){

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

    h1.title-4.title__related-tag {
    font-size:2.1rem;
    }
  } .communityNewUpDivider{
  position:relative;
  overflow:hidden;
  padding:10px;
  margin-bottom:15px;
  text-align:center
} @media screen and (min-width: 768px){

    .communityNewUpDivider {
    margin-bottom:20px;
    }
  } .communityNewUpDivider__wrapper {
    position:relative;
    z-index:5;
    display:inline-block;
    padding:0 10px;
    background:#fff;
} .main-content{
} .main-content.hasMode .item__operate{
} @media screen and (max-width: 639.8px){

    .main-content.hasMode .item__operate {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:end;
            -ms-flex-pack:end;
                justify-content:flex-end;
        margin-top:15px;
    }
      } @media screen and (min-width: 640px){

    .main-content.hasMode .item__operate {
        position:absolute;
        top:8px;
        right:0;
    }
      } .grid-item{
  background-color:#fff;
  border-radius:5px;
  -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);
  -webkit-transition:all 0.15s ease;
  -o-transition:all 0.15s ease;
  transition:all 0.15s ease;
} .grid-item > a{
    color:#333
} .grid-item .card__operate{
    position:absolute;
    z-index:5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
} .grid-item .card__operate .r-btn-icon{
    padding:10px;
} .grid-item:hover {
} @media screen and (min-width: 768px){

    .grid-item:hover {
      -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);
      -webkit-transition:all 0.15s ease-in;
      -o-transition:all 0.15s ease-in;
      transition:all 0.15s ease-in;
    }

    .grid-item:hover .title-2{
        color:#31a4eb;
        -webkit-transition:all 0.15s ease-in;
        -o-transition:all 0.15s ease-in;
        transition:all 0.15s ease-in;
    }
    } .search-obj button{
} .search-obj .r-btn.disabled{
    color:#ff4280;
    background:#ffe6eb;
    cursor:not-allowed;
} .search-obj .leftside .tag__history{
    z-index:10;
} .search-obj .leftside .slide{
} .search-obj .leftside img{
    width:100%;
    height:100%;
} .search-obj .leftside::after {
} .search-obj .rightside{
    min-height:110px;
} .search-obj .rightside .title-2{
    overflow:hidden;
    margin-right:60px;
    margin-bottom:5px;
    -webkit-transition:all 0.15s ease;
    -o-transition:all 0.15s ease;
    transition:all 0.15s ease
} .search-obj .rightside .distance li{
} .search-obj .title{
} .search-obj .group__tags{
    margin-top:5px;
} .search-obj .list__info{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
} @media screen and (max-width: 767.8px){

    .search-obj .list__info li {
        line-height:1.4;
        font-size:1.5rem;
    }
} @media screen and (min-width: 768px){

    .search-obj .list__info li {
        font-size:1.6rem;
    }
} @media screen and (min-width: 1024px){

    .search-obj .list__info li {
        margin-right:10px;
    }
} .search-obj .list__info li{
} .search-obj .list__info li:last-child {
} .search-obj .address{
    font-weight:normal;
} .search-obj > .group__tags{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin-top:5px;
    width:calc(100% - 130px);
} .search-obj > .group__tags .tag{
    float:left;
} @media screen and (max-width: 639.8px){

    .search-obj button {
        display:none;
    }
    } @media screen and (min-width: 640px){

    .search-obj button {
        position:absolute;
        right:15px;
        bottom:15px;
    }
    } @media screen and (min-width: 640px){

    .search-obj .leftside {
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        height:inherit;
        -webkit-box-flex:3.5;
            -ms-flex:3.5;
                flex:3.5;
    }
    } @media screen and (min-width: 768px){

    .search-obj .leftside {
        -webkit-box-flex:3;
            -ms-flex:3;
                flex:3;
    }
    } @media screen and (min-width: 896px){

    .search-obj .leftside {
        -webkit-box-flex:3.5;
            -ms-flex:3.5;
                flex:3.5;
    }
    } @media screen and (max-width: 639.8px){

    .search-obj .leftside .slide {
        height:205px;
    }
      } @media screen and (min-width: 640px){

    .search-obj .leftside .slide {
        height:225px;
    }
      } @media screen and (min-width: 640px){

    .search-obj .leftside::after {
        display:none;
    }
      } @media screen and (min-width: 640px){

    .search-obj .rightside {
        padding:15px;
        -webkit-box-flex:6.5;
            -ms-flex:6.5;
                flex:6.5;
    }
    } @media screen and (min-width: 768px){

    .search-obj .rightside {
        -webkit-box-flex:7;
            -ms-flex:7;
                flex:7;
    }
    } @media screen and (min-width: 896px){

    .search-obj .rightside {
        -webkit-box-flex:6.5;
            -ms-flex:6.5;
                flex:6.5;
    }
    } @media screen and (max-width: 767.8px){

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

    .search-obj .rightside .title-2 {
        font-size:2.1rem;
    }
  } @media screen and (max-width: 639.8px){

    .search-obj .rightside .title-2 {
        display:none;
    }
      } @media screen and (max-width: 767.8px){

    .search-obj .rightside .distance li {
        line-height:1.4;
        font-size:1.5rem;
    }
  } @media screen and (min-width: 768px){

    .search-obj .rightside .distance li {
        font-size:1.6rem;
    }
  } @media screen and (min-width: 640px){

    .search-obj .title {
        display:none;
    }
    } @media screen and (max-width: 639.8px){

    .search-obj .list__info li:last-child {
        display:none;
    }
        } @media screen and (max-width: 639.8px){

    .search-obj > .group__tags {
        overflow:hidden;
        max-height:21px;
    }
    } .group__price{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:4;
} .group__price .text__price{
    font-size:2.4rem
} .group__price .unit__price{
} @media screen and (min-width: 640px){

    .group__price {
    right:15px;
    bottom:60px;
    color:#d11f25;
    }
  } @media screen and (max-width: 639.8px){

    .group__price .text__price {
        line-height:1;
    }
    } @media screen and (min-width: 640px){

    .group__price .text__price {
        margin-top:-6px;
        line-height:1.4;
        font-size:2.8rem;
    }
    } @media screen and (min-width: 640px){

    .group__price .unit__price {
        display:block;
        font-size:1.2rem;
        color:#919191;
    }
    } .wrap__read span{
    display:inline-block;
    padding:12px 20px;
} .group__des:after{
    content:'';
    display:block;
    clear:both;
} .group__des{
  display:none;
} .group__des li{
    font-size:1.2rem;
} .group__des li span{
    color:#d11f25;
} @media screen and (min-width: 640px){

    .group__des {
    position:absolute;
    bottom:15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#646464;
    gap:5px;
    }
  } @media screen and (min-width: 1024px){

    .group__des {
    gap:10px;
    }
  } .search__hot-ad{
  display:none;
} .search__hot-ad .search-obj{
    background-color:rgba(255, 246, 230, 0.3);
    -webkit-box-shadow:none;
            box-shadow:none;
} .search__hot-ad .swiper{
    margin-bottom:20px;
} .search__hot-ad .swiper .search-obj{
    margin-bottom:0;
} .search__hot-ad .slick-slide{
    margin:4px 10px 20px;
    border-radius:5px;
    -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);
} @media screen and (min-width: 768px){

    .search__hot-ad {
    display:block;
    }
  } .search__hot-ad.slick-slider .control-arrow{
    top:calc((100% - 24px)/2 - 4px);
    -webkit-transform:translateY(calc((-100% + 24px)/2 - 4px));
        -ms-transform:translateY(calc((-100% + 24px)/2 - 4px));
            transform:translateY(calc((-100% + 24px)/2 - 4px))
} @media screen and (min-width: 768px){

    .search__hot-ad.slick-slider .control-arrow {
}

    .search__hot-ad.slick-slider .control-arrow ~ div .group__price{
        right:40px;
    }

    .search__hot-ad.slick-slider .control-arrow ~ div .info__price{
        right:15px;
    }

    .search__hot-ad.slick-slider .control-arrow ~ div .info__price--unit{
        right:30px;
    }
      } .box__community{
} .box__community:first-of-type {
    margin-top:0;
} .list__obj--type2:after{
    content:'';
    display:block;
    clear:both;
} .list__obj--type2{
  padding:0 5px;
} .list__obj--type2 a{
    display:block;
} .list__obj--type2 li{
    position:relative;
    float:left;
    overflow:hidden;
    margin:5px;
    border-radius:3px;
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
            box-shadow:0 0 5px rgba(0, 0, 0, 0.2)
} .list__obj--type2 .img__inner{
    position:relative;
    height:214px;
    background-size:cover;
} .list__obj--type2 .txt__main{
    padding:10px;
    line-height:1.5;
} .list__obj--type2 .txt__main [class*="txt__"]{
    display:block;
    overflow:hidden;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    white-space:nowrap;
} .list__obj--type2 .txt__sub{
    position:absolute;
    bottom:10px;
    left:0;
    padding:10px;
    line-height:1;
    color:#fff;
    background-color:rgba(0, 0, 0, 0.75);
} .list__obj--type2 .txt__title{
    font-size:1.8rem;
    font-weight:600;
    color:#171717;
} .list__obj--type2 .txt__address{
    font-size:1.3rem;
    color:#919191;
} .list__obj--type2 .txt__price{
    display:block;
    margin-top:5px;
    font-size:2.1rem;
} .list__obj--type2 .txt__price em{
    margin-left:5px;
    font-size:1.3rem;
    font-style:normal;
} .list__obj--type2 .txt__area{
    font-size:1.4rem;
} .list__obj--type2 .txt__type{
    margin-left:10px;
    font-size:1.4rem;
} @media screen and (max-width: 479.8px){

    .list__obj--type2 li {
        width:calc(100% - 10px);
    }
    } @media screen and (min-width: 480px){

    .list__obj--type2 li {
        width:calc(50% - 10px);
    }
    } @media screen and (min-width: 640px){

    .list__obj--type2 li {
        width:calc((100% / 3) - 10px);
    }
    } @media screen and (min-width: 768px){

    .list__obj--type2 li {
        width:calc(25% - 10px);
    }
    } .search__display{
  overflow:hidden;
  margin:5px;
  border-radius:3px;
  -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
} .search__display .search__content{
    padding:10px 15px;
    background-color:#fff6e6;
} .search__display .search__content .logo{
    display:block;
    margin-bottom:7px;
} .search__display .search__content .logo img{
    display:block;
} .search__display .search__content .r-input{
    margin-bottom:5px;
    line-height:26px;
    color:#333;
    cursor:pointer
} .search__display .search__content .r-input:hover .fr{
    color:#0c87dd;
} .search__display .search__content .fr{
    position:absolute;
    top:9px;
    right:10px;
    color:#b9b9b9;
} .search__display .search__panel{
    padding:12px 15px;
    background-color:#ffdead;
} .search__display.type-2 {
    margin:0;
    border:1px solid #c0a36d;
    -webkit-box-shadow:none;
            box-shadow:none;
} .search__display.type-2 .search__content{
    background-color:#f8f4eb;
} .search__display.type-2 .search__panel{
    background-color:#e9dabb;
} .search__display.type-2 .search__panel .r-btn{
    color:#fff;
    background-color:#7f5539
} .search__display.type-2 .search__panel .r-btn:hover {
    background-color:#866955;
} .modal-ctee .modal-dialog-centered{
    height:calc(100% - 20px);
} .modal-ctee .modal-header{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #efefef;
    text-align:center;
} .modal-ctee .modal-header .modal-title{
    font-size:1.5rem;
} .modal-ctee .modal-header .btn__return{
    top:10px;
    left:10px;
} .modal-ctee .modal-header + .modal-body{
    padding-top:10px;
} .search__condition{
  overflow:auto;
  padding:15px;
  max-height:calc(100vh - 67px);
  font-size:1.4rem;
} .search__condition .r-input{
    color:#646464;
} .search__condition dl{
    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;
} .search__condition .r-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:5px 0 10px;
    width:100%;
} .search__condition .r-form .r-form__item-control{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
} .search__condition .r-form span{
    padding:0 10px;
    color:#d8d8d8;
} .search__condition .r-form .r-input{
    text-align:center;
} .search__condition .r-form .r-btn{
    margin-left:5px;
} .search__condition dd{
    margin-top:5px;
    text-align:center;
    cursor:pointer
} .search__condition dd.is--active {
    font-weight:bold;
    color:#ff7d0a;
} .search__condition .is--column-2 dd{
    width:calc((100% - 10px) / 2)
} .search__condition .is--column-2 dd:not(:nth-of-type(2n)) {
    margin-right:5px;
} .search__condition .is--column-3 dd{
    width:calc((100% - 10px) / 3)
} .search__condition .is--column-3 dd:not(:nth-of-type(3n)) {
    margin-right:5px;
} .search__condition .is--column-4 dd{
    width:calc((100% - 15px) / 4)
} .search__condition .is--column-4 dd:not(:nth-of-type(4n)) {
    margin-right:5px;
} .search__condition .is--border dd{
    padding:2px 0;
    border:1px solid #fff
} .search__condition .is--border dd.is--active {
    border-color:#ff7d0a;
} .search__condition .is--bg dd{
    padding:4px 0;
    font-size:1.3rem
} .search__condition .is--bg dd:not([class="is--disabled"]) {
    background-color:#efefef;
} .search__condition .is--bg dd:not([class="is--disabled"]).is--active {
    background-color:#fff6e6;
} @-webkit-keyframes animatedTitle{
  0{
    margin-top:-20px;
  }

  60%{
    margin-top:20px;
  }

  100%{
    margin-top:0;
  }
} @keyframes animatedTitle{
  0{
    margin-top:-20px;
  }

  60%{
    margin-top:20px;
  }

  100%{
    margin-top:0;
  }
} @-webkit-keyframes animatedBtn{
  0{
    margin-top:0;
  }

  40%{
    margin-top:-10px;
  }

  50%{
    margin-top:0;
  }

  74%{
    margin-top:-6px;
  }

  80%{
    margin-top:0;
  }

  96%{
    margin-top:-4px;
  }

  100%{
    margin-top:0;
  }
} @keyframes animatedBtn{
  0{
    margin-top:0;
  }

  40%{
    margin-top:-10px;
  }

  50%{
    margin-top:0;
  }

  74%{
    margin-top:-6px;
  }

  80%{
    margin-top:0;
  }

  96%{
    margin-top:-4px;
  }

  100%{
    margin-top:0;
  }
} .intro__main > .r-btn, .group__result > .r-btn, .box__btn > .r-btn{
    width:200px;
    height:55px;
    line-height:55px;
    font-size:1.6rem;
    color:#1a0000;
    background-color:rgba(255, 246, 0, 0.8);
    border-radius:9px;
} .intro__main{
  padding:100px 0;
  height:75vh;
  text-align:center;
  background-position:50% 93%;
  background-repeat:no-repeat;
  background-image:url("../img/cooper_ctee/intro-bg.png");
} .style-1 .intro__main{
    background-color:#3e79bb;
} .style-2 .intro__main{
    background-color:#3ebbaf;
} .style-3 .intro__main{
    background-color:#553ebb;
} .style-4 .intro__main{
    background-color:#d26263;
} .style-5 .intro__main{
    background-color:#d58f5d;
} .style-6 .intro__main{
    background-color:#43a04e;
} .intro__main .r-btn{
} .intro__main .r-btn:hover {
    -webkit-animation:animatedBtn 1.2s linear;
            animation:animatedBtn 1.2s linear;
    -webkit-animation-iteration-count:1;
            animation-iteration-count:1;
} @media screen and (max-width: 479.8px){

    .intro__main {
    min-height:620px;
    }
  } @media screen and (min-width: 480px){

    .intro__main {
    min-height:700px;
    }
  } .intro__main-title {
    position:relative;
    margin-bottom:30px;
    height:100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url("../img/cooper_ctee/intro-title.svg");
} .intro__main-title .img__deco{
    position:absolute;
    left:50%;
    -webkit-animation:animatedTitle 5s linear infinite;
            animation:animatedTitle 5s linear infinite
} @media screen and (max-width: 479.8px){

    .intro__main-title {
      max-height:210px;
    }
    } @media screen and (min-width: 480px){

    .intro__main-title {
      max-height:290px;
    }
    } @media screen and (max-width: 479.8px){

    .intro__main-title .img__deco {
        top:-80px;
        margin-left:-250px;
        width:130px;
    }
      } @media screen and (min-width: 480px){

    .intro__main-title .img__deco {
        top:-30px;
        margin-left:-550px;
    }
      } @-webkit-keyframes animatedWave{
  from{
    background-position:0 bottom;
  }

  to{
    background-position:100% bottom;
  }
} @keyframes animatedWave{
  from{
    background-position:0 bottom;
  }

  to{
    background-position:100% bottom;
  }
} .intro__sub{
  position:relative;
  background-color:#f4f4f4;
} .intro__sub .img__deco{
    position:absolute;
    top:0;
    right:0;
} .intro__sub .intro__sub-warp{
    padding-top:55px;
    padding-bottom:55px;
    margin:0 auto;
    background-repeat:repeat-x;
    -webkit-animation:animatedWave 60s linear infinite;
            animation:animatedWave 60s linear infinite;
} .style-1 .intro__sub .intro__sub-warp{
    background-image:url("../img/cooper_ctee/deco-wavy-1.png");
} .style-2 .intro__sub .intro__sub-warp{
    background-image:url("../img/cooper_ctee/deco-wavy-2.png");
} .style-3 .intro__sub .intro__sub-warp{
    background-image:url("../img/cooper_ctee/deco-wavy-3.png");
} .style-4 .intro__sub .intro__sub-warp{
    background-image:url("../img/cooper_ctee/deco-wavy-4.png");
} .style-5 .intro__sub .intro__sub-warp{
    background-image:url("../img/cooper_ctee/deco-wavy-5.png");
} .style-6 .intro__sub .intro__sub-warp{
    background-image:url("../img/cooper_ctee/deco-wavy-6.png");
} .intro__sub .intro__sub-warp p{
    font-size:1.6rem;
} .intro__sub .intro__sub-warp p + p{
    margin-top:10px;
} .intro__sub .intro__sub-title{
    display:inline-block;
    padding:2px 30px;
    font-weight:bold;
    color:#fff;
} .style-1 .intro__sub .intro__sub-title{
    background-color:-color;
} .style-2 .intro__sub .intro__sub-title{
    background-color:-color;
} .style-3 .intro__sub .intro__sub-title{
    background-color:-color;
} .style-4 .intro__sub .intro__sub-title{
    background-color:-color;
} .style-5 .intro__sub .intro__sub-title{
    background-color:-color;
} .style-6 .intro__sub .intro__sub-title{
    background-color:-color;
} .intro__sub .intro__sub-title + p{
    margin-top:25px;
} .intro__sub .intro__sub-condiitons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin:50px auto 0;
} .intro__sub .intro__sub-condiitons li{
    padding-bottom:20px;
    margin-bottom:20px;
    font-weight:bold;
    text-align:center
} .intro__sub .intro__sub-condiitons .fr{
    display:block;
    margin-bottom:10px;
    font-size:4.8rem;
} .style-1 .intro__sub .intro__sub-condiitons .fr{
    color:-color;
} .style-2 .intro__sub .intro__sub-condiitons .fr{
    color:-color;
} .style-3 .intro__sub .intro__sub-condiitons .fr{
    color:-color;
} .style-4 .intro__sub .intro__sub-condiitons .fr{
    color:-color;
} .style-5 .intro__sub .intro__sub-condiitons .fr{
    color:-color;
} .style-6 .intro__sub .intro__sub-condiitons .fr{
    color:-color;
} @media screen and (max-width: 767.8px){

    .intro__sub .intro__sub-warp {
        padding-right:40px;
        padding-left:40px;
    }
    } @media screen and (min-width: 768px){

    .intro__sub .intro__sub-warp {
        padding-right:20px;
        padding-left:20px;
        max-width:768px;
    }
    } @media screen and (max-width: 399.8px){

    .intro__sub .intro__sub-condiitons {
        padding-right:20px;
        padding-left:20px;
    }
    } @media screen and (min-width: 400px){

    .intro__sub .intro__sub-condiitons {
        padding-right:40px;
        padding-left:40px;
    }
    } @media screen and (min-width: 768px){

    .intro__sub .intro__sub-condiitons {
        padding-right:0;
        padding-left:0;
    }
    } @media screen and (min-width: 768px){

    .intro__sub .intro__sub-condiitons {
        width:500px;
    }
    } @media screen and (max-width: 479.8px){

    .intro__sub .intro__sub-condiitons li {
        width:33.33333%;
    }
      } @media screen and (min-width: 480px){

    .intro__sub .intro__sub-condiitons li {
        width:25%;
    }
      } @media screen and (min-width: 768px){

    .intro__sub .intro__sub-condiitons li {
        width:20%;
    }
      } .group__result{
  text-align:center;
} .group__result > .r-btn{
    margin:10px 0;
} .block__search{
  padding:20px;
  margin:0 auto;
  max-width:960px;
  text-align:left;
} .box{
  position:fixed;
  bottom:0;
  z-index:1000;
  width:100%
} .box__app {
    position:relative;
} .box__app .fr{
    position:absolute;
    top:-28px;
    right:0;
    padding:6px;
    font-size:1.6rem;
    background-color:#fff;
    -webkit-box-shadow:0 -2px 2px 0 rgba(0, 0, 0, 0.5);
            box-shadow:0 -2px 2px 0 rgba(0, 0, 0, 0.5);
    border-top-left-radius:10px;
} .box__app a{
    display:block;
    width:100vw;
    height:20vw;
    background:url(../img/app-banner.png);
    background-size:auto auto;
    background-size:cover;
} @media screen and (min-width: 1024px){

    .box__app {
      display:none;
    }
    }