.daterangepicker{ 
	width:770px;
	/*width:580px;*/
	height:345px;
	/*padding: 15px 10px 10px 10px;*/
	border-radius: 10px;

	margin-top:0;
	user-select: none;
}

.daterangepicker .drp-calendar{
	/*width: 50%;*/
	height: 100%;
	max-width: 50%;
	background:	#f0f5fa;
}


.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right,
.daterangepicker .calendar-table
{
	padding:0;
}

.daterangepicker .drp-calendar.left{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.daterangepicker .drp-calendar.right{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* 打開日曆上方的小箭頭 */
.daterangepicker.openscenter:before,
.daterangepicker.openscenter:after
{
	content: "";
	padding: 0;
	margin:	0;
	border:none;
}




/*header */

	.daterangepicker .drp-calendar .calendar-table-header{
		width:100%;
		display:flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		background: #96b4c3;

		padding-top: 15px ;
		padding-left: 18px ;
		padding-bottom: 15px ;

	}

	.daterangepicker .drp-calendar.left .calendar-table-header{
		border-top-left-radius: 10px;

	}
	.daterangepicker .drp-calendar.right .calendar-table-header{
		border-top-right-radius: 10px;
	}

	.daterangepicker .drp-calendar .calendar-table-header .header-title{
		width:100%;

		font-size: 14px;
		line-height: 1;
		letter-spacing: 2px;

		color: white;
		text-align: center;
		margin-bottom: 10px;
	}

	.daterangepicker .drp-calendar .calendar-table-header .header-date {
		display: flex;
		align-items: center;

		color: white;
		font-size: 14px;
		line-height: 1;
  		letter-spacing: 2.3px;
	}

	.daterangepicker .drp-calendar .calendar-table-header .header-date input{
		height: 30px;
		
		color:white;
		font-size: 20px;
		font-weight: bold;
		text-align: center;

		background: transparent;

		border:1px solid white;
		border-radius: 10px;

		margin:0 5px;
	}


	.daterangepicker .drp-calendar .calendar-table-header .header-date input:focus{
		outline-width: 0;
	}

		/* number 的箭頭隱藏 */
		.drp-calendar .calendar-table-header .header-date .dateedit::-webkit-outer-spin-button,
		.drp-calendar .calendar-table-header .header-date .dateedit::-webkit-inner-spin-button
			{
				-webkit-appearance: none;
				margin: 0; 
			}

		.drp-calendar .calendar-table-header .header-date .dateedit{
			width:40px;
			/*height: 30px;*/
		}
		.drp-calendar .calendar-table-header .header-date .yearedit{
			width:50px;
		}


/* body */ 
	/* 抵銷原本的CSS設定 */
	.daterangepicker .drp-calendar.left .calendar-table{
		/*padding-right: 0;*/
	}


	.daterangepicker .drp-calendar .calendar-table{
		
		height: 235px;

		display: flex;
		/*align-items: center;*/
		justify-content: center;

		border-radius: 10px!important;

		padding:12px 9px;
		margin:10px;
	}

	.daterangepicker .drp-calendar.right .calendar-table{
		margin:10px 10px 10px 0;
	}


	/* 左右箭頭 */
		.daterangepicker .calendar-table .prev span,
		.daterangepicker .calendar-table .next span
		{
			width:20px;
			height: 20px;

			background-size: 20px 20px; 
			background-repeat:	no-repeat;

			border:none;
			-webkit-transform: rotate(0deg);

			padding:0;
			margin-top:100px;
			cursor: pointer;
		}


		.daterangepicker .calendar-table .prev span{
			background-image: url('../../../image/icon_act_back_lm.png'); 
		}

		.daterangepicker .calendar-table .next span{
			background-image: url('../../../image/icon_act_next_lm.png'); 
		}

	/* table */
		.daterangepicker .calendar-table .table-condensed{
			width: 175px;
			max-height: 210px;

			border-collapse: separate;
			border-spacing: 0;

			margin:0 2px;
		}

		.daterangepicker .calendar-table .table-condensed th{
			font-size: 14px;
			font-weight: 900;
			text-align: center;
			color: #96b4c3;
		}
		.daterangepicker .calendar-table .table-condensed th.weekend{
			color: #00afeb;
		}

		.daterangepicker .calendar-table .table-condensed tr.spacer{
			height: 3px;
			/*border-collapse: separate;*/
			/*border-spacing: 5px;*/
		}

		.daterangepicker .calendar-table .table-condensed td{
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			color: #96b4c3;

			padding: 0;

		}
		.daterangepicker .calendar-table .table-condensed td.off{
			/*visibility: hidden;*/
			opacity: .35;
			cursor: default;
		}
		.daterangepicker .calendar-table .table-condensed td.off:hover{
			background:none;
		}


		/* 選取日期 */
		.daterangepicker .calendar-table .table-condensed td.active:not(.off),
		.daterangepicker .calendar-table .table-condensed td.in-range:not(.off)
		{
			background:none;
			border-top:2px solid #00afeb;
			border-left:0px ;
			border-right:0px ;
			border-bottom:2px solid #00afeb;
		}


		.daterangepicker .calendar-table .table-condensed td.active.start-date:not(.off),
		.daterangepicker .calendar-table .table-condensed td.in-range.start-of-week:not(.off),
		.daterangepicker .calendar-table .table-condensed td.in-range.first-date-in-month:not(.off)
		{
			border-left: 2px solid #00afeb;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
		}

		.daterangepicker .calendar-table .table-condensed td.active.end-date:not(.off),
		.daterangepicker .calendar-table .table-condensed td.in-range.end-of-week:not(.off),
		.daterangepicker .calendar-table .table-condensed td.in-range.last-date-in-month:not(.off),
		.daterangepicker .calendar-table .table-condensed td.in-range.last-range:not(.off)
		{
			border-right: 2px solid #00afeb;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}



/* 單個日曆的時候 */

.daterangepicker.single{
	width: 290px;
	height:315px;
}

.daterangepicker.single .drp-calendar{
	width:100%;
	max-width: 100%;
}

.daterangepicker.single .drp-calendar.left{
	border-radius: 10px;
}

	.daterangepicker.single .drp-calendar.left .calendar-table-header{
		border-top-right-radius: 10px;
	}