.picker-input { cursor: text; }
.picker-overlay {
	z-index: 2147483637; position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: visible;
	opacity: 1;
	background-color: rgba(0, 0, 0, .8);
	transition: opacity 400ms ease,visibility 400ms ease;
}
.picker-overlay.picker-overlay-hidden { opacity: 0; visibility: hidden; }

div.datedropper{
	
	--dd-color1: rgba(3, 169, 244, 1); /*--dd-color1: #fd4741;*/
	--dd-color2: white; /*日期底色*/
	--dd-color3: rgba(69, 90, 100, .85);
	--dd-color4: white; /*月週 底色*/
	--dd-radius: 6px;
	--dd-width: 180px;
	--dd-shadow: 0 0 16px 1px rgba(0, 0, 0, .35);
	
	touch-action: none;
	user-select: none;
	-webkit-user-select: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0, 0 ,0 ,0);
	z-index: 2147483638; position: absolute; top: 0; left: 0; margin-top: -8px; line-height: 1; visibility: hidden;
	border-radius: 6px!important;
	border-radius: var(--dd-radius)!important;
	transform:translate3d(-50%,0,0);
	opacity: 0;
}
div.datedropper.red{ /*原預設顏色*/
	--dd-color1: #fd4741;
	--dd-color2: white;
	--dd-color3: #4D4D4D;
	--dd-color4: white;
	--dd-radius: 6px;
	--dd-width: 180px;
	--dd-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
}
div.datedropper.leaf{
	--dd-color1: #1ecd80;
	--dd-color2: #fefff2;
	--dd-color3: #528971;
	--dd-color4: #fefff2;
	--dd-radius: 6px;
	--dd-width: 180px;
	--dd-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
}
div.datedropper.vanilla{
	--dd-color1: #feac92;
	--dd-color2: white;
	--dd-color3: #9ed7db;
	--dd-color4: #faf7f4;
	--dd-radius: 6px;
	--dd-width: 180px;
	--dd-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
}
div.datedropper.ryanair{
	--dd-color1: #7e57dc;
	--dd-color2: #50388a;
	--dd-color3: white;
	--dd-color4: white;
	--dd-radius: 6px;
	--dd-width: 180px;
	--dd-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
}

@media only screen and (max-width:479px){
	div.datedropper{position:fixed;top:50%!important;left:50%!important;transform:translate3d(-50%,-50%,0);margin:0;}
	div.datedropper:before{display:none;}
	div.datedropper .picker{box-shadow:0 0 64px 32px rgba(0,0,0,0.06)!important;}
}

div.datedropper *{box-sizing:border-box;width:auto;height:auto;margin:0;padding:0;border:0;font-size:100%;}
div.datedropper svg{fill:currentColor;}
div.datedropper:before{content:'';position:absolute;width:16px;height:16px;top:-8px;left:50%;transform:translateX(-50%) rotate(45deg);border-top-left-radius:4px;background-color:white;z-index:1;}
div.datedropper.picker-focused{opacity:1;visibility:visible;margin-top:8px;}



div.datedropper.isclose:before { display: none; } /*上方三角形*/
div.datedropper.isclose:after{
	/*
	content: '';
	z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color: transparent;
	*/
}
div.datedropper.isclose .pick-lg-b li { pointer-events: none; } /*日期禁止點選*/
div.datedropper.isclose .pick-btns  { display: none; } /*下方打勾*/
@media screen and (min-width: 1px) and (max-width: 679px) {
	div.datedropper.isclose .pick-btns  { display: block; } /*下方打勾*/
}


@media only screen and (max-width:479px){
	div.datedropper.picker-focused{margin-top:0;}
}

div.datedropper .pick-submit{
	margin:0 auto;outline:0;width:56px;height:100%;line-height:64px;border-radius:56px;font-size:24px;cursor:pointer;
	border-bottom-left-radius:0;border-bottom-right-radius:0;text-align:center;position:relative;top:0;
}
div.datedropper .pick-submit:focus,div.datedropper .pick-submit:hover{top:4px;box-shadow:0 0 0 16px rgba(0,0,0,0.04),0 0 0 8px rgba(0,0,0,0.04);}
div.datedropper .pick-submit svg{position:relative;top:20px;}
div.datedropper .picker{position:relative;overflow:hidden;}
div.datedropper .picker+div{font-weight:bold;font-size:10px;text-transform:uppercase;padding:0.5rem;text-align:center;}
div.datedropper .picker+div a{text-decoration:none;color:currentColor;}
div.datedropper .picker+div a:hover{text-decoration:underline;}
div.datedropper .picker ul{margin:0;padding:0;list-style:none;cursor:pointer;position:relative;z-index:2;}
div.datedropper .picker ul.pick{position:relative;overflow:hidden;outline:0;}
div.datedropper .picker ul.pick:nth-of-type(2){box-shadow:0 1px rgba(0, 0, 0, .6);}
div.datedropper .picker ul.pick li{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;opacity:0.5;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;}
div.datedropper .picker ul.pick li span{font-size:16px;position:absolute;left:0;width:100%;line-height:0;bottom:24px;}
div.datedropper .picker ul.pick li.pick-afr{transform:translateY(100%);}
div.datedropper .picker ul.pick li.pick-bfr{transform:translateY(-100%);}
div.datedropper .picker ul.pick li.pick-sl{opacity:1;transform:translateY(0);z-index:1;pointer-events:auto;}
div.datedropper .picker ul.pick:focus .pick-arw-s1:not(.pick-arw-hidden),div.datedropper .picker ul.pick:hover .pick-arw-s1:not(.pick-arw-hidden){opacity:0.6;}
div.datedropper .picker ul.pick:focus.pick-jump .pick-arw-s2,div.datedropper .picker ul.pick:hover.pick-jump .pick-arw-s2{pointer-events:auto;opacity:0.6;}
div.datedropper .picker ul.pick:focus.pick-jump .pick-arw-s2.pick-arw-r,div.datedropper .picker ul.pick:hover.pick-jump .pick-arw-s2.pick-arw-r{transform:translateX(-8px);}
div.datedropper .picker ul.pick:focus.pick-jump .pick-arw-s2.pick-arw-l,div.datedropper .picker ul.pick:hover.pick-jump .pick-arw-s2.pick-arw-l{transform:translateX(8px);}
div.datedropper .picker ul.pick .pick-arw{position:absolute;top:0;height:100%;width:25%;font-size:10px;text-align:center;display:block;z-index:10;cursor:pointer;overflow:hidden;opacity:0;}
div.datedropper .picker ul.pick .pick-arw div{line-height:0;top:50%;left:50%;position:absolute;display:block;transform:translate(-50%,-50%);}
div.datedropper .picker ul.pick .pick-arw svg{width:16px;height:16px;}
div.datedropper .picker ul.pick .pick-arw-hidden{opacity:0;pointer-events:none;}
div.datedropper .picker ul.pick .pick-arw.pick-arw:hover{opacity:1;}
div.datedropper .picker ul.pick .pick-arw.pick-arw-r{right:0;}
div.datedropper .picker ul.pick .pick-arw.pick-arw-l{left:0;}
div.datedropper .picker ul.pick .pick-arw.pick-arw-s2{pointer-events:none;}
div.datedropper .picker ul.pick .pick-arw.pick-arw-s2.pick-arw-r{transform:translateX(0);}
div.datedropper .picker ul.pick .pick-arw.pick-arw-s2.pick-arw-l{transform:translateX(0);}
div.datedropper .picker ul.pick.pick-m,div.datedropper .picker ul.pick.pick-y{height:60px;}
div.datedropper .picker ul.pick.pick-m {
	font-size: 32px;
	border-bottom: 1px solid rgba(255, 255, 255, .35);
}
div.datedropper .picker ul.pick.pick-y { font-size: 24px; }
div.datedropper .picker ul.pick.pick-d {
	height: 100px;
	font-size: 64px; font-weight: bold;
}
div.datedropper .picker ul.pick.pick-d li div{margin-top:-16px;}
div.datedropper .picker ul.pick:focus:after,div.datedropper .picker ul.pick:hover:after{
	content:'';pointer-events:none;position:absolute;top:6px;left:6px;bottom:6px;right:6px;background-color:rgba(0,0,0,0.04);border-radius:6px;
}
div.datedropper .picker .pick-lg{z-index:1;margin:0 auto;height:0;overflow:hidden;}
div.datedropper .picker .pick-lg.pick-lg-focused{background-color:rgba(0, 0, 0, .25);}
div.datedropper .picker .pick-lg.down{animation:down 0.8s ease;}
div.datedropper .picker .pick-lg .pick-h:after,div.datedropper .picker .pick-lg .pick-h:before{opacity: .32;}
div.datedropper .picker .pick-lg ul:after{content:'';display:table;clear:both;}
div.datedropper .picker .pick-lg ul li{float:left;text-align:center;width:14.285714286%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;position:relative;}
div.datedropper .picker .pick-lg ul li:after,div.datedropper .picker .pick-lg ul li:before{position:absolute;z-index:2;display:block;line-height:30px;height:30px;width:30px;top:50%;left:50%;transform:translate(-50%,-50%);}
div.datedropper .picker .pick-lg ul li:after{content:attr(data-value);z-index:2;}
div.datedropper .picker .pick-lg ul li:before{content:'';}
div.datedropper .picker .pick-lg ul.pick-lg-h{height:16.6666666667%;padding:0 10px;}
div.datedropper .picker .pick-lg ul.pick-lg-h li{height:100%;}
div.datedropper .picker .pick-lg ul.pick-lg-b{height:83.3333333333%;padding:10px;}
div.datedropper .picker .pick-lg ul.pick-lg-b li{height:16.6666666667%;cursor:pointer;position:relative;}
div.datedropper .picker .pick-lg ul.pick-lg-b li div{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-lk{pointer-events:none;opacity: .6;}

/*被禁止的日期*/
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-lk:after {
	/*text-decoration: line-through;*/
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-lk:before { /*原 after 暫用 before*/
	/*content: '\f00d'; x */ content: '\f715';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 14px; color: rgba(0, 0, 0, .35);
}

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-dir div{opacity: .25;}
div.datedropper .picker .pick-lg ul.pick-lg-b li:not(.pick-h):hover{z-index: 2;}
div.datedropper .picker .pick-lg ul.pick-lg-b li:not(.pick-h):hover:before{border-radius:32px;box-shadow:0 0 32px rgba(0, 0, 0, .1);}
div.datedropper .picker .pick-lg ul.pick-lg-b li:not(.pick-h):hover:after,
div.datedropper .picker .pick-lg ul.pick-lg-b li:not(.pick-h):hover:before{transform:translate(-50%,-50%) scale(1.5);}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-today:not(:hover):not(.pick-sl):before{z-index:2;border-radius:32px;opacity:0.15;}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl:before{z-index:2;border-radius:32px;box-shadow:0 0 32px rgba(0,0,0,0.1);}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl:after,div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl:before{transform:translate(-50%,-50%) scale(1.5);}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl.pick-sl-a:not(.pick-sl-b):before{border-top-right-radius:8px;transform:translate(-50%,-50%) scale(1.5) rotate(45deg)!important;}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl.pick-sl-b:not(.pick-sl-a):before{border-top-left-radius:8px;transform:translate(-50%,-50%) scale(1.5) rotate(-45deg)!important;}
div.datedropper .picker .pick-btns{/*margin:-1px;*/position:relative;z-index:11; margin: 15px 0 0 0; height:56px;}
div.datedropper .picker .pick-btns div{cursor:pointer;line-height:0;}
div.datedropper .picker .pick-btns .pick-btn{
	position:absolute;width:36px;height:36px;bottom:0;text-align:center;line-height:38px;
	font-size:16px;margin:8px;outline:0;border-radius:4px;
	background:rgba(0,0,0,0.03);box-shadow:0 0 32px rgba(0,0,0,0.1);transform:scale(1);
}
div.datedropper .picker .pick-btns .pick-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
div.datedropper .picker .pick-btns .pick-btn:focus,div.datedropper .picker .pick-btns .pick-btn:hover{box-shadow:0 0 24px rgba(0,0,0,0.1);transform:scale(0.95);}
div.datedropper .picker .pick-btns .pick-btn.pick-btn-sz{right:0;}
div.datedropper .picker .pick-btns .pick-btn.pick-btn-lng{left:0;transform-origin:left bottom;}
div.datedropper.picker-clean .picker-jumped-years{display:none;}
div.datedropper .picker-jumped-years{
	position:absolute;z-index:10;top:60px;left:0;right:0;bottom:0;padding:4px;padding-bottom:56px;
	opacity:0;overflow:hidden;overflow-y:scroll;
	-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none;transform:translateY(16px);transform-origin:bottom center;
}
div.datedropper .picker-jumped-years.picker-jumper-years-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
div.datedropper .picker-jumped-years>div{float:left;width:50%;padding:4px;position:relative;cursor:pointer;}
div.datedropper .picker-jumped-years>div:before{content:"";display:block;border-radius:6px;padding:16px;padding-bottom:50%;background-color:rgba(0,0,0,0.05);}
div.datedropper .picker-jumped-years>div:after{text-align:center;font-size:20px;content:attr(data-id);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
div.datedropper .picker-jumped-years>div:hover:before{background-color:rgba(0,0,0,0.025);}
div.datedropper.picker-lg{width:300px;}
div.datedropper.picker-lg ul.pick.pick-d{transform:scale(0);height:0!important;}
div.datedropper.picker-lg .pick-lg{
	height: 256px;
	border-bottom: 1px solid rgba(3, 169, 244, .15);
}

@media only screen and (max-width:479px){
	div.datedropper.picker-lg{width:auto!important;height:auto!important;top:1rem!important;left:1rem!important;right:1rem!important;bottom:1rem!important;transform:none;}
	div.datedropper.picker-lg.picker-modal{width:100%!important;height:100%!important;padding:1rem!important;}
	div.datedropper.picker-lg .picker{height:100%;}
	div.datedropper.picker-lg .picker .pick{max-height:unset!important;}
	div.datedropper.picker-lg .pick-lg{height:62%!important;max-height:unset!important;}
	div.datedropper.picker-lg .pick-lg .pick-lg-h{height:16.6666666667%;}
	div.datedropper.picker-lg .pick-lg .pick-lg-b{height:83.3333333333%;}
	div.datedropper.picker-lg .pick-lg .pick-lg-b li{height:16.6666666667%;}
	div.datedropper.picker-lg .picker-jumped-years{top:13%!important;padding-bottom:12%!important;}
	div.datedropper.picker-lg .pick-l,div.datedropper.picker-lg .pick-m,div.datedropper.picker-lg .pick-y{height:13%!important;}
	div.datedropper.picker-lg .pick-btns{height:12%!important;}
}
@keyframes picker_rumble{
	0%,to{transform:translate3d(0,0,0);}
	10%,30%,50%,70%,90%{transform:translate3d(-2px,0,0);}
	20%,40%,60%,80%{transform:translate3d(2px,0,0);}
}
div.datedropper .picker-rumble{animation:picker_rumble 0.4s ease;}
div.datedropper.picker-locked .pick-submit{opacity:0.35;}
div.datedropper.picker-locked .pick-submit:hover{box-shadow:none!important;}
div.datedropper.picker-modal{top:50%!important;left:50%!important;transform:translate3d(-50%,-50%,0)!important;position:fixed!important;margin:0!important;}
div.datedropper.picker-modal:before{display:none;}
div.datedropper.picker-fxs{transition:opacity 0.2s ease,visibility 0.2s ease,margin 0.2s ease;}

@media only screen and (min-width:480px){
	div.datedropper.picker-fxs.picker-transit{transition:width 0.8s cubic-bezier(1,-0.55,0.2,1.37),opacity 0.2s ease,visibility 0.2s ease,margin 0.2s ease;}
	div.datedropper.picker-fxs.picker-transit .pick-lg{transition:height 0.8s cubic-bezier(1,-0.55,0.2,1.37);}
	div.datedropper.picker-fxs.picker-transit .pick-d{transition:top 0.8s cubic-bezier(1,-0.55,0.2,1.37),transform 0.8s cubic-bezier(1,-0.55,0.2,1.37),height 0.8s cubic-bezier(1,-0.55,0.2,1.37),background-color 0.4s ease;}
}

div.datedropper.picker-fxs ul.pick.pick-y{border-bottom: 1px solid rgba(3, 169, 244, .15);transition:background-color 0.4s ease;}
div.datedropper.picker-fxs ul.pick li{transition:transform 0.4s ease,opacity 0.4s ease;}
div.datedropper.picker-fxs ul.pick .pick-arw{transition:transform 0.2s ease,opacity 0.2s ease;}
div.datedropper.picker-fxs ul.pick .pick-arw i{transition:right 0.2s ease,left 0.2s ease;}
div.datedropper.picker-fxs .picker-jumped-years{transition:transform 0.2s ease,opacity 0.2s ease,visibility 0.2s ease;}
div.datedropper.picker-fxs .pick-lg .pick-lg-b li{transition:background-color 0.2s ease;}
div.datedropper.picker-fxs .pick-btns .pick-submit{transition:top 0.2s ease,box-shadow 0.4s ease,background-color 0.4s ease;}
div.datedropper.picker-fxs .pick-btns .pick-submit svg{height:18px;}
div.datedropper.picker-fxs .pick-btns .pick-btn{transition:all 0.2s ease;}
div.datedropper.picker-fxs .pick-btns .pick-btn svg{width:18px;height:18px;}
div.datedropper .null{transition:none;}
div.datedropper:not(.picker-lg){width:180px!important;width:var(--dd-width)!important;}
div.datedropper .picker{box-shadow:0 0 32px 0 rgba(0,0,0,0.1)!important;box-shadow:var(--dd-shadow)!important;}
div.datedropper .pick:focus:after,div.datedropper .pick:hover:after,div.datedropper .picker{border-radius:6px!important;border-radius:var(--dd-radius)!important;}
div.datedropper .picker-jumped-years{border-bottom-left-radius:6px!important;border-bottom-right-radius:var(--dd-radius)!important;}

div.datedropper .pick-dir div,div.datedropper .pick-lg-b .pick-sl:before,
div.datedropper .pick-lg-h,
div.datedropper .pick-submit,
div.datedropper .pick-today:before,
div.datedropper:not(.picker-clean) .pick:first-of-type,
div.datedropper:not(.picker-clean):before{background-color:#fd4741!important;background-color:var(--dd-color1)!important;}

/* 週末 */
div.datedropper .pick-btn,div.datedropper .pick-lg-b .pick-wke,
/*div.datedropper .pick-lg-b li:not(.pick-sl):not(.pick-h):hover:after,*/
div.datedropper .pick-today:after,
div.datedropper .pick-y.pick-jump,
div.datedropper .picker+div,
div.datedropper .pick li span { color: red; /*color: #fd4741 !important; color: var(--dd-color1) !important;*/ }
div.datedropper .pick-lg-b li:not(.pick-sl):not(.pick-h):hover:after { color: var(--dd-color1) !important; }
/* 今日 */
div.datedropper .pick-today:after {
	font-weight: 900; color: rgba(117, 155, 0, 1) !important; -webkit-transform: scale(1.2); transform: scale(1.2);
}

div.datedropper .pick-btn,div.datedropper .pick-btn:hover,
div.datedropper .pick-l,div.datedropper .pick-lg-b li:not(.pick-sl):not(.pick-h):hover:before,
div.datedropper .picker,
div.datedropper .picker-jumped-years,div.datedropper:before{background-color:white!important;background-color:var(--dd-color2)!important;}

div.datedropper .pick-arw,div.datedropper .pick-l,div.datedropper .picker{color:#4D4D4D!important;color:var(--dd-color3)!important;}
div.datedropper .pick-lg-b .pick-sl:after,
div.datedropper .pick-lg-h,div.datedropper .pick-submit,
div.datedropper:not(.picker-clean) .pick:first-of-type,
div.datedropper:not(.picker-clean) .pick:first-of-type *{color:white!important;color:var(--dd-color4)!important;}