/*root*/
:root {
--c_blue:#315489;
--c_blue_h:#203c66;
--c_gold:#ba9859;
--c_gold_h:#8d713c;
--kvBottomH:70px;
--lyt-l_w:260px;}
@media (max-width: 1599.98px) {
:root {
--lyt-l_w:240px;}}
@media (max-width: 1399.98px) {
:root {
--lyt-l_w:220px;}}
@media (max-width: 1199.98px) {
:root {
--lyt-l_w:200px;}}
@media (max-width: 991.98px) {
:root {
--lyt-l_w:120px;
--kvBottomH:90px;}}
@media (max-width: 767.98px) {
:root {
--lyt-l_w:100px;
--kvBottomH:70px;}}

/* <uniquifier>: Use a unique and descriptive class name ；<weight>: Use a value from 200 to 900*/
.noto-sans-tc- {font-family: "Noto Sans TC", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.noto-serif-tc- {font-family: "Noto Serif TC", serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 10}

/*bootstrap container*/
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container-xxs {padding-right:30px;padding-left: 30px;margin: auto}
@media (min-width: 1600px){
.container, .container-xxl, .container-xl{max-width: 1720px;}
.container-xxl {max-width: 1620px;}
.container-xl {max-width: 1520px;}
.container-lg {max-width: 1420px;}
.container-md {max-width: 1320px;}
.container-sm {max-width: 1220px;}
.container-xs {max-width: 990px;}
.container-xxs {max-width: 800px;}}
@media (max-width: 1599px){
.container, .container-xxl, .container-xl, .container-lg, .container-md{max-width: 1320px;}
.container-sm {max-width: 1120px;}
.container-xs {max-width: 890px;}
.container-xxs {max-width: 800px;}}
@media (max-width: 1399.98px) {
.container, .container-xxl, .container-xl, .container-lg, .container-md{max-width: 1220px;}
.container-sm {max-width: 1020px;}}
@media (max-width: 991.98px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container-xxs{width:92%;}}
@media (max-width: 767.98px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container-xxs{width:100%;}}
@media (max-width: 575.98px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container-xxs {padding-right:25px;padding-left: 25px;}}
@media (max-width: 410px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container-xxs {padding-right:20px;padding-left: 20px;}}

/*style*/
::-moz-selection { color: #fff;background:#000000;}
::selection {color: #fff;background:#000000;}
html{scroll-behavior:auto !important;}
body{font-family:"Noto Serif TC", serif;color:#000;width: 100%;display: flex;padding-right: 0px !important;overflow-y: scroll !important}
#aspnetForm{width: 100%;display: flex;padding-right: 0px !important;}
a,a:link,a:visited{color:#000000;text-decoration:none;}
a:hover,a:active{color:#000000}
p{font-size:18px;line-height: 1.8em;color:#333;}
.bg-primary{background: var(--c_gold) !important;}
.badge,a.badge,a.badge:link,a.badge:visited{font-family: "Noto Sans TC", sans-serif;font-weight:400;padding:5px 15px 6px;color: #fff}
a.badge:hover,a.badge:active{background: #7e6931 !important;}
.note{color:rgba(0,0,0,.7);font-size:15px;line-height: 1.4em;margin:4px 0px;font-family: "Noto Sans TC", sans-serif;}
.nav-link{color:#000}
.dropdown-menu{z-index: 99999999999}
@media (max-width: 767.98px) {
}

/*module_lyt-l module_lyt-r*/
.lyt-l{width:var(--lyt-l_w)}
.lyt-l-box{background: #fff;height: 100vh;max-width:300px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 0px;text-align: center;}
.lyt-l-box .lyt-l-logo img{width:180px;max-width:80%;margin: 0 auto;}
.lyt-l-box h5{writing-mode:vertical-rl;transform: scale(.9, 1);font-size:16px;color:#888;font-weight:200;letter-spacing:3px;margin-bottom: 0;}
.lyt-l-box .btn{font-family:"Noto Serif TC", serif !important;color:#666}
.lyt-r{width:calc(100% - var(--lyt-l_w));min-height:100vh;}
.lyt-r-top{flex: auto;}
.lyt-r-bt{}
.lyt-r-inner{min-height: 100vh;}
.lyt-r-center{justify-content:space-between;display:flex;flex-direction:column;}
.lyt-r-center-top{display:flex;flex: auto;}
.lyt-r-center-top .container-xxs {width: 700px;}
.lyt-r-center-bt{}
@media (max-height: 840px) {
.lyt-l-box{padding:30px 0px;}
.lyt-l-box .lyt-l-logo img{width:160px;}}
@media (max-height: 640px) {
.lyt-l-box{padding:20px 0px;}
.lyt-l-box .lyt-l-logo img{width:150px;}}
@media (max-width: 1599px){}
@media (max-width: 1399.98px) {
.lyt-l-box h5{font-size:15px;letter-spacing:2px;}}
@media (max-width: 991.98px) {
.lyt-l-box h5{font-size:14px;letter-spacing:1px;}}
@media (max-width: 767.98px) {
.lyt-l{width: 0px;}
.lyt-l-box{justify-content: flex-start;width:100vw;max-width:100vw;height:66px;background:#fff;position: fixed;z-index: 1039; top: 0;flex-direction: row;padding:0px;}
.lyt-l-box .lyt-l-logo{position: relative;z-index: 1049;}
.lyt-l-box .lyt-l-logo img{width:160px;}
.lyt-l-box h5{writing-mode: lr;font-size:10px;letter-spacing:0px;display: none}
.lyt-r{width:100%;min-height:calc(100vh - 66px);}
.lyt-r-inner{padding-top: 66px;}}

/*module_btn*/
.btn,.btn:link,.btn:visited,a.btn:hover, a.btn:active {display:inline-flex;align-items: center;font-weight: 500;justify-content: center;border-radius: 0px;font-family: "Noto Sans TC", sans-serif;box-shadow: none !important;outline: none !important}
.btn:active{box-shadow: none !important;outline: none !important}
.btn span{font-size:20px;margin-right:3px;}
.btn-dark,a.btn-dark:link,a.btn-dark:visited{color:#fff;background:#111111;border-color:#111111}
.btn-dark:hover,a.btn-dark:hover,a.btn-dark:active{background:#000000;border-color:#000000}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{opacity:.4}
.btn-light,a.btn-light:link,a.btn-light:visited{border:none;background: #fff;padding: .5em 0px}
.btn-light:hover,a.btn-light:hover,a.btn-light:active{background:#fff;color:var(--c_blue);}
.btn-primary {color: #fff !important;background-color:var(--c_blue);border-color:var(--c_blue);}
.btn-primary:hover {color: #fff;background-color: var(--c_blue_h);border-color: var(--c_blue_h);}
.btn-outline-primary,a.btn-outline-primary:link,a.btn-outline-primary:visited{color:var(--c_blue);border-color:var(--c_blue)}
a.btn-outline-primary:hover {color: #fff;background-color: var(--c_blue_h);border-color: var(--c_blue_h);}
@media (max-width: 991.98px) {
.btn,.btn:link,.btn:visited,a.btn:hover, a.btn:active {font-size: 1rem;}}

/*module_form*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus , select.form-control:focus{box-shadow: none !important;outline: none !important;background: transparent;border-color:#000;}
button:focus{box-shadow: none !important;outline: none;}
input[type=number] {-moz-appearance: textfield;}
input:disabled,.form-select:disabled{background: #fff;color:#808080;font-weight: normal !important;}
.form-check .form-check-input {outline: none !important;box-shadow: none !important;margin-left: 0em !important;}
.form-check.form-check-inline{padding-left: 0px !important;}
.form-check-input[type="checkbox"]{accent-color: #000000;border-radius:0px;margin: auto}
.form-check-input:hover[type="checkbox"]{background-color: #eee;}
.form-check-input[type="checkbox"]:checked {background-color: #000000 !important;border-color: #000000 !important;outline: none;}
.form-control::placeholder {color: rgba(0, 0, 0, .3);}
.form-control,.form-control,.form-select,.form-select{background-color: transparent;border: none;border-radius: 0px;border-bottom: 1px solid rgba(0, 0, 0, .2) !important;padding-left:10px }
.form-check-input:checked {background-color:#000;border-color:#000;outline: none}
.form-select:focus{border:none;box-shadow: none}
.form-control:disabled, .form-control[readonly]{background: #f9f9f9;border:1px solid #eee}
.p-member .form-control:disabled,.p-member .form-control[readonly]{background: #f7f5f2;border:none;color: rgba(0,0,0,0.3)}
input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-background-clip: text;-webkit-text-fill-color: #000;transition: transparent 5000s ease-in-out 0s;}
@media (max-width: 1599px){}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

/*module_navbar*/
.navbar{mix-blend-mode: exclusion;flex-direction: row-reverse;z-index: 1049;left: auto}
.navbar-toggler{top: 35px;right: 50px;width: 50px;height:50px;position: relative;padding: 0px;} 
.navbar-toggler .menu-line{width:100%;height:2px;background: #fff;display: block;transition:All .3s ease;transform-origin: center;}
.navbar-toggler .menu-line-1{width:100%;margin-bottom:10px;}
.navbar-toggler .menu-line-2{width:50%;margin-left: 50%}
.navbar-toggler .menu-line-3{width:70%;margin-left: 30%;margin-top:10px;}
.navbar-toggler.active{right:50px;}
.navbar-toggler.active .menu-line-1{width:50%;transform:translate(-3px, 20px) rotate(45deg);}
.navbar-toggler.active .menu-line-2{width:80%;margin-left:0%;}
.navbar-toggler.active .menu-line-3{width:50%;margin-left:0%;transform:rotate(-45deg) translate(13px, -16px);}
.offcanvas{width: 600px;height: 100%;transition:transform .3s cubic-bezier(0.01, 0.96, 1, 1.02);}
.offcanvas-body::-webkit-scrollbar{width:1px;overflow-x:hidden;}
.offcanvas-body::-webkit-scrollbar-track{background-color:transparent;} 
.offcanvas-body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);}
.offcanvas-body{padding: 20px; display: flex;justify-content: center;align-items: center;}
.offcanvas-end{border: none;transform:translateX(120%) skew(10deg, 0deg)}
.offcanvas-backdrop {background-color: #fff;}
.navbar-nav .nav-item{margin-bottom: 1rem;opacity: 0;transition:All .8s ease;transform:translateX(100%)}
.navbar-nav .nav-link{font-size:1.4rem;line-height:2rem;padding:0px;text-decoration:none;color:#000;font-weight: 500;}
.navbar-nav .dropdown-menu{padding:20px 0px;display: block;border:none;color: #666;min-width: inherit}
.navbar-nav .dropdown-menu.show{transition:All .3s ease;padding:20px 20px 18px;height: auto;background: #fff;display: block;opacity: 1;pointer-events:auto}
.navbar-nav .dropdown-menu li {font-size:17px;padding:0px;text-decoration: none;margin-bottom: 10px;font-family: "Noto Sans TC", sans-serif;font-weight: 300;}
.navbar-nav .dropdown-menu li a{color:#666}
.offcanvas-end.show .nav-item{opacity: 1;transform:translateX(0%)}
@media (max-width: 1599px){
.offcanvas{width: 500px;}}
@media (max-width: 1399.98px) {
.offcanvas{width: 400px;}}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
.navbar-toggler{top:10px;right:20px;width:32px;height:32px;}
.navbar-toggler.active{right:20px;}
.offcanvas{width: 300px;height: 110vh}
.offcanvas-body{padding:0px 0px;}
.navbar-nav .nav-link{font-size:1.2rem;}
.navbar-toggler.active .menu-line-1{transform:translate(-4px, 17px) rotate(45deg);}
.navbar-toggler.active .menu-line-2{}
.navbar-toggler.active .menu-line-3{transform:rotate(-45deg) translate(9px, -15px);}}
@media (max-height: 800px) {
.navbar-nav .nav-link{font-size:1.2rem;}
.navbar-nav .dropdown-menu{padding:15px 0px}}
@media (max-height: 700px) {}
/*.offcanvas-body{padding: 50px 0px;align-items: flex-start;}}*/

/*module_footer*/
footer{background: #fff;padding-top:5rem;padding-bottom:3rem;color: #000;}
footer img{width:200px}
footer .footer-brand,footer .footer-brand img{display: inline-block;max-width:100%;width:140px;}
footer a,footer a:link,footer a:visited{color: #000}
footer a:hover,footer a:active{color: #000000}
footer h5{margin-bottom:30px;font-weight: 400;}
footer ul{color:#555555;line-height:24px;list-style: none;list-style-position: inside;padding: 0px;font-size:16px;font-family: "Noto Sans TC", sans-serif;font-weight:400;}
footer ul li{margin: 10px 0px}
footer ul li a span{position: relative;top:6px;left: -3px}
footer .footer-link{color:#aaa;font-size: 14px;}
footer .footer-link li{margin: 0px 0px}
.copyright{padding:50px 0px;color: rgba(0,0,0,.7);font-family: "Noto Sans TC", sans-serif;font-size: 14px;font-weight:300;border-top: 1px solid #eee}
.copyright a,.copyright a:link,.copyright a:visited{color: #000;font-weight:400;}
.copyright a:hover,.copyright a:active{color: #000000}
.copyright-left{}
.copyright-right{text-align: end}
@media (max-width: 991.98px) {
.copyright{padding:40px 0px;}
.copyright,.copyright-right{text-align: center;font-size: 13px;}}
@media (max-width: 767.98px) {
footer{padding-top:3rem;padding-bottom:2rem;}
footer h5{font-size:18px;}
footer ul{font-size:14px;}
.copyright,.copyright-right{font-size: 11px;}}

/*module_breadcrumb + page*/
nav[aria-label="breadcrumb"]{margin-bottom:20px;font-size:1em;}
.breadcrumb-item+.breadcrumb-item::before{color:#aaa;}
.breadcrumb{margin-bottom: 0px;}
.page-link{border:none;background:transparent;}
.page-item.disabled .page-link{background:transparent;color:#aaa;}
.page-link:hover{border:none;background:transparent;}
@media (max-width: 767.98px) {
nav[aria-label="breadcrumb"]{font-size:.9em;}
nav[aria-label="breadcrumb"],.breadcrumb{margin-bottom:10px;}}

/*module_s-head*/
.s-head{padding:25px 0px 15px;margin-bottom:30px;border-bottom: 1px solid #eee;}
.s-head h1{font-size:22px;font-weight: bold;display: inline-flex;align-items:center}
.s-head h1 span{font-size:14px;font-weight: normal;color:var(--c_gold);margin-left: 10px;}
@media (max-width: 991.98px) {
.s-head{padding: 30px 0px 15px;}
.s-head h1{font-size:20px;}
.s-head h1 span{font-size:13px;}}
@media (max-width: 767.98px) {
.s-head{padding: 10px 0px;margin-bottom:15px;}}

/*module_ul_List*/
.s-list{margin:3rem 0rem;}
.ul_List{margin:50px 0px;list-style: none;padding: 0px;}
.ul_List li{margin: 30px 0px;padding-bottom: 30px;border-bottom: 1px solid #eee}
.ul_List li:last-child{margin: 20px 0px 0px;padding-bottom:0px;border-bottom:none}
.ul_List a{font-size:19px;font-weight: bold;display: flex;align-items: center;}
.ul_List a .badge {margin-right:10px;}
.ul_List-datetime{font-family: "Noto Sans TC", sans-serif;font-weight: 300;}
@media (max-width: 767.98px) {
.s-list{margin:2rem 0rem;}
.ul_List{margin:20px 0px 40px;}
.ul_List li{margin: 20px 0px;padding-bottom: 20px;}
.ul_List a{font-size:16px;}}

/*module_article*/
article{margin-bottom:2em;word-break: break-all;}
article,article p,article ul{color: #333}
article ul li{margin-bottom: .5rem;}
article h1,article h2,article h3,article h4,article h5,article h6{margin-bottom: 1.2rem;margin-top:2rem;}
article h1{font-size:1.8rem;}
article h2{font-size:1.7rem;}
article h3{font-size:1.6rem;}
article h4{font-size:1.5rem;}
article h5{font-size:1.4rem;}
article h6{font-size:1.3rem;color: var(--c_gold)}
article p{font-size:1.2rem;text-indent: 2em;word-break: break-all;}
article ul{font-size:1.2rem;line-height: 1.8em;word-break: break-all;}
@media (max-width: 991.98px) {
article{margin-bottom: 4em;}
article p{font-size:1.1rem;line-height:1.9rem;}}
@media (max-width: 768.98px) {
article{margin-bottom: 3em;}
article h1{font-size:1.7rem;}
article h2{font-size:1.6rem;}
article h3{font-size:1.5rem;}
article h4{font-size:1.4rem;}
article h5{font-size:1.3rem;}
article h6{font-size:1.2rem;}
article p{font-size:1rem;line-height:1.8rem;}}

/*module_s_lyt-contact*/
.s_lyt-contact{margin-top: 10rem;}
.s_lyt-contact .c_contact{position: relative;overflow: hidden;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background: #000;}
.s_lyt-contact .c_contact-box{display: flex;position: relative;z-index:2;flex-direction: column;justify-content: space-between;width:100%;height:15vw;padding: 30px;color:#f0ece8;border-radius:10px;overflow: hidden;}
.s_lyt-contact .c_contact-top h5{font-family: "Noto Sans TC", sans-serif;font-size:12px;margin-bottom:20px;opacity: .6}
.s_lyt-contact .c_contact-top h3{font-size: 1.6rem;}
.s_lyt-contact .c_contact-bottom{display: flex;justify-content: space-between;align-items: center}
.s_lyt-contact .c_contact-cover{position: absolute;top: 0px;background: #000;width: 100%;}
.s_lyt-contact a{border:1px solid rgba(255,255,255,.5);color: #fff;padding:8px 20px;border-radius: 50px;font-family: "Noto Sans TC", sans-serif;display: inline-flex;align-items: center}
.s_lyt-contact a span{margin-right: 10px;font-size: 24px;}
@media (max-width: 1599px){
.s_lyt-contact{margin-top: 8rem;}
.s_lyt-contact .c_contact-top h5{margin-bottom:10px;}
.s_lyt-contact .c_contact-top h3{font-size: 1.4rem;}
.c_contact-bottom{font-size: .8rem;}}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
.s_lyt-contact{margin-top: 6rem;}
.s_lyt-contact .c_contact-box{height:200px;}}
@media (max-width: 991.98px) {
.s_lyt-contact{margin-top: 5rem;}}
@media (max-width: 767.98px) {
.s_lyt-contact{margin-top: 4rem;}}
@media (max-width: 575.98px) {
.s_lyt-contact .c_contact-box{padding:20px;}}

/*module_c-residence*/
.c-residence{background: #f7f5f2;display: flex;margin-bottom:50px;border-radius:10px;overflow: hidden}
.c-residence-content{flex:3;display:flex;flex-direction: column;justify-content: center;align-items: center;opacity:0;transition:All 2s ease;}
.c-residence-badge{margin-bottom:20px;}
.c-residence-badge span.bg-dark{background: var(--c_blue) !important;color:#fff}
.c-residence-title{font-size: 2rem;font-weight: 600;}
.c-residence-titleen{font-size: 1rem;margin-bottom: 30px;}
.c-residence-info{width:50%;text-align: center;font-family: "Noto Sans TC", sans-serif;font-weight: 300;margin-bottom: 2rem;color:rgba(0,0,0,0.7);}
.c-residence-des{display: inline}
.c-residence-location{padding-right: 10px;border-right: 1px solid rgba(0,0,0,0.2);display: inline}
.c-residence-tags{width:80%;}
.c-residence-tags .p-b-tags ul{list-style: none;margin: 0px;padding-left: 0rem;text-align: center;}
.c-residence-tags .p-b-tags ul li{margin-right: 10px;display: inline-block;    font-weight: 500;}
.c-residence-tags .p-b-tags ul li:before{content: '#';}
.c-residence-cover{flex:4;aspect-ratio: 1 / .55;overflow: hidden}
.c-residence-cover img{width: 100%;}
.c-residence.active .c-residence-content{opacity:1}
.c-residence_green:after{content:'';display: block;width:100px;height:100px;background:url("../images/flag-renewal.png");background-size: cover;position: absolute;left: 0px;top: 30px;transform: translateY(-130%);transition:All 1s ease;}
.c-residence_green.active:after{transform: translateY(0%)}
.c-residence_green2:after{content:'';display: block;width:100px;height:100px;background:url("../images/flag-renewal2.png");background-size: cover;position: absolute;left: 0px;top: 30px;transform: translateY(-130%);transition:All 1s ease;}
.c-residence_green2.active:after{transform: translateY(0%)}
.c-residence .badge[data-type="經典鑑賞"]{background:var(--c_blue) !important;}
.c-residence .badge[data-type="在建工程"]{background:var(--c_gold) !important;}
.c-residence .badge[data-type="規劃中"]{background:#90af45 !important;}
@media (max-width: 1599px){
.c-residence{margin-bottom:40px;}
.c-residence-title{font-size: 1.9rem;}
.c-residence-titleen{font-size: .9rem;margin-bottom:20px;}
.c-residence-des{font-size: 15px;width:55%;}
.c-residence-info{width:85%;margin-top:30px;font-size: 14px;}
.c-residence-cover{aspect-ratio: 1 / .60;}}
@media (max-width: 1399.98px) {
.c-residence{margin-bottom:30px;}
.c-residence-title{font-size: 1.8rem;}
.c-residence-titleen{font-size: .8rem;margin-bottom:15px;}
.c-residence-des{font-size: 14px;width:60%;}
.c-residence-info{margin-top:20px;font-size: 13px;}
.c-residence-cover{aspect-ratio: 1 / .65;}}
@media (max-width: 1199.98px) {
.c-residence{margin-bottom:20px;}
.c-residence-title{font-size: 1.6rem;}
.c-residence-titleen{font-size: .8rem;margin-bottom:10px;}
.c-residence-des{font-size: 13px;width:65%;}
.c-residence-cover{aspect-ratio: 1 / .7;}}
@media (max-width: 991.98px) {
.c-residence{margin-bottom:10px;}
.c-residence-title{font-size: 1.5rem;}
.c-residence-cover{aspect-ratio: 1 / .75;}
.c-residence-info{font-size: 12px;}}
@media (max-width: 767.98px) {
.c-residence{flex-direction: column;margin-bottom:0px;}
.c-residence-content{padding-top:1rem;padding-bottom:1.5rem;}
.c-residence-title{font-size: 1.4rem;}
.c-residence-cover{aspect-ratio: 1 / .6;}
.c-residence-info{font-size: 11px;}}
@media (max-width: 575.98px) {}

/*module_cover-gsap*/
.cover-gsap{overflow: hidden}
.cover-gsap img{width:100%;}

/*module_sharebar*/
.sharebar{color:#000;font-family: "Noto Sans TC", sans-serif;font-weight: 300;font-size:.9rem;top:58px;display: flex;align-items: center;}
.sharebar span{font-size: 20px;margin-right: 3px;}
.sharebar a{font-weight: 500;margin-left:10px;transition:All 1s ease;}
.sharebar a.btn-share-fb:hover{color:#0866ff}
.sharebar a.btn-share-line:hover{color:#00B900}

/*module_btn-sortby*/
.btn-sortby{border:none;background: transparent;color:#000}

/*p-index*/
.p-index{overflow-y: hidden;overflow-x: hidden}
.index-top{height: calc(100vh + var(--kvBottomH))}
.s_lyt-kv{height: 100vh;transition:All 2s ease;transition-delay: 6s;border-bottom-left-radius: 20px;overflow: hidden}
.s_lyt-kvbox{overflow:hidden;position:relative;display: flex;height: 100vh;transition:All 2s ease;transition-delay: 6s;}
.s_lyt-kv .kv {position:absolute;z-index:2;color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:1;transition:All 2s ease;transition-delay:6s;background:#fff;}
.s_lyt-kv .kv-content{writing-mode: vertical-rl;max-height:48vh;text-align:justify;margin-top:20px;transform: scale(.9, 1);margin-left:700px;transition:All 3s ease;}
.s_lyt-kv .kv-content h1{font-size: 36px;letter-spacing: 5px;margin-left: 50px;color:#555;transition:All 2s ease;}
.s_lyt-kv .kv-content h2{font-size: 18px;text-align: end;font-family: "Noto Sans TC", sans-serif;font-weight:100;letter-spacing: 5px; margin-bottom: 0px;position: relative;color:#999;transition:All 2s ease;}
.s_lyt-kv .kv-content h2 img{position: absolute;bottom: 0px;right: -100px;z-index: 2;max-width:30vw;}
.s_lyt-kv .kv-content p{font-size: 20px;line-height: 2.4em;letter-spacing: 3px; margin-bottom: 0px;font-family: "Noto Sans TC", sans-serif;font-weight: 300;color:#999;transition:All 2s ease;}
.s_lyt-kv .kv-scroll{color:#fff;position:absolute;z-index:3;bottom:0px;right:30px;font-family:"Noto Sans TC", sans-serif;font-size: 12px;opacity:0;transition:All 2s ease;transition-delay: 8s;writing-mode: vertical-rl;mix-blend-mode: exclusion;}
.s_lyt-kv .kv-scroll:after{width:1px;height:0px;background:rgba(255,255,255,.3);display:block;content: '';margin-bottom:15px;margin-top:5px;transition:All 4s ease;transition-delay: 8s;position: relative;bottom: -40px;left:7px;}
.s_lyt-marquee{background: #fff;height:var(--kvBottomH);overflow: hidden;}
.s_lyt-marquee .col-12{display: flex;align-items: center;overflow: hidden;position:relative}
.s_lyt-marquee .col-12 a{width:100%;display:flex;align-items:center;justify-content:center;font-weight: bold;}
.s_lyt-marquee .col-12 a:hover span{color:#000;}
.s_lyt-marquee .slideshow_marquee {overflow: hidden}
.s_lyt-marquee .c_marquee{width:100% !important }
.s_lyt-marquee a span{font-size:16px;font-weight:500;color:#000;transition:All .2s ease;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.s_lyt-marquee a:hover,.s_lyt-marquee a:active{color: #000000;}
.s_lyt-marquee .c_marquee-datetime{font-family: "Noto Sans TC", sans-serif;font-weight: 300;}
.s_lyt-marquee .marquee-more{display: flex;align-items: center;border-left: 1px solid #ccc;}
.s_lyt-residence{padding: 70px 0px;overflow: hidden;}
.s_lyt-residence .residence-more{display: inline-flex;align-items: center;justify-content: center;margin-top: 50px;}
.s_lyt-abt{min-height: 100vh;position: relative;background: url("../images/bg-s-about.jpg") no-repeat right center;max-width: 100%;overflow: hidden}
.s_lyt-abt .s_lyt-abt-content{color:#000;opacity:1;max-height: 60vh;width: auto;writing-mode: vertical-rl;transform: scale(.9, 1);}
.s_lyt-abt .s_lyt-abt-content h5 {font-family: "Noto Sans TC", sans-serif;font-size: 14px;color:var(--c_gold);margin-left: 0px;display: inline-block;position: relative;}
.s_lyt-abt .s_lyt-abt-content h5:after{content:'';display: block;width:1px;height:100%;background:var(--c_gold);position: absolute;left: -5px}
.s_lyt-abt .s_lyt-abt-content h1{font-size:1.8em;margin-bottom: 20px;color:#000;margin-right:20px;}
.s_lyt-abt .s_lyt-abt-content h1 a{font-size: 13px;margin-top: 30px;display: inline-block;font-family: "Noto Sans TC", sans-serif;position: relative;color: #888}
.s_lyt-abt .s_lyt-abt-content h1 a:after{content:'';display: block;width:1px;height:14px;background: #aaa;position: absolute;left:6px;top: -20px;}
.s_lyt-abt .s_lyt-abt-content p{font-size:18px;color:#888;font-family: "Noto Sans TC", sans-serif;font-weight: 300;}
.s_lyt-abt .s_lyt-abt-content a.btn-light{padding: 0px;margin-bottom: 15px;font-family: "Noto Sans TC", sans-serif}
.s_lyt-abt-bg{height:100%;width:100%;background: #f0ece8 !important;position:absolute;display: none}
.s_lyt-abt-bg img{width:100%;object-fit: cover}
.s_lyt-abt-covers{position: relative}
.s_lyt-abt-cover{position: relative;border-radius:10px;overflow: hidden}
.s_lyt-abt-cover-name{position: absolute;bottom: 10px;left: 10px;font-size: 13px;z-index: 2;font-weight:500;color:#fff;font-family: "Noto Sans TC", sans-serif;}
.s_lyt-abt-cover1{aspect-ratio: 1 / .7;width:80%;position: relative;top:50px;left: 5%}
.s_lyt-abt-cover2{aspect-ratio: 1 / .7;position: absolute;width:50%;bottom: -20%;right: 0%}
.s_lyt-abt-cover3{aspect-ratio: 1 / .7;position: absolute;width:42%;bottom: -40%;left: -5%}
.p-index.activeScroll{overflow-y: scroll}
.p-index .navbar{transition:All 2s ease;transition-delay: 2s;opacity: 0}
.p-index .lyt-l{transition:All 2s ease;transition-delay: 2s;opacity: 0}
.p-index.active .navbar{opacity: 1;}
.p-index.active .lyt-l{opacity: 1;}
.p-index.active .s_lyt-kv,.p-index.active .s_lyt-kvbox{height: calc(100vh - var(--kvBottomH));}
.p-index.active .s_lyt-kv .kv-content{margin-left:800px;transition-delay:17s;opacity: 0}
.p-index.active .kv{background:rgba(0,0,0,.3);}
.p-index.active .kv-content h1,.p-index.active .kv-content h2,.p-index.active .kv-content p{color: #fff;transition-delay:6s;}
.p-index.active .kv-scroll{opacity: 1;bottom:70px;}
.p-index.active .kv-scroll:after{height:40px;}
.video-background {width: 100%;height: 100%;}
.video-foreground,.video-background iframe {position: absolute;top: -3%;left: -3%;width: 106%;height: 106%;pointer-events: none;}
@media (min-aspect-ratio: 16/9) {
.video-foreground {height: 300%;top: -100%;}}
@media (max-aspect-ratio: 16/9) {
.video-foreground {width: 300%;left: -100%;}}
@media (max-height: 840px) {
.s_lyt-kv .kv-content{max-height:60vh;}
.s_lyt-kv .kv-content h1{font-size:32px;letter-spacing:4px;}}
@media (max-height: 640px) {
.s_lyt-kv .kv-content h1{font-size:28px;letter-spacing:3px;}}
@media (max-width: 1599px){
.s_lyt-abt .s_lyt-abt-content h5 {font-size: 13px;}
.s_lyt-abt .s_lyt-abt-content h1{font-size:1.5em;margin-bottom:15px;}
.s_lyt-abt .s_lyt-abt-content h1 a{font-size: 12px;}
.s_lyt-abt .s_lyt-abt-content p{font-size:17px;}}
@media (max-width: 1499px){
.s_lyt-abt .s_lyt-abt-content h5 {font-size: 12px;}
.s_lyt-abt .s_lyt-abt-content h1{font-size:1.4em;margin-bottom:12px;}
.s_lyt-abt .s_lyt-abt-content h1 a{font-size: 11px;}
.s_lyt-abt .s_lyt-abt-content p{font-size:16px;}}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
.s_lyt-kv .kv-content h1{font-size:28px;}
.s_lyt-kv .kv-content p{font-size:18px;line-height: 2.2em;}
.s_lyt-abt .s_lyt-abt-content{max-height:36vh;}
.s_lyt-abt-covers{top:150px}
.s_lyt-abt-cover1{aspect-ratio: 1 / .6;width:80%;top:0px;left: 10%;background: #f00;overflow: hidden}
.s_lyt-abt-cover1 .s_lyt-abt-cover-name{left:15%}
.s_lyt-abt-cover2{aspect-ratio: 1 / .6;height: 80px; width:50%;bottom:0%;right: -20%;background: #000;overflow: hidden}
.s_lyt-abt-cover3{aspect-ratio: 1 / .6;height: 65px;width:40%;bottom:15%;left: -20%;background: #000;overflow: hidden}}
@media (max-width: 991.98px) {
.s_lyt-kv .kv-content{margin-left:200px ;}
.s_lyt-kv .kv-content h1{font-size:26px;}
.s_lyt-kv .kv-content p{font-size:17px;line-height: 2em;}
.s_lyt-kv .kv-content h2 img{width:40vw}}
@media (max-width: 767.98px) {
.index-top{margin-top:66px;overflow: hidden;height: auto}
.s_lyt-kv,.s_lyt-kvbox,.p-index.active .s_lyt-kv,.p-index.active .s_lyt-kvbox{border-bottom-left-radius:0px;height:130vw}
.s_lyt-kv .kv-content{margin-left:16vw;max-height:330px;}
.s_lyt-kv .kv-content h1{font-size:22px;margin-left:20px;}
.s_lyt-kv .kv-content p{font-size:13px;line-height:1.8em;}
.s_lyt-marquee {height: auto;padding:30px 0px 10px;}
.s_lyt-marquee .slideshow_marquee{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.s_lyt-marquee .c_marquee{padding-top: 10px;padding-bottom: 10px}
.s_lyt-marquee a.c_marquee-title{-webkit-line-clamp:1;text-align: left;font-size: 16px;}
.s_lyt-marquee .marquee-more{margin-top: 20px;font-weight: 300 !important;}
.s_lyt-residence{padding:40px 0px;}
.s_lyt-abt .s_lyt-abt-content{max-height:50vh;}
.s_lyt-abt .s_lyt-content-a{display: none}
.s_lyt-abt .s_lyt-abt-content h5 {font-size: 12px;}
.s_lyt-abt .s_lyt-abt-content h1{font-size:1.2em;margin: 0px 10px 20px}
.s_lyt-abt .s_lyt-abt-content p{font-size:14px;}}
@media (max-width: 575.98px) {}

/*p-bd*/
.p-bd{}
.p-bd-renewal .p-b-cover:after{content:'';display: block;width:140px;height:140px;background:url("../images/flag-renewal.png");background-size: cover;position: absolute;left: 0px;top:10vh}
.p-bd-renewal2 .p-b-cover:after{content:'';display: block;width:140px;height:140px;background:url("../images/flag-renewal2.png");background-size: cover;position: absolute;left: 0px;top:10vh}
.p-bd .p-b-cover{background:#f7f5f2;border-bottom-left-radius:20px;overflow: hidden;position: relative;height:0vh;transition:All 1s ease;}
.p-bd .p-b-cover #carouselCover,.p-bd .p-b-cover #carouselCover .carousel-inner,.p-bd .p-b-cover #carouselCover .carousel-item,.p-bd .p-b-cover #carouselCover .carousel-item img{height:40vw;}
.p-bd .p-b-cover #carouselCover .carousel-item img{object-fit: cover;}
.p-bd .p-b-top{padding-top:2rem;padding-bottom: 2rem;}
.p-bd .p-b-top .p-b-name{margin-bottom: .8rem;}
.p-bd .p-b-top .p-b-nameen{margin-bottom: 2rem;}
.p-bd .p-b-top .p-b-des2{display: flex;margin-bottom: 3rem;}
.p-bd .p-b-top .p-b-des2 .p-b-address{border-right: 1px solid #ddd;padding-right:1rem;}
.p-bd .p-b-top .p-b-des2 .p-b-tags ul{list-style: none;margin: 0px;padding-left: 1rem;}
.p-bd .p-b-top .p-b-des2 .p-b-tags ul li{margin-right: 10px;display: inline-block}
.p-bd .p-b-top .p-b-des2 .p-b-tags ul li:before{content: '#';}
.p-bd .p-b-top .p-b-des{font-size: 1.5rem;margin-bottom: 3rem;word-break: break-all;}
.p-bd .p-b-top article{column-count: 2;column-gap:3rem;}
.p-bd .p-b-top .sharebar{justify-content: flex-end;}
.p-bd .p-b-carousel{border-top-left-radius:10px;border-bottom-left-radius:10px;overflow: hidden;width: 100%;padding:0rem 0rem 0rem;margin-bottom: 10rem;}
.p-bd .p-b-carousel .slick-slide{height:30vw}
.p-bd .pb-h5{font-family: "Noto Sans TC", sans-serif;font-size: 14px;color: var(--c_gold);margin-bottom: 10px;}
.p-bd .pb-h3{}
.p-bd .p-b-info{padding:0rem 0rem 10rem;}
.p-bd .p-b-info .p-b-map{position: sticky;top:0px}
.p-bd .p-b-info .p-b-map #building-map{background: #f7f5f2;height:100vh;width: 100%;border-bottom-left-radius:10px;border-top-left-radius:10px }
.p-bd .p-b-info .ul-info{font-size: 1.1rem;font-family: "Noto Sans TC", sans-serif;font-weight:400;margin-bottom:5rem;padding: 0px}
.p-bd .p-b-info .ul-info li{display: flex;margin-bottom: 1.2rem;padding-bottom: 1.2rem;border-bottom: 1px solid #eee}
.p-bd .p-b-info .ul-info li div:nth-child(1){width:120px;font-weight: 300;color:#888;flex:none;}
.p-bd .p-b-info .ul-info li div:nth-child(2){}

.p-bd .p-b-info ul{font-size: 1.1rem;font-family: "Noto Sans TC", sans-serif;font-weight:400;margin-bottom:5rem;padding: 0px}
.p-bd .p-b-info ul li{display: flex;margin-bottom: 1.2rem;padding-bottom: 1.2rem;border-bottom: 1px solid #eee}
.p-bd .p-b-info ul li div:nth-child(1){width:120px;font-weight: 300;color:#888;flex:none;}
.p-bd .p-b-info ul li div:nth-child(2){}

body.active .p-b-cover{height:40vw}
@media (max-width: 1499px){
.p-bd .p-b-top .sharebar{justify-content:left;}}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
.p-bd .p-b-carousel .slick-slide{height:40vw}
.p-bd .p-b-info .ul-info{font-size: .9rem;}
.p-bd .p-b-info .ul-info li{margin-bottom: .8rem;padding-bottom:.8rem;}
.p-bd .p-b-info .ul-info li div:nth-child(1){width:90px;}}
@media (max-width: 991.98px) {
.p-bd-renewal .p-b-cover:after{width:100px;height:100px;left: 0px;top:6vh}
.p-bd .p-b-top article{column-count:2;column-gap:2rem;}
.p-bd .p-b-carousel .slick-slide{height:50vw}
.p-bd .p-b-info{padding: 6rem 0rem;}
.p-bd .p-b-info .p-b-map #building-map{height:50vw;}
.p-bd .p-b-info .ul-info{font-size: 1rem;}
.p-bd .p-b-info .ul-info li{margin-bottom: 1rem;padding-bottom: 1rem;}
.p-bd .p-b-info .ul-info li div:nth-child(1){width:100px;}}
@media (max-width: 767.98px) {
.p-bd-renewal .p-b-cover:after{width:80px;height:80px;left: 0px;top:4vh}
.p-bd .p-b-cover{border-radius: 0px;}
.p-bd .p-b-cover #carouselCover,.p-bd .p-b-cover #carouselCover .carousel-inner,.p-bd .p-b-cover #carouselCover .carousel-item,.p-bd .p-b-cover #carouselCover .carousel-item img{height:70vw;}
.p-bd .p-b-top article{column-count:1;column-gap:0rem;}
.p-bd .p-b-carousel{border-top-left-radius:0px;border-bottom-left-radius:0px;padding:0rem 0rem 0rem;}
.p-bd .p-b-carousel .slick-slide{height:70vw}
.p-bd .p-b-info{padding: 4rem 0rem;}
.p-bd .p-b-info .p-b-map #building-map{height:70vw;border-bottom-left-radius:0px;border-top-left-radius:0px }
.p-bd .p-b-info .ul-info{font-size: .95rem;}
.p-bd .p-b-info .ul-info li{margin-bottom: .7rem;padding-bottom: .7rem;}
.p-bd .p-b-info .ul-info li div:nth-child(1){width:90px;}
body.active .p-b-cover{height:70vw}}
@media (max-width: 575.98px) {}

/*p-article*/
.p-a-cover{background:#f7f5f2;border-bottom-left-radius:20px;overflow: hidden;height:0vh;transition:All 1s ease;}
.p-a-cover div,.p-a-cover img{width:100%;height:100%;object-fit: cover}
.article-info a:link,.article-info a:visited{color:var(--c_gold);font-weight: bold;}
.s-download{border-top: 1px solid #eee;padding: 15px 0px 25px;margin-top: 30px;font-size: 1.2rem;font-weight: 300;font-family: "Noto Sans TC", sans-serif;}
.s-download h5{color:#000;font-size: 15px;font-weight:200;}
.s-download ul{list-style: none;padding: 0px}
.s-download ul li{margin-bottom: 10px;}
.s-download ul li a:link,.s-download ul li a:visited{color:var(--c_gold);font-weight:400;border:1px solid #ddd;padding: 10px 20px;display: block;border-radius: 10px;}
.s-download ul li a:hover,.s-download ul li a:active{background: #f7f5f2;}
body.active .p-a-cover{height:40vh}
@media (max-width: 767.98px) {
body.active .p-a-cover{height:30vh}
.p-a-cover{border-radius: 0px;}}
    
/*p-about*/
.p-about-s{}
.p-about-cover{background:#f7f5f2;border-bottom-left-radius:20px;overflow: hidden;height:0vh;transition:All 2s ease;}
.p-about-cover img{width:100%;height:100%;object-fit: cover}
.p-about .sharebar{height:10vh;justify-content: flex-end;margin-right:60px;}
.s-abt-s{min-height:100vh;display: flex;align-items: center;padding: 5rem 0rem;}
.s-abt-s div{opacity: 0;transition:All 2s ease;}
.s-abt-s.active div{opacity:1;}
.s-abt-s h1{font-size:1.6rem;margin-bottom: 10px;}
.s-abt-s h3{font-size:1.2rem;line-height: 2rem; margin-bottom:40px;}
.s-abt-s h5{font-family: "Noto Sans TC", sans-serif;font-size: 14px;color: var(--c_gold);margin-bottom:50px;display: inline-block}
.s-abt-s h5:after{content:'';display: block;width:100%;height: 1px;background: var(--c_gold);position: relative;top:10px;}
.s-abt-s h6{margin:20px 0px;font-size: 1.1rem;}
.s-abt-s p {font-size: 17px;color: #888;font-family: "Noto Sans TC", sans-serif;font-weight: 300;text-indent: 2em;    text-align: justify;}
body.active .p-about-cover{height:90vh}
.abt_video-background {width: 100%;height: 100%;}
.abt_video-foreground,.abt_video-background iframe {position: absolute;top: -13%;left: -13%;width: 126%;height: 126%;pointer-events: none;}
@media (min-aspect-ratio: 2/1) {
.abt_video-foreground {height: 300% !important;top: -100%;}}
@media (max-aspect-ratio: 2/1) {
.abt_video-foreground {width: 300%;left: -100%;}}
@media (max-width: 1599px){
.s-abt-s h3{font-size:1.4rem;margin-bottom:30px;}
.s-abt-s p {font-size: 17px;}}
@media (max-width: 1399.98px) {
.s-abt-s h3{font-size:1.3rem;margin-bottom:25px;}
.s-abt-s p {font-size: 16px;}}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
.p-about-cover{border-radius:0px;}
.p-about .sharebar{height:80px;margin-right:30px;}
.s-abt-s{min-height:0px;padding:0rem 0rem 4rem}
body.active .p-about-cover{height:70vw}}
@media (max-width: 575.98px) {}

/*p-recruitment*/
.p-rec-cover{background:#f7f5f2;border-bottom-left-radius:20px;overflow: hidden;height:0vh;transition:All 1s ease;}
.p-rec-cover div,.p-rec-cover img{width:100%;height:100%;object-fit: cover}
.p-recruitment article {column-count: 2;column-gap: 3rem;margin:2rem 0px 4rem;}
.p-recruitment .s-recruitment ul{font-size: 1.05rem;margin:1rem 0px 2rem;font-family: "Noto Sans TC", sans-serif;font-weight: 300;}
.p-recruitment .s-recruitment ul li{margin-bottom: 5px;color:#666;}
.p-recruitment .s-recruitment h6{border-bottom:1px solid #ddd;padding-bottom:15px;font-size: 1.2rem;}
.p-recruitment .btn .btn-mail{font-size: 12px;margin-left: 14px;}
.p-recruitment .p-r-carousel{border-top-left-radius:10px;border-bottom-left-radius:10px;overflow: hidden;width: 100%;margin-top: 50px;margin-bottom: 50px;}
.p-recruitment .p-r-carousel .slick-slide{height:20vw}
body.active .p-rec-cover{height:40vh}
@media (max-width: 767.98px) {
.p-rec-cover{border-radius: 0px;}
.p-recruitment article{column-count: 1;column-gap: 0rem;}
.p-recruitment .p-r-carousel .slick-slide{height:40vw}}

/*p-renewal*/
.p-renewal article {column-count: 2;column-gap: 3rem;}
.renewal_video-background {width: 100%;height: 100%;}
.renewal_video-foreground,.renewal_video-background iframe {position: absolute;width: 100%;height: 100%;pointer-events: none;}
@media (min-aspect-ratio: 1/1) {
.renewal_video-foreground {height: 300% !important;top:-100%;}}
@media (max-aspect-ratio: 1/1) {
.renewal_video-foreground {height: 300% !important;top:-100%;}}
@media (max-width: 767.98px) {
.p-renewal article {column-count: 1;column-gap: 0rem;}}

/*p-portfolio*/
.p-portfolio article {column-count: 2;column-gap: 3rem;}
@media (max-width: 767.98px) {
.p-portfolio article {column-count: 1;column-gap: 0rem;}}

/*p-news*/
.p-news{}

/*p-form*/
.p-form{background: #f7f5f2 url("../images/bg-login.jpg") no-repeat right center;}
.s-form{color:rgba(0,0,0,0.6)}
@media (max-width: 767.98px) {
.p-form{padding-top: 66px}
.p-form .s-head{margin-top: 20px;}}

/*p-login p-signup*/
.login-or{font-size:12px;color:rgba(0, 0, 0, .3);overflow: hidden;}
.login-or span{position:relative;font-family: "Noto Sans TC", sans-serif;}
.login-or span:before{content:'';display: block;width:100%;height:1px;background:rgba(0, 0, 0, .1);position: absolute;top:8px;left:110%}
.login-or span:after{content:'';display: block;width:100%;height:1px;background:rgba(0, 0, 0, .1);position: absolute;top:8px;right:110%}
.btn-line{background:#4a8b64 !important;border:1px solid #4a8b64 !important;width: 100%;}
.btn-line:hover{background:#4a8b64 !important;border:1px solid #4a8b64 !important;}
.btn-line svg{margin-top:-3px}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}

/*p-member*/
.p-member .lyt-r{display:flex;flex-direction: column;}
.p-member .lyt-r-top{flex:auto}
.p-member .ul-setting{margin-bottom:0px;list-style: none;padding:10px 0px;font-family: "Noto Sans TC", sans-serif;font-size: 16px;}
.p-member .btn-logout{background: transparent}
.p-member .ul-setting li{background:#fff;padding:20px;margin-bottom:8px;border-radius: 10px;}
.p-member .ul-setting li:last-child{margin-bottom:0px}
.p-member .ul-setting .setting-name{margin-right:15px;color:#444;font-weight: 500;}
.p-member .ul-setting .setting-des{color:#666;font-weight: 300;}
.p-member .ul-setting a{color:#888;font-weight: 300;font-size: 13px;display: flex;justify-content: center;align-content: center}
.p-member .ul-setting a span{width:18px;height: 18px;font-size: 20px;}
.p-member .ul-setting a:hover{color:#000;}
.p-member .ul-buildings{margin-bottom:0px;list-style: none;padding:10px 0px;font-size: 16px;}
.p-member .ul-buildings li{background:#fff;margin-bottom:8px;border-radius: 10px;overflow: hidden}
.p-member .ul-buildings li:last-child{margin-bottom:0px}
.p-member .ul-buildings .col-building-info{padding:15px 25px;}
.p-member .ul-buildings .col-3{background: #000;}
.p-member .ul-buildings .building-cover,.p-member .ul-buildings .building-cover img{width:100%;height:100%;object-fit: cover;aspect-ratio: 1 / .8;}
.p-member .ul-buildings .building-info{color: rgba(0, 0, 0, 0.7);font-family: "Noto Sans TC", sans-serif;font-weight: 300;}
.p-member .ul-buildings .btn{margin-bottom: 5px;}
.p-member .contract-ul{padding:0px;font-family: "Noto Sans TC", sans-serif;font-size: 18px;margin-bottom: 15px;}
.p-member .contract-ul li{margin-bottom:4px;}
.p-member .contract-ul li span,.p-member .contract-ul li a{font-weight: bold;}
.p-member .note{color:#c00}
.p-member .nav-tabs{border:none}
.p-member .nav-tabs .member-nav-link.active{background: #fff;border-bottom: 1px solid #fff;}
.p-member .nav-tabs .nav-link{border-radius: 0px;border:none}
.s-projext{border:1px solid #fff;border-top:none;background:#fff;padding:60px;margin-bottom:8px;font-size:17px;font-family: "Noto Sans TC", sans-serif;}
.s-projext h5{border-bottom:1px solid #ddd;padding-bottom: 10px;color: #000}
.s-projext .row{color:#888;font-weight: 300;}
.s-projext .row .row .col{margin-bottom:8px;}
.s-projext .row .row .col.text-end{font-weight: 400;color: #000}
.s-projext .price-m{font-weight: bold;font-size:1rem;}
.s-projext .price-b{font-weight: bold;font-size:1.2rem;}
.s-projext .price-red{color: #900}
.s-projext hr{margin:5px 0px 10px;}
.s-projext h6{color: #000}
.s-projext .c-gallery{background: #fff;padding-bottom: 120px;position: relative}
.s-projext .c-gallery:after{width:5px;height:100%;background: #eee;content: '';display: block;position: absolute;top:5px;left: 7px;z-index: 5}
.s-projext .c-gallery-title{position: relative;padding-left:35px}
.s-projext .c-gallery-title:before{width:20px;height:20px;background:var(--c_gold);border:3px solid #fff;border-radius:10px;content: '';display: block;position: absolute;left:0px;top:5px;z-index: 6}
.s-projext .c-gallery h5{color:#000;border-bottom:none;word-break: break-all;}
.s-projext .c-gallery:last-child{margin-bottom: 0px;}
.s-projext .c-gallery-des{font-size: 18px;line-height: 1.8em;color: #333;max-height:200px;overflow-y: scroll;border-bottom: 1px solid #ddd;padding-right:20px;margin-bottom: 15px;}
.s-projext .c-gallery-des::-webkit-scrollbar{width:2px;overflow-x:hidden;}
.s-projext .c-gallery-des::-webkit-scrollbar-track{background-color:transparent;} 
.s-projext .c-gallery-des::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);}
.s-projext .c-gallery-des:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);}
.s-projext .c-gallery-download{border-bottom: 1px solid #ddd;}
.s-projext .c-gallery-download ul{list-style: none;padding: 0px}
.s-projext .c-gallery-download a{color:var(--c_gold);font-weight: 500;}
.s-projext .c-gallery-date{font-size: 18px;color:var(--c_gold);margin-bottom:10px;font-weight: bold;}
.p-member .ul-gallery{list-style: none;padding: 0px;margin-bottom: 0px;margin-top:20px;}
.p-member .ul-gallery li{display: inline;}
.p-member .ul-gallery img{width:50px;height:50px;border: 2px solid #fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.3);margin:4px 2px}
@media (max-width: 991.98px) {
.p-member .ul-setting,.p-member .ul-buildings{font-size: 15px;}
.p-member .ul-buildings .building-cover img{aspect-ratio: 1 / .7;}
.p-member .ul-buildings .building-info{font-size: 12px;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.p-member .ul-buildings .btn{font-size: 13px;padding: 3px 5px}
.p-member .contract-ul{font-size: 16px;margin-bottom: 10px;}
.s-projext{padding:30px;font-size:16px;}}
@media (max-width: 767.98px) {
.p-member .ul-buildings .building-cover img{aspect-ratio:auto;height:100%}
.p-member .ul-buildings .building-name{font-size: 15px;}
.p-member .ul-buildings .building-info{font-size: 12px;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.p-member .ul-setting,.p-member .ul-buildings{font-size: 14px;}
.p-member .contract-ul{font-size: 13px;margin-bottom:6px;}
.p-member .contract-ul li {margin-bottom: 2px;}
.p-member .ul-buildings .btn{font-size: 12px;padding: 3px 5px}
.s-projext{padding:20px;font-size:14px;}
.s-projext .c-gallery{padding:15px;margin-bottom:15px;}
.p-member .ul-gallery img{width:47px;height:47px;border: 2px solid #fff;}}
@media (max-width: 575.98px) {}