.container,.footer,.header{visibility:hidden}:root{--color-normal:#0a3d60;--color-normal-light:#8bc0b6;--color-normal-light-2:#87b1a9;--color-normal-dark:#184e47;--color-highlight:#0084ae;--color-highlight-dark:#877055;--color-white:#fff;--color-red:#db595e;--color-pink:#ee849f;--color-black:#222;--color-grey:#646875;--color-grey-light:#aaa;--color-light:#ddd;--color-white-grey:#efefef;--color-bg:#ececec;--color-bg-black:#000;--color-text-scroll:#f2f2f2;--color-blue:#14799e;--color-orange:#dc6f27;--color-white-alpha:rgba(255, 255, 255, 0.5);--color-black-alpha:rgba(0, 0, 0, 0.5);--color-normal-alpha-03:rgba(10, 61, 96, 0.3);--color-normal-alpha-05:rgba(10, 61, 96, 0.5);--color-dark-alpha:rgba(24, 78, 71, 0.5);--color-highlight-alpha:rgba(171, 135, 104, 0.5);--color-white-zero:rgba(255, 255, 255, 0);--color-white-alpha-01:rgba(255, 255, 255, 0.1);--color-white-alpha-02:rgba(255, 255, 255, 0.2);--color-white-alpha-03:rgba(255, 255, 255, 0.3);--color-white-alpha-04:rgba(255, 255, 255, 0.4);--color-white-alpha-05:rgba(255, 255, 255, 0.5);--color-white-alpha-06:rgba(255, 255, 255, 0.6);--color-white-alpha-07:rgba(255, 255, 255, 0.7);--color-white-alpha-08:rgba(255, 255, 255, 0.8);--color-white-alpha-09:rgba(255, 255, 255, 0.9);--color-black-zero:rgba(0, 0, 0, 0);--color-black-alpha-01:rgba(0, 0, 0, 0.1);--color-black-alpha-02:rgba(0, 0, 0, 0.2);--color-black-alpha-03:rgba(0, 0, 0, 0.3);--color-black-alpha-04:rgba(0, 0, 0, 0.4);--color-black-alpha-05:rgba(0, 0, 0, 0.5);--color-black-alpha-06:rgba(0, 0, 0, 0.6);--color-black-alpha-07:rgba(0, 0, 0, 0.7);--color-black-alpha-08:rgba(0, 0, 0, 0.8);--color-black-alpha-09:rgba(0, 0, 0, 0.9);--color-bg-hide:linear-gradient(90deg, rgba(17, 74, 90, 1) 30%, rgba(17, 74, 90, 0) 80%);--color-black-alpha:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);--color-hide-top:linear-gradient(0deg, rgba(5, 44, 56, 0) 15%, rgba(5, 44, 56, 0.8) 40%, rgba(5, 44, 56, 0.8) 70%);--color-bg-banner:linear-gradient(0deg, rgba(17, 74, 90, 1) 0%, rgba(17, 74, 90, 0.3) 100%);--color-block-hide:linear-gradient(0deg, rgba(24, 78, 71, 0) 20%, rgba(24, 78, 71, 1) 100%);--color-black-thumb:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%);--color-border:linear-gradient(0deg, #184e47 0%, #8bc0b6 50%, #ab8768 100%);--color-black-gradient:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 80%);--color-banner-hide:linear-gradient(0deg, rgba(10, 61, 96, 1) 10%, rgba(10, 61, 96, 0) 60%);--color-border-gradient:linear-gradient(135deg, #ab8768 0%, rgba(255, 255, 255, 0) 50%, #e1cab0 100%);--color-mask:linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);--color-dot:linear-gradient(135deg, #ab8768 0%, #dc6f27 100%);--color-dot-2:linear-gradient(135deg, #cb4600 0%, #7f1417 100%);--color-text-gradient:linear-gradient(90deg, #c69b77 0%, #62b9d3 30%, #fff 70%, #7b9164 100%);--color-text-red:linear-gradient(90deg, #fff 0%, #8bc0b6 30%, #fff 50%, #ab8768 80%, #dc6f27 100%);--color-bg-news:linear-gradient(0deg, #8bc0b6 0%, #184e47 50%, #0a3d60 100%);--color-bg-blur:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);--color-bg-gradient:linear-gradient(135deg, #ab8768 0%, #877055 50%, #ab8768 100%);--color-bg-gradient-2:linear-gradient(135deg, #8bc0b6 0%, #184e47 50%, #8bc0b6 100%);--block-A:#184e47;--block-B:#877055;--office:#6b90b8;--shophouse:#c9b8a6;--trendy:#dfdc8e;--classy:#ffd57e;--morden:#f37477;--morden-1:#beddd8;--morden-2:#81ccba;--morden-3:#ffd1d1;--morden-4:#f5acac;--elegant:#9ea2cc;--font-note:"Oswald"}img:not([src]){visibility:hidden}.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char::after,.splitting .char::before{content:attr(data-char);visibility:hidden;position:absolute;top:0;left:0;-webkit-transition:inherit;transition:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}.utilities-intro .content-main{height:auto}.utilities-intro .scroll-container{width:100%;height:100%;position:relative;overflow-x:scroll!important;overflow-y:hidden}.utilities-intro .item-image{position:relative;overflow:hidden}.utilities-intro .item-image img{position:absolute;top:0;left:0}.utilities-intro .scroll-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.utilities-intro .content-title{font-family:"VLNEWPARISHEADLINE",sans-serif;color:#2b3580;font-weight:400;text-transform:uppercase}.utilities-intro .nicescroll-rails{-webkit-transform:scale(62.6041666667%);-ms-transform:scale(62.6041666667%);transform:scale(62.6041666667%);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.utilities-intro .nicescroll-cursors{cursor:-webkit-grab;cursor:grab;border-radius:0!important}.utilities-intro .nicescroll-cursors:hover{opacity:1!important}.utilities-intro .nicescroll-cursors.nicescroll-cursors-grabbed{width:0.04rem!important;opacity:1!important}@media screen and (min-width:768px) and (max-height:912px){.utilities-intro .content-main{padding:7.7604166667vw 0 5.2083333333vw}}@media screen and (min-width:768px) and (max-width:1366px) and (max-height:768px){.utilities-intro .content-main{padding:3.125vw 0 5.2083333333vw!important}}@media print,(min-width:768px){.utilities-intro{padding:.4rem}.utilities-intro .content-main{padding:7.7604166667vw 0 50px}.utilities-intro .item-image{padding-top:70.5801104972%;border-radius:.2rem;margin-bottom:.26rem}.utilities-intro .scroll-content{padding:0 .7rem;gap:.3rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.utilities-intro .scroll-item{width:37.7083333333vw}.utilities-intro .scroll-item:first-child{width:32.0833333333vw;padding:1.35rem .2rem .3rem 0}.utilities-intro .title-common-primary{margin-bottom:.3rem}.utilities-intro .title-common-primary .title-top{line-height:2;margin-bottom:-.3rem}.utilities-intro .title-common-primary .title-label{margin-left:.49rem}.utilities-intro .content-title{margin-bottom:.11rem;font-size:.4rem;line-height:1.5}.utilities-intro .item-content .paragraph-common{max-width:5.4rem}.utilities-intro .nicescroll-rails{top:unset!important;right:0;bottom:0;left:auto!important}}@media only screen and (min-width:768px) and (max-width:1100.98px){.utilities-intro{padding:.6rem 0}.utilities-intro .bg-cover{top:0;left:0;position:absolute;height:100%}.utilities-intro .scroll-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0 0 .4rem}.utilities-intro .content-main{position:relative;padding-left:.7rem}.utilities-intro .scroll-container{-ms-touch-action:auto!important;touch-action:auto!important;scrollbar-width:auto}.utilities-intro .scroll-container::-webkit-scrollbar{display:block;height:8px;width:8px}.utilities-intro .scroll-container::-webkit-scrollbar-track{background:#fff;border-radius:4px}.utilities-intro .scroll-container::-webkit-scrollbar-thumb{background-color:#2ea3a1;border-radius:4px;cursor:-webkit-grab;cursor:grab}.utilities-intro .scroll-item{width:7rem}.utilities-intro .scroll-item:first-child{width:6rem;padding:0}.utilities-intro .item-image{padding-top:55.2486187845%}.utilities-intro .item-content .paragraph-common{max-width:100%}}@media only screen and (max-width:767.98px){.utilities-intro{padding:.98rem 0 .57rem}.utilities-intro .content-heading{margin-bottom:.22rem;padding-right:.1rem}.utilities-intro .title-common-primary{margin-bottom:.23rem}.utilities-intro .title-common-primary .title-label{margin-left:0}.utilities-intro .bg-cover{top:0;left:0;position:absolute;height:100%}.utilities-intro .content-main{padding-left:.1rem}.utilities-intro .scroll-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;gap:.3rem}.utilities-intro .scroll-container{-ms-touch-action:auto!important;touch-action:auto!important;scrollbar-width:auto}.utilities-intro .scroll-container::-webkit-scrollbar{display:block;height:.03rem;width:.03rem}.utilities-intro .scroll-container::-webkit-scrollbar-track{background:#fff}.utilities-intro .scroll-container::-webkit-scrollbar-thumb{background-color:#2ea3a1;cursor:-webkit-grab;cursor:grab}.utilities-intro .scroll-item{width:3rem;margin-bottom:.26rem}.utilities-intro .scroll-item:first-child{display:none}.utilities-intro .item-image{margin-bottom:.17rem;padding-top:66.6666666667%;border-radius:.2rem}.utilities-intro .content-title{margin-bottom:.1rem;font-size:.24rem;line-height:1.5}}@media only screen and (min-width:768px) and (max-width:1100.98px){.nicescroll-rails,.nicescroll-cursors,.custom-scrollbar{display:none!important}}@media only screen and (max-width:767.98px){.nicescroll-rails,.nicescroll-cursors,.custom-scrollbar{display:none!important}}.utilities-slide{color:#fff}.slider-utilities-introduction{color:#fff;position:fixed;top:0;left:0;z-index:9999999;width:100%;height:100%;opacity:0;pointer-events:none;-webkit-transition:opacity 3s ease-in-out,visibility 0.4s ease;transition:opacity 3s ease-in-out,visibility 0.4s ease;visibility:hidden}.slider-utilities-introduction.is-active{opacity:1;pointer-events:auto;visibility:visible}.slider-utilities-introduction .slider-close{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;z-index:999999;top:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:.7rem;height:.7rem;border:1px solid var(--color-white-alpha-05);border-radius:50%;cursor:pointer;right:.5rem;-webkit-transition:border 0.3s ease-in-out;transition:border 0.3s ease-in-out}.slider-utilities-introduction .slider-close::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--color-normal-dark);-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);transition:-webkit-transform 0.3s ease-in-out,transform 0.3s ease-in-out}.slider-utilities-introduction .slider-close::after{content:"";display:block;position:absolute;top:10%;left:10%;width:80%;height:80%;border-radius:50%}.slider-utilities-introduction .slider-close svg{display:block;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;overflow:visible;border-radius:50%}.slider-utilities-introduction .slider-close:hover{border-color:var(--color-white-zero)}.slider-utilities-introduction .slider-close:hover::before{-webkit-box-shadow:0 1.5rem 2rem 0 var(--color-black-alpha-02);box-shadow:0 1.5rem 2rem 0 var(--color-black-alpha-02);background-color:#c76400}.slider-utilities-introduction .slider-close:hover .c-rotate{-webkit-animation-name:Show100;animation-name:Show100;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.57,.21,.69,.95);animation-timing-function:cubic-bezier(.57,.21,.69,.95);stroke:var(--color-highlight-alpha)}.slider-utilities-introduction .slider-close:hover .c-x{-webkit-transform:scale(.8) rotate(90deg);-ms-transform:scale(.8) rotate(90deg);transform:scale(.8) rotate(90deg)}.slider-utilities-introduction .slider-close .c-rotate{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;stroke-width:1;stroke-dasharray:537;stroke-dashoffset:537;stroke:var(--color-white-zero);fill:none}.slider-utilities-introduction .slider-close .c-x{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;fill:#fff;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.slider-utilities-introduction .swiper,.slider-utilities-introduction .item-image{height:100%}.slider-utilities-introduction .item-image{cursor:pointer}.slider-utilities-introduction .item-content{opacity:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}.slider-utilities-introduction .item-content::before{position:absolute;content:"";width:1px;height:100%;background:#fff;top:0;left:0}.slider-utilities-introduction .swiper-slide-active .item-content{opacity:1}.slider-utilities-introduction .item-title{font-family:"VLNEWPARISHEADLINE",sans-serif;text-transform:uppercase;font-weight:400}.slider-utilities-introduction .slider-controller{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:0;left:0;width:100%}.slider-utilities-introduction .swiper-pagination{position:unset;width:auto}.slider-utilities-introduction .swiper-pagination-current{color:#ffe38f}.slider-utilities-introduction .arrow{width:.24rem;height:.24rem;position:relative;z-index:1;cursor:pointer}.slider-utilities-introduction .arrow::before,.slider-utilities-introduction .arrow::after{content:"";position:absolute;width:.12rem;height:.01rem;background:#fff;top:50%;right:0;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.slider-utilities-introduction .arrow::before{-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.slider-utilities-introduction .arrow::after{-webkit-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}.slider-utilities-introduction .arrow.btn-prev{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.slider-utilities-introduction .paragraph-common{display:-webkit-box;overflow:hidden;-webkit-line-clamp:6;-webkit-box-orient:vertical}@media print,(min-width:768px){.slider-utilities-introduction .item-content{position:absolute;bottom:2.15rem;left:0;width:50%;margin-left:.7rem;padding:.07rem 0 .09rem .3rem}.slider-utilities-introduction .item-title{margin-bottom:.11rem;font-size:.4rem;line-height:1.5}.slider-utilities-introduction .slider-controller{padding-bottom:.65rem}.slider-utilities-introduction .swiper-pagination{min-width:.8rem;font-size:.25rem}.slider-utilities-introduction .swiper-pagination-current{font-size:.35rem}}@media only screen and (max-width:767.98px){.slider-utilities-introduction{background-color:#2c677b}.slider-utilities-introduction .slider-close{top:.2rem;right:.2rem;width:.5rem;height:.5rem;margin:0}.slider-utilities-introduction .item-content{position:relative;padding:.2rem .2rem .5rem;margin:0 .2rem;height:100%}.slider-utilities-introduction .item-title{margin-bottom:.1rem;font-size:.3rem;line-height:1.5}.slider-utilities-introduction .item-image{height:50%}.slider-utilities-introduction .swiper-pagination{min-width:.5rem;font-size:.2rem}.slider-utilities-introduction .swiper-pagination-current{font-size:.3rem}}