黃美雲-HouseWeb雲端架站平台,勁強科技股份有限公司,桃園房屋買賣,大園房屋買賣,新屋房屋買賣

: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 !important; } #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; }

◆旗艦新版型2大好處:

1.有RWD功能不論您的客戶是用手機/平版/筆電/桌上型大螢幕在看您的網站，都可以完美適應，不需要再左右滑移或放大縮小囉

(1)讓你的客戶可以留在您的網站久一點

(2)google官方說明若使用者用行動裝置搜尋，優先推薦有RWD功能的網站

2.有SSL憑證，所有傳輸經過加密機制保護，網站不會再出現「不安全」的字樣

(1)讓您的客戶安心的看您的物件，並提高留言意願

其他優勢分析歡迎觀看網站介紹點此觀看介紹

版型參考網址:

粉嫩甜心: www.富田不動產.tw
時尚經典: www.showhouse.com.tw, www.廣泰不動產.tw
尊爵大器: www.許立儒.tw, www.新營不動產.tw