/* #sub_banner_box */
#sub_banner_box {opacity:1}
#sub_banner_box .parallax_bg {margin-bottom:0;min-height:390px;opacity:1;background:no-repeat 50% / cover}
.webBox .parallax_svg.bann {-webkit-animation:parallax_top 10s linear infinite;animation:parallax_top 10s linear infinite;position:fixed;top:87px}
#sub_banner_box {margin-top:0;background:#f7f3ef}

/* #wrap */
#wrap {margin-top:-253px;z-index:4}
#wrap:before {content:"";position:absolute;width:100%;height:calc(100% - 180px);background:radial-gradient(circle at 12% 26%,rgba(205,167,146,.14) 0%,rgba(205,167,146,0) 28%),radial-gradient(circle at 88% 72%,rgba(183,137,113,.09) 0%,rgba(183,137,113,0) 30%),linear-gradient(180deg,#f7f3ef 0%,#f3ece6 52%,#f8f4ef 100%);top:180px}
#wrap .pag_tit {margin-bottom:0px;line-height:170%;margin-top:70px;color:#ffffff;overflow:hidden;height:60px;width:100%;text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#wrap .workframe {position:relative}
.waylink ol {padding-top:5px;display:flex;justify-content:center}
.waylink ol li,.waylink ol li a {letter-spacing:.1em;font-weight:400;font-size:14px;vertical-align:bottom;color:#f8eddd}
.waylink ol li:last-child {overflow:hidden;max-width:calc(100% - 160px);text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.waylink ol li:after {margin:0 10px;display:inline-block;font-weight:100;font-size:12px;color:#f8eddd;content:"/"}
.waylink ol li:last-child:after {margin:0;content:""}

/* #category_nav */
aside:has(#category_nav) {position:relative;z-index:30;width:100%;padding:26px 24px 28px;overflow:visible;background:linear-gradient(145deg,rgb(253 253 253 / 96%),rgb(247 240 235 / 96%));border:1px solid rgba(160,119,98,0.13);box-shadow:0 15px 38px rgba(72,48,38,0.055);margin-top:40px}
aside:has(#category_nav):before {content:"PROPERTY CATEGORY";display:block;margin-bottom:12px;padding-bottom:17px;border-bottom:1px solid rgba(160,120,99,0.13);color:#b0836d;font-family:"Times New Roman",serif;font-size:9px;line-height:1;letter-spacing:0.3em;text-align:left}
aside:has(#category_nav):after {content:"";position:absolute;right:11px;bottom:11px;width:45px;height:45px;border-right:1px solid rgba(164,122,101,0.16);border-bottom:1px solid rgba(164,122,101,0.16);pointer-events:none}
aside:has(#category_nav) .mb_nav {display:none}
aside:has(#category_nav) .mb_nav p {position:relative;display:flex;align-items:center;justify-content:space-between;min-height:54px;margin:0;padding:6px 15px;background:linear-gradient(135deg,#735246 0%,#8d6554 58%,#9c715e 100%);color:#fff;font-size: 16px;font-weight:500;line-height:1.5;letter-spacing:0.1em;cursor:pointer}
aside:has(#category_nav) .mb_nav p:before {content:"PROPERTY CATEGORY";position:absolute;left:16px;top:8px;color:rgba(255,255,255,0.52);font-family:"Times New Roman",serif;font-size:7px;font-weight:400;line-height:1;letter-spacing:0.22em}
aside:has(#category_nav) .mb_nav b {display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,0.22);color:#fff;font-size:10px;font-weight:400}
aside:has(#category_nav) .mb_nav b .fa {color:white}
#category_nav {position:relative;z-index:20;display:flex;align-items:flex-start;width:100%;margin:0;padding:0;overflow:visible;list-style:none;white-space:normal;text-align:left}
#category_nav>li {position:relative;flex:1;width:33.333%;min-width:0;margin:0;padding:0 20px;border-left:1px solid rgba(160,120,99,0.12)}
#category_nav>li:first-child {border-left:0}
#category_nav>li>.h4 {position:relative;display:flex;align-items:center;justify-content:space-between;min-height:62px;margin:0;padding:0;border-bottom:1px solid rgba(160,120,99,0.13)}
#category_nav>li>.h4>a {position:relative;display:flex !important;align-items:center;flex:1;min-width:0;padding:18px 48px 18px 0;color:#665047;font-size:15px;font-weight:500;line-height:1.6;letter-spacing:0.055em;text-decoration:none;transition:color 0.35s ease}
#category_nav>li>.h4>a:hover {color:#a5725d}
#category_nav>li>.h4>b {position:absolute;right:0;top:50%;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(255,253,250,0.55);border:1px solid rgba(160,119,98,0.18);color:#946953;font-size:9px;font-weight:400;cursor:pointer;transform:translateY(-50%);transition:background 0.35s ease,border-color 0.35s ease,color 0.35s ease,transform 0.35s ease}
#category_nav>li>.h4>b:hover {background:#805b4c;border-color:#805b4c;color:#fff}
#category_nav>li>.h4>b:hover i{color:white;}
#category_nav>li[data-type="2"]>.h4>b {background:rgba(168,117,95,0.08);border-color:rgba(168,117,95,0.24);color:#80594a}
#category_nav>li.action>.h4 {background:transparent}
#category_nav>li.action>.h4:before {display:none}
#category_nav>li.action>.h4>a {padding-left:0;color:#a8755f;font-weight:600}
#category_nav>li[data-type="2"]>.h4>a {color:#80594a}
#category_nav>li[data-type="2"]>.h4 {border-bottom-color:rgba(168,117,95,0.28)}
#category_nav .subUL {position:absolute;z-index:100;top:calc(100% - 1px);left:20px;display:none;width:calc(100% - 40px);min-width:260px;margin:0;padding:13px 13px 15px;overflow:visible;background:rgba(255,254,252,0.98);border:1px solid rgba(160,119,98,0.13);border-top:2px solid #b3826b;box-shadow:0 18px 45px rgba(71,47,37,0.13);list-style:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#category_nav .subUL:before {content:"";position:absolute;top:-7px;left:22px;width:12px;height:12px;background:#fffdfa;border-top:1px solid rgba(160,119,98,0.16);border-left:1px solid rgba(160,119,98,0.16);transform:rotate(45deg)}
#category_nav .subUL:after {content:"LIGHT & ROSE";position:absolute;right:16px;bottom:8px;color:rgba(158,111,89,0.055);font-family:"Times New Roman",serif;font-size:28px;line-height:1;letter-spacing:0.05em;pointer-events:none}
#category_nav>li[data-type="1"]>.subUL {display:none}
#category_nav>li[data-type="2"]>.subUL {display:block}
#category_nav .subUL>li {position:relative;display:block;width:100%;margin:0;padding:0;border-bottom:1px solid rgba(160,120,99,0.09)}
#category_nav .subUL>li:last-child {border-bottom:0}
#category_nav .subULHead {position:relative;z-index:2;display:flex;align-items:center;min-height:47px;padding-right:38px}
#category_nav .subULHead:before {content:"";position:absolute;left:4px;top:50%;width:5px;height:1px;background:#bc8c74;transform:translateY(-50%)}
#category_nav .subULHead p {flex:1;min-width:0;margin:0;padding:0}
#category_nav .subULHead p a {display:block;padding:11px 8px 11px 20px;color:#755e54;font-size:13px;font-weight:400;line-height:1.7;letter-spacing:0.035em;text-decoration:none;transition:color 0.3s ease,padding-left 0.3s ease,background 0.3s ease}
#category_nav .subULHead p a:hover {padding-left:25px;background:rgba(184,136,112,0.04);color:#986852}
#category_nav .subULHead>b {position:absolute;right:2px;top:50%;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,253,250,0.5);border:1px solid rgba(160,119,98,0.14);color:#9d715d;font-size:8px;font-weight:400;cursor:pointer;transform:translateY(-50%);transition:background 0.3s ease,border-color 0.3s ease,color 0.3s ease}
#category_nav .subULHead>b:hover {background:#805b4c;border-color:#805b4c;color:#fff}
#category_nav .subULHead>b:hover i{color:white;}
#category_nav .subUL>li[data-type="2"]>.subULHead>b {background:rgba(168,117,95,0.09);border-color:rgba(168,117,95,0.22);color:#80594a}
#category_nav .subUL>li[data-type="2"]>.subULHead p a {color:#895f4e;font-weight:500}
#category_nav .sub2UL {position:relative;z-index:2;display:none;margin:0 4px 10px 20px;padding:5px 0 6px 16px;border-left:1px solid rgba(168,123,101,0.18);list-style:none}
#category_nav .subUL>li[data-type="1"]>.sub2UL {display:none}
#category_nav .subUL>li[data-type="2"]>.sub2UL {display:block}
#category_nav .sub2UL>li {position:relative;display:block;margin:0;padding:0}
#category_nav .sub2ULHead {position:relative}
#category_nav .sub2ULHead p {margin:0;padding:0}
#category_nav .sub2ULHead p a {position:relative;display:block;padding:8px 8px 8px 14px;color:#89746a;font-size:12px;font-weight:400;line-height:1.65;letter-spacing:0.025em;text-decoration:none;transition:color 0.3s ease,padding-left 0.3s ease}
#category_nav .sub2ULHead p a:before {content:"";position:absolute;left:0;top:50%;width:3px;height:3px;background:#c29a85;border-radius:50%;transform:translateY(-50%)}
#category_nav .sub2ULHead p a:hover {padding-left:19px;color:#875e4e}
#category_nav>li[data-type="2"]>.subUL {animation:categoryPanelShow 0.32s ease both}
#category_nav .subUL>li[data-type="2"]>.sub2UL {animation:categorySubShow 0.28s ease both}
@keyframes categoryPanelShow{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes categorySubShow{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* #form1 */
#form1 {margin-top:103px}

/* #content_wrap */
#content_wrap {padding:0 0 60px;min-height:350px}
#content_wrap .list_box li {margin:0;vertical-align:top}
#content_wrap .img_box {border-radius:15px;background-color:#f9f9f9}
#content_wrap .info_box {margin:10px 15px 0}
#content_wrap .info_box .time {width:100px;font-weight:400;font-size:13px}
#content_wrap .info_box .more_btn {margin-left:10px;padding:2px 15px;max-width:calc(100% - 105px);height:22px;font-weight:100;font-size:13px;z-index:6}
#content_wrap .info_box .quote_box * {font-weight:400;font-size:13px}
#content_wrap .info_box h3 {height:34px;font-size:20px}
#content_wrap .info_box>div {padding:-6px;border-radius:0 15px 15px 15px}
#content_wrap .info_box>div article {height:42px;line-height:140%;font-weight:300;font-size:15px;-webkit-line-clamp:2}
.productimg {position:relative;padding:100px 0 100px;margin-bottom:20px;background:radial-gradient(circle at 8% 16%,rgba(215,183,164,0.2) 0%,rgba(215,183,164,0) 28%),radial-gradient(circle at 92% 82%,rgba(187,139,116,0.12) 0%,rgba(187,139,116,0) 30%),linear-gradient(180deg,#faf7f3 0%,#f5eee8 52%,#f8f4ef 100%)}
.productimg:before {content:"PROPERTY COLLECTION";position:absolute;top:25px;left:50%;width:100%;color:transparent;font-family:"Times New Roman",serif;font-size:clamp(64px,8vw,145px);font-weight:400;line-height:1;letter-spacing:0.025em;text-align:center;white-space:nowrap;-webkit-text-stroke:1px rgba(138,98,78,0.055);transform:translateX(-50%);pointer-events:none}
.productimg:after {content:"";position:absolute;right:-250px;top:90px;width:540px;height:540px;border:1px solid rgba(166,122,101,0.1);border-radius:50%;pointer-events:none}

/* #product_list */
.productimg #product_list {position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px;width:min(1380px,calc(100% - 80px));max-width:none;margin:0 auto;padding:0;font-size:initial;text-align:left;white-space:normal;counter-reset:propertyItem}
.productimg #product_list:before {content:"";position:absolute;z-index:-2;top:25px;right:-22px;bottom:-38px;left:22px;background:rgba(202,164,143,0.075);pointer-events:none}
.productimg #product_list:after {content:"";position:absolute;z-index:-1;top:-20px;right:20px;bottom:18px;left:-20px;border:1px solid rgba(168,127,106,0.09);pointer-events:none}
.productimg #product_list>li {position:relative;display:flex !important;flex-direction:column;width:auto !important;max-width:none !important;height:100%;min-height:465px;margin:0 !important;padding:0;overflow:hidden;vertical-align:top;background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(252,248,244,0.98) 100%);border:1px solid rgba(153,115,96,0.13);box-shadow:0 16px 38px rgba(73,50,40,0.07),0 3px 10px rgba(73,50,40,0.035);counter-increment:propertyItem;transition:transform 0.45s cubic-bezier(.2,.7,.2,1),border-color 0.45s ease,box-shadow 0.45s ease}
.productimg #product_list>li:hover {border-color:rgba(172,128,106,0.27);box-shadow:0 30px 65px rgba(72,48,38,0.14),0 8px 22px rgba(72,48,38,0.06);transform:translateY(-9px)}
.productimg #product_list>li:before {content:counter(propertyItem,decimal-leading-zero);position:absolute;z-index:5;top:24px;right:24px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgba(101,73,61,0.88);border:1px solid rgba(255,255,255,0.4);color:#f5e5dc;font-family:"Times New Roman",serif;font-size:11px;font-weight:400;line-height:1;letter-spacing:0.1em;box-shadow:0 8px 20px rgba(58,37,29,0.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}
.productimg #product_list>li:after {content:"VIEW PROPERTY  ⟶";position:absolute;z-index:4;left:26px;bottom:27px;color:#9d715d;font-family:"Times New Roman",serif;font-size:10px;font-weight:400;line-height:1;letter-spacing:0.15em;transition:color 0.35s ease,letter-spacing 0.35s ease;pointer-events:none}
.productimg #product_list>li:hover:after {color:#704d3f;letter-spacing:0.21em}
.productimg #product_list .clip {position:relative;width:calc(100% - 24px);aspect-ratio:4/3;height:auto;margin:12px 12px 0;overflow:hidden;background:#ded5ce;clip-path:none !important}
.productimg #product_list .clip:before {content:"LIGHT AND ROSE";position:absolute;z-index:4;left:20px;bottom:17px;color:rgba(255,255,255,0.9);font-family:"Times New Roman",serif;font-size:9px;font-weight:400;line-height:1;letter-spacing:0.3em;text-shadow:0 2px 8px rgba(42,28,22,0.3);pointer-events:none}
.productimg #product_list .clip:after {content:"";position:absolute;z-index:3;inset:9px;border:1px solid rgba(255,255,255,0.42);box-shadow:inset 0 -80px 70px -55px rgba(55,36,28,0.42);pointer-events:none}
.productimg #product_list .clip img {position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(0.93) contrast(0.98);transform:scale(1.01);transition:transform 0.85s cubic-bezier(.2,.7,.2,1),filter 0.65s ease}
.productimg #product_list>li:hover .clip img {filter:saturate(1.03) contrast(1);transform:scale(1.06)}
.productimg #product_list .h3 {position:relative;z-index:2;display:-webkit-box;flex:1;min-height: 87px;margin:0;padding: 26px 28px 0px;overflow:hidden;color:#60483d !important;font-size:20px;font-weight:500;line-height:1.65;letter-spacing:0.04em;text-align:left !important;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.productimg #product_list .h3:after {content:"";position:absolute;right:26px;bottom: 0;left:26px;height:1px;background:linear-gradient(90deg,rgba(165,128,108,0.26),rgba(165,128,108,0.06))}
.productimg #product_list>li>a.atag_item {position:absolute;z-index:10;inset:0;display:block}
.productimg #product_list>li>a.atag_item:after {content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#9e6d58,#d3aa94,#9e6d58);transform:scaleX(0);transform-origin:left center;transition:transform 0.55s cubic-bezier(.2,.7,.2,1)}
.productimg #product_list>li:hover>a.atag_item:after {transform:scaleX(1)}
.productimg #product_list .pooprice{
    padding: 20px 26px 60px;
    font-size: 1.25rem;
    color: #c2a175;
    font-weight: 500;
}
/* #book_list */
#book_list li h3 {margin-top:10px;height:30px;font-size:18px}

/* #album_list */
#album_list {margin-bottom:5vw;flex-wrap:wrap}
#album_list>div {margin:0 1px 1px 0;height:300px;flex-grow:1}
#album_list>div img {width:auto;min-width:100%;height:300px}

/* #faq_list */
#faq_list {margin-bottom:50px}
#faq_list li {border-bottom:1px rgba(var(--primary-rgb),.7) dashed}
#faq_list li .title {padding:20px 20px 20px 0}
#faq_list li .title font {vertical-align:top}
#faq_list li .title .txt {margin-left:10px;width:calc(100% - 50px);font-size:20px}
#faq_list li .title .icon {width:40px;height:34px}
#faq_list li .title .icon:before,#faq_list li .title .icon:after {position:absolute;margin:auto;width:14px;height:2px;background:var(--primary);display:block;top:calc((100% - 2px) / 2);left:calc((100% - 14px) / 2);content:""}
#faq_list li .title .icon:after {transform:rotate(90deg);-webkit-transform:rotate(90deg)}
#faq_list li .info {padding:0 20px 30px 50px;font-size:15px;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
#faq_list li.current .title .icon:after {transform:rotate(180deg);-webkit-transform:rotate(180deg)}

/* #pagenav */
#pagenav a,#pagenav strong {margin:0 2px;width:35px;height:35px;display:inline-block;text-align:center;line-height:35px;font-weight:400}
#pagenav strong {background:var(--primary);color:var(--white);border-radius:50%}
#pagenav p {margin:0 5px;width:calc(50% - 10px);vertical-align:top}
#pagenav p a {margin:15px 0 0;padding:0 15px;width:auto;height:auto;line-height:initial;font-size:0}
#pagenav p a i {margin:0 5px 0 0;width:11px;line-height:23px;font-size:12px;vertical-align:top}
#pagenav p a font {max-width:calc(100% - 16px);min-width:auto;font-size:14px;font-weight:100;vertical-align:top}
#pagenav p:last-child a i {margin:0 0 0 5px}

/* #describe */
#describe {margin:2em 0 5vw}
#describe *,.tab_content * {vertical-align:bottom;color:currentcolor}

/* #google_shere */
#google_shere {margin-top:30px}
[data-action="loader"] {width:100vw;height:100vh;background:rgba(var(--black-rgb),.3);line-height:100vh;top:0;left:0;opacity:0;z-index:-1}
[data-action="loader"] .loader_circle {width:50px;height:50px;border:2px rgba(var(--black-rgb),.6) solid;border-left-color:rgba(var(--white-rgb),.4);border-radius:50%}

/* #lodbg */
[data-action="loader"]#lodbg .loader_circle {-webkit-animation:circle infinite 0.75s linear;animation:circle infinite 0.75s linear}
#lodbg {opacity:1;z-index:99999}
@keyframes circle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@-webkit-keyframes circle{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}

/* #news_list */
#news_list {position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px;width:100%;margin:0;padding:20px 0 80px;white-space:normal;text-align:left}
#news_list>li {position:relative;display:block;width:100%;margin:0;padding:12px 12px 40px;overflow:visible;background:rgba(255,253,250,0.74);border:1px solid rgba(160,120,99,0.12);box-shadow:0 14px 36px rgba(72,48,38,0.055);white-space:normal;transition:transform 0.45s ease,box-shadow 0.45s ease,border-color 0.45s ease}
#news_list>li:before {content:"";position:absolute;z-index:1;right:-8px;bottom:-8px;width:54px;height:54px;border-right:1px solid rgba(164,122,101,0.18);border-bottom:1px solid rgba(164,122,101,0.18);pointer-events:none}
#news_list>li:hover {border-color:rgba(163,119,97,0.22);box-shadow:0 24px 54px rgba(72,48,38,0.11);transform:translateY(-8px)}
#news_list .img_box {position:relative;width:100%;aspect-ratio:4/3;margin:0;overflow:hidden;background:#ded4cc}
#news_list .img_box:before {content:"";position:absolute;z-index:3;inset:10px;border:1px solid rgba(255,255,255,0.48);pointer-events:none}
#news_list .img_box:after {position:absolute;z-index:4;right:18px;top:18px;display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:rgba(112,78,64,0.88);border:1px solid rgba(255,255,255,0.28);color:#fffaf6;font-family:"Times New Roman",serif;font-size:11px;font-weight:400;line-height:1;letter-spacing:0.08em;box-shadow:0 8px 20px rgba(65,42,33,0.16);pointer-events:none}
#news_list>li:nth-child(1) .img_box:after {content:"01"}
#news_list>li:nth-child(2) .img_box:after {content:"02"}
#news_list>li:nth-child(3) .img_box:after {content:"03"}
#news_list>li:nth-child(4) .img_box:after {content:"04"}
#news_list>li:nth-child(5) .img_box:after {content:"05"}
#news_list>li:nth-child(6) .img_box:after {content:"06"}
#news_list>li:nth-child(7) .img_box:after {content:"07"}
#news_list>li:nth-child(8) .img_box:after {content:"08"}
#news_list>li:nth-child(9) .img_box:after {content:"09"}
#news_list>li:nth-child(10) .img_box:after {content:"10"}
#news_list .img_box svg {display:none}
#news_list .img_box img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(0.93) contrast(0.98);transform:scale(1.01);transition:transform 0.85s cubic-bezier(.2,.7,.2,1),filter 0.65s ease}
#news_list>li:hover .img_box img {filter:saturate(1.03) contrast(1);transform:scale(1.065)}
#news_list .img_box {isolation:isolate}
#news_list .img_box>img {z-index:1}
#news_list .img_box:before {z-index:3}
#news_list .img_box span {position:relative;z-index:3}
#news_list .info_box {position:relative;display:block;width:100%;margin:0;padding:25px 14px 0;white-space:normal}
#news_list .info_box:before {content:"PROPERTY JOURNAL";display:block;margin-bottom:11px;color:#b0836d;font-family:"Times New Roman",serif;font-size:8px;font-weight:400;line-height:1;letter-spacing:0.27em}
#news_list .time {position:relative;display:inline-block !important;margin:0 0 14px;padding:0 0 0 17px;background:transparent !important;color:#a77963 !important;font-family:"Times New Roman",serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0.08em}
#news_list .time:before {content:"";position:absolute;left:0;top:50%;width:9px;height:1px;background:#b6856e;transform:translateY(-50%)}
#news_list .newtet01 {position:relative;display:block;width:100%;margin:0;padding:0 0 27px;white-space:normal}
#news_list .newtet01:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(163,120,99,0.28),rgba(163,120,99,0.04))}
#news_list .newtet01 .h3 {display:-webkit-box;min-height:68px;margin:0;padding:0;overflow:hidden;color:#60483d !important;font-family:"Noto Serif TC",serif;font-size:19px;font-weight:500;line-height:1.75;letter-spacing:0.045em;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color 0.35s ease}
#news_list>li:hover .newtet01 h3 {color:#9a6b57 !important}
#news_list .newtet01 .more_btn {position:absolute;left:0;bottom:-30px;display:flex !important;align-items:center;width:auto;height:25px;margin:0;padding:0 38px 0 0;overflow:visible;background:transparent !important;border:0;border-radius:0;color:#9d705c !important;font-family:"Times New Roman",serif;font-size:8px;font-weight:400;line-height:1;letter-spacing:0.24em;text-decoration:none;pointer-events:none}
#news_list .newtet01 .more_btn:before {content:"READ JOURNAL"}
#news_list .newtet01 .more_btn:after {content:"";position:absolute;right:0;top:50%;width:27px;height:1px;background:#aa7963;transform:translateY(-50%);transition:width 0.35s ease}
#news_list>li:hover .newtet01 .more_btn:after {width:34px}
#news_list>li>.atag_item {position:absolute;z-index:10;inset:0;display:block}
#news_list>li:first-child {background:linear-gradient(145deg,rgba(255,254,251,0.94),rgba(246,237,230,0.8))}
#news_list>li:first-child .img_box:after {background:linear-gradient(135deg,#735246,#966b58)}

/* =========================
   #article_list
========================= */

#article_list { position: relative; display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px 28px; width: 100%; margin: 0; padding: 25px 0 80px; list-style: none; white-space: normal; text-align: left; counter-reset: searchResult; }
#article_list:before {
  content:"";position:absolute;top:-15px;left:50%;width:70px;height:1px;background:linear-gradient(
		90deg,rgba(177,130,106,0),#b1826c,rgba(177,130,106,0)
	);transform:translateX(-50%);
}

#article_list > li {
  position:relative;display:block !important;width:100% !important;max-width:none !important;min-width:0;margin:0 !important;padding:11px 11px 27px !important;overflow:visible;background:linear-gradient(
		145deg,rgba(255,254,251,0.95),rgba(247,239,233,0.82)
	);border:1px solid rgba(160,120,99,0.12);box-shadow:0 13px 34px rgba(72,48,38,0.055);white-space:normal;vertical-align:top;counter-increment:searchResult;transition:transform 0.45s ease,box-shadow 0.45s ease,border-color 0.45s ease;
}
#article_list > li:before { content: ""; position: absolute; z-index: 1; right: -7px; bottom: -7px; width: 48px; height: 48px; border-right: 1px solid rgba(164,122,101,0.18); border-bottom: 1px solid rgba(164,122,101,0.18); pointer-events: none; }
#article_list > li:hover { border-color: rgba(163,119,97,0.23); box-shadow: 0 24px 55px rgba(72,48,38,0.105); transform: translateY(-7px); }
#article_list .img_box { position: relative; width: 100%; aspect-ratio: 4/3; margin: 0; overflow: hidden; background: #ded4cc; isolation: isolate; }
#article_list .img_box:before { content: ""; position: absolute; z-index: 3; inset: 9px; border: 1px solid rgba(255,255,255,0.46); pointer-events: none; }
#article_list .img_box:after { content: counter(searchResult,decimal-leading-zero); position: absolute; z-index: 4; right: 17px; top: 17px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(111,77,63,0.9); border: 1px solid rgba(255,255,255,0.26); color: #fffaf6; font-family: "Times New Roman",serif; font-size: 10px; font-weight: 400; line-height: 1; letter-spacing: 0.08em; box-shadow: 0 8px 20px rgba(65,42,33,0.16); pointer-events: none; }
#article_list .img_box svg { display: none; }
#article_list .img_box img { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(0.92) contrast(0.98); transform: scale(1.01); transition: transform 0.85s cubic-bezier(.2,.7,.2,1),filter 0.65s ease; }
#article_list > li:hover .img_box img { filter: saturate(1.03) contrast(1); transform: scale(1.065); }
#article_list .info_box { position: relative; display: block; width: 100%; min-width: 0; margin: 0; padding: 23px 13px 0; white-space: normal; }
#article_list .info_box:before { content: "SEARCH RESULT"; display: block; margin-bottom: 12px; color: #b0836d; font-family: "Times New Roman",serif; font-size: 8px; font-weight: 400; line-height: 1; letter-spacing: 0.28em; }
#article_list .info_box:after { content: "VIEW CONTENT"; display: block; position: relative; margin-top: 17px; padding-top: 15px; border-top: 1px solid rgba(160,120,99,0.13); color: #a1725d; font-family: "Times New Roman",serif; font-size: 8px; font-weight: 400; line-height: 1; letter-spacing: 0.23em; }
#article_list .info_box h3 { display: -webkit-box; min-height: 66px; margin: 0; padding: 0; overflow: hidden; color: #60483d !important; font-family: "Noto Serif TC",serif; font-size: 18px; font-weight: 500; line-height: 1.75; letter-spacing: 0.04em; white-space: normal; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color 0.35s ease; }
#article_list > li:hover .info_box h3 { color: #996953 !important; }
#article_list .info_box:after {
  background-image:linear-gradient(
		90deg,#a97963 0,#a97963 26px,transparent 26px
	);background-position:right 18px;background-size:26px 1px;background-repeat:no-repeat;transition:color 0.35s ease,background-size 0.35s ease;
}
#article_list > li:hover .info_box:after { color: #855b4a; background-size: 38px 1px; }
#article_list > li > .atag_item { position: absolute; z-index: 10; inset: 0; display: block; }
#article_list > li:after {
  content:"";position:absolute;left:11px;right:11px;bottom:0;height:2px;background:linear-gradient(
		90deg,#a8755f,#d1aa95
	);transform:scaleX(0);transform-origin:left center;transition:transform 0.45s ease;
}
#article_list > li:hover:after { transform: scaleX(1); }

/* #moou_twobox */
#moou_twobox {display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
#moou_twobox .mooulist {display:flex;align-items:center;flex-direction:column;width:min(320px,100%);border:rgb(255 255 255 / 52%) 1px solid;padding:36px 20px 20px;border-radius:15px;position:relative;box-shadow:rgb(238 238 238 / 34%) 1px 1px 8px 9px}
#moou_twobox .mooulist img {width:min(270px,100%);border-radius:10px}
#moou_twobox .mooulist p {font-size:1.2em;position:relative}
#moou_twobox .mooulist a {position:absolute;width:100%;height:100%}
.waylink {text-align:center}

/* #content_wrap */
#content_wrap {box-sizing:border-box;-moz-box-sizing:border-box}
.no_aside #content_wrap {margin-top:160px}

/* #form1 */
#form1 {position:relative;width:min(100%,1100px);margin:0 auto;padding:58px 62px 62px;background:linear-gradient(145deg,rgba(255,254,251,0.96),rgba(247,239,233,0.92));border:1px solid rgba(160,119,98,0.14);box-shadow:0 24px 58px rgba(72,48,38,0.08);white-space:normal}
#form1:before {content:"";position:absolute;top:0;left:50%;width:110px;height:2px;background:linear-gradient(90deg,rgba(179,132,109,0),#b3846d,rgba(179,132,109,0));transform:translateX(-50%)}
#form1:after {content:"";position:absolute;right:16px;bottom:16px;width:62px;height:62px;border-right:1px solid rgba(164,122,101,0.2);border-bottom:1px solid rgba(164,122,101,0.2);pointer-events:none}
#form1>article {position:relative;margin:0 0 22px;padding:0 0 28px;border-bottom:1px solid rgba(162,121,100,0.14)}
#form1>article:before {content:"CONTACT LIGHT & ROSE";display:block;margin-bottom:13px;color:#b0836d;font-family:"Times New Roman",serif;font-size:9px;line-height:1;letter-spacing:0.32em}
#form1>article p {margin:0;color:#715d54;font-size:15px;line-height:1.9;letter-spacing:0.035em}
#form1 .note {margin:0 0 30px;color:#9a8276;font-size:12px;line-height:1.6;letter-spacing:0.04em}
#form1 .note .red {display:inline-block;margin-right:5px;color:#b36f63}
#form1 .item {position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:26px;margin:0;padding:18px 0;border-bottom:1px solid rgba(160,120,99,0.11);white-space:normal}
#form1 .item:first-of-type {border-top:1px solid rgba(160,120,99,0.11)}
#form1 .item>label {display:flex !important;align-items:center;min-height:52px;margin:0;padding:0;color:#6b5247;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0.07em;white-space:normal}
#form1 .item>label span {color:#6b5247 !important}
#form1 .item>label i {margin-left:6px;color:#b36f63;font-size:12px;font-style:normal;line-height:1}
#form1 .item>font {display:block !important;width:100%;min-width:0;margin:0;padding:0}
#form1 input,#form1 select,#form1 textarea {display:block;width:100%;margin:0;padding:14px 17px;background:rgba(255,255,255,0.74);border:1px solid rgba(160,120,99,0.16);border-radius:0;outline:0;color:#5f4a41;font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0.025em;box-shadow:none;transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}
#form1 input,#form1 select {height:52px}
#form1 textarea {min-height:155px;resize:vertical}
#form1 input:hover,#form1 select:hover,#form1 textarea:hover {border-color:rgba(158,111,89,0.3)}
#form1 input:focus,#form1 select:focus,#form1 textarea:focus {border-color:#b3826b;box-shadow:0 0 0 3px rgba(179,130,107,0.08)}
#form1 select {padding-right:46px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9b6d59 50%),linear-gradient(135deg,#9b6d59 50%,transparent 50%);background-position:calc(100% - 19px) 22px,calc(100% - 14px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
#form1 select option {color:#424242;font-size:15px;display:flex}
#form1 .check_box>font {display:flex !important;align-items:center;gap:12px}
#form1 .check_box input {flex:0 0 180px;width:180px;text-transform:uppercase}
#form1 .check_box #rand-img {display:block !important;flex:0 0 auto;height:37px;max-width:150px;margin:0;padding:5px 10px;border:1px solid rgba(160,120,99,0.16) !important;object-fit:contain;cursor:pointer}
#form1 .send_box {margin:38px 0 0;padding:0;text-align:center}
#form1 .send_box .more_btn {position:relative;display:inline-flex !important;align-items:center;justify-content:center;min-width:200px;min-height:56px;margin:0;padding:14px 50px;overflow:hidden;background:linear-gradient(135deg,#735246 0%,#8d6554 60%,#9e735f 100%) !important;border:1px solid #765448;border-radius:0;color:#fff !important;font-family:"Noto Serif TC",serif;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0.18em;text-decoration:none;transition:background 0.4s ease,border-color 0.4s ease,transform 0.4s ease,box-shadow 0.4s ease}
#form1 .send_box .more_btn:before {content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,0.18);pointer-events:none}
#form1 .send_box .more_btn:after {content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.14),rgba(255,255,255,0));transform:skewX(-20deg);transition:left 0.65s ease}
#form1 .send_box .more_btn:hover {background:linear-gradient(135deg,#8f6654,#a27965) !important;border-color:#8f6654;box-shadow:0 14px 30px rgba(76,49,38,0.18);transform:translateY(-3px)}
#form1 .send_box .more_btn:hover:after {left:140%}



/* @media */
@media screen and (max-width:1460px){
/* #wrap */
#wrap .pag_tit {margin-top:75px}
}
@media screen and (max-width:1399px){
.productimg {padding:90px 0 115px}
/* #product_list */
.productimg #product_list {width:calc(100% - 60px);gap:28px 24px}
.productimg #product_list>li {min-height:430px}
.productimg #product_list .h3 {font-size:18px}
}
@media screen and (max-width:1199px){
   #article_list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px 25px; }
  #article_list .info_box h3 { font-size: 17px; }
/* #category_nav */
#category_nav>li {padding-right:14px;padding-left:14px}
#category_nav .subUL {left:14px;width:calc(100% - 28px)}
#category_nav>li>.h4>a {font-size:14px}
.productimg {padding:30px 0 70px;margin-bottom:10px}
/* #product_list */
.productimg #product_list {grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 50px);gap:30px 24px}
.productimg #product_list:before {right:-14px;bottom:-28px;left:14px}
.productimg #product_list:after {top:-14px;right:14px;left:-14px}
.productimg #product_list>li {min-height:445px}
/* #news_list */
#news_list {grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 26px}
#news_list .newtet01 .h3 {font-size:18px}
}
@media screen and (max-width:1024px){
.prodctall {grid-template-columns:44% 1fr}
.officeall {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:991px){
/* #category_nav */
aside:has(#category_nav) {z-index:20;padding:20px}
aside:has(#category_nav):before {display:none}
aside:has(#category_nav) .mb_nav {display:block}
#category_nav {position:relative;display:none;margin-top:12px;padding:7px 14px 12px;background:rgba(255,253,250,0.82);border:1px solid rgba(160,119,98,0.13)}
#category_nav.showme {display:block}
aside:has(#category_nav) .mb_nav p:before {display:none}
#category_nav>li {display:block;width:100%;padding:0;border-left:0;border-bottom:1px solid rgba(160,120,99,0.11)}
#category_nav>li:last-child {border-bottom:0}
#category_nav>li>.h4 {min-height:55px;border-bottom:0}
#category_nav>li>.h4>a {padding:15px 48px 15px 13px;font-size:14px}
#category_nav>li.action>.h4>a {padding-left:13px}
#category_nav>li>.h4>b {right:4px}
#category_nav .subUL {position:relative;z-index:auto;top:auto;left:auto;width:100%;min-width:0;margin:0;padding:6px 8px 14px 15px;background:rgba(249,244,239,0.72);border:0;border-top:1px solid rgba(160,120,99,0.1);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#category_nav .subUL:before,#category_nav .subUL:after {display:none}
#category_nav .subULHead {min-height:44px}
/* #form1 */
#form1 {padding:50px 45px 54px}
#form1 .item {grid-template-columns:130px minmax(0,1fr);gap:20px}
}
@media screen and (max-width:768px){
.prodctall {grid-template-columns:1fr;padding:clamp(10px,3.5vw,16px)}
.prodctimg {aspect-ratio:16 / 9;border-radius:var(--radius)}
.prodcttxt {padding-top:8px}
    #sub_banner_box .parallax_bg{min-height: 290px;}
}
@media screen and (max-width:767px){
  #article_list { grid-template-columns: 1fr; gap: 23px; padding: 15px 0 60px; }
  #article_list > li { display: grid !important; grid-template-columns: minmax(0,40%) minmax(0,60%); align-items: stretch; padding: 9px !important; }
  #article_list .img_box { height: 100%; min-height: 190px; aspect-ratio: auto; }
  #article_list .info_box { display: flex; flex-direction: column; justify-content: center; padding: 21px 18px; }
  #article_list .info_box:before { margin-bottom: 10px; }
  #article_list .info_box h3 { min-height: auto; font-size: 16px; line-height: 1.7; }
  #article_list .info_box:after { margin-top: 15px; padding-top: 14px; }
  #article_list .img_box:after { right: 12px; top: 12px; width: 37px; height: 37px; font-size: 9px; }
/* #category_nav */
aside:has(#category_nav) {padding:15px}
#category_nav {padding:5px 11px 10px}
#category_nav .subUL {padding-left:11px}
#category_nav .sub2UL {margin-left:13px}
.productimg {padding:65px 0 80px}
.productimg:before {top:22px;font-size:48px}
.productimg:after {display:none}
/* #product_list */
.productimg #product_list {grid-template-columns:1fr;width:calc(100% - 34px);max-width:620px;gap:25px}
.productimg #product_list:before {top:16px;right:-10px;bottom:-20px;left:10px}
.productimg #product_list:after {top:-10px;right:10px;bottom:10px;left:-10px}
.productimg #product_list>li {min-height:0}
.productimg #product_list>li:before {top:20px;right:20px;width:38px;height:38px}
.productimg #product_list .clip {width:calc(100% - 20px);margin:10px 10px 0}
.productimg #product_list .clip:after {inset:7px}
.productimg #product_list .h3 {min-height: 86px;padding: 23px 22px 30px;font-size:18px;line-height:1.6;-webkit-line-clamp: 1;}
.productimg #product_list .h3:after {right:22px;bottom: 15px;left:22px}
.productimg #product_list>li:after {left:22px;bottom:24px}
.productimg #product_list .pooprice{padding: 10px 26px 60px;}
	/* #news_list */
#news_list {grid-template-columns:1fr;gap:28px;padding:10px 0 60px}
#news_list>li {display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:stretch;padding:10px}
#news_list .img_box {height:100%;min-height:205px;aspect-ratio:auto}
#news_list .info_box {display:flex;flex-direction:column;justify-content:center;padding:20px 18px 25px}
#news_list .info_box:before {margin-bottom:9px}
#news_list .time {margin-bottom:10px}
#news_list .newtet01 {padding-bottom:24px}
#news_list .newtet01 .h3 {min-height:auto;font-size:17px;line-height:1.7}
#news_list .newtet01 .more_btn {bottom:-25px}
#news_list .img_box:after {right:13px;top:13px;width:38px;height:38px;font-size:10px}
/* #form1 */
#form1 {padding:38px 26px 42px}
#form1>article {padding-bottom:23px}
#form1>article p {font-size:14px}
#form1 .item {display:block;padding:15px 0}
#form1 .item>label {min-height:0;margin-bottom:10px}
#form1 .check_box input {flex:1;width:auto;min-width:0}
#form1 .send_box {margin-top:30px}
}
@media screen and (max-width:640px){
.officeall {grid-template-columns:1fr}
/* #album_list */
#album_list>div,#album_list>div img {height:40vw}
/* #category_nav */
#category_nav {position:absolute;display:flex;flex-direction:column;background: #f5f5f5;width:100%;height:0;opacity:0}
#category_nav.showme {height:400px;opacity:1;z-index:9999;visibility:unset;left: 0;}
.aboutall {display:grid;place-items:center;height:100vh}
}
@media screen and (max-width:560px){
  #article_list > li { display: block !important; padding: 9px 9px 25px !important; }
  #article_list .img_box { width: 100%; height: auto; min-height: 0; aspect-ratio: 4/3; }
  #article_list .info_box { display: block; padding: 21px 11px 0; }
  #article_list .info_box h3 { font-size: 16px; }
/* #news_list */
#news_list {gap:25px}
#news_list>li {display:block;padding:10px 10px 29px}
#news_list .img_box {width:100%;height:auto;min-height:0;aspect-ratio:4/3}
#news_list .info_box {display:block;padding:22px 12px 0}
#news_list .newtet01 .h3 {font-size:17px}
}



@media screen and (max-width:550px){
/* #content_wrap */
#content_wrap .list_box li {width:250px}
/* #community */
#community {margin-top:10px}
}


@media screen and (max-width:480px){
  #article_list { gap: 20px; padding-bottom: 45px; }
  #article_list > li { padding: 7px 7px 23px !important; }
  #article_list .img_box:before { inset: 7px; }
  #article_list .img_box:after { right: 10px; top: 10px; width: 35px; height: 35px; }
  #article_list .info_box { padding: 19px 9px 0; }
  #article_list .info_box h3 { font-size: 15px; line-height: 1.7; }
  #article_list .info_box:after { font-size: 7px; }
/* #category_nav */
aside:has(#category_nav) {padding:10px}
aside:has(#category_nav):after {display:none}
#category_nav {margin-top:8px;padding:3px 8px 8px}
#category_nav>li>.h4 {min-height:52px}
#category_nav>li>.h4>a,#category_nav>li.action>.h4>a {padding: 14px 42px 14px 20px;font-size: 16px;}
aside:has(#category_nav) .mb_nav p{
    padding: 6px 20px;
}
	aside:has(#category_nav) .mb_nav b{
    width: 45px;
    height: 45px;
}
#category_nav>li>.h4>b {right: 20px;width: 45px;height: 45px;}
#category_nav .subULHead>b{
    width: 40px;
    height: 40px;
    right: 15px;
}
#category_nav .subUL {padding:4px 6px 11px 8px}
#category_nav .subULHead p a {font-size: 15px;}
#category_nav .sub2UL {margin-left:10px;padding-left:13px}
#category_nav .sub2ULHead p a {font-size:11px}
.productimg {padding:55px 0 70px}
/* #product_list */
.productimg #product_list {width:calc(100% - 24px)}
.productimg #product_list>li:before {top:17px;right:17px;width:35px;height:35px;font-size:10px}
.productimg #product_list .clip:before {left:15px;bottom:14px;font-size:8px;letter-spacing:0.23em}
.productimg #product_list .h3 {padding-right:19px;padding-left:19px;font-size: 20px;}
.productimg #product_list .h3:after {right:19px;left:19px}
.productimg #product_list>li:after {left:19px}
/* #news_list */
#news_list {padding-bottom:45px}
#news_list>li {padding:8px 8px 27px}
#news_list .img_box:before {inset:7px}
#news_list .img_box:after {right:11px;top:11px;width:36px;height:36px}
#news_list .info_box {padding:20px 10px 0}
#news_list .newtet01 .h3 {font-size:16px;line-height:1.7}
/* #form1 */
#form1 {padding:32px 18px 36px;border-right:0;border-left:0;box-shadow:0 12px 30px rgba(72,48,38,0.06)}
#form1:after {display:none}
#form1>article:before {font-size:8px;letter-spacing:0.24em}
#form1 .note {margin-bottom:22px}
#form1 input,#form1 select {height:50px}
#form1 textarea {min-height:135px}
#form1 .check_box>font {flex-wrap:wrap;gap:8px}
#form1 .check_box input {flex:1 1 100%;width:100%}
#form1 .check_box #rand-img {height:48px}
#form1 .send_box .more_btn {width:100%;min-width:0}
}


@media screen and (max-width:450px){
/* #album_list */
#album_list>div,#album_list>div img {height:50vw}
/* #pagenav */
#pagenav a,#pagenav strong {margin:0;width:24px;height:24px;line-height:24px;font-size:14px}
#pagenav p a {display:block}
}
@media screen and (min-width:980px){
/* #google_shere */
#google_shere {margin-top:6vw}
}