footer#footer {
    margin-top: 80px;
}

#jumppage-popup {
display:none;
}

.prettyphoto.cboxElement:not(.imageThumb)::after {
    color: #e3e3e3!important;
}

	.video__button.video__button--play{
	position: relative; 
	margin:-90px 20px 0px 0px;
	float:right;
	width:60px;
	height:60px;
	} 	
	.pastevent-grey{
		color:#c4c4c4;
	}
	.event-cancel-red{
		color:red; 
		margin-top:5px;
	} 
	
.watch-video-text{
		position: relative; 
	margin:-70px 100px 0px 0px;
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:20px;
}

.community-cup {
	width:100%; 
	float:left;
	}
.community-cup li{
	width: 19%;
    list-style-type: none;
    float: left;
     margin-right: 1%;
     margin-bottom: 20px;
		}
.community-cup li:last-child {
    margin-right: 0%;
    }
.community-cup  li img {
	 width: 100%;
     border-radius: 8px;
	border:1px solid #ccc;
	}
	
@media screen and (max-width: 768px) {
	
.watch-video-text{display:none;}
}
   /* hkpm */
        .hkpm-section {
            width: 100%;
            float: left;
            margin-bottom: 50px;
        }
		.event__info__value a {
		color: var(--color-blue-4);  text-decoration: underline;
		}
         
        .hkpm-section li {
            width: 24%;
            list-style-type: none;
            float: left;
            margin-right: 1%;
            margin-bottom: 20px;
        }

        .hkpm-section li:last-child {
            margin-right: 0%;
        }
        
        .hkpm-section li img {
            width: 100%;
            border-radius: 8px;
			border:1px solid #ccc;
        }

        .hkpm-section p {
            line-height: 1.5em;
        }

        .hkpm-marginTop-none {
            margin-top: 0px;
        }

        .hkpm-left {
            width: 57%;
            margin-right: 2%;
            float: left;
        }

        .hkpm-right {
            width: 40%;
            float: left;
			margin-right: 1%;
        }

		  .hkpm-left-two{
            width: 40%;
            margin-right: 2%;
            float: left;
        }

        .hkpm-right-two {
            width: 57%;
            float: left;
			margin-right: 1%;
        }
		
        .hkpm-right li {
            width: 45%;
            list-style-type: none;
            float: left;
            padding-left: 1%;
        }

        .hkpm-section img {
            width: 100%;
            border-radius: 8px;
        }

        .hkpm-desktop {
            display: block;
        }

        .hkpm-mobile {
            display: none;
        }

		.hkpm-images{
			width:100%;
			float:left;
		}
		.hkpm-section .photo img{
			width:48%;
			float:left;
		}
		.hkpm-section .photo-gap{
			width:4%;
			float:left;
		}
		
        @media screen and (max-width: 992px) {
            .hkpm-marginTop-none {
                margin-top: 20px;
            }

            .hkpm-left {
                width: 100%;
                margin-right: 0%;
                float: left;
            }

            .hkpm-right {
                width: 100%;
                float: left;
				margin-right: 0%;
            }

            .hkpm-desktop {
                display: none;
            }

            .hkpm-mobile {
                display: block;
            }

            .hkpm-section li {
                width: 48%;
                list-style-type: none;
                float: left;
                margin-right: 2%;
                margin-bottom: 20px;
            }
			.community-cup li {
                width: 31%;
                list-style-type: none;
                float: left;
                margin-right: 2%;
                margin-bottom: 20px;
            }
		 .hkpm-left-two, .hkpm-right-two{
            width: 100%;
            margin-right: 0%;
            float: none;
        }
		.hkpm-section .photo img{
			width:100%;
			float:none;
			margin-bottom:20px;
		}
		.hkpm-section .photo-gap{
			width:0%;
			float:none;
			display:none
		}
		
		.hkpm-mobile > .margin-bottom{
		margin-bottom:20px;
        }
		}
		
  /*dinosaur*/
   .dinosaur-section {
            width: 100%;
            float: left;
            margin-bottom: 50px;
        }
        .event__info__value a {
		color: var(--color-blue-4);  text-decoration: underline;
		}
		
		.dinosaur ul{
		padding:0px 0px 0px 20px
		}
		
        .dinosaur-section li {
            width: 100%;
            list-style-type: disc;
            float: left;
            margin-right: 0%;
            margin-bottom: 10px;
        }
		
 
        .dinosaur-section p {
            line-height: 1.5em;
        }

        .dinosaur-marginTop-none {
            margin-top: 0px;
        }

        .dinosaur-left {
            width: 57%;
            margin-right: 2%;
            float: left;
        }

        .dinosaur-right {
            width: 40%;
            float: left;
			margin-right: 1%;
        }

        .dinosaur-section img {
            width: 100%;
            border-radius: 8px;
        }

        .dinosaur-desktop {
            display: block;
        }

        .dinosaur-mobile {
            display: none;
        }


        @media screen and (max-width: 992px) {
            .dinosaur-marginTop-none {
                margin-top: 20px;
            }

            .dinosaur-left {
                width: 100%;
                margin-right: 0%;
                float: left;
            }

            .dinosaur-right {
                width: 100%;
                float: left;
				margin-right: 0%;
            }

            .dinosaur-desktop {
                display: none;
            }

            .dinosaur-mobile {
                display: block;
            }
        }
		
		
  /*end dinosaur*/
  
  
  
         /* jump popup Start */

         div#jumppage-popup_background {
            background-color: rgba(1, 20, 78, 1) !important;
            opacity: 0.95 !important;
        }

        #activities-popup-link {
            cursor: pointer;
        }

        #activities-popup-link:hover {
            text-decoration: underline;
            color: #25509F;
        }

        div#jumppage-popup h2 {
            font-size: 26px;
        }

        button.jumppage-popup_close::before {
            content: url(https://campaigns.hkjc.com/wp-content/themes/campaigns-revamp/css/images/cross.png);
            color: #fff;
            cursor: pointer;
            float: right;
            font-family: 'fontawesome';
        }

        button.jumppage-popup_close {
            background-color: transparent;
            border: none;
            padding: 0;
            position: absolute;
            top: 2%;
            right: 2%;
        }

        div#jumppage-popup {
            position: initial !important;
            text-align: left;
            width: 90%;
            max-width: 800px;
        }

        div#jumppage-popup p {
            text-align: left;
            width: 100%;
            line-height: 1.5em;
        }

        div#jumppage-popup_wrapper {
            text-align: left;
            color: #fff;
        }

        p.jumppage-link-style a {
             color: #F8D30D;
            border: 1px solid #F8D30D;
            padding: 10px 20px;
            border-radius: 40px;
			 display: inline-block;
			overflow-wrap: break-word;
			 word-break: break-all;
        }

        p.jumppage-link-style a:hover {
            background-color: #F8D30D;
            color: #000;
            opacity: 1;
        }

        p.jumppage-link-style {
            display: inline-block;
        }

		.event__info__value.jumppage-trigger{
			word-wrap: break-word;          
		}
		
        .jumppage-trigger{
           color:#25509F!important;
		   text-decoration: underline;     
            }
        /* jump popup end */
		
		
	/* table start */
	.activites-table table{width:100%; border:0px solid #ccc;  border-collapse: collapse;  overflow: auto; min-width:1024px;}
	.activites-table table th{background:var(--color-blue-15); padding:15px 5px; color:#fff; font-size:16px; text-align:left; }
	.activites-table table td{padding:15px 5px;}
	.activites-table .even {background:#f0f0f0;}
	.activites-table .odds {background:#fff;}
		/* table end */
		
		
							.jump-btn {
							padding: 1rem 2rem;
							background-color: var(--color-yellow-3);
							border-radius: 2.5rem;
							box-shadow: 0 0 2px #00000030;
							transition: var(--transition-fast);
							border-width: 0;
							display: inline-block;
							cursor: pointer;
							}
							
							.jump-btn:hover {
							filter: brightness(1.05);
							box-shadow: 0 0 6px #00000050;
							padding-left: 2.7rem;
							padding-right: 2.7rem;
						   text-decoration: none!important;
							}


							.jump-btn:after 
							position: absolute;
							right: 2rem;
							top: 0;
							bottom: 0;
							margin: auto 0;
							display: block;
							content: "";
							width: 18px;
							height: 18px;
							background-position: center center;
							background-repeat: no-repeat;
							background-image: url(./asset/svg/icon-button-arrow-right-black.svg);
							transition: var(--transition-fast);
							
						   }