台南買屋賣屋台南房屋買賣永慶買屋賣屋台南地產台南幸福家台南房地產,(HouseWeb平台)

.discount>span:first-child{font-size:.6rem;color:#fff;display:inline-block;padding:.4rem .5rem 0 0;text-decoration:line-through;font-weight:400}.BannerBox{background-color:#ccc;background:linear-gradient(white,#ccc,#fff)}.banner img{width:100%;height:auto}#waterfall-container li figure{position:relative}#waterfall-container li figure figcaption{position:absolute;bottom:20px;left:0;right:0;background-color:rgba(0,0,0,.8)}#waterfall-container li figure h6:nth-of-type(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top10pad{padding:1rem}.bold{font-weight:700}.card-columns{-webkit-column-count:1;-moz-column-count:1;column-count:1}.card{border:0}.see-more>a{border:1px solid #fff;border-radius:6px;padding:.5rem;background-color:#ffc107;color:#333;font-weight:700}.see-more>a:hover{background-color:#e0a800;text-decoration:none}@media (min-width:768px){.card-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media (min-width:992px){.top10pad{padding:3rem}} .announce{position:absolute;top:10px;left:-15px;width:70px;text-align:center;display:block;color:#000;font-size:12px;font-weight:700;padding:.2rem;z-index:60;transform:rotate(-45deg)}.announce:before{content:"";position:absolute;top:-10px;left:0;width:0;height:0;border-width:35px;border-color:#ffc107 transparent transparent #ffc107;border-style:solid;z-index:-10;transform:rotate(45deg)}

#fullpageCover { display: flex; align-items: center; justify-content: center; height: 100vh; width: 100vw; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .6); /*z-index: 1000;*/ } #fullpageAside{ background-color: #31302D; } .aside { display: inline-block; height: 100%; /*min-width: 360px;*/ background-color: #24231F; overflow-y: scroll; } .aside_brand { display: none; align-items: center; justify-content: center; margin-bottom: 3rem; width: 100%; height: 30%; max-height: 270px; } .aside_brand img{ max-width: 200px; } .aside_searcher { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; height: 60%; width:100%; min-height: 500px; /*margin-left: 3%; margin-right: 3%;*/ padding: 8px 4px; background-color: #31302D; } .aside_searcher img { height: 32px; width: 32px; } .aside_searcher_category { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .aside_searcher_category i{ font-size: 26px; color: #4b4b4b; } .aside_searcher_category figure { position: relative; width: 66px; height: 66px; background-color: rgba(255,255,255,1); border-radius: 3px; /*padding: 8px;*/ margin: 4px; } .aside_searcher_category figure:hover { background-color: rgba(255,255,255, .85); } .aside_searcher_category .hovered_icon { display: none; position: absolute; bottom: 42px; font-size: 22px; right: calc(50% - 28px); } .aside_searcher_category figure:hover .hovered_icon { display: block; } #aside_footer { height: 10%; width: 100%; } .clickable a{ display: block; margin: 10px; text-decoration: none; } .clickable figcaption{ color: #24231f; text-decoration: none; } .disable{ opacity: 0.3; cursor: default; } .clickable a.disable:hover .hovered_icon{ display: none; } .clickable a.active .hovered_icon{ filter: brightness(95%); display: block; } .w-42{ width: 42px; } .w-80{ width: calc(100% - 42px); } /* Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { #fullpageCover { position: inherit; background-color: #31302D; } #fullpageAside{ width: 100%; } .aside_brand { display: flex; } }

'+arr[nowval][key]+'

#main_nav { width: 100%; margin-left: 0 !important; margin-right: 0 !important; border-bottom: 1px solid rgba(112, 112, 112, .2); overflow-x: auto; } #main_nav .nav_title { font-weight: 400; font-size: 12px; border-bottom: .5px solid rgba(112, 112, 112, .3); } #main_nav .nav .nav-item.nav-link { color: #000; } #main_nav .nav .nav-item.nav-link:hover { background-color: rgba(220, 220, 220, 1); /*border-bottom: 5px solid rgb(189, 189, 189); animation-name: pulse; animation-duration: .5s*/ } #main_nav .nav .nav-item.nav-link.active { background-color: #F5F5F5; color: #98BF00; /*border-bottom: 5px solid #98BF00;*/ animation-name: flipInX; /*animation-duration: .5s;*/ } #main_nav .nav-list>li{ list-style: none; float: left; } #pills-tab { min-width: 900px; overflow: hidden; } #main_nav .nav-link{ padding: 1rem; } @media (min-width: 576px) { } @media (min-width: 768px) { /*#pills-tab { min-width: 840px; }*/ } @media (min-width: 992px) { /*#pills-tab { min-width: 100%; }*/ #main_nav .nav-box{ margin-right: 1rem; } } @media (min-width: 1200px) { /*.nav-box{ width: 50%; padding: 0 1rem; margin: 0; }*/ }