@charset "utf-8";

/*
umebnb 目前顏色
連結 color: rgba(2, 119, 189, .85); 水藍再深一點


*/

a { color: rgba(69, 69, 69, .95); } a:link { color: rgba(69, 69, 69, .95); }
a:visited { color: rgba(1, 66, 105, .95); } a:hover { color: rgba(2, 133, 210, .95); }
a:active { color: rgba(18, 100, 237, .95); } a:focus { color: rgba(25, 135, 165, .95); }

/* avtive -> hover rgba(130, 119, 23, .95) 檸檬綠 */

/*============================================================================*/
section { margin: 20px auto; }

section[data-sorder="0"],
section[data-sorder="1"],
section:nth-child(1),
section:first-child { margin: 0 auto 20px auto !important; }

section:last-child { margin: 20px auto 0 auto !important; }

@media screen and (min-width: 1px) and (max-width: 479px) {
	section:last-child { display: inline-block !important; } /*手機可以顯示最下*/
}

section strong { display: inline-block; /*text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);*/ }

/*-------------------*/
/*--------------------------------------*/
/*----------------------------------------------------------------------------*/
/*============================================================================*/

section header.st-title { display: inline-block; margin: 30px 0; padding: 0 10px; width: 100%; }
section header.st-title strong { width: 100%; font-size: 20px; color: rgba(28, 28, 28, .85); text-shadow: none; }

@media screen and (min-width: 1px) and (max-width: 479px) {
	section header.st-title { margin: 20px 0; text-align: center !important; }
}

@media screen and (min-width: 1px) and (max-width: 1023px) {
	section { width: 100% !important; min-width: 100% !important; max-width: 100% !important; }
}
/*============================================================================*/
/*fix*/
/*
.swiper-slide-shadow-coverflow,
.swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)) !important; }
*/
/*============================================================================*/
/* 每頁都有 右邊 浮動 捲軸 回到頂部 導航 */
menu.package-follownav {
	z-index: 99; position: fixed; bottom: 10px; right: 10px;
	-webkit-animation: FollowNavJumpIn 2500ms ease-in, fadeIn 3500ms; animation: FollowNavJumpIn 2500ms ease-in, fadeIn 3500ms;
}

menu.package-follownav .follownav-main {
	width: 36px; height: 235px;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 20px;
	box-shadow: -1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .35) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0 ,0, .35);
	-webkit-transition: background-color 300ms linear, box-shadow 300ms linear; transition: background-color 300ms linear, box-shadow 300ms linear;
}

menu.package-follownav .follownav-main:hover {
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0 ,0, .5);
}

menu.package-follownav .follownav-main ul { padding: 5px 0 0 0; }

menu.package-follownav .follownav-main ul li {
	display: flex; justify-content: space-around; align-items: center; align-content: center; position: relative; margin: 5px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .35);
	
}

menu.package-follownav .follownav-main ul li:last-child  { border-bottom: none; }

menu.package-follownav .follownav-main ul li a { display: inline-block; padding: 5px 10px; }

menu.package-follownav .follownav-main ul li a small {
	font-size: 8px; color: rgba(255, 255, 255, .95);
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
}

menu.package-follownav .follownav-main ul li a strong {  }

menu.package-follownav .follownav-main ul li a strong i {
	color: rgba(255, 255, 255, .95); font-size: 14px;
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
}

menu.package-follownav .follownav-main ul li a strong img.bed { -webkit-transform: -webkit-translate(-5px, 0); transform: translate(-5px, 0); }
menu.package-follownav .follownav-main ul li a strong img.building { -webkit-transform: -webkit-translate(0, -2px); transform: translate(0, -2px); }

menu.package-follownav .follownav-main ul li a strong i.member { font-size: 18px; -webkit-transform: -webkit-translate(-2px, -2px); transform: translate(-2px, -2px); }

menu.package-follownav .follownav-main ul li a strong i.share:before,
menu.package-follownav .follownav-main ul li a strong i.return-top:before {
	display: inline-block;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 18px;
}
menu.package-follownav .follownav-main ul li a strong i.share:before { content: '\f064'; font-weight: 900; }

menu.package-follownav .follownav-main ul li a strong i.return-top:before { content: '\f106'; -webkit-transform: -webkit-translate(0, -2px); transform: translate(0, -2px); }
menu.package-follownav .follownav-main ul li a strong i.return-top:hover:before { content: '\f102'; }

@media screen and (min-width: 1px) and (max-width: 679px) {
	menu.package-follownav { display: none; }
}

/*--------------------------------------*/

@keyframes FollowNavJumpIn {
	0%   { bottom: -300px; }
	100%   { bottom: 10px; }
}

@media screen and (min-width: 1px) and (max-width: 1279px) {
	/*menu.package-follownav { bottom: 80px; right: 5px; }*/
	menu.package-follownav .follownav-main { background-color: rgba(0, 0 ,0, .65); }
	/*
	@keyframes FollowNavJumpIn {
		0%   { bottom: -300px; }
		100%   { bottom: 80px; }
	}
	*/
}
/*============================================================================*/
menu.package-followmobnav {
	z-index: 99; position: fixed; bottom: 50px; right: -100px;
	/*-webkit-animation: FollowMobNavJumpIn 2500ms ease-in, fadeIn 3500ms; animation: FollowMobNavJumpIn 2500ms ease-in, fadeIn 3500ms;*/
	
}
menu.package-followmobnav.show { /* 暫時不用 前端 html 標示註解 若是有需要上方的導航 就啟動  */
	right: -100px; /*right: -2px;*/
	-webkit-animation: 500ms normal ease forwards bounceInRight; animation: 500ms normal ease forwards bounceInRight;
}
menu.package-followmobnav.hidden {
	right: -100px;
	-webkit-animation: 500ms normal ease forwards bounceOutRight; animation: 500ms normal ease forwards bounceOutRight;
}
menu.package-followmobnav .followmobnav-main {
	width: 36px; height: 36px;
	border-radius: 8px 0 0 8px;
	border: 1px solid rgba(0, 0, 0, .65);
	box-shadow: 1px -1px 1px 0.1px rgba(255, 255, 255, .65) inset, 0px 1px 1px 0.1px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .65);
}
menu.package-followmobnav .followmobnav-main mark {  }
menu.package-followmobnav .followmobnav-main mark a {  }
menu.package-followmobnav .followmobnav-main mark a strong {
	display: inline-block; width: 100%; height: 100%;
	color: rgba(255, 255, 255, .95); font-size: 14px;
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
}
menu.package-followmobnav .followmobnav-main mark a strong i {
	display: inline-block; padding: 8px 10px;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 18px;
}
menu.package-followmobnav .followmobnav-main mark a strong i.return-top:before { content: '\f106'; /*-webkit-transform: -webkit-translate(0, -2px); transform: translate(0, -2px);*/ }
menu.package-followmobnav .followmobnav-main mark a strong i.return-top:hover:before { content: '\f102'; }


@media screen and (min-width: 680px) and (max-width: 999999px) {
	menu.package-followmobnav { display: none; }
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	menu.package-followmobnav { display: block; }
}

/*--------------------------------------*/
/*
@keyframes FollowMobNavJumpIn {
	0%   { right: -300px; }
	100%   { right: -2px; }
}
*/
/*============================================================================*/
menu.package-tbnav { z-index: 99; position: fixed; }
menu.package-tbnav.sitetop { /*上方*/
	top: -100px; /* top: 0; 暫時不用*/
	-webkit-animation: 500ms normal ease forwards bounceInDown; animation: 500ms normal ease forwards bounceInDown;
}
menu.package-tbnav.sitebottom { /*下方*/
	bottom: 0;
	-webkit-animation: 500ms normal ease forwards bounceInUp; animation: 500ms normal ease forwards bounceInUp;
}

menu.package-tbnav .tbnav-main {  }

menu.package-tbnav .tbnav-main ul {
	display: flex; justify-content: space-between; width: 100vw; height: 40px;
	border: 1px solid rgba(0, 0, 0, .65);
	box-shadow: 1px 1px 3px 0.1px rgba(255, 255, 255, .65) inset, -1px -1px 12px rgba(0, 0, 0, .65);
	background-color: rgba(0, 0, 0, .65);
}

menu.package-tbnav .tbnav-main ul li { display: inline-block; width: 100%; text-align: center; border-right: 1px solid rgba(255, 255, 255, .35); }
menu.package-tbnav .tbnav-main ul li:last-child { border-right: none; }

menu.package-tbnav .tbnav-main ul li a { display: inline-block; width: 100%; }

menu.package-tbnav .tbnav-main ul li a strong { display: inline-block; width: 100%; }

menu.package-tbnav .tbnav-main ul li a strong img.r { padding: 8px 10px 0 0; }
menu.package-tbnav .tbnav-main ul li a strong img.b { padding: 5px 10px 0 0; }

menu.package-tbnav .tbnav-main ul li a strong i {
	display: inline-block; padding: 10px;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 18px; color: rgba(255, 255, 255, .85);
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
}
menu.package-tbnav .tbnav-main ul li a strong i.member:before { content: '\f013'; font-weight: 900; }
menu.package-tbnav .tbnav-main ul li a strong i.share:before { content: '\f064'; font-weight: 900; }
menu.package-tbnav .tbnav-main ul li a strong i.arrow:before { content: '\f106'; font-weight: 900; }

menu.package-tbnav .tbnav-main ul li a strong small {
	display: inline-block; padding: 12px 0 0 0; vertical-align: top;
	font-size: 12px; color: rgba(255, 255, 255, .85);
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
}

@media screen and (min-width: 680px) and (max-width: 999999px) {
	menu.package-tbnav { display: none; }
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	menu.package-tbnav { display: block; }
}

/*============================================================================*/
/* navigation */
/*----------------------------------------------------------------------------*/










/*============================================================================*/
/* 共同按鈕 */
/*
<a class="cbtn cpaper-raise">
<a class="cbtn cpaper cpaper-raise-flatten">
<a class="cbtn cpaper cpaper-raise">
<a class="cbtn cpaper-lift">
<a class="cbtn cpaper-flatten">
<a class="cbtn cpaper cpaper-curl-right">
<a class="cbtn cpaper cpaper-curl-right-side">
<a class="cbtn cpaper cpaper-curl">
*/
/* Base Button Style */
.cbtn {
	display: block; position: relative; margin: 20px auto; padding: 10px; width: 250px; text-align: center;
	border: 1px solid rgba(0, 0, 0, .35);
	background-color: rgba(255, 255, 255, .95);
	color: rgba(69, 69, 69, .85);
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transform-style: flat; transform-style: flat;
	transition: all 250ms ease-out;
}
.cbtn:before,
.cbtn:after {
	content: '';
	z-index: -2; position: absolute;
	-webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;
}
/* Paper effect – slightly raised off background */
.cpaper {
	border-color: rgba(212, 212, 212, .65);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .35), 0 0 40px rgba(128, 128, 128, .15) inset;
}
/* Raised effect – pushes up on hover */
.cpaper-raise:before { top: 0; left: 0; width: 100%; height: 100%; }
.cpaper-raise:hover { border: 1px solid rgba(255, 255, 255, .95); }
.cpaper-raise:hover:before { box-shadow: 0 15px 10px -10px rgba(30, 30, 30, .65); }

.cpaper-raise-flatten { border-color: rgba(255, 255, 255, .95); box-shadow: none; }
.cpaper-raise-flatten:before { top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 15px 10px -10px rgba(30, 30, 30, .65); }
.cpaper-raise-flatten:hover { border-color: rgba(212, 212, 212, .65); }
.cpaper-raise-flatten:hover:before { box-shadow: 0 1px 4px rgba(0, 0, 0, .35), 0 0 40px rgba(128, 128, 128, .15) inset; }

/* Lift effect – lifts sides on hover */
.cpaper-lift:before,
.cpaper-lift:after { bottom: 15px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; box-shadow: 0 10px 10px rgba(30, 30, 30, .65); }
.cpaper-lift:before { left: 8px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }
.cpaper-lift:after { right: 8px; -webkit-transform: rotate(3deg); transform: rotate(3deg); }
.cpaper-lift:hover { border-color: transparent; }
.cpaper-lift:hover:before,
.cpaper-lift:hover:after { box-shadow: 0 15px 12px rgba(30, 30, 30, 0.85); }
.cpaper-lift:hover:before { left: 10px; }
.cpaper-lift:hover:after { right: 10px; }

/* Flatten effect – flattens sides on hover */
.cpaper-flatten { border: 1px solid transparent; }
.cpaper-flatten:before,
.cpaper-flatten:after { bottom: 15px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; box-shadow: 0 15px 12px rgba(30, 30, 30, .65); }
.cpaper-flatten:before { left: 10px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }
.cpaper-flatten:after { right: 10px; -webkit-transform: rotate(3deg); transform: rotate(3deg); }
.cpaper-flatten:hover { border-color: rgba(200, 200, 200, .85); }
.cpaper-flatten:hover:before,
.cpaper-flatten:hover:after { box-shadow: 0 8px 8px rgba(30, 30, 30, .5); transition: box-shadow 600ms ease-out, left 200ms, right 200ms; }
.cpaper-flatten:hover:before { left: 5px; }
.cpaper-flatten:hover:after { right: 5px; }

/* Curl effects – curls corners on hover */
.cpaper-curl:before,
.cpaper-curl:after,
.cpaper-curl-right:before,
.cpaper-curl-right:after { bottom: 12px; width: 50%; height: 55%; max-width: 200px; max-height: 100px; box-shadow: 1px 8px 12px rgba(30, 30, 30, .65); }
.cpaper-curl:before,
.cpaper-curl-right:before { left: 10px; }
.cpaper-curl:after,
.cpaper-curl-right:after { right: 10px; }
.cpaper-curl:hover:before,
.cpaper-curl:hover:after,
.cpaper-curl-right:hover:before,
.cpaper-curl-right:hover:after { box-shadow: 1px 8px 12px rgba(30, 30, 30, .85); }
.cpaper-curl:hover:before,
.cpaper-curl-right:hover:before { transform: skew(-8deg) rotate(-3deg); }
.cpaper-curl:hover:after,
.cpaper-curl-right:hover:after { transform: skew(8deg) rotate(3deg); }
.cpaper-curl:hover { border-radius: 0 0 40% 40%/0 0 30% 30%; }
.cpaper-curl-right:before { display: none; }
.cpaper-curl-right:hover { border-radius: 0 0 40% 0/0 0 30% 0; }

/* Curl effects – curls right hand side on hover */
.cpaper-curl-right-side:before,
.cpaper-curl-right-side:after { right: 10px; width: 50%; height: 55%; max-width: 200px; max-height: 100px; }
.cpaper-curl-right-side:before { top: 12px; box-shadow: 1px -4px 12px rgba(30, 30, 30, .65); }
.cpaper-curl-right-side:after { bottom: 12px; box-shadow: 1px 4px 12px rgba(30, 30, 30, .65); }
.cpaper-curl-right-side:hover { right: 0; border-radius: 0 3% 3% 0/0% 50% 50% 0; }
.cpaper-curl-right-side:hover:before { box-shadow: 10px -4px 12px rgba(30, 30, 30, .85); transform: skew(-8deg) rotate(-3deg); }
.cpaper-curl-right-side:hover:after { box-shadow: 10px 4px 12px rgba(30, 30, 30, .85); transform: skew(8deg) rotate(3deg); }

/*============================================================================*/
@media screen and (min-width: 1px) and (max-width: 679px) {
	#jPowerTip,
	#jPowerTip.n:before, #jPowerTip.e:before, #jPowerTip.s:before, #jPowerTip.w:before,
	#jPowerTip.ne:before, #jPowerTip.nw:before, #jPowerTip.se:before, #jPowerTip.sw:before { display: none; visibility: hidden; }
}
/*============================================================================*/
input.common-rc {
	-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
	z-index: 10; display: inline-block; position: relative;
	border: 1px solid rgba(1, 66, 105, .35);
	box-shadow: -1px -1px 0px 0.1px rgba(255, 255, 255, .35) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .35) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35);
	cursor: pointer;
	transition: all 300ms ease-out 0ms;
}
input.common-rc:hover { background-color: rgba(1, 140, 190, .35); }
input.common-rc:checked {
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .35) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35);
	background-color: rgba(212, 225, 87, .85);
}
input.common-rc:checked::before {
	content: '\f00c';
	display: flex; justify-content: center; align-items: center; position: absolute; width: 20px; height: 20px;
	font-family:'Font Awesome 6 Pro'; font-size: 24px; font-weight: 500; color: #fff;
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
}
input.common-rc:checked::after {
	content: '';
	z-index: 1; display: block; position: relative;
	background-color: rgba(212, 225, 87, .85);
}
/* 方 */
input.common-rc.s { width: 23px; height: 23px; }
input.common-rc.s { border-radius: 3px; }
input.common-rc.s:checked::before { top: 0; left: 6px; }
input.common-rc.s:checked::after { -webkit-animation: atn-common-check-radio-click-wave-square 650ms; animation: atn-common-check-radio-click-wave-square 650ms; }
/* 圓 */
input.common-rc.c { width: 25px; height: 25px; }
input.common-rc.c:hover {
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px 0px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, -1px 0px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35);
}
input.common-rc.c { border-radius: 100%; }
input.common-rc.c:checked::before { top: 0; left: 8px; }
input.common-rc.c:checked::after { -webkit-animation: atn-common-check-radio-click-wave-circle 650ms; animation: atn-common-check-radio-click-wave-circle 650ms; }
/* check radio animation */
@keyframes atn-common-check-radio-click-wave-square { /* 方 */
	0% { position: relative; width: 20px; height: 20px; opacity: .35; }
	100% { margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; opacity: 0; }
}
@keyframes atn-common-check-radio-click-wave-circle { /* 圓 */
	0% { position: relative; width: 20px; height: 20px; opacity: .35; }
	100% { margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; border-radius: 100%; opacity: 0; }
}
/*============================================================================*/
/* accordion */
/*============================================================================*/


.caccordion .acc-item { border-bottom: 1px solid rgba(2, 119, 189, .35); } /* 未展開 */
.caccordion .acc-item button[aria-accordion-expanded=true] { border-bottom: 1px dotted rgba(2, 119, 189, .65); } /* 展開 */
.caccordion .acc-item button {
	display: block; position: relative; padding: 10px; width: 100%; text-align: left;
	color: rgba(69, 69, 69, .85); font-size: 16px;
}

.caccordion .acc-item button:hover,
.caccordion .acc-item button:focus { color: rgba(2, 133, 210, .95); cursor: pointer; }

.caccordion .acc-item button[aria-accordion-expanded=true] { color: rgba(18, 100, 237, .95); }

.caccordion .acc-item button:hover::after,
.caccordion .acc-item button:focus::after {  }

.caccordion .acc-item button .acc-title { padding: 10px; }
.caccordion .acc-item button .acc-title {  }

.caccordion .acc-item button .acc-title i { padding: 0 10px 0 0; }

.caccordion .acc-item button .acc-ico {  }

.caccordion .acc-item button .acc-ico:before {
	position: absolute; top: 10px; right: 20px;
	content: '\f0d7';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-size: 18px;
	-webkit-transform: rotate(0deg); transform: rotate(0deg);
	-webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease;
}
.caccordion .acc-item button.open .acc-ico:before {
	-webkit-transform: rotate(180deg); transform: rotate(180deg);
}

.caccordion .acc-item button.open + .acc-contents {
	opacity: 1;
	height: 100%; max-height: 100%;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
	will-change: opacity, max-height;
}


.caccordion .acc-item .acc-contents {
	opacity: 0;
	height: 0; max-height: 0;
	overflow: hidden;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
	will-change: opacity, max-height;
}

/*============================================================================*/
/* 圓圈 水波紋 */
/*
<mark><span class="cpoint-ico animate-cpoint-init animate-cpoint-wave"></span></mark>
mark span.cpoint-ico,
mark span.cpoint-ico::before,
mark span.cpoint-ico::after { width: 100px; height: 100px; }
*/
/*============================================================================*/
.cpoint-ico,
.cpoint-ico::before,
.cpoint-ico::after {
	position: absolute; top: 0; left: 0; /*margin-top: -30px; margin-left: -30px;*/ width: 60px; height: 60px; vertical-align: middle;
	border-radius: 100%;
	background: rgba(255, 255, 255, 1);
}

.animate-cpoint-init {
	animation-duration: 1s;
	animation-name: ant-bounce-init;
	animation-timing-function: ease-in-out(0.42, 0, 0.58, 1);
}
.animate-cpoint-wave::before {
	content: '';
	animation: ant-bounce-wave 1.5s infinite;
}
.animate-cpoint-wave::after {
	content: '';
	animation: ant-bounce-wave 1.5s -0.4s infinite;
}

@keyframes ant-bounce-wave {
	0% { opacity: 1; transform: scale(0.8); }
	100% { opacity: 0; transform: scale(2); }
}

@keyframes ant-bounce-init {
	0% { opacity: 1; transform: scale(0.8); }
	50% { opacity: 1; transform: scale(2); }
	100% { opacity: 1; transform: scale(1); }
}





/*============================================================================*/
/* layer 自訂義 */
/*============================================================================*/
/*----------------------------------------------------------------------------*/
/*以下是 標題 + 內容 + 確定*/
/*有 用於 以下
工作列 連續點兩下*/
.layui-layer.jMDSLaySkin {
	border: 1px solid rgba(0, 0, 0, .85); border-radius: 6px;
	box-shadow: 3px 3px 10px 0px rgba(255, 255, 255, .95) inset, 0 0 5px rgba(0, 0, 0, .15);
	color: rgba(255, 255, 255, .85);
	background: rgba(0, 0, 0, .35); background-color: rgba(0, 0, 0, .35);
	overflow: hidden;
}
.layui-layer.jMDSLaySkinNoBorder { border: none; box-shadow: none; background: transparent; background-color: transparent; }
.layui-layer.jMDSLaySkin .layui-layer-title {
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	color: rgba(255, 255, 255, .85); font-size: 18px;
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
	background: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
}
/* 內容 */
.layui-layer.jMDSLaySkinNoBorder .layui-layer-content,
.layui-layer.jMDSLaySkin .layui-layer-content {
	/*height: calc(100% - 50px); padding: 20px;*/ line-height: 24px;
	font-size: 14px;
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
	
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last: justify; /*Firefox*/
	-webkit-text-align-last: justify; /*Chrome*/
	
}
.layui-layer.jMDSLaySkin .layui-layer-content iframe { padding: 20px; }

/* 特別給彈出 search layer */
#jSearchPkLayer iframe { padding: 0; }

@media screen and (min-width: 1px) and (max-width: 479px) {
	.layui-layer.jMDSLaySkinNoBorder .layui-layer-content,
	.layui-layer.jMDSLaySkin .layui-layer-content { padding: 10px; }
}
.layui-layer.jMDSLaySkinNoBorder .layui-layer-content a,
.layui-layer.jMDSLaySkin .layui-layer-content a { color: rgba(255, 255, 255, .85); }
/* x */
.layui-layer.jMDSLaySkin .layui-layer-setwin {  }
.layui-layer.jMDSLaySkin .layui-layer-setwin a {  }
.layui-layer.jMDSLaySkin .layui-layer-setwin .layui-layer-ico { background: none; }
.layui-layer.jMDSLaySkin .layui-layer-setwin .layui-layer-close1 { background-position: 0% 0%; }
.layui-layer.jMDSLaySkin .layui-layer-setwin .layui-layer-close1:after {
	font-family: 'Font Awesome 6 Pro'; content: "\f00d"; font-style: normal; font-weight: 400;
	font-size: 14px; color: rgba(255, 255, 255, .75);
}
/* btn */
.layui-layer.jMDSLaySkin .layui-layer-btn {
	/*
	display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%;
	transform: translate(0, 0);
	*/
}
.layui-layer.jMDSLaySkin .layui-layer-btn a {
	border: 1px solid rgba(0, 0, 0, .35); border-radius: 3px;
}
.layui-layer.jMDSLaySkin .layui-layer-btn a.layui-layer-btn0,
.layui-layer.jMDSLaySkin .layui-layer-btn a.layui-layer-btn1,
.layui-layer.jMDSLaySkin .layui-layer-btn a.layui-layer-btn2 {
	margin: 10px auto; padding: 3px 25px; height: 100%;
	color: rgba(255, 255, 255, .85); font-size: 16px; letter-spacing: 5px;
	border-radius: 30px; box-shadow: -1px -1px 1px 0.5px rgba(255, 255, 255, .65) inset, 0 0 5px rgba(0, 0, 0, .15);
	background: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
	transition: box-shadow .3s ease;
}
.layui-layer.jMDSLaySkin .layui-layer-btn a.layui-layer-btn0:hover,
.layui-layer.jMDSLaySkin .layui-layer-btn a.layui-layer-btn1:hover,
.layui-layer.jMDSLaySkin .layui-layer-btn a.layui-layer-btn2:hover { border-radius: 50px; box-shadow: 1px 1px 1px 0.5px rgba(255, 255, 255, .65) inset, 0 0 5px rgba(0, 0, 0, .15); transition: box-shadow .3s ease; }
/*當點 按鈕 再彈出 訊息框*/
.layui-layer.layui-layer-msg.jMDSLaySkin { border-radius: 18px; box-shadow: -3px -3px 3px -1px rgba(255, 255, 255, .95) inset, 5px 2px 5px 0px rgba(255, 255, 255, .95) inset, 0 0 5px rgba(0, 0, 0, .15); }

/* 主要用於 list 勾選後的操作行為 */
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a {
	border: 1px solid rgba(0 ,0, 0, .65);
	box-shadow: -1px 1px 0px 0px rgba(255, 255, 255, .65) inset, 1px -1px 0px 0px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .15);
}
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a:hover {
	box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, .65) inset, -1px -1px 0px 0px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15);
}

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.del i:before,
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.pub i:before,
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.unpub i:before {
	color: rgba(255, 255, 255, .85);
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
}

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a:hover strong i:before {
	text-shadow: -1px -1px rgba(1, 140, 190, .65), -1px 1px rgba(1, 140, 190, .65), 1px -1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65);
}

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong i:after { background-color: rgba(255, 255, 255, .65); }
/*============================================================================*//*============================================================================*//*============================================================================*/
/* layer 自訂義 幾乎都是 顏色定義 就隨 theme 顏色 整個搬移 不拆 */
/*============================================================================*//*============================================================================*//*============================================================================*/
.layui-layer.jMDSLaySkin {  }
.layui-layer.jMDSLaySkin .layui-layer-title {  }
.layui-layer.jMDSLaySkin .layui-layer-content {  }

/* 主要用於 list 勾選後的操作行為 */
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode {  }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul { display: flex; }
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul.sb { justify-content: space-between; }
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul.ct { justify-content: center; }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li {  }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a {
	display: inline-block; position: relative; padding: 5px 15px;
	border-radius: 6px;
	-webkit-transition: box-shadow 300ms linear, -webkit-transform 300ms ease-in-out;
	transition: box-shadow 300ms linear, transform 300ms ease-in-out;
}
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong {  }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.del i {  }
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.pub i {  }
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.unpub i {  }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.del i:before,
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.pub i:before,
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.unpub i:before {
	display: inline-block; padding: 0 25px 0 0;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 14px;
	-webkit-transition: text-shadow 300ms linear; transition: text-shadow 300ms linear;
}

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.del i:before { content: '\f1f8'; }
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.pub i:before { content: '\f3c2'; }
.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong.unpub i:before { content: '\f30d'; }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a:hover strong i:before {  }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode ul li a strong i:after {
	content: '';
	position: absolute; top: 1px; left: 40px; width: 1px; height: 33px;
}

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode .note {  }

.layui-layer.jMDSLaySkin .layui-layer-content .app-mode .note strong {  }