/*
    Custom CSS
    Please make sure your CSS rules are 
    more particular / have higher priority
    then other page styles
*/


@import url('https://fonts.googleapis.com/css2?family=Chocolate+Classical+Sans&family=Noto+Serif+HK:wght@200..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700&family=Telex&display=swap');

.company-name{
font-family: "Chocolate Classical Sans", serif !important;
font-weight: 400;
font-style: normal;
letter-spacing: 10px;
}

.btn{
font-family: "Telex", serif !important;
margin:0 !important;
padding: 10px 20px !important;
letter-spacing: 2px !important;
text-indent: 10px !important;
font-size: 15px !important;
border-radius:10px !important;
}


h1:first-child{
font-family: "Chocolate Classical Sans", serif !important;
letter-spacing: 2px !important;
font-style: normal;
text-shadow:0 2px 8px rgba(0,0,0,.15)
}




[title="預約"]{
font-size: 20px !important;
font-family: "Chocolate Classical Sans", serif !important;
}

#events h3 {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體"; /* 添加字體規則 */
}

#events p.duration, #events div.duration {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

#events p.description, #events div.description {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

#events .selectedEvent {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

#events input.reserve_time_btn {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

#events input.select_another_btn {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

#eventForm #save_button {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

div.ui-widget-content {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

div.ui-widget-header {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

#timeline-container table.timeline {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

.timeline td.not_worked_time {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

.timeline td.free_time {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

.timeline td.selected_time {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

.timeline td.reserved_time {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

div#loading {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}

#start_date-block-container .zend_form dt, 
#start_date-block-container .zend_form dt b, 
#start_date-block-container .zend_form dd label {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif!important; /* 添加字體規則 */
}