html, body {
	font-family:微軟正黑體,"Helvetica Neue",Arial,"Heiti TC","LiHei Pro","Microsoft Jhenghei","Microsoft YaHei",sans-serif;
  margin:0; padding:0;
  overflow-y: scroll;
}
  
body::-webkit-scrollbar { width:6px; }
body::-webkit-scrollbar-track { background: #D9D9D9; }
body::-webkit-scrollbar-thumb { background: #B5B6B6; }
body::-webkit-scrollbar-thumb:hover { background: #B5B6B6; }

.ui-page {
	margin: 0 auto;
	padding:0;
	background-color:#F8F9FA;
	border:none;
}

.ui-header {
	margin: 0 auto;
	padding:0;
	border:none;
	height:40px; 
}

.ui-content {
	margin: 0 auto;
	padding:0px;
	border:none;
	overflow: hidden;
}

.ui-footer {
	margin: 0 auto;
	padding:0;
	border:none;
}

.ui-focus,
.ui-input-text:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.ui-btn,
.ui-btn-active {
    box-shadow: none !important; /* 去除陰影 */
}

@media screen and (min-width: 900px) {
	.ui-header, .ui-content, .ui-footer {
		max-width: 900px;
	}
}

#idMain { padding:0px; }

#idHeader { height:40px; color:#FFFFFF; font-weight:600; }
#idHeader .ui-btn { outline: none; border: none; }
#idHeader .ui-btn,
#idHeader .ui-btn:hover,
#idHeader .ui-btn:active,
#idHeader .ui-btn:focus,
#idHeader .ui-btn:visited,
#idHeader .ui-btn-active {
    background-color: transparent !important; /* 背景色透明 */
    border: none !important; /* 去除邊框 */
    color: inherit !important; /* 使用繼承的文本顏色 */
    box-shadow: none !important; /* 去除陰影 */
    outline: none !important; /* 去除外框 */
}
#idHeader .grid-item-title  { width:calc(100% - 57px); display: inline-block; text-align: left; margin:0; padding:5px 0px 0px 15px; vertical-align:middle; }
#idHeader .grid-item-room   { width:32px; height:40px; display: inline-block; text-align: center; margin:0px; padding:0px; vertical-align:middle; }

#idHeader .grid-item-return { width: 32px; display: inline-block; text-align: center; margin:0px; padding-top:2px; padding-left:5px; vertical-align:middle; border:0px solid #FFF; }
#idHeader .grid-item-search { width:calc(100% - 120px); display: inline-block; text-align: center; margin:0px; padding:0px; }
#idHeader .grid-item-cart { width: 32px; display: inline-block; text-align: center; margin:0px; padding-top:2px; padding-left:0px; vertical-align:middle; border:0px solid #FFF; }
#idHeader .grid-item-room { width: 32px; display: inline-block; text-align: center; margin:0px; padding-top:2px; padding-left:0px; vertical-align:middle; border:0px solid #FFF; }

#idHeaderSellerGaga { height:40px; background-color:#FEE4C1; }
#idHeaderSellerGaga .ui-btn { outline: none; border: none; }
#idHeaderSellerGaga .ui-btn,
#idHeaderSellerGaga .ui-btn:hover,
#idHeaderSellerGaga .ui-btn:active,
#idHeaderSellerGaga .ui-btn:focus,
#idHeaderSellerGaga .ui-btn:visited,
#idHeaderSellerGaga .ui-btn-active {
	background-color: transparent !important;
	border: none !important;
	color: inherit !important;
	box-shadow: none !important;
}
#idHeaderSellerGaga .grid-item-title  { display: inline-block; text-align: left; margin:0; padding-top:5px; vertical-align:middle; color:#777; text-shadow: 1px 1px 3px #FFF; }
#idHeaderSellerGaga .grid-item-return { width:32px; height:40px; display: inline-block; text-align: center; margin:0px; padding:0px; vertical-align:middle; }
#idHeaderSellerGaga .grid-item-bars   { width:50px; height:40px; display: inline-block; text-align: center; margin:0px; padding:0px; vertical-align:middle; }



#idHeaderSellerGagaM { height:40px; background-color:#F8F9FA; color:#4169E1; }
#idHeaderSellerGagaM .ui-btn { outline: none; border: none; }
#idHeaderSellerGagaM .ui-btn,
#idHeaderSellerGagaM .ui-btn:hover,
#idHeaderSellerGagaM .ui-btn:active,
#idHeaderSellerGagaM .ui-btn:focus,
#idHeaderSellerGagaM .ui-btn:visited,
#idHeaderSellerGagaM .ui-btn-active {
	background-color: transparent !important;
	border: none !important;
	color: inherit !important;
	box-shadow: none !important;
}
#idHeaderSellerGagaM .grid-item-title  { display: inline-block; text-align: left; margin:0; padding-top:5px; vertical-align:middle; color:#777; text-shadow: 1px 1px 3px #FFF; font-size:15px; color:#4169E1; }
#idHeaderSellerGagaM .grid-item-return { width:32px; height:40px; display: inline-block; text-align: center; margin:0px; padding:0px; vertical-align:middle; }
#idHeaderSellerGagaM .grid-item-bars   { width:50px; height:40px; display: inline-block; text-align: center; margin:0px; padding:0px; vertical-align:middle; }





#idHeaderSeller { height:80px; background-color:#FEE4C1; }
#idHeaderSeller .ui-btn { outline: none; border: none; }
#idHeaderSeller .ui-btn,
#idHeaderSeller .ui-btn:hover,
#idHeaderSeller .ui-btn:active,
#idHeaderSeller .ui-btn:focus,
#idHeaderSeller .ui-btn:visited,
#idHeaderSeller .ui-btn-active {
	background-color: transparent !important;
	border: none !important;
	color: inherit !important;
	box-shadow: none !important;
}
#idHeaderSeller .grid-item-title-v25  { width:calc(100% - 79px); display: inline-block; text-align: left; margin:0; padding-top:5px; vertical-align:middle; color:#777; text-shadow: 1px 1px 3px #FFF; }
#idHeaderSeller .grid-item-title  { width:calc(100% - 79px); display: inline-block; text-align: left; margin:0; padding-top:5px; vertical-align:middle; }
#idHeaderSeller .grid-item-return { width:50px; height:40px; display: inline-block; text-align: center; margin:0px; padding:0px; vertical-align:middle; }
#idHeaderSeller .grid-item-room   { width:32px; height:40px; display: inline-block; text-align: center; margin:0px; padding:0px; vertical-align:middle; }

#idHeaderLayout { height:40px; background-color:#FEE4C1; }
#idHeaderLayout .ui-btn { outline: none; border: none; }
#idHeaderLayout .ui-btn,
#idHeaderLayout .ui-btn:hover,
#idHeaderLayout .ui-btn:active,
#idHeaderLayout .ui-btn:focus,
#idHeaderLayout .ui-btn:visited,
#idHeaderLayout .ui-btn-active {
	background-color: transparent !important;
	border: none !important;
	color: inherit !important;
	box-shadow: none !important;
}
#idHeaderLayout .grid-item-title  { width:calc(100% - 79px); display: inline-block; text-align: left; margin:0; padding-top:5px; vertical-align:middle; color:#777; text-shadow:1px 1px 3px #FFF; }
#idHeaderLayout .grid-item-return { width:50px; height:40px; display: inline-block; text-align: center; margin:0px; padding:0px; vertical-align:middle; }


#idPageContent {
	padding:0px 8px 0px 5px;
}

#idFooter { border-top: 1px solid #DADCE0; width: 100%; box-sizing: border-box; }
#idFooter .ui-navbar { width: 100%;	padding: 0; margin: 0; box-sizing: border-box; }
#idFooter .ui-navbar ul { display: flex; justify-content: space-between; padding: 0; margin: 0; }
#idFooter .ui-navbar ul li { flex-grow: 1; text-align: center; }
#idFooter .ui-btn { width: 100%; border: none; outline: none; box-sizing: border-box; }
#idFooters { background-color:#FFFFFF; }

.css_table { display:table; }
.css_tr { display: table-row; }
.css_td { display: table-cell; }

.cssFuncTitle { font-size:15px; color:#666666; padding:2px 0 2px 8px; }
.cssFuncArea  { height:76px; padding:3px 1px 1px 1px; border:1px solid #CCCCCC; border-radius:6px; background-color:#FFFFFF; margin:10px 0; }
.cssFuncAreaA { padding:3px 0px 5px 0px; border:1px solid #CCCCCC; border-radius:6px; background-color:#FFFFFF; margin:10px 0; }
.cssFuncAreaB { padding:3px 0px 5px 0px; border:1px solid #CCCCCC; border-radius:6px; background-color:#FFFFFF; margin:10px 0; }
.cssFuncAreaC { display:inline-block; white-space:nowrap; padding:6px 15px 7px 10px; margin:0px; vertical-align:top; border:1px solid #DADCE0; border-radius:5px; background-color:#FFFFFF; }
.cssFuncAreaD { padding:4px 4px 4px 0px; border:1px solid #CCCCCC; border-radius:6px; background-color:#FFFFFF; margin:10px 0; }

.cssFuncAreaHeader { margin:5px 5px 0 5px; padding:4px 5px 4px 5px; background-color:#8FD4B2; font-size:15px; font-weight:600; color:#FFFFFF; text-shadow:0px 0px #CCC; border-radius:8px; }
.cssFuncAreaMain { padding:0px 0px 5px 0px; border:1px solid #CCCCCC; border-radius:6px; background-color:#FFFFFF; margin:10px 0; }

.cssPageTitle { font-size:12px; font-weight:600; color:#666666; text-shadow:1px 1px #FFFFFF;
	              margin:10px 0px; padding-left:6px; border-bottom:1px solid #DADCE0; }

.cssBlockArea { 
	color:#555555;
	background-color:#FFFFFF; 
	border:1px solid #DADCE0; 
	border-radius:6px; 
	margin-bottom:2px; 
	padding:6px; }
	
#idPageFunctionArea {
	padding:13px 0 0 10px;
	background-color:#FFFFFF;
	border-bottom:1px solid #E5ECF9;
}
#idPageFunctionArea .cssTablePgm { display: table; table-layout:fixed; word-wrap:break-word; word-break;break-all; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTR { display:table-row; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CN { display:table-cell; min-width:80px; padding:6px 3px 0px 3px; text-align:center; border-bottom:2px solid #FFFFFF; text-shadow:1px 1px #FFFFFF; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CN:hover { border-bottom:2px solid #4169E1; color:#4169E1;  }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CU { display:table-cell; min-width:80px; padding:6px 3px 0px 3px; text-align:center; border-bottom:2px solid #FFFFFF; text-shadow:1px 1px #FFFFFF; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CD { display:table-cell; min-width:80px; padding:6px 3px 0px 3px; text-align:center; border-bottom:2px solid #FFFFFF; color:#CCCCCC; text-shadow:1px 1px #FFFFFF; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CH { display:table-cell; min-width:80px; padding:6px 3px 0px 3px; text-align:center; border-bottom:2px solid #4169E1; color:#4169E1; text-shadow:1px 1px #FFFFFF; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CF { display:table-cell; padding:5px 3px 1px 3px; text-align:left; border-bottom:2px solid #FFFFFF; text-shadow:1px 1px #FFFFFF; font-size:14px; color:#888888; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CF .ui-icon { background-image: url(/css/images/ui-icons_888888_256x240.png); }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CR { display:table-cell; width:auto; }
#idPageFunctionArea .cssFunctionFontStyleTAB { font-size:14px; color:#666666; }
#idPageFunctionArea .cssFunctionFontStylePGM { font-size:14px; color:#4169E1; }
#idPageFunctionArea .cssFunctionFontStylePGMb { font-size:14px; color:#888888; }
#idPageFunctionArea a.cssMenuPgmLink:link    { font-size:14px; color:#888888; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
#idPageFunctionArea a.cssMenuPgmLink:visited { font-size:14px; color:#888888; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
#idPageFunctionArea a.cssMenuPgmLink:hover   { font-size:14px; color:#4169E1; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
#idPageFunctionArea a.cssMenuPgmLink:active  { font-size:14px; color:#888888; text-decoration: none; text-shadow:1px 1px #FFFFFF; }		

#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CA { display:table-cell; width:90px; padding:6px 3px 0px 3px; text-align:center; border-bottom:2px solid #FFFFFF; text-shadow:1px 1px #FFFFFF; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CA:hover { border-bottom:2px solid #4169E1; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CA:hover a.cssMenuPgmLink { color: #4169E1 !important; }
#idPageFunctionArea .cssTablePgm .cssTablePgmTD_CB { display:table-cell; width:90px; padding:6px 3px 0px 3px; text-align:center; border-bottom:2px solid #4169E1; color:#4169E1; text-shadow:1px 1px #FFFFFF; }

.cssBlockTitle { font-size:16px; font-weight:600; color:#666666; margin:10px 10px 15px 12px; }
.cssBlockButton { margin:0px 10px 0px 10px; padding:5px; border-top:1px solid #DADCE0; }
.cssBlockContent { font-size:15px; color:#4169E1; padding:2px 10px 2px 25px; }
.cssBlockLine { margin:1px 10px 0px 10px; padding:0px; border-top:1px solid #DADCE0; height:1px; }
.cssBlockIMG { border-radius:6px; width:100%; }
.cssStoreLogoIMG { border-radius:5px; width:100%; max-width:300px; }
.cssStoreFirstIMG { border-radius:6px; width:100%; max-width:900px; }
.cssStoreProdIMG { border-radius:6px; width:100%; max-width:150px;}


.cssNoDataMSG { margin:20px; padding:10px; border:1px solid #CCCCCC; color:#4169E1; border-radius:6px; font-size:12px; background-color:#FFFFFF; text-align:center; }