@media screen and (min-width: 768px){ .drawer__item-history .drawer__content::-webkit-scrollbar-thumb:hover {
        background:rgba(0, 0, 0, 0.3);
        border:none;
    } .drawer__item-history .drawer__content::-webkit-scrollbar-thumb {
        background:rgba(0, 0, 0, 0.2);
        background-clip:padding-box;
        border:none;
        border-radius:10px;
        -webkit-transition-duration:0.3s;
                transition-duration:0.3s;
    } .drawer__item-history .drawer__content::-webkit-scrollbar-track {
        background-color:#efefef;
    } .drawer__item-history .drawer__content {
} .drawer__item-history .drawer__content::-webkit-scrollbar {
        width:3px;
    }
    } .drawer__item-history.is--open {
    -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
            transform:translateX(0);
} .btn__item-history.is--first {
    position:relative;
    z-index:10;
    padding:8px;
    margin:-8px;
    background-color:#fff;
    border-radius:999em;
    -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);
} .btn__item-history.is--first::before{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    width:12px;
    height:12px;
    -webkit-transform:rotate(-45deg) scale(1, 0.866) translate(-50%, 2px);
        -ms-transform:rotate(-45deg) scale(1, 0.866) translate(-50%, 2px);
            transform:rotate(-45deg) scale(1, 0.866) translate(-50%, 2px);
    border-top-right-radius:3px;
    background-color:#333;
} .btn__item-history.is--first::after{
    position:absolute;
    top:100%;
    padding:10px;
    line-height:1;
    font-size:1.5rem;
    font-weight:normal;
    white-space:nowrap;
    color:#fff;
    background-color:#333;
    border-radius:5px;
    content:"您最近瀏覽的房屋";
} @media screen and (max-width: 1023.8px){ .btn__item-history.is--first::after{
        -webkit-transform:translateY(10px);
            -ms-transform:translateY(10px);
                transform:translateY(10px);
        right:0
    }
} @media screen and (min-width: 1024px){ .btn__item-history.is--first::after{
        left:50%;
        -webkit-transform:translate(-50%, 10px);
            -ms-transform:translate(-50%, 10px);
                transform:translate(-50%, 10px)
    }
} .btn__item-history.is--icon {
    padding:12px;
    font-size:2rem;
    color:#919191;
    -webkit-transition:all ease-out 0.3s;
    -o-transition:all ease-out 0.3s;
    transition:all ease-out 0.3s;
} .btn__item-history.is--icon:hover{
    background-color:#efefef;
    border-radius:50%;
    -webkit-transition:all ease-in 0.2s;
    -o-transition:all ease-in 0.2s;
    transition:all ease-in 0.2s;
} .r-result-subtitle {
    font-size:1.3rem;
    font-weight:bold;
} .r-skeleton__image {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    width:unset;
    border-radius:0;
} .r-skeleton__image svg{
    fill:#dcdde0;
    width:22%;
    height:22%
} .r-skeleton__h5 {
    height:16px;
} .r-skeleton__h3 {
    height:18px;
} .r-skeleton__h1 {
    height:20px;
} .r-skeleton__caption {
    height:12px;
} .r-skeleton__text {
    width:100%;
    height:13px;
} .r-skeleton__p {
    width:100%;
} .r-skeleton__p.is-last{
    width:61%;
} .r-skeleton__p.is-first{
    width:33%;
} .r-skeleton__button {
    width:64px;
    height:40px;
    border-radius:4px;
} .r-skeleton__circle {
    width:36px;
    height:36px;
    line-height:36px;
    border-radius:50%;
} .r-skeleton__circle--lg{
    width:40px;
    height:40px;
    line-height:40px
} .r-skeleton__circle--md{
    width:28px;
    height:28px;
    line-height:28px
} .r-skeleton.is-animated .r-skeleton__item {
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background:-o-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background:linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size:400% 100%;
    -webkit-animation:r-skeleton-loading 1.4s ease infinite;
            animation:r-skeleton-loading 1.4s ease infinite;
} .r-skeleton__item {
    display:inline-block;
    width:100%;
    height:16px;
    background:#f2f2f2;
    border-radius:4px;
} :root{
} @-webkit-keyframes r-skeleton-loading{
  0%{
    background-position:100% 50%
  }

  100%{
    background-position:0 50%
  }
} @keyframes r-skeleton-loading{
  0%{
    background-position:100% 50%
  }

  100%{
    background-position:0 50%
  }
} .r-skeleton{
  width:100%
} .r-skeleton__first-line, .r-skeleton__paragraph {
    margin-top:16px;
    height:16px;
    background:#f2f2f2;
} .r-result{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:30px 0;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:15px
} .r-result-icon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    width:32px;
    height:32px;
    font-size:1.6rem;
    color:#fff;
    background-color:#ff7d0a;
    border-radius:50%;
} .btn__item-history{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  line-height:1;
  font-size:1.4rem;
  gap:4px;
  cursor:pointer;
  color:#646464
} .btn__item-history:hover {
    color:#ff7d0a;
} .sidebar__mask{
  position:fixed;
  top:0;
  left:0;
  z-index:99998;
  width:100vw;
  height:100vh;
  background-color:rgba(0, 0, 0, 0.5);
  background-image:none;
} .drawer__item-history{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:99999;
  padding:15px;
  width:190px;
  background-color:transparent;
  background-color:#efefef;
  -webkit-box-shadow:-3px 0 5px rgba(0, 0, 0, 0.3);
          box-shadow:-3px 0 5px rgba(0, 0, 0, 0.3);
  -webkit-transition:-webkit-transform 0.25s ease-in;
  transition:-webkit-transform 0.25s ease-in;
  -o-transition:transform 0.25s ease-in;
  transition:transform 0.25s ease-in;
  transition:transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
  -webkit-overflow-scrolling:touch;
  will-change:transform;
  -webkit-transform:translateX(100%);
      -ms-transform:translateX(100%);
          transform:translateX(100%);
} .drawer__item-history *{
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
} .drawer__item-history .drawer__head h3{
    font-size:1.5rem;
    font-weight:bold;
} .drawer__item-history .drawer__head .btn__close{
    position:absolute;
    top:0;
    right:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    width:48px;
    height:48px;
    font-size:1.5rem;
    color:#919191;
    cursor:pointer;
} .drawer__item-history .drawer__content{
    position:absolute;
    top:48px;
    right:0;
    bottom:0;
    left:0;
    overflow:auto;
    padding:0 15px 15px;
} .drawer__item-history .drawer__content ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:10px;
} .drawer__item-history .drawer__content li .item__price-unit {
    font-size:1.3rem;
} .drawer__item-history .drawer__content li a.is--disabled {
    -webkit-filter:grayscale(100%) opacity(0.5);
            filter:grayscale(100%) opacity(0.5);
} .drawer__item-history .drawer__content li a.is--disabled .item__image{
    position:relative;
} .drawer__item-history .drawer__content li a.is--disabled .item__tag{
    position:absolute;
    bottom:0;
    left:0;
    padding:2px 5px;
    font-size:1.2rem;
    color:#fff;
    background-color:#919191;
} .drawer__item-history .drawer__content li a{
    display:block;
    padding:10px;
    background-color:#fff;
    border-radius:5px;
    -webkit-transition:all ease-out 0.3s;
    -o-transition:all ease-out 0.3s;
    transition:all ease-out 0.3s
} .drawer__item-history .drawer__content li a:hover {
    -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 ease-in 0.2s;
    -o-transition:all ease-in 0.2s;
    transition:all ease-in 0.2s;
} .drawer__item-history .drawer__content li a:hover h4{
    color:#0c87dd;
    -webkit-transition:all ease-in 0.2s;
    -o-transition:all ease-in 0.2s;
    transition:all ease-in 0.2s;
} .drawer__item-history .drawer__content li img{
    display:block;
    width:100%;
    height:100px;
    -o-object-fit:cover;
       object-fit:cover;
} .drawer__item-history .drawer__content li h4{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-top:10px;
    font-size:1.3rem;
    color:#333;
    -webkit-transition:all ease-out 0.3s;
    -o-transition:all ease-out 0.3s;
    transition:all ease-out 0.3s;
} .drawer__item-history .drawer__content li h4 .item__type{
    padding:4px;
    margin-right:5px;
    line-height:1;
    border-radius:3px
} .drawer__item-history .drawer__content li h4 .item__type.is--rent {
    color:#fff;
    background-color:#4e9589;
} .drawer__item-history .drawer__content li h4 .item__title{
    overflow:hidden;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis;
    white-space:nowrap;
    color:#333;
} .drawer__item-history .drawer__content li .item__price{
    margin-top:5px;
    line-height:1;
    color:#d11f25
} .drawer__item-history .drawer__content li .item__price-num {
    font-size:2.1rem;
    font-weight:bold;
} .drawer__item-history .drawer__content li.r-skeleton {
    padding:10px;
    background-color:#fff;
    border-radius:5px;
} .drawer__item-history .drawer__content li.r-skeleton .r-skeleton__image{
    height:100px;
} .drawer__item-history .drawer__wrap{
    padding-bottom:10px;
    font-size:1.2rem;
    color:#646464;
} .drawer__item-history .drawer__wrap b{
    font-size:1.2rem;
    font-weight:bold;
    color:#333;
} @media screen and (min-width: 768px){ .drawer__item-history {
    -webkit-box-shadow:-3px 0 5px rgba(0, 0, 0, 0.15);
            box-shadow:-3px 0 5px rgba(0, 0, 0, 0.15);
    }
  } .drawer__item-history.is--hidden {
    display:none;
}