.event-detail-cmp{width:100%;background-color:#00529b;padding:2.33050847%;display:flex;flex-direction:row;box-sizing:border-box;border-top-left-radius:7px;border-top-right-radius:7px}
.event-detail-cmp .event-detail-banner{width:59.33333333%;min-width:59.33333333%;margin-right:2.44444444%}
.event-detail-cmp .event-detail-banner img{width:100%;display:block}
.event-detail-cmp .event-detail-content{display:flex;flex-direction:row}
.event-detail-cmp .event-detail-content.no-banner-content{width:100%}
.event-detail-cmp .event-detail-content .date{display:flex;flex-direction:column;align-items:center;margin-right:6.39534884%}
.event-detail-cmp .event-detail-content .date span{font-size:16px;line-height:16px;color:#fff}
.event-detail-cmp .event-detail-content .date span.date-month{display:flex;flex-direction:column;align-items:center;max-width:85px;text-align:center;margin-bottom:8px;padding:15px 24.5px;font-size:36px;line-height:54px;border:1px solid #fff;color:#fff}
.event-detail-cmp .event-detail-content .date span.date-month small{display:block;font-size:16px;text-transform:uppercase;line-height:24px;color:#fff;font-family:"cabin_condensedsemibold",'Helvetica','Arial','sans-serif','Microsoft JhengHei','MingLiU'}
.event-detail-cmp .event-detail-content .date span.separate{display:block;border-right:1px solid #fff;height:24px;margin:16px 0}
.event-detail-cmp .event-detail-content .text .tel-row{margin-bottom:1px;color:#fff;font-weight:bold;white-space:wrap;font-size:20px;line-height:30px}
.event-detail-cmp .event-detail-content .text .tel-text{margin-bottom:16px;font-size:16px;line-height:24px;color:#fff}
.event-detail-cmp .event-detail-content .text .more-box{text-align:left;margin:10px 0 3px}
.event-detail-cmp .event-detail-content .text .more-box .more{padding:8px 24px;display:inline-block;color:#fff;font-size:16px;line-height:24px;border:1px solid #fff;border-radius:24px;text-decoration:none;white-space:wrap}
@media screen and (max-width:991px){.event-detail-cmp .event-detail-banner{width:55%;min-width:55%}
.event-detail-cmp .event-detail-banner img{width:100%}
}
@media screen and (max-width:767px){.event-detail-cmp{flex-direction:column}
.event-detail-cmp .event-detail-banner{width:100%;margin-right:0;margin-bottom:15px}
.event-detail-cmp .event-detail-banner img{width:100%;min-width:unset}
.event-detail-cmp .event-detail-content{display:flex;flex-direction:row}
.event-detail-cmp .event-detail-content .date{display:flex;flex-direction:column;align-items:center;margin-right:5%}
.event-detail-cmp .event-detail-content .date span{font-size:1rem;color:#fff}
.event-detail-cmp .event-detail-content .date span.date-month{line-height:.9}
.event-detail-cmp .event-detail-content .date span.separate{display:block}
}