/*Event Slider*/
.esliderlist .owl-stage-outer{overflow: hidden;}
.esliderlist .owl-stage{display: flex;}
.esliderlist .owl-item{width: auto;height: 100%;}
/*Info style*/
.esliderlist .esitem{border: 0;display: table;width: 100%;position: relative;overflow: hidden;}
.esliderlist .esitem .eitem_img img{display: block;width: 100%;height: 30vh;object-fit: cover;}
.esliderlist .eitem_info{background-color: var(--e-global-color-secondary);display: block;padding: 15px;}
.esliderlist .eitem_title{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-f028fcc-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-f028fcc-font-size);
    font-weight: var(--e-global-typography-f028fcc-font-weight);
    line-height: var(--e-global-typography-f028fcc-line-height);
    display: -webkit-box;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.esliderlist .eitem_date,
.esliderlist .eitem_cat,
.esliderlist .eitem_type{
    color: var(--e-global-color-text);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    text-align: left;
    display: inline-block;
    margin: 0 20px 10px 0;
}
.esliderlist .esitem i{
    color: var(--e-global-color-text);
    font-size: 1rem;
    width: 22px;
    margin-right: 5px;
}
/*Dot and Arrow*/
.esliderlist .owl-dots{text-align: center;margin-top: 20px;}
.esliderlist .owl-dots .owl-dot{
    background-color: var(--e-global-color-f85e03d);
    border: 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 0px 5px;
    padding: 0;
}
.esliderlist .owl-dots .owl-dot.active{background-color: var(--e-global-color-c153ed4);}
.esliderlist .owl-nav button{
    background-color: #00000057;
    border: 0;
    border-radius: 0px;
    color: var(--e-global-color-f85e03d);
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    width: 38px;
    height: 38px;
    padding: 0;
    position: absolute;
    top: 180px;
}
.esliderlist .owl-nav button:focus,
.esliderlist .owl-nav button:hover{background-color: var(--e-global-color-c153ed4);color: var(--e-global-color-f85e03d);}
.esliderlist .owl-nav button.owl-prev{left: 0;}
.esliderlist .owl-nav button.owl-next{right: 0;}
/*Loading*/
.eslider .eloading{position: absolute;display:none;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.eslider.loading .eloading{display:block;}
.eslider .eloading{position: absolute;display:none;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.eslider .eloading>div{background-color: #00000020;display: table;vertical-align: middle;text-align: center;width: 100%;height: 100%;position: relative;}
.eslider .eloading>div>img{position: absolute;top: 45%;width: 50px;height: auto;}
/*Event Slider End*/

/*Event List*/
.elist{display: block;position:relative;}
.elist .eloading{position: absolute;display:none;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.elist.loading .eloading{display:block;}
.elist .eloading{position: absolute;display:none;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.elist .eloading>div{background-color: #00000055;display: table;vertical-align: middle;text-align: center;width: 100%;height: 100%;position: relative;}
.elist .eloading>div>img{position: absolute;top: 45%;width: 50px;height: auto;}
.elist .efilter{background-color: #ffffff00;border-radius: 0;display: table;width: 100%;margin-bottom: 40px;padding: 0px;overflow: hidden;}
.elist .efilter>div{display:table-cell;padding: 0;padding-bottom:10px;vertical-align: middle;text-align:center;}
.elist .efilter>div.efiltercal{display: none;}
.elist .efilter>div .efilter_groupbox{position:relative;display:flex;flex-direction: row;justify-content: left;}
.elist .efilter>div .efilter_group{width:33%;position:relative;text-align:left;padding: 0 10px 0 0;}
.elist .efilter>div .efilter_group label{position:relative;}
.elist .efilter>div .select_indicator{position: absolute;bottom: 1.6rem;right:30px;transform: translate(0, 65%);z-index: 1;height: 1rem;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.elist.view_cal .efilter>div.efiltercal{display:table-cell;}
.elist .efilter_btn{border:0;border-radius:0;background-color: #fff;color:var(--e-global-color-text);font-size:1rem;padding: 12px 20px;}
.elist .efilter_btn.efilter_search{
    background-color: var(--e-global-color-primary);color:#fff;width: 100%;font-family: var(--e-global-typography-69a21af-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);}
.elist .efilter_btn.efilter_search:active,
.elist .efilter_btn.efilter_search:focus,
.elist .efilter_btn.efilter_search:hover{background-color: var(--e-global-color-e106f88);color:#fff;outline:none;}
.elist .efilter_btn.efilter_search .fa{margin-right: 15px;}
.elist .efilter label{display: block;font-weight:700;text-align:left;margin:0 10px 5px 0;}
.elist .efilter_input{background-color: #fff;border:solid 2px #ddd;border-radius:0;color: var(--e-global-color-text);font-size:1rem;padding: 12px 20px 12px 20px;width: 100%;display:inline-block;max-width:100%;}
.elist .efilter_input.efilter_date{width:100%;max-width:100%;}
.elist .efilter_select{background-color: #fff;border:solid 2px #ddd;border-radius:0;color: var(--e-global-color-text);font-size:1rem;padding: 12px 20px 12px 20px;width: 100%;max-width:100%;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.elist .fc .fc-button{border-radius: 0;}
.elist .fc .fc-button.fc-prev-button,
.elist .fc .fc-button.fc-next-button{background-color: var(--e-global-color-c153ed4);border: 0;}
.elist .fc .fc-button.fc-prev-button:hover,
.elist .fc .fc-button.fc-next-button:hover{background-color: var(--e-global-color-46e9d0a);border: 0;}
.elist .fc .fc-button.fc-today-button{background-color: var(--e-global-color-08d8cd5);border: 0;}
.elist .fc .fc-button.fc-today-button:hover{background-color: var(--e-global-color-c153ed4);border: 0;}
.elist  table tr td.fc-daygrid-day{padding:5px!important;}
.daterangepicker .calendar-table table.table-condensed td.active, 
.daterangepicker .calendar-table table.table-condensed td.active:hover,
.daterangepicker .calendar-table table.table-condensed tr:hover>td.active, 
.daterangepicker .calendar-table table.table-condensed tr:hover>td.active:hover{background-color: var(--e-global-color-primary);border-radius:0;}
.daterangepicker .drp-calendar .calendar-table{border: 0;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{border-block-start: 0!important;border-radius:0;}
.daterangepicker td.start-date {border-radius: 0;}
.daterangepicker td.end-date {border-radius: 0;}
.daterangepicker .calendar-table table.table-condensed td.in-range{background-color: var(--e-global-color-primary);color: #fff;}
.daterangepicker td.start-date.end-date{border-radius:0;}
.daterangepicker table tbody>tr:nth-child(odd)>td, .daterangepicker table tbody>tr:nth-child(odd)>th{background-color:transparent;}
.elist .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){position: absolute;left: 0;top: 0;}

@media (max-width:1024px){
    .elist .efilter>div{display:block;}
    .elist.view_cal .efilter>div.efiltercal{display:block;}
    .elist .efilter_input,
    .elist .efilter_select,
    .elist .efilter_input.efilter_date{width:100%;}
    .elist .efilter>div .efilter_groupbox{flex-direction: column;}
    .elist .efilter>div .efilter_group{width:100%;padding-bottom:10px;}
    .elist .efilter>div .select_indicator{transform: translate(0, 58%);bottom: 2.3rem;}
}

.elist .efiltercal{}
.elist .efiltercal>div{display:inline-block;}

.elist .efilter>div.efilterView{padding-top:1.1rem;padding-bottom:10px;}
.elist .efilter .efilterView ul{list-style:none;display:table;width: auto;margin:0 auto !important;padding:0;}
.elist .efilter>div.efilterView ul{min-width:150px;}
.elist .efilterView li{float:left;margin:0!important;}
.elist .efilterView .eview_btn{border:2px solid transparent;border-radius:0;background-color: transparent;color:#000000;font-size:1.5rem;padding: 5px 10px;outline:0;}
.elist .efilterView .eview_btn.active{background-color: var(--e-global-color-text);color:#fff;}
.elist .efilterView .eview_btn:active,.elist .efilterView .eview_btn:focus,.elist .efilterView .eview_btn:hover{border:2px solid var(--e-global-color-text);outline:none;}
.daterangepicker table tbody tr:hover>td, .daterangepicker table tbody tr:hover>th{background-color:transparent;}

.eitem{border:0;display: table;width: calc(25% - 10px);margin: 0 10px 10px 0;padding: 0;float:left;box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.05);transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;}
.eitem:hover {transform: translateY(-8px);}
.owl-carousel .eitem{width: calc(100% - 10px);}
.eitem{border-top: 2px solid var(--e-global-color-primary);}
.eitem a{display: block;width: 100%;}
.elistview .eitem .eitem_info,
.egridview .eitem .eitem_info{background-color: transparent;background-image: linear-gradient(166deg, var(--e-global-color-f85e03d) 81%, #F5F5F5 82%);}
.eitem .eitem_img{display: block;width: 100%;}
.eitem .eitem_img img{display: block;width: 100%;height: 170px;object-fit:cover;}
.eitem .eitem_info{display: block;padding:15px;}
.eitem .eitem_info i{color:var(--e-global-color-text);font-size: 1rem;margin-right:5px;}
.elist .eitem a .eitem_title{
    color: var(--e-global-color-08d8cd5);
    font-family: var(--e-global-typography-d9d3dce-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-d9d3dce-font-size);
    font-weight: var(--e-global-typography-d9d3dce-font-weight);
    text-transform: var(--e-global-typography-d9d3dce-text-transform);
    font-style: var(--e-global-typography-d9d3dce-font-style);
    line-height: var(--e-global-typography-d9d3dce-line-height);
    letter-spacing: var(--e-global-typography-d9d3dce-letter-spacing);
    word-spacing: var(--e-global-typography-d9d3dce-word-spacing);
    text-align:left;display:block;margin:0;padding:0 0 20px 0;}
.elist .eitem a:hover .eitem_title{color: var(--e-global-color-primary);}
.eitem .eitem_date{color:var(--e-global-color-text);font-size: 1rem;font-weight: 400;line-height:1.2rem;text-align:left;display:inline-block;margin:0 50px 10px 0;}
.eitem .eitem_cat{color:var(--e-global-color-text);font-size: 1rem;font-weight: 400;line-height:1.2rem;text-align:left;display:inline-block;margin:0 5px 10px 0;}
.fc-event.fc-h-event{border: 0;}
.fc-event{background-color: var(--e-global-color-primary);}
.fc-event.institution{background-color: var(--e-global-color-primary);}
.fc-event.divisions_committees{background-color: var(--e-global-color-765bda3);}
.fc-event.interest_groups{background-color: var(--e-global-color-41e2792);}
.fc-event.others{background-color: var(--e-global-color-08d8cd5);}
.fc-event.general{background-color: var(--e-global-color-primary);}
.fc-event.technical_visit{background-color: var(--e-global-color-primary);}/*division use same color*/
.fc-event.cpd_lecture{background-color: var(--e-global-color-primary);}/*division use same color*/
.fc-daygrid-event{border-radius:0;padding: 2px;}

.eitem{border-color: var(--e-global-color-primary);}
.eitem.institution{border-color: var(--e-global-color-primary);}
.eitem.divisions_committees{border-color: var(--e-global-color-765bda3);}
.eitem.interest_groups{border-color: var(--e-global-color-41e2792);}
.eitem.others{border-color: var(--e-global-color-08d8cd5);}
.eitem.general{border-color: var(--e-global-color-primary);}
.eitem.technical_visit{border-color: var(--e-global-color-primary);}/*division use same color*/
.eitem.cpd_lecture{border-color: var(--e-global-color-primary);}/*division use same color*/

.eitem .eitem_info i{color: var(--e-global-color-c153ed4);}

.egroup{background-color: var(--e-global-color-primary);padding: 10px 20px;margin:10px 0 20px 0;display: block;clear: both;}
.egroup.institution{background-color: var(--e-global-color-primary);}
.egroup.divisions_committees{background-color: var(--e-global-color-765bda3);}
.egroup.interest_groups{background-color: var(--e-global-color-41e2792);}
.egroup.others{background-color: var(--e-global-color-08d8cd5);}
.egroup.general{background-color: var(--e-global-color-primary);}
.egroup.technical_visit{background-color: var(--e-global-color-primary);}/*division use same color*/
.egroup.cpd_lecture{background-color: var(--e-global-color-primary);}/*division use same color*/
.egroup h2{
    color: #fff;display:inline-block;padding:0 !important;margin:0 !important;font-family: var(--e-global-typography-secondary-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);}
.egroup a{
    color: #fff;display:inline-block;float:right;padding: 0.3rem 5px 0.3rem 15px;font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);}
.egroup a i{color: #fff;margin-left: 10px;}
.egroup .eitem_info i{color: var(--e-global-color-primary);}
.egroup.institution .eitem_info i{color: var(--e-global-color-primary);}
.egroup.divisions_committees .eitem_info i{color: var(--e-global-color-765bda3);}
.egroup.interest_groups .eitem_info i{color: var(--e-global-color-41e2792);}
.egroup.others .eitem_info i{color: var(--e-global-color-08d8cd5);}
.egroup.general .eitem_info i{color: var(--e-global-color-primary);}
.egroup.technical_visit .eitem_info i{color: var(--e-global-color-primary);}/*division use same color*/
.egroup.cpd_lecture .eitem_info i{color: var(--e-global-color-primary);}/*division use same color*/
.egroup a:hover,
.egroup a:hover i{color:#fff;}


.egridview{display:table;width:100%;}
.elist.view_grid .egridview{display:table !important;}

.elistview{display:none;width:100%;}
.elist.view_list .elistview{display:table !important;}
.elistview .eitem{width: 100%;background-color:#fff;}
.elistview .eitem .eitem_img{width: 250px;display: table-cell;vertical-align: middle;}
.elistview .eitem .eitem_info{width: calc(100% - 250px);display: table-cell;vertical-align: middle;}

@media (max-width:1200px){
    .egridview .eitem{width: calc(33.33% - 10px);}
    .owl-carousel.egridview .eitem{width: 100%;}
}
@media (max-width:1024px){
    .egridview .eitem{width: calc(50% - 10px);}
    .owl-carousel.egridview .eitem{width: 100%;}
}
@media (max-width:767px){
    .egridview .eitem{width: 100%;margin-right: 0;}
    .owl-carousel.egridview .eitem{width: 100%;}
    .elistview .eitem{margin-right: 0;}
    .eitem .eitem_img img{height:200px;}
    .elistview .eitem .eitem_img{width: 100%;display:block;}
    .elistview .eitem .eitem_info{width: 100%;display:block;}
}
.elist .ecalender{display:none;width:100%;}
.elist .ecalender #ecalender_view{display: flex;width: 100%;min-height: 700px;position: relative;}
.elist .ecalender .fc-theme-standard td.fc-col-header-cell, 
.elist .ecalender .fc-theme-standard th.fc-col-header-cell{background-color:var(--e-global-color-08d8cd5)!important;border:0!important;color:#fff;height: 40px;vertical-align: middle;}
.elist.view_cal .ecalender{display:table !important;margin-bottom: 40px;}
.elist .fc-theme-standard table tbody>tr>td, 
.elist .fc-theme-standard table tbody>tr>th{background-color: #fff;}
.elist .fc-theme-standard table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{background-color: #f7f8f9;}

.elist .ecalender .fc-theme-standard td.fc-col-header-cell:first-child, 
.elist .ecalender .fc-theme-standard th.fc-col-header-cell:first-child{background-color:var(--e-global-color-primary)!important;}

.elist .more_btn{display: block;text-align:center;padding: 20px 0;}
.elist .more_btn .e_btn{
    display: inline-block;
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-f85e03d);
    border-radius: 0;
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    padding: 12px 20px;    outline: none;
    border: 0;
}
.elist .more_btn .e_btn:hover{color: var(--e-global-color-f85e03d);background-color: var(--e-global-color-e106f88);outline:none;}
.owl-carousel.egridview .owl-nav button.owl-next, 
.owl-carousel.egridview .owl-nav button.owl-prev, 
.owl-carousel.egridview button.owl-dot{
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
}
.owl-carousel.egridview .owl-dots{text-align:center;}
.calendar-table table td,
.calendar-table table th{padding:0;}
/*Event List*/

/*Event Detail*/
.edetailArea{background-color: #fff;}
.edetail .container{display: block;width:100%;margin: 0 auto;}
.edetail .ehead a:hover{color: var(--e-global-color-f85e03d);}
.edetail .einfoTable a.ebtn:hover{color: var(--e-global-color-f85e03d);text-decoration:underline;}
.erow{display: table;width: 100%;}
.erow.center{text-align:center;}
.ecol{display: table-cell;width: 50%;padding: 0 30px 15px 0;float:left;}
.ecol.col_3{width: 30%;}
.ecol.col_9{width: 70%;}
@media (max-width: 1024px){
    .ecol{display: block;width: 100%;padding: 0 0 15px 0;float:none;}
    .ecol.col_3{width: 100%;}
    .ecol.col_9{width: 100%;}
}

.ehead{padding: 40px 0;}
.ehead h1{color: #fff;font-size: 3rem;line-height: 3.1rem;font-weight: 700;text-align:left;margin: 30px 0 !important;}
.ehead .back_link{color: #fff;font-size: 1rem;line-height: 1.2rem;font-weight: 400;text-align:left;display: inline-block;margin-top: 40px;}
.ehead .etag{padding-bottom: 30px;}
.ehead .etag span{color: #fff;font-size: 1rem;line-height: 1.2rem;font-weight: 700;text-align:left;padding: 5px 20px 5px 20px;border-left: 2px solid #fff;display: inline-block;}
.ehead .etag span:first-child{border-left: 0;padding-left: 0;}
.ehead img.eimg{display: block;width:100%;height: auto;max-height: 500px;object-fit: contain;}

.einfo{padding: 0;}
.einfo .erow{margin-bottom: 10px;padding: 30px 0;}
.einfo .erow.info_section{border-bottom: 2px solid #ddd;}
.einfo .erow.img_section{padding: 0;}
.einfo .ebanner{width: 100%;height: 335px;object-fit: cover;object-position: center center;}
.einfo .einfoList{list-style: none;margin: 0 !important;padding: 0;}
.einfo .einfoList .infoItem{font-size: inherit;text-align: left;margin: 0;padding: 0;position: relative;display: flex;}
.einfo .einfoList i{font-size: 1.25rem;color: var(--e-global-color-text);width: 1.25rem;margin-right: 10px;}
.einfo .einfoList .infoText{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    display: inline-block;
}
.einfo .einfoSection{margin-bottom: 1.2rem;}

.einfo .event_btns{padding: 30px 0 0 0;}
.einfo .event_btns .ebtn{
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-f85e03d);
    border-radius: 0;
    font-family: var(--e-global-typography-69a21af-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    padding: 12px 20px 12px 20px;
    margin: 0 10px 10px 0;
    display: inline-block;
    text-decoration: none;
}
.einfo .event_btns .ebtn:hover {
    background-color: var(--e-global-color-e106f88);
    color: var(--e-global-color-f85e03d);
}
.einfo .event_btns .ebtn.ecal_btn{
    background-color: var(--e-global-color-032d0f8);
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-c153ed4);
}
.einfo .event_btns .ebtn.ecal_btn:hover {
    background-color: var(--e-global-color-c153ed4);
    color: var(--e-global-color-f85e03d);
}
.einfo .event_btns .ecal_icon_btn{display:inline-block; margin: 0 20px 10px 0;}
.einfo .event_btns .ecal_icon_btn.ecal_icon_btn_first {margin: 0 20px 10px 10px;}
.einfo .event_btns .ecal_icon{display: inline-block;height: 2.5rem !important;margin-bottom: -1rem;}
.erow .eContent{}
.ebtn{display: block;color: #fff;font-size: 1rem;line-height: 1.2rem;font-weight: 400;text-align:left;padding: 15px;}
.ebtn .fa{display: inline-block;margin-right: 10px;}
.ebtn.ecal_btn{background-color: var(--e-global-color-primary);}
.ebtn.eregister_btn{background-color: var(--e-global-color-secondary);color:var(--e-global-color-text);}
.ebtn.eregister_btn.hide{background-color: var(--e-global-color-1a91c31);}
.ebtn.eregister_btn .reg_y{display: block;}
.ebtn.eregister_btn .reg_n{display: none;}
.ebtn.eregister_btn.hide .reg_y{display: none;}
.ebtn.eregister_btn.hide .reg_n{display: block;}
.ebtn.cpdCert_btn{background-color: var(--e-global-color-primary);color:var(--e-global-color-text);}
.ebtn.cpdCert_btn.hide{background-color: var(--e-global-color-1a91c31);display: none;}
.ebtn.edl_btn{background-color: var(--e-global-color-text);}

.eform{background-color: var(--e-global-color-6e6452a);padding: 40px 0;}
.eform h2{color: var(--e-global-color-text);font-size: 1.6rem;line-height: 1.7rem;font-weight: 700;text-align:left;margin: 0 0 20px 0;}
.eform .ehdesc{color: var(--e-global-color-3ae91e0);font-size: .6rem;line-height: .7rem;font-weight: 400;text-align:left;border-bottom: 2px solid var(--e-global-color-text);margin: 0 0 40px 0;padding: 0 0 20px 0;}
.eform .erow{margin-top: 10px;}
.eform label{display: inline-block;width: 200px;float:left;padding: 5px;color: var(--e-global-color-text);font-size: 1rem;line-height: 1.2rem;font-weight: 700;text-align:right;}
.eform .einput{display: inline-block;width: calc(100% - 200px);float:left;}
.eform .einput input,
.eform .einput textarea,
.eform .einput select{background-color:#fff;border: 0;border-radius:0;display:block;width:100%;padding: 5px 10px;}
.eform_btn{border:0;border-radius:0;color: #fff;font-size: 1.2rem;line-height: 1.4rem;font-weight: 400;text-align:center;padding: 10px 20px;margin: 5px;}
.eform_btn.cancel_btn{background-color: #828291;}
.eform_btn.submit_btn{background-color: #202020;}

.erelated{padding: 40px 0 100px 0;}
.erelated h2{color: #fff;font-size: 1.6rem;line-height: 1.7rem;font-weight: 700;text-align:left;margin: 0 0 30px 0;}

/*Event grid style*/
.egrid{display: block;padding: 40px 30px;position:relative;overflow-x: hidden;}
.frame_mla .egrid{padding: 0;}
.egrid .eloading{position: absolute;display:none;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.egrid.loading .eloading{display:block;}
.egrid .eloading{position: absolute;display:none;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.egrid .eloading>div{background-color: #00000055;display: table;vertical-align: middle;text-align: center;width: 100%;height: 100%;position: relative;}
.egrid .eloading>div>img{position: absolute;top: 45%;width: 50px;height: auto;}
.egrid .efilter{background-color: #ffffff00;border-radius: 0;display: table;width: 100%;margin-bottom: 20px;padding: 0px;position:relative;}
.egrid .efilter .efilterbox>div{display:table-cell;padding: 0;vertical-align: bottom;text-align:center;}
.egrid .efilter>div.efiltercal{display: none;}
.egrid .efilter>div .efilter_groupbox{position:relative;display:flex;flex-direction: row;justify-content: space-between;}
.egrid .efilter>div .efilter_group{display:inline-block;width:30%;position:relative;text-align:left;padding: 0 10px 0 0;}
.egrid .efilter>div .efilter_group.efdate{width: 12rem;}
.egrid .efilter>div .efilter_group.eftype{width: 18rem;}
.egrid .efilter>div .efilter_group label{position:relative;}
.egrid .efilter>div .select_box{position:relative;}
.egrid .efilter>div .select_box i{position: absolute;bottom: 1.6rem;right:12px;transform: translate(0, 65%);z-index: 1;height: 1rem;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.egrid.view_cal .efilter>div.efiltercal{display:table-cell;}
.egrid .efilter .efilterbox>div.efilterView{padding-right:10px;}
.egrid .efilter .efilterbox>div.efilterView.mb{padding-right: 0;}
.egrid .efilter_btn{border:0;border-radius:0;background-color: #fff;color:var(--e-global-color-text);font-size:1rem;padding: 12px 20px;}
.egrid .efilter_btn.efilter_search{
    background-color: var(--e-global-color-primary);color:#fff;width: 100%;font-family: var(--e-global-typography-69a21af-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    margin-bottom:1px;
}
.egrid .efilter_btn.efilter_clear{
    background-color: var(--e-global-color-1a91c31);
    color: #fff;
    width: 100%;
    font-family: var(--e-global-typography-69a21af-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    margin-bottom:1px;
}
.egrid .efilter_btn.efilter_clear:hover{background-color: var(--e-global-color-08d8cd5);color: #fff;}
.egrid .efilter_btn.efilter_close{
    background-color: transparent;color:var(--e-global-color-c153ed4);width: 100%;font-family: var(--e-global-typography-69a21af-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    margin-bottom:10px;
    display:none;
    float: right;
    width:auto;
    padding: 10px;
}
.egrid .efilter_btn.efilter_search:active,
.egrid .efilter_btn.efilter_search:focus,
.egrid .efilter_btn.efilter_search:hover{background-color: var(--e-global-color-e106f88);color:#fff;outline:none;}
.egrid .efilter_btn.efilter_search .fa{margin-right: 15px;}
.egrid .efilter label{display: block;font-weight:700;text-align:left;margin:0 10px 5px 0;}
.egrid .efilter_input{background-color: #fff;border:solid 2px #ddd;border-radius:0;color: var(--e-global-color-text);font-size:1rem;padding: 12px 20px 12px 20px;width: 100%;display:inline-block;max-width:100%;}
.egrid .efilter_input.efilter_date{width:100%;max-width:100%;}
.egrid .efilter_select{background-color: #fff;border:solid 2px #ddd;border-radius:0;color: var(--e-global-color-text);font-size:1rem;padding: 12px 15px 12px 15px;width: 100%;max-width:100%;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
/*.egrid .efilter_expand{background-color: var(--e-global-color-4fc304d);border:0;border-radius:0;display: none;width:54px;height:54px;padding: 10px;position:absolute;top:0;right:100%;z-index:1;outline:none;}*/
.egrid .efilter_expand{
    color: var(--e-global-color-f85e03d);
    background-color: var(--e-global-color-primary);border:0;border-radius:0;display: none;width:100%;padding: 15px;margin-bottom:20px;text-align:left;
    font-family: var(--e-global-typography-69a21af-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-69a21af-text-transform);
    line-height: var(--e-global-typography-69a21af-line-height);
    letter-spacing: var(--e-global-typography-69a21af-letter-spacing);
    word-spacing: var(--e-global-typography-69a21af-word-spacing);transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;}
.egrid .efilter_expand.sticky{position: fixed;top: 75px;left:0;width: 100%;z-index:9;transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;}
.admin-bar .egrid .efilter_expand.sticky{top:107px;}
.egrid.main .efilter_expand.sticky{top: 58px;}
.admin-bar .egrid.main .efilter_expand.sticky{top:90px;}
.egrid .efilter_expand:active,.egrid .efilter_expand:focus,.egrid .efilter_expand:hover{outline:none;color:var(--e-global-color-f85e03d);}
.egrid .efilter_expand i{color: var(--e-global-color-f85e03d);font-size:var(--e-global-typography-69a21af-font-size);line-height: var(--e-global-typography-69a21af-line-height);float:right;}
.egrid .efilter .efilter_bg{background-color: #00000060;display:none !important;width: 100vw;height:100vh;position: fixed;top:0;left:0;right:0;z-index:-1;}

.egrid .ga-panel .ga-layer.ga-opened{height:100%;}
.egrid .ga-panel.ga-opened{height:100%;}
.egrid .ga-panel>*{z-index: 1;}
.egrid .ga-panel:before{background: linear-gradient(0deg,#0000008c 40%,transparent);content:'';display:block;width:calc(100% - 1px);height:100%;position:absolute;top:0;left:-1px;z-index: 0;}/*20240710 fix bug for owl carousel*/
.egrid .ga-panel.today:before{background: linear-gradient(0deg,#ffffff8c 40%,transparent);}
.egrid:not(.main):not(.mla) .ga-panel.noimg:after{background-color: var(--e-global-color-primary);content:'';display:block;width:calc(100% - 1px);height:100%;position:absolute;top:0;left:0;opacity: 0.6;z-index: 0;mix-blend-mode: hue;}

.egrid .ga-panel .ga-layer .eslider{display:block;width:100%;height:100%;position: relative;overflow:hidden;}
.egrid .ga-panel .ga-layer .eslider .owl-carousel{width: 450px;height: 300px;}
.egrid .ga-panel .ga-layer .eslider .eslider_item{position:relative;width:450px;height: 300px;}
.egrid .ga-panel .ga-layer .eslider .eslider_item .eimg{display:block;width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:0;}
.egrid .ga-panel .ga-layer .eslider .eslider_item .eiteminfo{display:block;width:100%;height:100%;padding: 10px 10px 0 65px;position:absolute;top:0;left:0;z-index:1;}
.egrid .ga-panel .ga-layer .eslider .owl-item .eslider_item .eiteminfo .etitle{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
.egrid .ga-panel .ga-layer .eslider .eslider_item.range .eiteminfo{background-color: transparent;padding-left: 120px}
.egrid:not(.main):not(.mla) .ga-panel .ga-layer .eslider .eslider_item.noimg::after{background-color: var(--e-global-color-primary);content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;opacity: .6;mix-blend-mode: hue;}
.egrid .ga-panel .edate{background-color: #ffffff;border: 0;border-radius: 5px;display:inline-block;width:45px;box-shadow:10px 1px 10px 0px rgba(0, 0, 0, 0.1);}
.egrid .ga-panel .eslider_item.range .edate{width:100px;}
.egrid .ga-panel .ga-layer .eslider .eslider_item.range .edatebox{display:inline-block;width:45px;float:left;position:relative;}
.egrid .ga-panel .ga-layer .eslider .eslider_item .edatebox:first-child:after{background-color: #fff;clip-path: polygon(0 0, 100% 50%, 0 100%);content:'';display:block;width:10px;height:100%;position:absolute;top:0;left:99%;z-index:1;}
.egrid .ga-panel .ga-layer .eslider .eslider_item .edatebox:last-child{background-color: #d9dfe4;padding-left:10px;width:55px;}
.egrid .ga-panel .ga-layer .eslider .eslider_item .edate{position:absolute;top:10px;left:10px;z-index:1;overflow:hidden;}
.egrid .ga-panel .edate .eday{
    color: var(--e-global-color-text);
    font-family: Poppins, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    text-align:center;
    display:block;
    width:100%;
    padding:10px 0 0;}
.egrid .ga-panel .edate .emonth{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    text-align:center;
    display:block;
    width:100%;
    padding:5px;
}
.egrid .ga-panel .ga-layer .eslider .eslider_item .egroup{
    background-color: var(--e-global-color-35e0676);
    color: var(--e-global-color-f85e03d);
    font-family: var(--e-global-typography-text-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    display:inline-block;padding:5px;margin:0 0 5px 0;float:left;clear:both;z-index:1;}

.egrid .ga-panel .ga-layer .eslider .eslider_item.institution .egroup{background-color: var(--e-global-color-primary);}
.egrid .ga-panel .ga-layer .eslider .eslider_item.divisions_committees .egroup{background-color: var(--e-global-color-765bda3);}
.egrid .ga-panel .ga-layer .eslider .eslider_item.interest_groups .egroup{background-color: var(--e-global-color-41e2792);}
.egrid .ga-panel .ga-layer .eslider .eslider_item.others .egroup{background-color: var(--e-global-color-08d8cd5);}


.egrid .ga-panel .ga-layer .eslider .eslider_item .etype{
    background-color: var(--e-global-color-c153ed4);
    color: var(--e-global-color-f85e03d);
    font-family: var(--e-global-typography-text-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    display:inline-block;padding:5px;margin:0 0 10px 0;float:left;clear:both;position: relative;z-index:1;}
.egrid .ga-panel .ga-layer .eslider .eslider_item .egroup i,
.egrid .ga-panel .ga-layer .eslider .eslider_item .etype i{margin-right:5px;}
.egrid .ga-panel .ga-layer .eslider .eslider_item .etitle{
    background: transparent;
    color: #fff;
    font-family: var(--e-global-typography-d9d3dce-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: 1rem;
    font-weight: var(--e-global-typography-d9d3dce-font-weight);
    text-transform: var(--e-global-typography-d9d3dce-text-transform);
    font-style: var(--e-global-typography-d9d3dce-font-style);
    line-height: 1.6rem;
    letter-spacing: var(--e-global-typography-d9d3dce-letter-spacing);
    word-spacing: var(--e-global-typography-d9d3dce-word-spacing);
    display:block;width:100%;padding:30px 10px 5px;position:absolute;bottom:0;left:0;z-index:1;}

.egrid .ga-panel .ga-layer .eslider .eslider_item .etitle a,
.egrid .ga-panel .ga-layer .eslider .eslider_item .etitle a:focus,
.egrid .ga-panel .ga-layer .eslider .eslider_item .etitle a:hover{color: #fff;}
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-prev,
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-next{
    border-radius: 0px;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    background-color: #00000057;
    color: var(--e-global-color-f85e03d);
    position: absolute;
    top: calc((100% - 30px) / 2);
}
.egrid .ga-panel .ga-layer .eslider .owl-item{opacity: 0;display: inline-block;width: 450px;height:100%;overflow: hidden;}
.egrid .ga-panel .ga-layer .eslider .owl-item:last-child{margin-right: -1px;}/*20240710 fix bug for owl carousel*/
.egrid .ga-panel .ga-layer .eslider .owl-item.active{opacity: 1;}

.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-prev{left: 10px;}
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-next{right: 10px;}

.egrid .grid-accordion .ga-background{width: 100%;height: 100%;object-fit: none;display: block;margin-left: -2px !important;}/*20240710 fix bug for owl carousel*/
.egrid .grid-accordion .ga-opened .ga-background{/*width: 100%;height: 100%;object-fit: cover;*/}

.egrid .egridview{display:none;}
.egrid .egridbox{display:block;}

.egrid .eitem{flex:1;border:0;display: table;width: calc(25% - 10px);margin: 0 10px 10px 0;overflow: hidden;position: relative;padding: 0;/*float:left;*/box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.05);transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;}
.egrid .eitem:hover {transform: translateY(-8px);}
.egrid .owl-carousel .eitem{width: calc(100% - 10px);}
.egrid .eitem{border-top: 2px solid var(--e-global-color-primary);background-color: transparent;background-image: linear-gradient(166deg, var(--e-global-color-f85e03d) 90%, #F5F5F5 91%);}
.egrid .eitem a{display: block;width: 100%;}
.egrid .egridview .eitem .eitem_info{background-color: transparent;background-image: none;}
.egrid .eitem .eitem_img{display: block;width: 100%;}
.egrid .eitem .eitem_img img{display: block;width: 100%;height: 170px;object-fit:cover;}
.egrid .eitem .eitem_info{display: block;padding:15px;}
.egrid .eitem .eitem_info i{color:var(--e-global-color-text);font-size: 1rem;margin-right:5px;width: 22px;}
.egrid .elist .eitem a .eitem_title{
    color: var(--e-global-color-08d8cd5);
    font-family: var(--e-global-typography-d9d3dce-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-d9d3dce-font-size);
    font-weight: var(--e-global-typography-d9d3dce-font-weight);
    text-transform: var(--e-global-typography-d9d3dce-text-transform);
    font-style: var(--e-global-typography-d9d3dce-font-style);
    line-height: var(--e-global-typography-d9d3dce-line-height);
    letter-spacing: var(--e-global-typography-d9d3dce-letter-spacing);
    word-spacing: var(--e-global-typography-d9d3dce-word-spacing);
    text-align:left;display:block;margin:0;padding:0 0 20px 0;}
.egrid .elist .eitem a:hover .eitem_title{color: var(--e-global-color-primary);}
.egrid .eitem .eitem_date{color:var(--e-global-color-text);font-size: 1rem;font-weight: 400;line-height:1.2rem;text-align:left;display:inline-block;margin:0 20px 10px 0;}
.egrid .eitem .eitem_group{color:var(--e-global-color-text);font-size: 1rem;font-weight: 400;line-height:1.2rem;text-align:left;display:inline-block;margin:0 20px 10px 0;}
.egrid .eitem .eitem_type{color:var(--e-global-color-text);font-size: 1rem;font-weight: 400;line-height:1.2rem;text-align:left;display:inline-block;margin:0 5px 10px 0;}
.egrid .erepeat{background-color: #57607de6;color: #fff;font-size: 0.875rem;text-align: center;display: inline-block;width: 150px;position: absolute;top: 0;right: 0;transform: translateX(-50%) translateX(110px) translateY(30px) rotate(45deg);}

.egrid .ga-panel.current .ga-closed.edate{}
@media (max-width:1024px){

    .header_img img {
        max-width: 70%;
        max-height: 150px;
        width:auto;
        height:auto;
    }
    .egrid .efilter>div{display:block;}
    .egrid .efilter_input,
    .egrid .efilter_select,
    .egrid .efilter_input.efilter_date{width:100%;}
    .egrid .efilter .efilterbox{position:relative;z-index:1;display: block;width:100%;height:100%;background-color: #fff;padding: 15px;}
    .egrid .efilter .efilter_inputgroup{clear:both;}
    .egrid .efilter>div .efilter_groupbox{flex-direction: column;display:block;}
    .egrid .efilter>div .efilter_group{width:100%;padding-bottom:10px;padding-right: 0;}
    .egrid .efilter>div .efilter_group.efdate{width:calc(50% - 10px);float:left;margin-left:5px;}
    .egrid .efilter>div .efilter_group.efdate:first-child{margin-right: 5px;}
    .egrid .efilter>div .select_indicator{transform: translate(0, 58%);bottom: 2.3rem;}

    .egrid .efilter_expand{display: block;}
    .egrid .efilter{background-color: #fff;position:fixed;left:100%;top: 58px;width:calc(100% - 60px);height: calc(100vh - 58px);padding:0;margin-bottom:0;transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;z-index:10;}
    .egrid .efilter.on{left: 60px;transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;box-shadow: -5px 10px 15px 0px rgba(0, 0, 0, 0.3);
    }
    .egrid .efilter.on .efilter_bg{display:block !important;}
    .admin-bar .egrid .efilter{top: 90px;height: calc(100vh - 90px);}

    .egrid .efilter .efilterbox>div.efilterView{padding-right:0;}
    .egrid .efilter_btn.efilter_search{margin-bottom:10px;}

    .egrid .efilter_btn.efilter_close{display:block;}
    .egrid .efilter .efilterbox>div{display: block;}
}
@media (max-width:767px){
    .page_head_img{ display:none;}
    .egrid{padding: 40px 15px;}
    .frame_mla .egrid{padding: 0;}
    /*.egrid .ga-layer .elinks a{text-wrap: nowrap;}*/
    .egrid .egridview{display:flex;flex-wrap: wrap;justify-content:flex-start;position:relative;z-index: 0;}
    .egrid .egridbox{display:none;position:relative;z-index: 0;}
    .egrid .egridview .eitem{width: calc(50% - 10px);min-width: calc(50% - 10px);margin-right: 10px;}
    .egrid .egridview .eitem .eitem_title{font-size: 1rem;line-height: 1.3rem;margin-bottom: 10px;}
    .egrid .eitem .eitem_date,
    .egrid .eitem .eitem_group,
    .egrid .eitem .eitem_type{font-size: 0.8rem;line-height: 0.9rem;margin-bottom: 5px;}
    .egrid .eitem .eitem_img img{height: 160px;}
    .egrid .efilter{top: 54px;height: calc(100vh - 54px);}
    .admin-bar .egrid .efilter{top: 100px;height: calc(100vh - 100px);}
    .egrid .efilter_expand.sticky{top: 71px;}
    .admin-bar .egrid .efilter_expand.sticky{top: 118px;}
    .egrid.main .efilter_expand.sticky{top: 54px;}
    .admin-bar .egrid.main .efilter_expand.sticky{top: 100px;}
}

@media (max-width:600px){
    .admin-bar .egrid .efilter{top: 71px;height: calc(100vh - 71px);}
    .admin-bar .egrid.main .efilter{top: 54px;height: calc(100vh - 54px);}
    .admin-bar .egrid .efilter_expand.sticky{top: 71px;}
    .admin-bar .egrid.main .efilter_expand.sticky{top: 54px;}
}

@media (max-width:400px){
    .egrid .egridview .eitem{width: 100%;min-width: 100%;margin-right: 0;}
}

.egrid .ga-panel.today .edate{width: 85px;border: 2px solid #fd0714;border-radius: 10px;padding-right: 25px;overflow: hidden;}
.egrid .ga-panel.today .edate:after{background-color: #fd0714;color:#fff;content:'TODAY';word-break: break-all;text-align:center;font-size: .8rem;line-height: .9rem;font-weight: 700;display: inline-block;width: 26px;height: 100%;padding: 5px 7px;position:absolute;top:0;right:0;z-index:1;}
html[lang="zh-HK"] .egrid .ga-panel.today .edate:after{content:'今天';padding-top: 24px;}
.egrid .ga-panel.today .edate .eday{font-size: 2.2rem;line-height: 2.2rem;}
.egrid .ga-panel.today .edate .emonth{font-size: 1.1rem;line-height: 1.3rem;padding-bottom: 10px;}
.egrid .ga-panel.today .ga-layer .eslider .eslider_item .eiteminfo{padding-left: 105px;}

.egrid .ga-panel.today .eslider_item.range .edate{width: 150px;}	
.egrid .ga-panel.today .ga-layer .eslider .eslider_item.range .eiteminfo{padding-left: 170px;}
.egrid .ga-panel.today .ga-layer .eslider .eslider_item.range .edatebox{width: 56px;}
.egrid .ga-panel.today .ga-layer .eslider .eslider_item .edatebox:last-child{width: 65px;}
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-prev, .egrid .ga-panel .ga-layer .eslider .owl-nav .owl-next{background-color: var(--e-global-color-primary);color:#fff;overflow: hidden;}
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-prev.disabled, .egrid .ga-panel .ga-layer .eslider .owl-nav .owl-next.disabled{background-color: #00000057;cursor:no-drop;}
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-prev::after,
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-next::after {
    content:'';
    top:0;
    transform:translateX(100%);
    width:100%;
    height:32px;
    position: absolute;
    z-index:1;
    animation: slide 2s infinite;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-prev.disabled::after,
.egrid .ga-panel .ga-layer .eslider .owl-nav .owl-next.disabled::after {animation: none;}
/* animation */
@keyframes slide {
    0% {transform:translateX(-100%);}
    100% {transform:translateX(100%);}
}
.egrid .ga-panel .ga-layer .eslider .eslider_item .etitle{padding-bottom: 40px;}
.egrid .ga-panel .ga-layer .eslider .owl-dots{
    display: block;
    width: 100%;
    padding: 10px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;}
.egrid .ga-panel .ga-layer .eslider .owl-dots .owl-dot{
    background-color: #fff;
    border: 0;
    border-radius: 5px;
    width: 20px;
    height: 8px;
    overflow:hidden;
    margin-right:5px;
}
.egrid .ga-panel .ga-layer .eslider .owl-dots .owl-dot.active{background-color: #fff;width: 100px;}
.egrid .ga-panel .ga-layer .eslider .owl-dots .owl-dot span{background-color: var(--e-global-color-primary);border-radius: 10px;display:block;width:0%;height: 100%;}
.egrid .ga-panel.ga-opened .ga-layer .eslider .owl-dots .owl-dot.active span{animation: dotactive 6s cubic-bezier(0.1, 0, 0.2, 0) forwards;}
.egrid .ga-panel.ga-opened.opening .ga-layer .eslider .owl-dots .owl-dot:first-child.active span{animation: dotactive 6.8s cubic-bezier(0.1, 0, 0.2, 0) forwards;}
@keyframes dotactive {
    0% {width: 0%;}
    100% {width: 100%;}
}
.egrid .ga-panel.today .ga-layer .eslider .eslider_item .etitle,
.egrid .ga-panel.today .ga-layer .eslider .eslider_item .etitle a,
.egrid .ga-panel.today .ga-layer .eslider .eslider_item .etitle a:focus,
.egrid .ga-panel.today .ga-layer .eslider .eslider_item .etitle a:hover{color: var(--e-global-color-text);}
.egrid .ga-panel.today .ga-layer .eslider .owl-dots .owl-dot{background-color: #2e2e2e;}
.egrid .ga-panel.today .ga-layer .eslider .owl-dots .owl-dot.active{background-color: #2e2e2e;}
.egrid .ga-panel.today .ga-layer .eslider .owl-item .eslider_item .eiteminfo .etitle{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255,0.9) 95%);}
/*Event grid style*/
/*inline_table 2 column*/
.inline_table_2 *:not(.fc-scroller):not(.fc-daygrid-body):not(.calendar-table):not(.gem-table):not(.cart_totals)>table:not(.shop_table):not(.group_table):not(.variations):not(.fc-scrollgrid){float: left;max-width: 50%;margin-bottom:0;}
.inline_table_2 *:not(.fc-scroller):not(.fc-daygrid-body):not(.calendar-table):not(.gem-table):not(.cart_totals)>table:not(.shop_table):not(.group_table):not(.variations):not(.fc-scrollgrid):last-child tr{border-left: 0;}
@media (max-width: 767px) {
    .inline_table_2 *:not(.fc-scroller):not(.fc-daygrid-body):not(.calendar-table):not(.gem-table):not(.cart_totals)>table:not(.shop_table):not(.group_table):not(.variations):not(.fc-scrollgrid){max-width: 100%;width: 100%;}
    .inline_table_2 *:not(.fc-scroller):not(.fc-daygrid-body):not(.calendar-table):not(.gem-table):not(.cart_totals)>table:last-child>thead{display:none;}
    .inline_table_2 *:not(.fc-scroller):not(.fc-daygrid-body):not(.calendar-table):not(.gem-table):not(.cart_totals)>table:last-child:not(.shop_table):not(.group_table):not(.variations):not(.fc-scrollgrid) tr:first-child>td{border-top:0;}
    .inline_table_2 *:not(.fc-scroller):not(.fc-daygrid-body):not(.calendar-table):not(.gem-table):not(.cart_totals)>table:not(.shop_table):not(.group_table):not(.variations):not(.fc-scrollgrid):last-child tr{border-left: 1px solid #ddd;}
}
/*More btn*/
.egrid .more_btn{display: block;text-align:center;padding: 20px 0;}
.egrid .e_btn{
    display: inline-block;
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-f85e03d);
    border-radius: 0;
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    padding: 12px 20px;    outline: none;
    border: 0;
}
.egrid .e_btn:hover{color: var(--e-global-color-f85e03d);background-color: var(--e-global-color-e106f88);outline:none;}
.egrid #egridlist>h2{margin: 1rem 0;}
/*MLA Event*/
.egrid .filter_tab{float: left;}
.egrid .filter_view_switch{float: right;}
.egrid .filter_view_switch button{background-color:transparent;border: 0;display:inline-block;margin: 5px;padding:0;}
.egrid .filter_view_switch button svg{display:block;width:35px; height:25px;}
.egrid .filter_view_switch button svg, .egrid .filter_view_switch button svg *{fill: var(--e-global-color-1a91c31) !important;stroke: var(--e-global-color-1a91c31) !important;filter: brightness(0) saturate(100%) invert(71%) sepia(5%) saturate(776%) hue-rotate(189deg) brightness(90%) contrast(92%);}
.egrid .filter_view_switch button.active svg{fill: var(--e-global-color-primary) !important;stroke: var(--e-global-color-primary) !important;filter: brightness(0) saturate(100%) invert(44%) sepia(73%) saturate(1935%) hue-rotate(1deg) brightness(104%) contrast(104%);}
.egrid #egridview,
.egrid #egridlist{display:none;}
.egrid #egridview.show_view{display:block;}
.egrid #egridlist.show_view{display:block;}

.egrid.detail{padding: 0 0;}
.egrid.detail .efilter_expand{display:none !important;}
.egrid.detail #egridview,
.egrid.detail #egridview.show_view{display:block !important;}
.egrid.detail #egridlist,
.egrid.detail #egridlist.show_view{display:none !important;}

@media (max-width: 1024px) {
    .egrid.mla .efilter_expand {display: none;}
    .egrid .efilter.tab{background-color:transparent;position:relative;width:100%;top: 0;left:0;margin-bottom: 20px;}
    .admin-bar .egrid .efilter.tab{top: 0;height: auto;}
    .egrid .efilter.tab{background-color: transparent;}

}
@media (max-width: 767px) {
    .admin-bar .egrid .efilter.tab{top: 0;height: auto;}
    .egrid .filter_tab{float: none;display: block;width:100%;text-align:center;margin-bottom: 15px;}
    .egrid .efilter.tab .filter_tab li{float: none;}
    .egrid .efilter.tab .filter_tab li:last-child{margin-bottom: 12px;}
    .egrid .filter_view_switch{padding: 6px 0px;display: none !important;}
    .egrid #egridview,
    .egrid #egridview.show_view{display:block !important;}
    .egrid #egridlist.show_view{display:none !important;}
}