/*
:root { --ph-color: #9aa4b2; }
input::placeholder,
textarea::placeholder,
.form-control::placeholder {
	color: var(--ph-color) !important;
	opacity: 1;
}
@media (prefers-color-scheme: dark){
	:root { --ph-color: #b6b6b6; }
}
*/

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
		.navbar {
			--globalnav-backdrop-filter: saturate(180%) blur(20px);
			--globalnav-background: rgba(250, 250, 252, .8);
		}
		.floating-box {
			--globalnav-backdrop-filter: saturate(180%) blur(20px);
			--globalnav-background: rgba(250, 250, 252, .7);
		}
}

.navbar {
	--fn-bg-opacity: .90;
	-webkit-backdrop-filter: var(--globalnav-backdrop-filter);
	backdrop-filter: var(--globalnav-backdrop-filter);
}

.main-wrapper {
	/*overflow-x: hidden;*/
}

.text-shadow {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.div-shadow {
	box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* X位移 Y位移 模糊 顏色 */
	border-radius: 8px; /* 可加上圓角 */
}

/* 20250817 for shop,order top menu */
#TopSetSelector a {text-decoration: none; color: #888;}
#TopSetSelector a:hover {text-decoration: none; color: #27f;}
.w196 {width: 196px !important;}
.order_top_bar_outer {
	background-image: linear-gradient(#ffffff 0%, #d6d6d6 100%);
	position: relative;
	top: -1em;
	padding: 6px 0;
	margin-bottom: 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	z-index: 3;
}
.order_top_bar {
	background-image: linear-gradient(#4d5563 0%, #2b2d31 100%);
	background-color: #4d5563;
	color: #fff;
	text-shadow: 0 1px 4px #000;
	box-shadow: inset 0 2px 4px #181c20;
}
.order_top_bar ul strong, .ss {
	color: #ffaa1d; font-weight: bold;
}
.menubg_on {
	background-image: linear-gradient(#383c42 0%, #4d5563 100%);
	background-color: #4c5361;	
	z-index: 7;
}
.menubg_on h6 {
	opacity: 1;
	color: white !important;
	text-shadow: 0 1px 3px #000;
}
#shop-bar-spec-list h5 {
	font-size: 1.05rem; font-weight: 400;
}
#shop-bar-spec-list li {
	font-size: 0.77rem; font-weight: 300;
}
.fs-price {font-family: Helvetica;}
.shop-price {font-size: 1.8rem;}

@media (max-width: 768px){
	#shop-bar-spec-list h5 {
		font-size: 1.15rem;
	}
	#shop-bar-spec-list li {
		font-size: 0.8rem;
	}
	#navbarNav.offcanvas {height: 100vh !important;}
	.shop-price {font-size: 2rem;}
}

#lightbox_complete, #showup_messagebox {
	display: none;
	border-radius: 20px;
	padding: 1.6rem 2rem 1rem 2rem;
	z-index: 1111;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: rgb(0, 0, 0, 0.65);
	color: white;
	text-align: center;
	font-weight: 500;
}
#lightbox_complete i, #showup_messagebox i {
	font-size: 6rem;
}
#lightbox_complete h5, #showup_messagebox h5 {
	color: #fff;
	margin-top: 0.8rem;
	font-size: 1.2rem;
	font-weight: 400;
}

/* 整體 scrollbar 軌道 */
::-webkit-scrollbar {
	width: 4px;     /* 垂直 scrollbar 寬度 */
	height: 4px;    /* 水平 scrollbar 高度 */
}

/* scrollbar 軌道背景 */
::-webkit-scrollbar-track {
	background: transparent;
}

/* scrollbar 拖曳條 */
::-webkit-scrollbar-thumb {
	background-color: rgba(100, 100, 100, 0.4);
	border-radius: 3px;
}

/* 滑鼠 hover 時 */
::-webkit-scrollbar-thumb:hover {
	background-color: rgba(80, 80, 80, 0.6);
}