@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
.elementor-section.elementor-section-boxed > .elementor-container{
    max-width: unset !important;
}

.nav{
    z-index: 999;
}

.zipper-progress.swiper-pagination-bar .progress img{
    max-width: unset !important;
}

.act-title p{
    line-height: unset !important;
}

.the-3-img img{
    height: 100% !important;
}

.header .header-logo .img-logo a img{
    width: 100%;
}

/* .activity-box a:hover{
    color: unset !important;
} */

.recommend-lists .rec-box a:hover{
    color: unset !important;
}

.hidden{
    display: none !important;
}

.breadcrumb-title-widget .txt-ellipse .breadcrumb_last{
    display: none;
}

.breadcrumb-title-widget a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #FFFFFF;
}

.breadcrumb-title{
    padding: 60px 0 100px 0;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
    padding: 0px !important;
}

/* elementor img start */
.elementor .b-card-news-img img {
    height: 417px;
}
.elementor .b-card-spot-img > img{
   height: 133%;
}
.elementor .b-card-list-box-img img{
   height:100%;
}
.elementor .tour-des .ico-row .txt{
    position: relative;
    top: -2px;
}

/*.elementor .img-des-div .img-des-img > img {*/
.the-3-sec .img-des-div .img-des-img > img {
    -o-object-position: 0 center;
    object-position: 0 center;
}
.elementor .txt-ellipse a:visited{color:white}
.elementor .bus-box > img{
    max-width: 500px;
}
@media (max-width: 1200px){
   .elementor .b-card-news-img img {
       height: calc(100vw - 40px);
   }
}



.elementor img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.img-des-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img, .img-des-img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.a-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img, .img-des-img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.bus-img-box img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img, .img-des-img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.his-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img, .img-des-img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.img-square img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img, .img-des-img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.img-h img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img, .img-des-img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.guideline-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.b-card-spot-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.b-card-news-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.img-bucket img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.the-3-ico img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.swiper-slide img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.shop-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}

.elementor .elementor-widget-container div.arch-div img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img){
    height: 100% !important;
}





/* elementor img end */

.rec-box .shop-des{
    overflow: hidden;
}

.listing-2 .col2 a:hover, .listing-2 .col2 a:focus{
    color: unset !important;
}

.header .search .sub-btn{
    color: transparent;
    position: absolute;
    width: 10%;
    right: 10%;
    top: 30%;
    z-index:999;
}

.header .mo-search .sub-btn{
    color: transparent;
    position: absolute;
    width: 10%;
    right: 10%;
    top: 96%;
    z-index:999;
}

@media(max-width:1200px){
    .header .mo-search .sub-btn{
    color: transparent;
    position: absolute;
    width: 5%;
    right: 5%;
    top: unset !important;
}
}

.input-box input{
    border-right: unset !important;
}

/* Cookie bar */
.cky-consent-bar{
    background-color: #FFFFFF !important;
    border-color: #f4f4f4 !important;
    position: fixed !important;
    bottom: 0 !important;
    z-index: 9 !important;
    width: 100% !important;
    border-top: 4px #00B28F solid !important;
    padding: 12px 30px 15px 30px !important;
    background-image: url(../images/img/recent-act-bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -moz-justify-content: center !important;
    -ms-justify-content: center !important;
    justify-content: center !important;
    -ms-flex-pack: center !important;
    -moz-align-items: center !important;
    -ms-align-items: center !important;
    align-items: center !important;
}

.cky-title{
    display: none !important;
}

.cky-notice-des{
    color: #212121 !important;
}

.cky-notice-des p {
    margin-bottom: 0 !important;
    flex: 1 1 0 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 19px !important;
}

.cky-btn-reject{
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 120% !important;
    color: #FFFFFF !important;
    border-radius: 18px !important;
    padding: 10px 14px 10px 14px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    background: #231F20 !important;
    border: none !important;
    order: 2;
}

.cky-btn-accept{
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 120% !important;
    color: #FFFFFF !important;
    border-radius: 18px !important;
    padding: 10px 14px 10px 14px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    background: #D0643B !important;
    margin-right: 10px !important;
    border: none !important;
}

.cky-notice-des a{
    font-size: inherit !important;
}

.mailchimp_form .mc_merge_var,.mailchimp_form .mc_signup_submit,#mc_display_rewards{
    display: none;
}

#basic-addon2{
    cursor: pointer;
}

.all-sec .img-bucket{
    position: absolute;
    width: 10.2% !important;
    top: 50% !important;
    right: 2% !important;
    z-index: 2 !important;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    mix-blend-mode: multiply;
    width: 118px;
    top: calc(100% - 160px);
    right: 38px;
}

.all-sec .img-bucket > img{
    width: 100%;
}

.all-sec{
    position: relative;
    overflow: visible;
    margin-bottom: 220px;
}

.no-result-box{
    padding: 50px;
}

/*404 page start */
.page_404 .sub-title{font-size:30px !important}
.page_404 button{margin: 0 auto;}
.breadcrumb-title-404{    padding-bottom: 30px;}
.page_404 a{
	display: block;
    margin-bottom: 80px;
}
/*404 page end */

.activities .tag a{
    color: #FFFFFF;
}

.activities .tags .tag:hover{
    filter: brightness(85%);
}

/*parking google map start */
.s-parking-location .box-map{height:70vh}
/*parking google map end */

/*the-3-pillars start */
 .elementor-section:nth-child(odd) .the-3-sec .img-NO {
    left: 0;
    bottom: -20px !important;
    width: 19% !important;
}
.elementor-section:last-child .the-3-sec {
    margin-bottom: 120px;
}
.elementor-section:last-child .the-3-sec .img-NO{
    right: 0 !important;
    bottom: -50px !important;
    width: 19% !important;
    overflow: hidden;
}
/*the-3-pillars end */

.s-floorplan .b-fp-panel .box-ctrl-cat .txt:lang(en){
    font-size: 10.5px;
}

/* search page*/
.search_form{
	max-width: 650px;
	position: relative;
    margin: auto;
	margin-top: 50px;
}

.search_form .form-input{
	padding: 20px 75px 20px 40px;
    font-size: 1.5em;
    height: auto;
	background: #242422;
    color: #fff;
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    border: 0;
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
	width: 100%;
	overflow: visible;
}

.search_form .form-input::placeholder{
	color: #a7a7a7;
}

.search_form .btn-search{
	position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #242422;
    border: 0;
	cursor: pointer;
    transition: 0.3s;
    border-radius: 50%;
    background: rgba(244, 244, 244, 0);
}

.search_form .btn-search img{
	height: 100%;
    width: 50px;
}

@media(max-width: 991px){
	.search_form{
		max-width: 350px;
	}
}

@media(min-width:768px){
.search-listing .list-box{
    padding: 40px 20px;
}
}
@media(max-width:768px){
.search-listing .list-box{
    padding: 20px;
}
}
/* search page end*/

.listing-1 .list-cont{
    width: 100%;
}

.listing-1 .list-img a > img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/*mouseover on item with 2nd level start*/
/* .nav-main .nav-sub:hover{cursor: default !important;}
.nav-main .nav-sub .nav-sub-li:hover{cursor: default !important;}
.nav-main .nav-sub .nav-sub-li a:hover{cursor: default !important;} */
/*mouseover on item with 2nd level end*/

.related-event-slider .swiper-slide .tags .tag a, .related-event-slider .swiper-slide .tags .tag a:hover{
    color: #FFFFFF;
}

.related-event-slider .swiper-slide .tags .tag:hover{
    filter: brightness(85%);
}

.list-des-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.more_more_button{cursor: pointer;}
.more_more_button:hover{color:#D0643B}
.s-parking .guideline-img{width: 80%;}

.home-banner .mySwiper2 .mo-des{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
}

.activities .activity-box .act-des,
.listing-event-list .activity-box .act-des,
.listing-event-review .activity-box .act-des,
.recommend .recommend-lists .rec-box .shop-des,
.shop-rec .rec-box .shop-des,
.related-event-slider .activity-box .act-des,
.listing-2 .rec-box .shop-des{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.tour-sec .s-default{
    padding-top: 0px !important;
}

.tag:nth-child(n+4){
    margin-top: 5px;
}

.nav-main ul li.has-sub{
    cursor: default !important;
}

.btn-more.btn-fp-toggle{
    position: relative;
    z-index: 9;
}

/* 20230424 活動詳情背景圖拉伸 start */
.s-event-detail .bg-wall{
    /* background-repeat: round;
    background-position: initial; */
    background-attachment: fixed;
}
/* 20230424 end */

@media (max-width: 1200px){
.all-sec .img-des-div .img-des-cont {
    padding-bottom: 185px;
}
}

.tags{
    margin-bottom: 5px !important;
}

.s-event-detail .s-default .mySwiperAbout{
    height: 100%;
    min-height: 450px;
    max-height: 450px;
    position: relative;
    margin-bottom: 10px;
}

.mc_custom_border_hdr {
    display: none;
}

.mailchimp_form #mc-indicates-required{
    display: none;
}

.s-event-detail .col-detail img{
    max-width: 100% !important;
    width: auto !important;
}

.nav-main ul li{
    font-weight: 400 !important;
}

@media (max-width: 1200px){
.all-sec .img-bucket {
    width: 118px !important;
    top: calc(100% - 160px) !important;
    right: 38px !important;
}
}

@media (max-width: 1200px){
.all-sec .img-des-div::after {
padding-top: 80px !important;
bottom: 0 !important;
background-position: right !important;
}
}

.b-fp-panel .li-item .txt-shop-num{
    min-width: 60px;
}

@media(max-width:768px){
.home-banner.desktop-home-banner{
    display: none;
}
}

@media(min-width:768px){
.home-banner.mobile-home-banner{
    display: none;
}
}

.s-event-detail .box-ctx .info-item{
    word-wrap: break-word;
}

@media(max-width:768px){
    .btn-sticky{
        position: fixed;
        bottom: 0;
        left: 0;
        min-width: 100% !important;
        background-color: #231F20 !important;
        z-index: 999;
    }
    .btn-sticky .txt{
        color: #ffffff;
        border-right: 1px solid #ffffff !important;
    }
    .btn-sticky .ico-solid{
        fill: #ffffff;
    }
    .btn-back2{
        bottom: 60px !important;
    }
}

@media(min-width:768px){
    .btn-sticky{
        display: none !important;
    }
}

.search-listing .result-number{
    display: flex;
    padding: 0px 20px 20px 60px;
    text-align: center;
    font-size: 1.5rem;
}
.search-listing .result-number span{
    color: #d0643b ;
    font-weight: 700;
}

@media(max-width:768px){
    .search-listing .result-number{
        padding: 0px 0px 20px 0px;
    }
}

.external-popup .popup-content .external-confirm-btn{
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #FFFFFF;
    padding: 10px 14px 10px 14px;
    cursor: pointer;
    text-transform: uppercase;
    background: #D0643B;
    border: none;
    display: flex;
    width: fit-content;
    margin: auto;
}

.external-popup .popup-container{
    padding: 3vw 3vw 2vw !important;
}

.s-event-detail .txt-host .img-host{
    flex: 0 0 50px;
}

.s-event-detail .txt-host .img-host img{
    border-radius: 50%;
}

.search_form .form-input::-webkit-input-placeholder{
    color: transparent !important;
}

.s-event-detail .box-ctx .info-item .internal-shop-link{
    color: unset !important;
    font-weight: unset !important;
}

@media(min-width:768px){
    .popup-box-gallery .swiper-slide .swiper-button-default{
    position: relative !important;
    transform: translateY(-200px) !important;
    display: none;
    }

    .popup-box-gallery .swiper-slide-active .swiper-button-default{
    display: inline-block;
    }
}

@media(max-width:768px){
    .popup-box-gallery .swiper-slide .swiper-button-default{
    position: relative !important;
    transform: translateY(-100px) !important;
    display: none;
    }

    .popup-box-gallery .swiper-slide-active .swiper-button-default{
    display: inline-block;
    }
}

@media (min-width: 1201px){
    .footer .cus-container {
        align-items: start !important;
    }
    .footer .cus-container .contact-us,
    .footer .cus-container .linkout {
        padding-top: 60px;
    }
}
@media (max-width: 1200px){
    .footer .cus-container .linkout{
        align-self: self-start;
    }
}


.rotating-box{
  padding-top: calc(100% - 20px)!important;
}


.elementor .elementor-widget-container .img-venue img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img),
.elementor .elementor-widget-container .b-card-list-box-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img),
.elementor .elementor-widget-container .rotating-box img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img),
.elementor .elementor-widget-container .the-3-img img:not(.leaflet-image-layer, .arch-txt-img, .vision-logo .logo-ico img, .home-banner .mo-girl img) {
	height: 100% !important;
}

@media (max-width: 991px){
	.s-bus .bus-img-box {
		padding-top: 95% !important;
	}
	.s-bus .bus-img-box img {
	    object-position: 50% 56% !important;
	}
}

.img-NO.img-media-des-left {    
    position: relative !important;    
    right: 0 !important;
}

.img-NO.img-media-des-right {
    position: relative !important;    
    left: 0 !important;
}


.leaflet-popup.leaflet-zoom-animated{
    opacity: 1;
    transform: translate3d(436px, 227px, 0px);
   /* bottom: -96px !important; */
    left: -142px;
}

/*20240830 home banner h1 start */
.op-0{opacity: 0;}
h1.txt-fill-border{line-height: 1;}
h1.txt-event-name{margin-bottom: 0 !important;}
/*20240830 home banner h1 end */


/* 20241119 */
.image_des{
    font-weight: 700;
    font-size: 22px;
    line-height: 140%;
}

.act-title >h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 0em !important;
}

.the-3-title-text{
    font-weight: 700;
    font-size: 22px;
    line-height: 140%;
    margin-bottom: 0em !important;
}

.shop-name > h3{
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 0em !important;
}

.mo-event > h3{
    font-size: 20px;
    line-height: 1.1;
    font-weight: bold;
    margin-bottom: 0.3em !important;
}

.popup_des{
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 20px;
}

/*20250124 strat*/
.txt-square .txt-square-s span{
    min-width:30px;
}

/*20250226 form start */
.contact_us_form{  font-family: "Noto Sans HK", serif;}
.contact_us_form:lang(sc){font-family:unset}
.box-theme-paper-a{ font-family: "Roboto Condensed", serif;}
.err_recaptcha{
    padding-bottom: 30px;
    color:#FF0040;
}

.s-contact-us{
    background-image: url(/wp-content/themes/themills/assets/images/contact-us-bg.png);
  }
  .ico-email{
    background-image: url(/wp-content/themes/themills/assets/images/ico/ico_email_2.svg);
  }
  .s-contact-us .box-theme-paper-a:after{display:none}
  .s-contact-us{padding-top:120px;} 
  .black_f{    
    border: 0;
    border-bottom: 4px solid #231F20;
    padding-left:0;
    }
  .s-contact-us textarea{ 
    border:4px solid #231F20;
    min-height: 132px;
  }
  .c-btn{
    border:4px solid #231F20;
    padding:5px 10px;
    border-radius: 45px;
    display:inline-block;
    margin:10px 10px 0px 0;
    cursor: pointer;
    }
    .c-btn.active{
      background-color:#231F20;
      color:white;
    }
  .c-btn:hover{
    background-color:#231F20;
    color:white;
  }
  .ff-txt{padding-bottom:30px;}
  .s-contact-us input:focus, 
  .s-contact-us textarea:focus, 
  .s-contact-us  select:focus {
        outline: none; 
        box-shadow: none; 
    }
.s-contact-us  .form-control:focus{border-color:#231F20}
.wpf-error{color:#FF0040;}
.r_star{color:red}
.contact_container{flex-direction: row-reverse;}
.txt-title{
    overflow-wrap: break-word; 
    white-space: normal;
}
.thx_page{padding-top: 0;}
.thx_des{font-size: 24px !important;}
.thx_title{font-size: 48px !important;padding-bottom: 30px;}
.check_contact_us,
.contact_us_form .b-font{font-weight: 700;}
.a_line{ 
    border-bottom: 2px solid black;
}
.a_line:hover{color:#D0643B;}
.contact_us_form .form-check-input:focus{border-color:#212121;}
.contact_us_form .form-check-input:checked {
    background-color: white;
    border-color: black;
}
.contact_us_form .form-check-input{
    width:30px;
    height:30px;
    margin-top: -2px;
    margin-right: 10px;
}
.contact_us_form .form-check-input{border: 2px solid #212121;}
.form-check-input:checked[type=checkbox]{
    filter: invert(1);
    background-color: black;
    border-color: white;
}
.box-theme-paper-a .txt-title{font-size: 28px; font-weight: 400 !important;}
.box-theme-paper-a .txt-with-ico > .ico{top:8px}
.box-theme-paper-a{padding-top: 30px;}
.mes{margin-top: 10px;}
#contact_us_form .btn-submit.disabled{background-color: #bbb;}
.ff-btn-box{
    display: flex;
    float: right;
}
.img_recaptcha{display: none;}
.img_recaptcha{margin-right: 10px;}
.c-btn{
    text-align: center;
}
.cate-v{display: none;}
.check_lang{display: none;}
.iti{display: block !important;}
@media (max-width: 991px){
    .order-m-2{order: 2;}
    .order-m-1{order: 1;}
    .s-contact-us{padding-top: 60px;}
    .s-location .box-theme-paper .box-ctx{padding-bottom: 0;}
    .con_btn{width:100%}
    .box-theme-paper-a{padding-top: 60px;}
    .box-theme-paper-a .txt-title{font-size: 20px;}
    .ff-btn-box{width: 100%;}
}
/*form end */

/*footer*/
.cu-box::before{top:5px !important;}

/*home page event*/
.txt-square-m span:nth-child(3),
.txt-square-m span:nth-child(4),
.txt-default-title .txt-fill-border span:nth-child(2){
    -webkit-text-fill-color: white;
    paint-order: stroke fill;
    -webkit-text-stroke: 4px #231F20 !important;
    mix-blend-mode: multiply;
}

.grecaptcha-badge{
    bottom: 120px !important;
    z-index: 99;
}
.cus-container{
    mix-blend-mode: multiply;
}