/* Datepicker 淺色模式配色 - 淺底深字 */
.ui-datepicker {
	background-color: #ffffff !important;
	border: 1px solid #cccccc !important;
	color: #333333 !important;
}

/* 標題列 */
.ui-datepicker .ui-datepicker-header {
	background-color: #f5f5f5 !important;
	border-bottom: 1px solid #cccccc !important;
	color: #333333 !important;
}

/* 標題文字 */
.ui-datepicker .ui-datepicker-title {
	color: #333333 !important;
}

/* 年月選擇下拉選單 */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	background-color: #ffffff !important;
	color: #333333 !important;
	border: 1px solid #cccccc !important;
}

/* 星期標題列 */
.ui-datepicker th {
	background-color: #f5f5f5 !important;
	color: #333333 !important;
	border-bottom: 1px solid #cccccc !important;
}

/* 日期格子背景 */
.ui-datepicker td {
	background-color: #ffffff !important;
}

/* 日期連結 - 預設狀態 */
.ui-datepicker td a,
.ui-datepicker td span {
	background-color: #ffffff !important;
	color: #333333 !important;
	border: 1px solid transparent !important;
}

/* 其他月份的日期 */
.ui-datepicker td.ui-datepicker-other-month a {
	color: #999999 !important;
	background-color: #f9f9f9 !important;
}

/* Hover 狀態 */
.ui-datepicker td a:hover,
.ui-datepicker td.ui-state-hover a {
	background-color: #e0e0e0 !important;
	color: #333333 !important;
	border: 1px solid #cccccc !important;
}

/* 選中的日期 */
.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker td.ui-state-active,
.ui-datepicker td.ui-state-active a {
	background-color: #ffd700 !important;
	color: #000000 !important;
	font-weight: bold !important;
	border: 1px solid #ffd700 !important;
}

/* 今天的日期 */
.ui-datepicker td.ui-datepicker-today a {
	background-color: #e8e8e8 !important;
	color: #333333 !important;
	border: 1px solid #999999 !important;
}

/* 前後一年按鈕 */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
	background-color: #f5f5f5 !important;
	border: 1px solid #cccccc !important;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	background-color: #e0e0e0 !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	background-image: none !important;
	text-indent: 0 !important;
	width: 0 !important;
	height: 0 !important;
	border-style: solid;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	display: block !important;
	transform: translate(-50%, -50%) !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
}

/* 往左三角形 */
.ui-datepicker .ui-datepicker-prev span {
	border-width: 5px 8px 5px 0 !important;
	border-color: transparent #333333 transparent transparent !important;
}

/* 往右三角形 */
.ui-datepicker .ui-datepicker-next span {
	border-width: 5px 0 5px 8px !important;
	border-color: transparent transparent transparent #333333 !important;
}

/* Hover 狀態 */
.ui-datepicker .ui-datepicker-prev:hover span {
	border-right-color: #000000 !important;
}

.ui-datepicker .ui-datepicker-next:hover span {
	border-left-color: #000000 !important;
}

/* 按鈕面板 */
.ui-datepicker .ui-datepicker-buttonpane {
	background-color: #f5f5f5 !important;
	border-top: 1px solid #cccccc !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	background-color: #e0e0e0 !important;
	color: #333333 !important;
	border: 1px solid #cccccc !important;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
	background-color: #d0d0d0 !important;
	color: #333333 !important;
}