/*-----------------------------------------------------------------------------------
	百樂仕
	About: A shiny new Blocs website.
	Author: Senco Chiu
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{margin:0;padding:0;  background:#FFFFFF;  overflow-x:hidden;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.page-container{overflow: hidden;} a,button{transition: background .3s ease-in-out;outline: none!important;} a:hover{text-decoration: none; cursor:pointer;}.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: :0;right: 0;z-index:99999;} .blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} nav .dropdown-menu .nav-link{color:rgba(0,0,0,0.6)!important;} [data-bs-theme="dark"] nav .dropdown-menu .nav-link{color:var(--bs-dropdown-link-color)!important;} .page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}.preloader-complete{animation-delay:0.1s;}@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}.bloc{width:100%;clear:both;background: 50% 50% no-repeat;padding:0 20px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:relative;display:flex;}.bloc .container{padding-left:0;padding-right:0;position:relative;}.bloc-lg{padding:100px 20px;}.bloc-md{padding:50px 20px;}.bloc-sm{padding:20px;}.full-width-bloc{padding-left:0;padding-right:0;}.full-width-bloc .row{margin-left:0;margin-right:0;}.full-width-bloc .container{width:100%;max-width:100%!important;}.full-width-bloc .carousel img{width:100%;height:auto;}.d-bloc{color:rgba(255,255,255,.7);}.d-bloc button:hover{color:rgba(255,255,255,.9);}.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{border-color:rgba(255,255,255,.9);}.d-bloc .divider-h span{border-color:rgba(255,255,255,.2);}.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{color:rgba(255,255,255,.6);}.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{color:rgba(255,255,255,1);}.d-bloc .navbar-toggle .icon-bar{background:rgba(255,255,255,1);}.d-bloc .btn-wire,.d-bloc .btn-wire:hover{color:rgba(255,255,255,1);border-color:rgba(255,255,255,1);}.d-bloc .card{color:rgba(0,0,0,.5);}.d-bloc .card button:hover{color:rgba(0,0,0,.7);}.d-bloc .card icon{border-color:rgba(0,0,0,.7);}.d-bloc .card .divider-h span{border-color:rgba(0,0,0,.1);}.d-bloc .card .a-btn{color:rgba(0,0,0,.6);}.d-bloc .card .a-btn:hover{color:rgba(0,0,0,1);}.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.3);}.d-bloc .card,.l-bloc{color:rgba(0,0,0,.5);}.d-bloc .card button:hover,.l-bloc button:hover{color:rgba(0,0,0,.7);}.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{border-color:rgba(0,0,0,.7);}.d-bloc .card .divider-h span,.l-bloc .divider-h span{border-color:rgba(0,0,0,.1);}.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{color:rgba(0,0,0,.6);}.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{color:rgba(0,0,0,1);}.l-bloc .navbar-toggle .icon-bar{color:rgba(0,0,0,.6);}.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.3);}.voffset{margin-top:30px;}.svg-menu-icon{fill: none;stroke: rgba(0,0,0,0.5);stroke-width: 2px;fill-rule: evenodd;}.navbar-dark .svg-menu-icon{stroke: rgba(255,255,255,0.5);}.menu-icon-thin-bars{stroke-width: 1px;}.menu-icon-thick-bars{stroke-width: 5px;}.menu-icon-rounded-bars{stroke-width: 3px;stroke-linecap: round;}.menu-icon-filled{fill: rgba(0,0,0,0.5);stroke-width: 0px;}.navbar-dark .menu-icon-filled{fill: rgba(255,255,255,0.5);}.navbar-toggler-icon{background: none!important;pointer-events: none;width: 33px;height: 33px;}.dropdown-menu .dropdown-menu{border:none}@media (min-width:576px){.navbar-expand-sm .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{right:100%;left:auto}}@media (min-width:768px){.navbar-expand-md .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{right:100%;left:auto}}@media (min-width:992px){.navbar-expand-lg .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{right:100%;left:auto}}.mg-clear{margin:0;}.mg-sm{margin-top:10px;margin-bottom:5px;}.mg-md{margin-top:10px;margin-bottom:20px;}.btn-d,.btn-d:hover,.btn-d:focus{color:#FFF;background:rgba(0,0,0,.3);}button{outline: none!important;}.btn-rd{border-radius: 40px;}.btn-wire{background:transparent!important;border:2px solid transparent;}.btn-wire:hover{background:transparent!important;border:2px solid transparent;}.a-block{width:100%;text-align:left;display: inline-block;}.text-center .a-block{text-align:center;}.img-fluid-up{min-width: 100%;height: auto;}.card-sq, .card-sq .card-header, .card-sq .card-footer{border-radius:0;}.card-rd{border-radius:30px;}.card-rd .card-header{border-radius:29px 29px 0 0;}.card-rd .card-footer{border-radius:0 0 29px 29px;}.card-columns .card {margin-bottom: 0.75rem;}@media (min-width: 576px) {.card-columns {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 1.25rem;-moz-column-gap: 1.25rem;column-gap: 1.25rem;orphans: 1;widows: 1;}.card-columns .card {display: inline-block;width: 100%;}}.divider-h{min-height: 1px;background-color:rgba(0,0,0,.2);margin: 20px 0;}.divider-half{width: 50%;}.dropdown-menu .divider-h{margin:0;}.carousel-nav-icon{fill: none;stroke: #fff;stroke-width: 2px;fill-rule: evenodd;stroke-linecap:round;}.carousel-indicators li::marker{font-size:0;}.scrollToTop{width:36px;height:36px;padding:5px;position:fixed;bottom:20px;right:20px;opacity:0;z-index:999;transition: all .3s ease-in-out;pointer-events:none;}.showScrollTop{opacity: 1;pointer-events:all;}.scroll-to-top-btn-icon{fill: none;stroke: #fff;stroke-width: 2px;fill-rule: evenodd;stroke-linecap:round;}a[data-lightbox]{position: relative;display: block;text-align: center;}a[data-lightbox]:hover::before{content:"+";font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;font-size:32px;line-height: 42px;width:50px;height:50px;margin-left:-25px;border-radius: 50%;background:rgba(0,0,0,.5);color:#FFF;font-weight:100;z-index: 1;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}a[data-lightbox]:hover img{opacity: 0.6;-webkit-animation-fill-mode: none;animation-fill-mode:none;}.lightbox-caption{padding: 20px;color: #FFF;background: rgba(0,0,0,.5);position: absolute;left: 16px;right: 16px;bottom: 0px;}.close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover{background:rgba(0,0,0,.5);}.next-lightbox, .prev-lightbox,.close-lightbox{position: absolute;padding:6px;background:rgba(0,0,0,.3);line-height:0;transition: background .2s ease-in-out;border-radius:.25rem;border:none;z-index:20;}.next-lightbox, .prev-lightbox{top:45%;}.close-lightbox{top:20px;right:20px;}.next-lightbox{right:25px;}.prev-lightbox{left:25px;}.lightbox-prev-icon,.lightbox-next-icon,.lightbox-close-icon{fill:none;stroke: #fff;stroke-width: 3px;fill-rule: evenodd;stroke-linecap:round;}.lightbox-close-svg{pointer-events:none;}.blocs-horizontal-scroll-container{position:relative;}.blocs-horizontal-scroll-area{display:flex;overflow-x:auto;align-items:flex-start;gap:20px;}.blocs-horizontal-scroll-area > *{flex-shrink:0;max-width:100%;}.blocs-horizontal-scroll-area::-webkit-scrollbar{display:none;}.blocs-horizontal-scroll-control{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;text-align:center;border:0;margin:0 30px;}.blocs-scroll-control-next{right:0;}.blocs-round-btn{background:rgba(0,0,0,0.15);border-radius:100%;padding:12px;opacity:0;cursor:pointer;transform:scale(0.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:opacity .50s ease,transform .50s ease;}.blocs-horizontal-scroll-container:hover .blocs-round-btn,.blocs-horizontal-scroll-container.show-controls .blocs-round-btn{opacity:1;transform:scale(1.0);}.blocs-round-btn:active{background:rgba(0,0,0,0.3);transform:scale(0.9)!important;transition:transform .30s ease,background .50s ease;}.compact-blocs-controls .blocs-round-btn{padding:2px;width:30px;height: 30px;}.compact-blocs-controls .blocs-round-btn svg{width:14px;height:14px;}.compact-blocs-controls .blocs-horizontal-scroll-control{margin:0 20px;}.horizontal-scroll-icon{fill:none;stroke:#fff;stroke-width:4px;fill-rule:evenodd;stroke-linecap:round;}.hide-left-control > .blocs-scroll-control-prev, .hide-right-control > .blocs-scroll-control-next{opacity:0!important;pointer-events: none;transition:opacity .50s ease;}.show-controls:not(.hide-left-control) > .blocs-scroll-control-prev, .show-controls:not(.hide-right-control) > .blocs-scroll-control-next{opacity:1!important;}.blocs-horizontal-scroll-area img.lazyload{height:0;}h1,h2,h3,h4,h5,h6,p,label,.btn,a{font-family:"Helvetica";}.container{max-width:1140px;}.navbar-logo{text-transform:none;text-decoration:none;font-size:20px;}.blocs-card-width{width:25%;}.link-style{font-weight:bold;}.social-icon-size{max-width:120px;}.icon-size{width:80px;}.navbar-brand img{width:44px;}.link-百樂仕-style{font-weight:bold;}.container-div-style{width:100%;}.team-card{min-height:350px;}.p-style{font-size:14px;width:100%;}.text-span-color{color:var(--swatch-var-3260)!important;}.text-span-bloc-4-color{color:var(--swatch-var-3260)!important;}:root{--swatch-var-2869:rgba(0,0,0,1.00);--swatch-var-2:rgba(255,255,255,1.00);--swatch-var-3756:rgba(4,51,255,1.00);--swatch-var-6106:rgba(180,192,206,1.00);--swatch-var-7862:rgba(118,68,59,1.00);--swatch-var-4988:rgba(0,0,0,0.75);--swatch-var-4593:rgba(255,255,255,0.5);--swatch-var-114:rgba(49,103,160,1.00);--swatch-var-3861:rgba(54,59,176,1.00);--swatch-var-4330:rgba(0,0,0,1.00);--swatch-var-5168:rgba(229,233,255,1.00);--swatch-var-6048:rgba(80,91,205,1.00);--swatch-var-199:rgba(230,233,245,1.00);--swatch-var-890:rgba(0,112,227,0.06);--swatch-var-1735:rgba(102,102,102,1.00);--swatch-var-2258:rgba(0,0,0,0.05);--swatch-var-6746:rgba(0,0,0,0.05);--swatch-var-7433:rgba(0,114,188,1.00);--swatch-var-760:rgba(102,252,63,1.00);--swatch-var-4716:rgba(254,244,246,1.00);--swatch-var-5747:rgba(174,30,44,1.00);--swatch-var-574:rgba(237,251,246,1.00);--swatch-var-810:rgba(102,183,63,1.00);--swatch-var-7424:rgba(17,81,155,1.00);--swatch-var-3260:rgba(238,30,35,1.00);}.bgc-890{background-color:var(--swatch-var-890);}.bgc-2{background-color:var(--swatch-var-2);}.bgc-7433{background-color:var(--swatch-var-7433);}.bgc-6746{background-color:var(--swatch-var-6746);}.bgc-2258{background-color:var(--swatch-var-2258);}.bgc-7424{background-color:var(--swatch-var-7424);}.bgc-4716{background-color:var(--swatch-var-4716);}.bgc-574{background-color:var(--swatch-var-574);}.bgc-2869{background-color:var(--swatch-var-2869);}.tc-2869{color:var(--swatch-var-2869)!important;}.tc-2{color:var(--swatch-var-2)!important;}.tc-1735{color:var(--swatch-var-1735)!important;}.tc-4330{color:var(--swatch-var-4330)!important;}.tc-5747{color:var(--swatch-var-5747)!important;}.tc-810{color:var(--swatch-var-810)!important;}.btn-c-6048{background:var(--swatch-var-6048);color:#FFFFFF!important;}.btn-c-6048:hover{background:#1D289A!important;color:#FFFFFF!important;}.wire-btn-c-6048{color:var(--swatch-var-6048)!important;border-color:var(--swatch-var-6048)!important;}.ltc-3861{color:var(--swatch-var-3861)!important;}.ltc-3861:hover{color:#03087D!important;}.bg-index-banner-2{background-image:url("img/index-banner-2.png");background-image: -webkit-image-set(url("img/index-banner-2.webp") 1x,url("img/index-banner-2.webp") 2x);background-image: image-set(url("img/index-banner-2.png") 1x,url("img/index-banner-2.png") 2x,url("img/index-banner-2.webp") 1x,url("img/index-banner-2.webp") 2x);}.bg-f10-banner{background-image:url("img/f10-banner.png");background-image: -webkit-image-set(url("img/f10-banner.webp") 1x,url("img/f10-banner.webp") 2x);background-image: image-set(url("img/f10-banner.png") 1x,url("img/f10-banner.png") 2x,url("img/f10-banner.webp") 1x,url("img/f10-banner.webp") 2x);}.social-link-bric a svg{transition: all 0.3s ease-in-out;}.social-hover-fade a:hover svg{opacity: 0.5;}.social-hover-grow a:hover svg{transform: scale(1.2);}.social-hover-shrink a:hover svg{transform: scale(0.9);}.social-hover-shadow a:hover svg{filter: drop-shadow(0px 6px 2px rgba(0,0,0,0.3));overflow: visible;}.toggled-item{transition: height 350ms ease-in-out, padding 350ms ease-in-out, opacity 350ms ease-in-out;overflow: hidden;}.toggled-item-hidden{padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;opacity: 0;}.object-hidden{display:none;}@media (min-width: 576px) {  .bloc-xxl-sm{padding:200px 20px;}  .bloc-xl-sm{padding:150px 20px;}  .bloc-lg-sm{padding:100px 20px;}  .bloc-md-sm{padding:50px 20px;}  .bloc-sm-sm{padding:20px;}  .bloc-no-padding-sm{padding:0 20px;}}@media (min-width: 768px) {  .bloc-xxl-md{padding:200px 20px;}  .bloc-xl-md{padding:150px 20px;}  .bloc-lg-md{padding:100px 20px;}  .bloc-md-md{padding:50px 20px;}  .bloc-sm-md{padding:20px 20px;}  .bloc-no-padding-md{padding:0 20px;}}@media (min-width: 992px) {  .bloc-xxl-lg{padding:200px 20px;}  .bloc-xl-lg{padding:150px 20px;}  .bloc-lg-lg{padding:100px 20px;}  .bloc-md-lg{padding:50px 20px;}  .bloc-sm-lg{padding:20px;}  .bloc-no-padding-lg{padding:0 20px;}}@media (max-width: 1024px){  .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{ padding-left: 0;   padding-right: 0;  }}@media (max-width: 991px){  .container{width:100%;}  .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);}   .bloc-group, .bloc-group .bloc{display:block;width:100%;}}@media (max-width: 767px){  .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{ padding-left:0;padding-right:0;  }  .btn-dwn{   display:none;   }  .voffset{ margin-top:5px;  }  .voffset-md{ margin-top:20px;  }  .voffset-lg{ margin-top:30px;  }  form{ padding:5px;  }  .close-lightbox{ display:inline-block;  }  .blocsapp-device-iphone5{ background-size: 216px 425px; padding-top:60px; width:216px; height:425px;  }  .blocsapp-device-iphone5 img{ width: 180px; height: 320px;  }}@media (max-width: 991px){.blocs-card-width{width:50%;}}@media (max-width: 767px){.blocs-card-width{width:50%;}}@media (max-width: 575px){.navbar-logo{font-size:18px;}.footer-link{text-align:center;}.blocs-card-width{width:100%;}.img-style{}}