html[dir] .upcoming-event-list .list-content{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;padding:0}
html[dir=ltr] .upcoming-event-list .list-content{text-align:left}
html[dir] .upcoming-event-list .list-content .list-item{width:calc((100% - 50px) / 3);margin-top:50px;position:relative}
html[dir] .upcoming-event-list .list-content .list-item.tmp-event-item{display:none}
html[dir] .upcoming-event-list .list-content .list-item .card-img-wrap{padding-bottom:75%;width:100%;position:relative;margin-bottom:25px}
html[dir] .upcoming-event-list .list-content .list-item .card-img-wrap .card-img{width:100%;height:100%;position:absolute;top:0;left:0}
html[dir] .upcoming-event-list .list-content .list-item .card-content{text-align:left}
html[dir=rtl] .upcoming-event-list .list-content .list-item .card-content{text-align:right}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-title{font-size:22px;line-height:1.35;font-weight:bold;color:#000;margin-bottom:10px}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-date{font-size:18px;line-height:1.35;margin-top:12px;color:#000}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-venue{font-size:18px;line-height:1.35;margin-top:12px;color:#000;display:none}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-text{display:none;margin-top:12px;font-size:18px;line-height:1.35;color:#000;overflow:hidden}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-text-see-more-btn{display:none;font-size:18px;line-height:1.35;color:#000;cursor:pointer}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-text-see-more-btn:hover{color:red}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card{width:100%;display:flex;justify-content:space-between;flex-direction:row;position:relative}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-img-wrap{padding-bottom:36%;width:48%;position:relative;margin-bottom:0}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-img-wrap .card-img{height:auto}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content{width:48%}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-title{font-size:28px;line-height:1.35;font-weight:bold}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-date{font-size:18px;line-height:1.35;margin-top:12px}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-text{display:block;margin-top:28px}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-text-see-more-btn{display:block}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-text-see-more-btn.hide{display:none}
html[dir] .upcoming-event-list .list-content .list-item.star-event-card::after{display:block;content:"";position:absolute;left:-12px;width:61px;height:61px;top:-12px;background-image:url(https://www.discoverhongkong.com/content/dam/dhk/enhancement/star.svg);background-position:center center;background-size:100%;background-repeat:no-repeat}
html[dir] .upcoming-event-list .list-content>span{width:calc((100% - 50px) / 3)}
html[dir] .upcoming-event-list .toggle-events-page{display:flex;justify-content:center;align-items:center;margin-top:30px;font-size:18px}
html[dir] .upcoming-event-list .toggle-events-page .toggle-page_input{width:30px;height:30px;color:#000;margin:0;outline:0;text-align:center;background-color:#fff;border:1.5px solid;padding-left:0;padding-right:0}
html[dir] .upcoming-event-list .toggle-events-page .toggle-page_input[type='number']{-moz-appearance:textfield}
html[dir] .upcoming-event-list .toggle-events-page .toggle-page_input::-webkit-outer-spin-button,html[dir] .upcoming-event-list .toggle-events-page .toggle-page_input::-webkit-inner-spin-button{-webkit-appearance:none !important}
html[dir] .upcoming-event-list .toggle-events-page .toggle-page_sparator{padding:0 5px}
html[dir] .upcoming-event-list .toggle-events-page .prev-page{cursor:pointer;margin-right:20px;font-weight:bold}
html[dir] .upcoming-event-list .toggle-events-page .next-page{cursor:pointer;margin-left:20px;font-weight:bold}
html[dir] .upcoming-event-list .no-result-wrapper{text-align:center;font-size:18px;padding:20px 0}
@media screen and (max-width:1024px){html[dir] .upcoming-event-list .list-content .list-item{width:calc((100% - 40px) / 3);margin-top:30px}
html[dir] .upcoming-event-list .list-content .list-item .card-content{padding:20px 0}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-title{font-size:18px;line-height:1.35}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-date{font-size:15px;line-height:1.35;margin-top:12px}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-text{font-size:15px}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-text-see-more-btn{font-size:15px}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card{width:100%;display:flex;justify-content:space-between;flex-direction:row;position:relative}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-img-wrap{padding-bottom:36%;width:48%}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content{width:48%;padding:20px 0}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-title{font-size:18px;line-height:1.35}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-date{font-size:18px;line-height:1.35;margin-top:12px}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-text{margin-top:28px;font-size:18px;line-height:1.35}
html[dir] .upcoming-event-list .list-content .list-item.star-event-card::after{display:block;content:"";position:absolute;left:-7px;width:47px;height:47px;top:-7px}
html[dir] .upcoming-event-list .list-content>span{width:calc((100% - 40px) / 3)}
html[dir] .upcoming-event-list .toggle-events-page{display:flex;justify-content:center;align-items:center}
html[dir] .upcoming-event-list .toggle-events-page .toggle-page_input{width:28px;height:28px}
html[dir] .upcoming-event-list .toggle-events-page .toggle-page_total{margin-left:5px;margin-right:15px}
}
@media screen and (max-width:768px){html[dir] .upcoming-event-list .list-content .list-item{width:calc((100% - 12px) / 2);margin-top:20px;position:relative}
html[dir] .upcoming-event-list .list-content .list-item .card-content{padding:10px 0}
html[dir] .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:7px}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-title{font-size:15px;line-height:1.35;margin-bottom:5px}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-date{font-size:12px;line-height:1.35;margin-top:10px}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-venue{font-size:12px;margin-top:10px}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-text{margin-top:10px;font-size:13px;line-height:1.3}
html[dir] .upcoming-event-list .list-content .list-item .card-content .card-text-see-more-btn{font-size:13px;line-height:1.3}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card{width:100%;display:flex;flex-direction:column;justify-content:space-between}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-img-wrap{padding-bottom:75%;width:100%;position:relative}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content{width:100%;padding:18px 0}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-title{font-size:18px}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-date{font-size:15px;line-height:1.35;margin-top:10px}
html[dir] .upcoming-event-list .list-content .list-item.big-event-card .card-content .card-text{margin-top:11px;font-size:13px;line-height:1.35}
html[dir] .upcoming-event-list .list-content .list-item.star-event-card::after{display:block;content:"";position:absolute;left:-7px;width:48px;height:48px;top:-7px}
html[dir] .upcoming-event-list .upcoming-card-list>span{width:calc((100% - 50px) / 2)}
html[dir] .upcoming-event-list .toggle-events-page{display:flex;justify-content:center;align-items:center}
html[dir] .upcoming-event-list .toggle-events-page .toggle-page_input{width:28px;height:28px}
html[dir] .upcoming-event-list .toggle-events-page .toggle-page_total{margin-left:5px;margin-right:15px}
}
html[dir] .upcoming-event-list .item-desc-container{visibility:hidden}
html[dir] .upcoming-event-list .item-desc-container .item-desc,html[dir] .upcoming-event-list .item-desc-container .item-desc *{font-family:"elza-text","Open Sans",arial,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:1.5;overflow:hidden}
html[dir] body .upcoming-event-list .item-desc-container .item-desc p{margin-top:0;margin-bottom:0}
html[dir] .upcoming-event-list .item-desc-container .item-desc :is(b,strong){font-weight:bold !important}
html[dir] body .upcoming-event-list .item-desc-container .item-desc p:not(:first-child){margin-top:24px}
html[dir] .upcoming-event-list .item-desc-container .item-desc a{text-decoration:underline}
html[dir] body.zh-CN .upcoming-event-list .item-desc-container .item-desc,html[dir] body.zh-CN .upcoming-event-list .item-desc-container .item-desc *{font-family:"Microsoft JHei TC Regular","Open Sans",arial,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.08em}
html[dir] body.zh-TW .upcoming-event-list .item-desc-container .item-desc,html[dir] body.zh-TW .upcoming-event-list .item-desc-container .item-desc *{font-family:"Microsoft JHei TC Regular","Open Sans",arial,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.08em}
html[dir] .upcoming-event-list .item-desc-container .item-desc-see-more-btn{display:none;text-decoration:none;cursor:pointer;font-family:"elza-text","Open Sans",arial,sans-serif;font-style:normal;font-weight:500;font-size:14px}
html[dir] body.zh-CN .upcoming-event-list .item-desc-container .item-desc-see-more-btn{font-family:"Microsoft JHei TC Regular","Open Sans",arial,sans-serif;font-style:normal;font-weight:500;font-size:14px;letter-spacing:.08em}
html[dir] body.zh-TW .upcoming-event-list .item-desc-container .item-desc-see-more-btn{font-family:"Microsoft JHei TC Regular","Open Sans",arial,sans-serif;font-style:normal;font-weight:500;font-size:14px;letter-spacing:.08em}
@media screen and (max-width:768px){html[dir] .upcoming-event-list .item-desc-container .item-desc,html[dir] .upcoming-event-list .item-desc-container .item-desc *{font-weight:400;font-size:14px;line-height:1.5}
html[dir] body.zh-CN .upcoming-event-list .item-desc-container .item-desc,html[dir] body.zh-CN .upcoming-event-list .item-desc-container .item-desc *{font-family:"Microsoft JHei TC Regular","Open Sans",arial,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.08em}
html[dir] body.zh-TW .upcoming-event-list .item-desc-container .item-desc,html[dir] body.zh-TW .upcoming-event-list .item-desc-container .item-desc *{font-family:"Microsoft JHei TC Regular","Open Sans",arial,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.08em}
html[dir] body .upcoming-event-list .item-desc-container .item-desc p:not(:first-child){margin-top:21px}
html[dir] .upcoming-event-list .item-desc-container .item-desc-see-more-btn{font-size:12px}
}