/* body {
    margin: 0px;
    font-size:16px;
    line-height:1.2;
    font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
    overflow-x: hidden;
}


.splide {
    margin-inline: auto;
}

.splide__track {
    overflow: initial;
}

.splide__pagination {
   bottom: initial;
   top: calc(100% + 10px);
   display:none;
}

.splide__pagination__page.is-active {
   background-color: #fff;
}

.card {
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
   border-radius: 0px;
   overflow: hidden;
   cursor: pointer;
}

.splide_arrow--prev svg {
   margin-left: -50px
} */

/* {# larger than 1800px #} */
/* @media (min-width: 1800px) {
#award-slide2 .award-photo {
    position: relative;
    z-index: 50;
    text-align: left;
    width: 840px;
 }
#award-slide2 .splide__track {
      padding-left:calc((100% - 1260px) / 2) !important;
      padding-right:calc((100% - 1110px) / 2) !important;
   }
#award-slide2 .award-card {
    position: absolute;
    z-index: 70;
    top: 55px;
    right: calc((100% - 1260px) / 2);
    width: 595px;
    height: 519px;
    padding: 70px 95px 50px 95px;
    background-color: #f2f0e9;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
 }   
 #award-slide2 .splide__arrow{
   -ms-flex-align: center;
   align-items: center;                        
   border: 0;
   border-radius: 50%;
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
   height: 72px;
   -ms-flex-pack: center;
   justify-content: center;
   opacity: 1;
   padding: 0;
   position: absolute;
   top: 79% !important;
   transform: translateY(-50%);
   width: 0px;
   z-index: 1
 }
 #award-slide2 .splide__arrow--prev {
   left: auto;
   right: calc((100% - 1260px) / 2 + 500px);
 }
 #award-slide2 .splide__arrow--next {
   left: auto;
   right: calc((100% - 1260px) / 2 + 330px);
 }
 #award-slide2 .award-page {
   padding-left: 75px;
 }
 #award-slide2 .card-upside {
   height: 90%;
 }
} */

/* {# 1600-1799px #} */
/* @media screen and (min-width: 1600px) and (max-width: 1799px) {
 #award-slide2 .award-photo {
    position: relative;
    z-index: 50;
    text-align: left;
    width: 840px;
 }
 #award-slide2 .splide__track {
      padding-left:calc((100% - 1260px) / 2) !important;
      padding-right:calc((100% - 1110px) / 2) !important;
   }
 #award-slide2 .award-card {
    position: absolute;
    z-index: 70;
    top: 55px;
    right: calc((100% - 1260px) / 2);
    width: 550px;
    height: 519px;
    padding: 70px 70px 50px 70px;
    background-color: #f2f0e9;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
 }   
 #award-slide2 .splide__arrow{
    -ms-flex-align: center;
    align-items: center;                        
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 79% !important;
    transform: translateY(-50%);
    width: 0px;
    z-index: 1
 }
 #award-slide2 .splide__arrow--prev {
    left: auto;
    right: calc((100% - 1260px) / 2 + 475px);
 }
 #award-slide2 .splide__arrow--next {
    left: auto;
    right: calc((100% - 1260px) / 2 + 330px);
 }
 #award-slide2 .award-card .award-page {
    padding-left: 75px;
    left: 130px !important;
 }
 #award-slide2 .card-upside {
    height: 90%;
 }   
} */

/* {# 1400-1599px #} */
/* @media screen and (min-width: 1400px) and (max-width: 1599px) {
 #award-slide2 .award-photo {
    position: relative;
    z-index: 50;
    text-align: left;
    width: 750px;
 }
 #award-slide2 .splide__track {
      padding-left:calc((100% - 1260px) / 2) !important;
      padding-right:calc((100% - 1110px) / 2) !important;
   }
 #award-slide2 .award-card {
    position: absolute;
    z-index: 70;
    top: 50px;
    right: calc((100% - 1260px) / 2);
    width: 550px;
    height: 462px;
    padding: 50px 70px 50px 70px;
    background-color: #f2f0e9;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
 }   
 #award-slide2 .splide__arrow{
    -ms-flex-align: center;
    align-items: center;                        
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 78% !important;
    transform: translateY(-50%);
    width: 0px;
    z-index: 1
 }
 #award-slide2 .splide__arrow--prev {
    left: auto;
    right: calc((100% - 1260px) / 2 + 475px);
 }
 #award-slide2 .splide__arrow--next {
    left: auto;
    right: calc((100% - 1260px) / 2 + 330px);
 }
 #award-slide2 .award-page {
    padding-left: 80px;
 }
 #award-slide2 .card-upside {
    height: 90%;
 }   
} */

/* {# 1280-1399px #} */
/* @media screen and (min-width: 1280px) and (max-width: 1399px) {
 #award-slide2 .award-photo {
    position: relative;
    z-index: 50;
    text-align: left;
    width: 650px;
 }
 #award-slide2 .award-card {
    position: absolute;
    z-index: 70;
    top: 40px;
    right: calc((100% - 1260px) / 2);
    width: 550px;
    height: 407px;
    padding: 50px 70px 50px 70px;
    background-color: #f2f0e9;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
 }   
 #award-slide2 .splide__arrow{
    -ms-flex-align: center;
    align-items: center;                        
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 78% !important;
    transform: translateY(-50%);
    width: 0px;
    z-index: 1
 }
 #award-slide2 .splide__arrow--prev {
    left: auto;
    right: calc((100% - 1260px) / 2 + 475px);
 }
 #award-slide2 .splide__arrow--next {
    left: auto;
    right: calc((100% - 1260px) / 2 + 330px);
 }
 #award-slide2 .award-page {
    padding-left: 70px;
 }
 #award-slide2 .card-upside {
    height: 90%;
 }   
}
 @media (min-width: 1979px){
   #award-slide2 .award-page {
      bottom:13% !important;
      padding-left: 40px !important;
   }
   #award-slide2 .splide__track {
      padding-left:calc((100% - 1260px) / 2) !important;
      padding-right:calc((100% - 1110px) / 2) !important;
   }
 }
 @media (min-width: 2001px){
    #award-slide2 .award-card .award-page {
      padding-left: 70px !important;
   }
    #award-slide2 .splide__arrow--prev {
   left: auto;
   right: calc((100% - 1260px) / 2 + 500px);
 }
 #award-slide2 .splide__arrow--next {
   left: auto;
   right: calc((100% - 1260px) / 2 + 330px);
 }
 }
@media screen and (min-width: 992px) and (max-width: 1280px) {
 #award-slide2 .award-photo {
    position: relative;
    z-index: 50;
    text-align: left;
    width: 768px;
 }
  #award-slide2 .award-photo img{
      width: 100%;
      aspect-ratio: 4 / 3;
 }
 #award-slide2 .award-card {
    position: absolute;
    z-index: 70;
    top: 80px;
    right: 0;
    width: 500px;
    height: 390px;
    padding: 30px 40px 40px 40px;
    background-color: #f2f0e9;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
 }   

 #award-slide2 .award-body{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 #award-slide2 .splide__arrow{
    -ms-flex-align: center;
    align-items: center;                        
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 71.5% !important;
    transform: translateY(-50%);
    width: 0px;
    z-index: 1
 }
 #award-slide2 .splide__arrow--prev {
    left: auto;
    right: 460px;
 }
 #award-slide2 .splide__arrow--next {
    left: auto;
    right: 320px;
 }
 #award-slide2 .award-page {
    padding-left: 60px;
    left:48% !important;
 }
 #award-slide2 .card-upside {
    height: 90%;
 }   
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
    #award-slide2 .award-photo {
        position: relative;
        z-index: 50;
        text-align: left;
        width: 830px;
     }
     #award-slide2 .splide__arrow{
        top: 66.5% !important;
     }
} */
/* @media screen and (min-width: 992px) {
  #award-slide2 .award-card {
   opacity:0;
  }
  #award-slide2 .award-card1 {
   opacity:1;
  }
} */
/* {# 769-991px #} */
/* @media screen and (min-width: 769px) and (max-width: 991px) {
 #award-slide2 .award-photo {
    position: relative;
    z-index: 50;
    text-align: left;
    width: 500px;
 }
 #award-slide2 .splide__list {
   width:100%;
 } 
  #award-slide2 .splide__slide {
   width:100%;
 }
 #award-slide2 .award-card {
    position: absolute;
    z-index: 70;
    top: 25px;
    right: 0;
    width: 400px;
    height: 324px;
    padding: 30px 30px 30px 30px;
    background-color: #f2f0e9;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
 }   

 #award-slide2 .award-body{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 #award-slide2 .splide__arrow{
    -ms-flex-align: center;
    align-items: center;                        
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 82%;
    transform: translateY(-50%);
    width: 0px;
    z-index: 1
 }
 #award-slide2 .splide__arrow--prev {
    left: auto;
    right: 29em;
 }
 #award-slide2 .splide__arrow--next {
    left: auto;
    right: 21em;
 }
 #award-slide2 .award-page {
    padding-left: 58px;
 }
 #award-slide2 .card-upside {
    height: 90%;
 }   
}
@media screen and (min-width: 2300px){
    #award-slide2 .splide__slide.current-slide{
        margin-right: 0 !important;
    }
}
@media screen and (min-width: 992px) {
    #award-slide2 .splide__slide
    {
        width: auto !important;
        transition: width 0.4s;
    }
    #award-slide2 .splide__slide.current-slide
    {
        width: 100% !important;
        transition: width 0.4s;
    }
    #award-slide2 .splide__slide .award-photo {
        opacity: 0.5;
    }
    #award-slide2 .splide__slide.is-active .award-photo {
        opacity: 1 !important;
    }
    #award-slide2 .splide__slide.is-active.splide__slide--clone .award-photo {
        opacity: .5 !important;
    }
}


@media screen and (max-width: 991px) {
   #award-slide2 .award-photo {
      position: relative;
      z-index: 50;
      text-align: left;
      width: 380px;
   }
   #award-slide2 .award-card {
      position: absolute;
      z-index: 70;
      top: 25px;
      right: 0;
      width: 300px;
      height: 324px;
      padding: 30px 30px 30px 30px;
      background-color: #f2f0e9;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
   }   
#award-slide2 .splide__slide{
   height:500px;
   }
   #award-slide2 .award-body{
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
   }

   #award-slide2 .splide__arrow{
      -ms-flex-align: center;
      align-items: center;                        
      border: 0;
      border-radius: 50%;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      height: 72px;
      -ms-flex-pack: center;
      justify-content: center;
      opacity: 1;
      padding: 0;
      position: absolute;
      top: 99%;
      transform: translateY(-50%);
      width: 0px;
      z-index: 1
   }
   #award-slide2 .splide__arrow--prev {
      left: auto;
      left: 34%;
   }
   #award-slide2 .splide__arrow--next {
      left: auto;
      right: 40%;
   }
   #award-slide2 .award-page {
      padding-left: 58px;
   }
   #award-slide2 .card-upside {
      height: 90%;
   }   
} */


                    :root {
                     --bodyColor: #666;
                     --headerColor: #9d8f66;
                     --lightBG: #f2f0e9;
                     --hoverColor: #E0B03D;
                 }
                 
                 @import url('css2-CormorantGaramonditalwght03000400060007001300140016001700_Latoitalwght030004000700130014001700_NotoSansHKwght300400600700_NotoSansSCwght300400600700_OpenSansitalwght0400a8af7a577a2233d735acdc5f14abcca8.css.css');
                 
                 html {
                     font-size: 15px;
                     font-family: 'Lato', 'Noto Sans HK', 'Noto Sans SC', sans-serif;
                     color: var(--bodyColor);
                 }
                 
                 /* body {
                     margin: 0;
                     padding: 0;
                     background-color: #e5e5e5;
                     -ms-overflow-style: none;
                     scrollbar-width: none;
                     height: 100%;
                     height: 100vh;
                     line-height: 1.8;
                     font-weight: 400;
                 }
                 
                 body::-webkit-scrollbar {
                     display: none;
                 } */
                 
                .moving-slider p {
                     margin: 1.2rem 0;
                     padding: 0 1rem;
                 }
                 
                 .moving-slider h1,
                 .moving-slider h2,
                 .moving-slider h3,
                 .moving-slider h4 {
                     font-family: 'Cormorant Garamond', 'Noto Sans HK', 'Noto Sans SC', serif;
                     font-size: 1.5rem;
                     font-weight: 700;
                     margin: 1.5rem 0;
                     padding: 0 1rem;
                     color: var(--headerColor);
                 }
                 
                 .moving-slider h3 {
                     font-size: 1.8rem;
                 }
                 
                 .moving-slider h2 {
                     font-size: 2.1rem;
                 }
                 
                 .moving-slider h1 {
                     font-size: 2.5rem;
                 }
                 
                 .moving-slider a {
                     color: var(--headerColor);
                     transition: all 0.2s linear;
                     text-decoration: none;
                 }
                 
                 .moving-slider a:hover {
                     color: var(--hoverColor)
                 }
                 
                 .moving-slider ul,
                 .moving-slider ol {
                     margin: 1.5rem 0;
                     padding: 0 1rem 0 2.5rem;
                 }
                 
                 .moving-slider ul,
                 .moving-slider ul li {
                     list-style: disc;
                 }
                 
                 .moving-slider ol,
                 .moving-slider ol li {
                     list-style: decimal;
                 }
                 
                 body>section {
                     margin: 105px 0;
                     padding: 0;
                 }
                 
                 body>section .widthWrapper {
                     max-width: 1280px;
                     margin: 0 auto;
                 }
                 
                 body>section:first-of-type {
                     margin-top: 0;
                 }
                 
                 body>section:last-of-type {
                     margin-bottom: 0;
                 }
                 
                 i[class^="fa"] {
                     display: inline-flex;
                     /* width: 1.5em;
                     height: 1.5em; */
                     overflow: hidden;
                     justify-content: center;
                     align-items: center;
                 }
                 
                 .sr-only {
                     display: none;
                 }
                 
                 body>header {
                     position: sticky;
                     width: 100%;
                     width: 100vw;
                     background-color: #fff;
                     left: 0;
                     top: 0;
                     z-index: 500;
                     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                 }
                 
                 body>header i[class^="fa"] {
                     font-size: 1.5rem;
                 }
                 
                 body>header>.mobile-container {
                     width: 100%;
                     display: flex;
                     flex-direction: row;
                     justify-content: space-between;
                     align-items: center;
                     flex-wrap: nowrap;
                     padding: 0 1rem;
                 }
                 
                 body>header>.mobile-container>* {
                     flex: initial;
                 }
                 
                 body>header>.mobile-container>.logo {
                     padding: 0.5rem 1rem;
                 }
                 
                 body>header>.container {
                     display: none;
                 }
                 .moving-slider{
                  position: relative;
                 }
                 /**/
                 section.hero {
                     margin-bottom: calc(-105px + 1rem);
                 }
                 
                 .hero-slider {
                     height: 100%;
                 }
                 
                 .hero-slider .slide>.content {
                     position: absolute;
                     z-index: 500;
                     background-color: rgba(0, 0, 0, 0.6);
                     bottom: 1rem;
                     left: 1rem;
                     min-width: 30%;
                     color: #fff;
                 }
                 
                 .hero-slider .slide>.content>* {
                     margin: 1rem 0;
                     line-height: 1.3;
                 }
                 
                 .hero-slider .slick-arrow {
                     position: absolute;
                     z-index: 500;
                     top: 0;
                     left: 0;
                     height: 100%;
                     cursor: pointer;
                     background: none;
                     border: none;
                     font-size: 0;
                 }
                 
                 .hero-slider .slick-arrow::before {
                     font-family: "Font Awesome 6 Free";
                     font-weight: 600;
                     content: "\f053";
                     font-size: 1rem;
                     height: 100%;
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     padding: 0.5em;
                     color: var(--headerColor);
                 }
                 
                 .hero-slider .slick-arrow:hover::before {
                     color: #fff;
                 }
                 
                 .hero-slider .slick-next {
                     left: unset;
                     right: 0;
                 }
                 
                 .hero-slider .slick-next::before {
                     content: "\f054";
                 }
                 
                 .hero-slider .slick-dots {
                     margin: 0;
                     padding: 0;
                     position: absolute;
                     bottom: 0;
                     left: 0;
                     width: 100%;
                     display: flex !important;
                     flex-direction: row;
                     gap: 0.5em;
                     align-items: center;
                     justify-content: center;
                     height: 3rem;
                 }
                 
                 .hero-slider .slick-dots li button {
                     display: none;
                 }
                 
                 .hero-slider .slick-dots li {
                     font-size: 1.5rem;
                     color: var(--hoverColor);
                     text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
                     text-align: center;
                     width: 1rem;
                     height: 1rem;
                     vertical-align: middle;
                     line-height: 1.5rem;
                 }
                 
                 .hero-slider .slick-dots li.slick-active {
                     color: #fff;
                 }
                 
                 .hero-slider .slide .img {
                     display: block;
                     padding-top: 38%;
                     position: relative;
                 }
                 
                 .hero-slider .slide .img>img {
                     position: absolute;
                     top: 0;
                     left: 0;
                     display: block;
                     width: 100%;
                     height: 100%;
                     object-fit: cover;
                     object-position: center center;
                 }
                 
                 /* .hero-slider-naviation{position:absolute;z-index:500;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
                 .hero .hero-slider-naviation .slick-arrow{cursor:pointer;height:100%;background-color:#f5f5f5;} */
                 .align-center {
                     text-align: center;
                 }
                 
                 ul[role="meta"],
                 ul[role="meta"] li {
                     list-style: none;
                 }
                 
                 ul[role="meta"] {
                     columns: 1;
                     column-gap: 1rem;
                     padding: 0 1rem;
                 }
                 
                 ul[role="meta"] li {
                     break-inside: avoid-column;
                     line-height: 1.3;
                     margin-bottom: 1em;
                 }
                 
                 ul[role="meta"] .key {
                     color: var(--headerColor);
                     display: block;
                 }
                 
                 ul[role="meta"] .value {
                     padding-left: 1.5rem;
                     display: block;
                 }
                 
                 .restaurant-details .logo {
                     display: flex;
                     align-items: center;
                     justify-content: center;
                 }
                 
                 .restaurant-details .logo+p {
                     text-transform: uppercase;
                 }
                 
                 .restaurant-details .description>* {
                     margin: 0;
                 }
                 
                 .restaurant-details h1 {
                     text-transform: uppercase;
                     text-align: center;
                     font-weight: 400;
                 }
                 
                 .restaurant-details .description .content {
                     text-align: center;
                 }
                 
                 .slider-container {
                     padding-bottom: 150px;
                 }
                 
                 .slider-container .slide .content {
                     display: none;
                 }
                 
                 /* .slider-container .slide .img {
                     height: 350px;
                 } */
                 
                 .slider-container .slide .img>img {
                     width: 100%;
                     height: 100%;
                     object-position: center center;
                     object-fit: cover;
                 }
                 
                 .slider-content {
                     background-color: var(--lightBG);
                     position: absolute;
                     z-index: 9;
                     width: 90%;
                     margin-left: 5%;
                     top: 300px;
                     box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
                     pointer-events: auto;
                     height: 235px;
                     overflow: hidden;
                 }
                 
                 .slider-content>div {
                     display: -webkit-box;
                     -webkit-box-orient: vertical;
                     overflow: hidden;
                     -webkit-line-clamp: 5;
                 }
                 .moving-slider .slider-content .slick-prev,
                 .moving-slider .slider-content .slick-next
                 {
                    background-image: none !important;
                    height: 20px !important;
                 }
                 .slider-content p.title {
                     /* font-size: 0.8rem;
                     font-weight: bold;
                     margin: 1em 0; */
                     color: #5C5D5D;
                    font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    margin-bottom: 10px;
                 }
                 
                 .slider-content p.body {
                     line-height: 1.3;
                     color: #5C5D5D;
                    font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 150%;
                    margin-bottom: 30px;
                    text-transform: none !important;
                    display: -webkit-box;
                    /* -webkit-line-clamp: 8; */
                    -webkit-line-clamp: 12;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    padding-left: 0;
                    padding-right: 0;
                    padding: 0;
                    margin: 0;
                 }
                 .slider-content p.body p{
                    line-height: 1.3;
                    color: #5C5D5D;
                   font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
                   font-size: 16px;
                   font-style: normal;
                   font-weight: 400;
                   line-height: 150%;
                   margin-top: 0;
                   margin-bottom: 0;
                }
                .slider-content p.body ul li{
                    line-height: 1.3;
                    color: #5C5D5D;
                   font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
                   font-size: 16px;
                   font-style: normal;
                   font-weight: 400;
                   line-height: 150%;
                }
                 
                 .slider-content h3 {
                     /* font-weight: 400; */
                     /* line-height: 1.2; */
                     /* font-size: 1.5rem; */
                     transition: all 0.3s ease-in-out;
                     /* margin: 1rem 0; */
                     color: #9d8f66;
                     font-family: "Cormorant Garamond", "Noto Sans HK", "Noto Sans SC", sans-serif;
                     font-size: 29px;
                     font-style: normal;
                     font-weight: 400;
                     line-height: 36px;
                     margin-bottom: 15px;
                     display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    line-height: 1.2 !important;
                 }
                 
                 .slider-content p {
                     transition: all 0.1s ease-in-out;
                     font-size: 1rem;
                 }
                 
                 .slider-content .navigation .slick-pages {
                     transition: all 0.3s ease-in-out;
                     /* color: #000; */
                    font-family: "Cormorant Garamond", "Noto Sans HK", "Noto Sans SC", sans-serif;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    letter-spacing: 2px;
                 }
                 
                 .slider-content .navigation {
                     display: flex;
                     flex-direction: row;
                     align-items: flex-end;
                     justify-content: center;
                     padding: 0 2rem 2rem 2rem;
                     position: absolute;
                     z-index: 10;
                     bottom: 0;
                     width: 100%;
                     left: 0;
                 }
                 
                 .slider-content .navigation a {
                     pointer-events: all;
                     cursor: pointer;
                     position: relative;
                     top: 5px;
                 }
                 
                 .slider-content .navigation .slick-pages {
                     font-family: 'Cormorant Garamond', serif;
                 }
                 .slick-prev:before {
                    content: '' !important;
                }
                .slider-content .slick-prev {
                    left: -25px;
                }
                .slick-next:before {
                    content: '' !important;
                }
                .moving-slider .slick-track{
                    overflow: hidden;
                }
                .learnmore{
                    padding: 0 15px;
                }
                @media only screen and (min-width:1979px){
                    .slider-content .slick-prev {
                        left: 0 !important;
                    }
                }
                @media only screen and (min-width:991px) and (max-width:1080px){
                    .slider-content .navigation a{
                        top: 8px;
                    }
                    .slider-content .slick-prev {
                        left: -5px !important;
                    }
                 }
                @media only screen and (max-width:991px) {
                    .moving-slider {
                        /* padding-top: 45px; */
                        margin-bottom: 0;
                    }
                    .slider-content p.title {
                        /* font-size: 0.8rem;
                        font-weight: bold;
                        margin: 1em 0; */
                        color: #5C5D5D;
                       font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
                       font-size: 14px;
                       font-style: normal;
                       font-weight: 400;
                       line-height: normal;
                       margin-bottom: 10px;
                    }
                    .slider-content .slick-prev {
                        left: 0 !important;
                    }
                    .slider-content h3 {
                        transition: all 0.3s ease-in-out;
                        color: #9d8f66;
                        font-family: "Cormorant Garamond", "Noto Sans HK", "Noto Sans SC", sans-serif;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 10px;
                    }
                   
                    .slider-content .navigation {
                        position: relative;
                        padding: 2rem;
                    }
                    .slider-container{
                        padding-bottom: 0 !important;
                    }
                    .slider-content{
                        padding: 1rem;
                        height: 249px;
                    }
                                    
                 .slider-content p.body {
                    line-height: 1.3;
                    color: #5C5D5D;
                   font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
                   font-size: 12px;
                   font-weight: 400;
                   line-height: 21px;
                   margin-bottom: 30px;
                   text-transform: none !important;
                   display: -webkit-box;
                   -webkit-line-clamp: 5;
                   -webkit-box-orient: vertical;
                   overflow: hidden;
                   text-overflow: ellipsis;
                }
                .slider-container .slide .img>img{
                    aspect-ratio: 4 / 3;
                    height: auto;
                }
                .slider-content{
                    top: 210px;
                }
                .moving-slider .slider-content .slick-prev,
                 .moving-slider .slider-content .slick-next
                 {
                    top: 7px;
                 }
                 .slider-content .navigation .slick-pages{
                    font-size: 12px;
                    transform: scale(1.4);
                    position: relative;
                    top: -6px !important;
                 }
                }
                 @media only screen and (min-width:760px) {
                     ul[role="meta"] {
                         columns: 2;
                         column-gap: 3rem;
                     }
                 }
                 @media screen and (min-width: 300px) and (max-width: 375px){
                    .slider-content{
                        padding: 1rem;
                        height: 255px;
                    }
                 }
                 @media screen and (min-width: 300px) and (max-width: 430px){
                    .slider-content p.body {
                       -webkit-line-clamp: unset;
                    }
                 }
                 @media screen and (min-width: 1081px) and (max-width: 1279px){
                    .slider-content .slick-prev {
                        left: 0 !important;
                    }
                 }
                 
                 
                 @media only screen and (min-width:960px) {
                     ul[role="meta"] {
                         columns: 3;
                         column-gap: 4rem;
                     }
                 
                     .slider-content>div {
                         -webkit-line-clamp: 12;
                     }
                 
                     .slider-container .slide {
                         opacity: 0.2;
                     }
                 
                     .slider-container .slick-current {
                         opacity: 1;
                     }
                 
                     .slick-slider {
                         padding-bottom: 0;
                     }
                 
                     .slider-container .slide .img {
                         height: 450px;
                     }
                 
                     .slider-container .slide .img>img {
                         width: 65%;
                         transition: all 0.2s linear;
                         margin-left: 0;
                     }
                 
                     .slider-content {
                         width: 50%;
                         height: 410px;
                         top: 20px;
                         left: auto;
                         right: 0;
                         padding: 2rem;
                     }
                 }
                 
                 @media only screen and (min-width:1280px) {
                     .slider-content {
                         right: 100px;
                         width: 40%;
                     }
                 
                     .slider-container .slide {
                         margin: 0 1rem;
                     }
                 
                     .slider-container .slide .img>img {
                         width: 100%;
                     }
                 
                     .slider-container .slick-current>.img>img {
                         width: 70%;
                         transition-delay: 0.2s;
                     }

                     /* .slider-content .slick-prev {
                        left: 0 !important;
                    } */
                 }



/*award slider 所有页面修改为新的样式*/
.New-AwardSlide2-Wrapper-forweb{
    display: block;
}
.New-AwardSlide2-Wrapper-formobile{
    display: none;
}
@media screen and (max-width: 991px) {
    .New-AwardSlide2-Wrapper-forweb{
        display: none;
    }
    .New-AwardSlide2-Wrapper-formobile{
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        margin: 0;
    }
}

@media screen and (min-width: 960px) and (max-width: 991px){
    .slider-container .slide .img {
        height: 100%;
    }
    .slider-container .slide .img>img {
        width: 100%;
    }
 }