.flexible-award-slide-pc .award-page {
    position: absolute;
    bottom: 10%;
    left: 100px;
    padding-left: 0 !important;
    line-height: 16px;
}
.flexible-award-slide-pc i[class^="fa"] {
   display: inline-flex;
   /* width: 1.5em;
   height: 1.5em; */
   overflow: visible;
   justify-content: center;
   align-items: center;
}
@media (min-width: 992px) {
    .flexible-award-slide-pc .award-card {
        display: none;
    }
    /* .flexible-award-slide-pc .splide__slide .forweb img{
        height: 550px;
    } */
    
}
body {
    margin: 0px;
    font-size:16px;
    /* line-height:1.2; */
    font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
    /* Overflow needed when disable the splide__track */
    overflow-x: hidden;
}
.splide {
/* Center the splide */
    margin-inline: auto;
    /* visibility: visible; */
}
/* show overflow items */
.splide__track {
    overflow: initial;
}
/* Display pagination below items instead on top */
.splide__pagination {
   bottom: initial;
   top: calc(100% + 10px);
   display:none;
}
/* Change active pagination */
.splide__pagination__page.is-active {
   background-color: #fff;
}
/* Card styling */
.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
}
.award-card .card-upside .award-body ul{
    padding-left: 18px;
}
.award-card .card-upside .award-body ol{
   padding-left: 15px;
}
@media (min-width: 992px) {
.flexible-award-slide-pc .award-card {
   display:none;
}
.flexible-award-slide-pc #award-card1 {
   display:block;
}
}
@media (min-width: 1800px) {
.flexible-award-slide-pc .award-photo {
   position: relative;
   z-index: 50;
   text-align: left;
   width: 1400px;
}
.flexible-award-slide-pc .award-card {
   position: absolute;
   z-index: 70;
   top: 50px;
   right: 0;
   width: 829px;
   height: 593px;
   padding: 50px 100px 35px 100px;
   background-color: #f2f0e9;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
}                     
.flexible-award-slide-pc .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: 84% !important;
transform: translateY(-50%);
width: 0px;
z-index: 70
}
.flexible-award-slide-pc .splide__arrow--prev {
left: auto;
right: 720px;
}
.flexible-award-slide-pc .splide__arrow--next {
left: auto;
right: 528px;
}
.flexible-award-slide-pc .award-page {
padding-left: 100px;
}
.flexible-award-slide-pc .card-upside {
height: 90%;
}
}
@media screen and (min-width: 1600px) and (max-width: 1800px) {
.flexible-award-slide-pc .award-photo {
   position: relative;
   z-index: 50;
   text-align: left;
   width: 1400px;
}
.flexible-award-slide-pc .award-card {
   position: absolute;
   z-index: 70;
   top: 50px;
   right: 0;
   width: 764px;
   height: 593px;
   padding: 50px 100px 35px 100px;
   background-color: #f2f0e9;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
}   
.flexible-award-slide-pc .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: 84% !important;
   transform: translateY(-50%);
   width: 0px;
   z-index: 70
}
.flexible-award-slide-pc .splide__arrow--prev {
   left: auto;
   right: 656px;
}
.flexible-award-slide-pc .splide__arrow--next {
   left: auto;
   right: 480px;
}
.flexible-award-slide-pc .award-page {
   padding-left: 90px;
}
.flexible-award-slide-pc .card-upside {
   height: 90%;
}   
}
@media (min-width: 1999px) { 
   .flexible-award-slide-pc .award-page {
   padding-left: 95px !important;
}
}
@media screen and (min-width: 1450px) and (max-width: 1600px) {
.flexible-award-slide-pc .award-photo {
   position: relative;
   z-index: 50;
   text-align: left;
   width: 1300px;
}
.flexible-award-slide-pc .award-card {
   position: absolute;
   z-index: 70;
   top: 50px;
   right: 0;
   width: 550px;
   height: 550px;
   padding: 50px 70px 35px 70px;
   background-color: #f2f0e9;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
}
.flexible-award-slide-pc .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: 83% !important;
   transform: translateY(-50%);
   width: 0px;
   z-index: 70
}
.flexible-award-slide-pc .splide__arrow--prev {
   left: auto;
   right: 480px;
}
.flexible-award-slide-pc .splide__arrow--next {
   left: auto;
   right: 352px;
}
.flexible-award-slide-pc .award-page {
   padding-left: 50px;
   left: 120px !important;
}
.flexible-award-slide-pc .card-upside {
   height: 90%;
}
}      
@media screen and (min-width: 1280px) and (max-width: 1449px) {
.flexible-award-slide-pc .award-photo {
   position: relative;
   z-index: 50;
   text-align: left;
   width: 1100px;
}
.flexible-award-slide-pc .award-card {
   position: absolute;
   z-index: 70;
   top: 40px;
   right: 0;
   width: 520px;
   height: 470px;
   padding: 30px 30px 30px 40px;
   background-color: #f2f0e9;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
} 
.flexible-award-slide-pc .award-body{
   display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.flexible-award-slide-pc .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: 83% !important;
   transform: translateY(-50%);
   width: 0px;
   z-index: 70
}
.flexible-award-slide-pc .splide__arrow--prev {
   left: auto;
   right: 472px;
}
.flexible-award-slide-pc .splide__arrow--next {
   left: auto;
   right: 344px;
}
.flexible-award-slide-pc .award-page {
   padding-left: 58px;
}
.flexible-award-slide-pc .card-upside {
   height: 90%;
}     
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.flexible-award-slide-pc .award-photo {
   position: relative;
   z-index: 50;
   text-align: left;
   width: 1000px;
}
.flexible-award-slide-pc .award-card {
   position: absolute;
   z-index: 70;
   top: 40px;
   right: 0;
   width: 500px;
   height: 420px;
   padding: 30px 30px 30px 45px;
   background-color: #f2f0e9;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
}
.flexible-award-slide-pc .award-body{
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.flexible-award-slide-pc .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: 83% !important;
   transform: translateY(-50%);
   width: 0px;
   z-index: 70
}
.flexible-award-slide-pc .splide__arrow--prev {
   left: auto;
   right: 448px;
}
.flexible-award-slide-pc .splide__arrow--next {
   left: auto;
   right: 320px;
}
.flexible-award-slide-pc .award-page {
   padding-left: 55px;
}
.flexible-award-slide-pc .card-upside {
   height: 90%;
}  
}
@media screen and (min-width: 991px) and (max-width: 1023px) {
   
.award-photo {
   position: relative;
   z-index: 50;
   text-align: left;
   width: 768px;
}
.award-card {
   position: absolute;
   z-index: 70;
   top: 30px;
   right: 0;
   width: 450px;
   height: 323px;
   padding: 25px 30px 25px 30px;
   background-color: #f2f0e9;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
}

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

.flexible-award-slide-pc .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: 85% !important;
transform: translateY(-50%);
width: 0px;
z-index: 70
}
/* .flexible-award-slide-pc .award-card {
   position: absolute;
   z-index: 70;
   right: 0;
   width: 650px;
   height: 430px;
   padding: 30px 50px 30px 50px;
   background-color: #f2f0e9;
   top: 50%;
   left: 91%;
   transform: translate(-50%, -50%);
} */
.flexible-award-slide-pc .splide__arrow--prev {
left: auto;
right: 26em;
}
.flexible-award-slide-pc .splide__arrow--next {
left: auto;
right: 18em;
}
.flexible-award-slide-pc .award-page {
padding-left: 55px;
}
.flexible-award-slide-pc .card-upside {
height: 90%;
} 
.flexible-award-slide-pc .learnmore {
display: none !important;
}            
}
@media screen and (max-width: 991px) {
    .flexible-award-slide-pc.award-photo {
        position: relative;
        z-index: 50;
        text-align: left;
        width: auto;
    }
    .flexible-award-slide-pc .award-card {
        position: relative;
        width: 100% !important;
        left: 0 !important;
        z-index: 70;
        height: auto !important;
        right: 5% !important;
        top: 45% !important;
        padding: 16px 20px 60px 20px !important;
        background-color: #f2f0e9;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
    }
    .flexible-award-slide-pc .award-subtitle{
    font-size:18px;
    }
    .flexible-award-slide-pc .splide__slide{
    height:auto !important;
    }
    .flexible-award-slide-pc .award-goldtitle{
    font-size: 28px;
    margin-bottom:15px;
    }
    .flexible-award-slide-pc .award-body{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    }
    .flexible-award-slide-pc .award-body p,
    .flexible-award-slide-pc .award-body ul li,
    .flexible-award-slide-pc .award-body ol li {
      line-height: 21px;
    }
    .award-card .card-upside .award-body ul{
      margin-bottom: 0;
      padding-left: 16px;
    }
    .award-card .card-upside .award-body ol{
      padding-left: 16px;
      margin-bottom: 0;
    }
    .flexible-award-slide-pc .award-card {
    display:none;
    }
    .flexible-award-slide-pc #award-card1 {
    display:block;
    }

    .flexible-award-slide-pc .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: 80%;
    transform: translateY(-50%);
    width: 0px;
    z-index: 1
    }
    .flexible-award-slide-pc .splide__arrow--prev {
    right: auto;
    right: 34%;
    top:99%;
    }
    .flexible-award-slide-pc .splide__arrow--next {
    right: auto;
    left: 65%;
    top:99%;
    }
    .flexible-award-slide-pc .award-page {
    padding-left: 40% !important;
    }
    .flexible-award-slide-pc .card-upside {
    height: 90%;
    } 

    .flexible-award-slide-pc .splide__list .award-photo {
        height: calc(100vw / 1.333);
    }
    .flexible-award-slide-pc .learnmore {
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0em;
        text-align: left;
    }

    .flexible-award-slide-pc .splide__arrows {
        display: block;
    }
    .flexible-award-slide-pc .splide__arrow--prev, .flexible-award-slide-pc .splide__arrow--next{
        top: 94% !important;
    }
    .flexible-award-slide-pc .splide__arrow--prev {
        left: 34% !important;
    }
    .flexible-award-slide-pc .splide__arrow, .flexible-award-slide-pc .splide__arrow {
        /* width: 50px; */
        background: transparent !important;
    }
    .flexible-award-slide-pc .splide__pagination {
        left: calc((100% - 26px) / 2);
        top: 91%;
        padding: 0;
        display: block !important;
    }
    .flexible-award-slide-pc .splide__pagination .splide__pagination__page.is-active{
        display: block;
        border-radius: 0 !important;
    }
    .flexible-award-slide-pc .splide__pagination .splide__pagination__page{
        display: none;
        width: 20px;
        height: 20px;
        background-color: transparent;
        font-family: Cormorant Garamond;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        letter-spacing: 0.1em;
        text-align: left;
        color: #5C5D5D !important;
        opacity: 1;
        z-index: 999;
        text-align: center;
    }
    .flexible-award-slide-pc .award-page{
        display: none;
    }
         
}

@media screen and (min-width: 1600px) and (max-width: 2000px) {
    .flexible-award-slide-pc .award-page {
        position: absolute;
        bottom: 10%;
        left: 190px !important;
        padding-left: 0;
    }
}
@media (min-width: 1600px) {
    .flexible-award-slide-pc .award-page{
        bottom: 8% !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .flexible-award-slide-pc .splide__pagination {
        top: 90%;
        left: 46.5%;
    }
    .flexible-award-slide-pc .splide__pagination .splide__pagination__page{
        width: 50px;
        height: 50px;
        text-align: center;
    }
    .flexible-award-slide-pc .award-card {
        height: auto !important;
        right: 5% !important;
        top: 64% !important;
        padding: 16px 20px 60px 20px !important;
    }
}