/*----------------------------------*\
  # 成交案例卡片                    
\*----------------------------------*/
.deal-container { width: 75%; display: flex; flex-wrap: wrap; margin: 0 auto; }
.deal-container::after { content: ''; flex: auto; }
.deal-container .deal-item { width: calc(92%/4); margin: 2% 1% 0; }
.deal-container .deal-item:last-child { margin-right: auto; }
.deal-container .case-card { border-radius: 10px; overflow: hidden; box-shadow: rgba(0,0,0,0.1) 0px 4px 6px -1px,rgba(0,0,0,0.06) 0px 2px 4px -1px;position: relative;}
.deal-container .case-image-container img { width: 400px; height: 200px }
.deal-container .case-info-container { border-top: #FF8000 solid 5px; background-color: #FFF; padding: 0.8rem 1rem; }
.deal-container .case-title { font-size: 1.4em; font-weight: 700; }
.deal-container .case-address { color: #919090; border-bottom: #e2e2e2 solid 1px; margin-bottom: .5rem; padding: .1rem 0rem .5rem }
.deal-container .case-address i { margin: 0 0.3rem 0 0.2rem; color: #FF5820; }
.deal-container .imp-num { color: #ff0000; font-size: 1.4em; font-style: italic; margin: 0 .3rem 0 .1rem; font-weight: 700; }
.deal-container .detail-btn { display: block; margin-top: 1rem; padding: .3rem 0; text-align: center; background-color: #FFF; border: 1px solid #FF5820; border-radius: 10px; color: #FF5820; text-decoration: none; transition: background-color 0.3s,color 0.3s; }
.deal-container .detail-btn:hover { background-color: #FF8000; color: #FFF; text-decoration: none;border: 1px solid #FF8000;}
.num-page { width: 75%; margin: 2rem auto;}
form#pageform {display: flex;justify-content: space-between;align-items: center;margin: 1rem 0; }
form#pageform div{color:#919090 ;}
.pagination .page-item .page-link {width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;border:1px solid #e5e7eb;background-color:#ffffff;color:#7e8186;cursor:pointer;transition:all 0.2s ease;margin:0 .2rem;font-size:20px;}
.pagination .page-item.active .page-link { background-color: #f59e0b; color: #ffffff; border-color: #f59e0b; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
.case-date{position: absolute;top: 10px;background-color: #f54d0b;color: #FFF;padding: 0.3rem 0.5rem;}

@media (max-width:1199px) {
  .deal-container .deal-item { width: calc(92%/2); margin: 2% auto; }
  .deal-container::after { content: ''; flex: none; }
  .deal-container .case-image-container img { width: 400px; height: auto; }
}
@media (max-width:767px) {
  .deal-container{width: 95%;}
  .deal-container .deal-item { width: calc(92%/1); margin: 2% auto; }
  .deal-container::after { content: ''; flex: none; }
  form#pageform{justify-content: space-around;flex-wrap: wrap;}
  .pagination .page-item .page-link{width: 2.2rem;height: 2.2rem;font-size: 15px;}
}
/*----------------------------------*\
  # 成交案例內頁                    
\*----------------------------------*/
.dog-eared { position: relative; height: 65px; background: linear-gradient(-150deg,transparent 3em,#FFF 0); border-radius: .5em; }
.dog-eared::before { content: ''; position: absolute; top: 0; right: 0; background: linear-gradient(to left bottom,transparent 50%,rgba(201,201,201,0.4) 0,.4) 100% 0 no-repeat; width: 3.2em; height: 6.2em; transform: translateY(-2.9em) rotate(-33deg); transform-origin: bottom right; border-bottom-left-radius: inherit; box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15); }
.detail-cantainer,.other-case { width: 75%;margin: 80px auto; }
.detail-header { display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #FFF; color: #000; padding: 1rem 2rem;}
.detail-title { font-family: "Noto Serif TC",serif; font-size: 1.6em; font-weight: 700; }
.detail-date { border-radius: 45px; padding: .2rem 1rem; font-size: 1em; font-weight: 500; color: #000;margin-right: 0.5rem;}
.detail-image-container { width: 45%; margin: .8rem; box-shadow: rgba(50,50,105,0.15) 0px 2px 5px 0px,rgba(0,0,0,0.05) 0px 1px 1px 0px; }
.detail-info { padding: 1rem; background-color: #FFF; display: flex; align-items: center;flex-wrap: wrap;justify-content: space-between;border-top: solid 1px #dfdfdf;}
.detail-item { padding-right: 4rem; width: 48%; }
.detail-item dl { display: flex; align-items: end; margin-bottom: 24px; border-bottom: #ebebeb solid 1px; }
.detail-item dt { color: #FFF; font-weight: 500; background-color: #FF8000; padding: .2rem .5rem; margin-right: 25px;text-align: center;}
.item-title { font-family: "Noto Serif TC",serif; font-weight: 700; font-size: 1.3em; color: #FF8000; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 2px solid #ff6b35; display: flex; align-items: center; }
.item-title::before { content: ''; width: 4px; height: 20px; background: #ff6b35; margin-right: 12px; border-radius: 2px; display: inline-block; }
.detail-cantainer .imp-num { color: #ff0000; font-size: 1.4em; font-style: italic; margin: 0 .3rem 0 .1rem; font-weight: 700; }
.carousel-control-prev:hover,.carousel-control-next:hover { background: #5a5a5a94; }
.detail-exp { background-color: #ffffffc0; padding: 2rem; border-top: #e6e6e6 solid 1px; border-radius: 0  0 .5em .5em; }
.exp-title { font-family: "Noto Serif TC",serif; font-size: 1.6em; font-weight: 900; margin-bottom: 1.5rem; text-align: center; padding: .5rem; color: #FFF; background: linear-gradient(45deg, #ff8000 0%, #ffaa33 40%, #ffaa33 60%, #ff8000 100%); }
.exp-title::before { content: ''; width: 50px; background-color: #FFF; height: 2px; display: inline-block; bottom: 10px; right: 15px; position: relative; }
.exp-title::after { content: ''; width: 50px; background-color: #FFF; height: 2px; display: inline-block; bottom: 10px; left: 15px; position: relative; }
.other-carousel{display: flex;justify-content: space-between;}
.other-carousel:hover a{text-decoration: none;color: #000;}
.other-item{background-color: #fff;border-radius: 15px;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.other-item:hover{transform: translate(0,-10px);transition-duration: 0.5s;}
.item-img img{border-radius: 20px 20px 0 0;width: 100%;}
.other-info{padding: 1rem;}
.other-title{font-size: 1.2em;font-weight: 700;}
.other-address{font-size: .9em;color: #a5a5a5;border-bottom: #ffd8be solid 1px;margin-bottom: 10px;padding-bottom: 10px;}
.other-price,.other-save{display: flex;justify-content: space-between;margin-top: .2rem;}
.other-case-title{font-size: 1.6em;margin-bottom:1.5rem;}
.other-case a{width: calc(100%/4 - 1rem);}
@media (max-width:1199px) {
.detail-cantainer, .other-case{width: 90%;margin: 30px 20px;}
.detail-image-container,.detail-item{width: 100%;}
.detail-info{padding: 0;}
.detail-item,.detail-exp{padding: 1rem;}
.other-carousel { justify-content: space-around; flex-wrap: wrap; }
.other-carousel a{width: 45%;}
.other-case-title{font-size: 1.6em;text-align: center;}
.other-item{margin-top: 1rem;}

}
@media (max-width:767px) {
.detail-date{background-color: transparent;margin-right:0;padding:0;border:none;}
.other-carousel a{width: 100%;}
.detail-title{width: 100%;}
.detail-item dt{width: 30%;margin-right: 15px;}
.detail-item dd{width: 65%;}

}