買家賣家桃園買賣家給您幸福的家. www.桃園買賣家.tw 郭生芳

#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-box{overflow-x:scroll;overflow-y:hidden}#main_nav .nav-list{width:2000px}#main_nav img{max-height:54px}#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:#dcdcdc}#main_nav .nav .nav-item.nav-link.active{background-color:#f5f5f5;color:#98bf00;animation-name:flipInX}#main_nav .nav-list>li{list-style:none;float:left}#pills-tab{overflow:hidden}#main_nav .nav-link{padding:1rem}@media (min-width:992px){#main_nav .nav-box{margin-right:1rem}}

:root{ --FP-Slide-W: 280px; --FP-Content-W: 100%; --FP-Slide-Position:fixed; --FP-Slide-TranSec:.5s; --FP-Slide-TranPos-show:none; --FP-Slide-TranPos-hidden:translateX( calc(var(--FP-Slide-W) * -1)); --FP-Slide-TranPos: var(--FP-Slide-TranPos-hidden); --FP-SlideShadow-show:block; --FP-SlideShadow-hidden:none; --FP-SlideShadow-dp: var(--FP-SlideShadow-hidden); } /* >992 */ /*@media (min-width: 768px) { :root{ --FP-Slide-Position:fixed; } }*/ /* >992 */ @media (min-width: 992px) { :root{ --FP-Slide-Position:inherit; --FP-Slide-TranSec:none; --FP-Slide-TranPos: var(--FP-Slide-TranPos-show); --FP-SlideShadow-dp: var(--FP-SlideShadow-hidden); --FP-Content-W: calc(100% - var(--FP-Slide-W) ); } #SlideBtn{ display: none; } } /*#FreePage-Main{ overflow: hidden; }*/ #FreePage-Content{ overflow: hidden; /*float: right;*/ padding: 1rem; width: var(--FP-Content-W); min-height: 300px; } #FreePage-Content>div{ overflow-x: auto; } #FreePage-Content img{ max-width: 100%; height: auto; } #FreePage-Slide{ padding: 0 1rem; position: var(--FP-Slide-Position); background-color: #FFF; width: var(--FP-Slide-W); transform:var(--FP-Slide-TranPos); transition: var(--FP-Slide-TranSec); z-index: 5000; top: 0; float: left; } #FreePage-Slide.show{ --FP-Slide-TranPos: var(--FP-Slide-TranPos-show); } /* 左欄顯示時的灰色底 */ #FreePage-SlideShadow{ display: var(--FP-SlideShadow-dp); align-items: center; justify-content: center; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .6); z-index: 4999; } #FreePage-SlideShadow.show{ --FP-SlideShadow-dp: var(--FP-SlideShadow-show); } #SlideBtn{ position: absolute; right: 0; /*margin-top: 2rem; writing-mode: vertical-lr;*/ margin-right: -2rem; padding: calc(.5rem - 1px); border-radius:0 5px 5px 0; cursor: pointer; top: calc(50% - 3rem); } #FreePage-Slide .slideMenu{ /*padding: .5rem 1rem;*/ margin: 0; padding-top: 1.5rem; padding-left: 0; } #FreePage-Slide .slideMenu>li{ list-style-type: none; padding-bottom: 1em; } #FreePage-Slide .slideMenu>li>a{ padding: 0 .5rem; margin-bottom: .5rem; display: block; text-decoration: none; cursor: pointer; } #FreePage-Slide .content{ display: none; padding-left: 1rem; } #FreePage-Slide .content>li>a{ text-decoration: none; } #SlideBtn{ color: var(--def-color); background-color: var(--def-bg-color, #ffc107); border: var(--def-border, 1px solid #ffc107); } #FreePage-Slide .slideMenu>li>a{ border-bottom: 1px solid #CCC; border-left: 5px solid #ffc107; } #FreePage-Slide .content>li>a{ color: #333; } #FreePage-Slide .content>li>a:hover{ color: #ffc107; } #FreePage-Slide .content>li>a:visited{ color: #b38c16; }

桃園店面租售報導