/*////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////
CssBodyPosition 本頁特別設定
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	body{
		background-color:#EFEFEF;
	}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
購物車相關頁面標題(購物車/訂單...)
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.CssCartRelatePageCaptionContainer{
		padding:0px 1px 1px 0px; /*加padding，邊框陰影才有效*/
		overflow:hidden;
	}
		.CssCartRelatePageCaptionBorder{
			border-radius:2px;
			background-color:#FFFFFF;
			box-shadow:1px 1px #DDDDDD;
			overflow:hidden;
		}
			.CssCartRelatePageCaptionText{
				float:left;
				height:46px;
				line-height:44px;
				font-size:24px;
				font-family: 'Noto Serif TC', serif; /*Google 明體*/
				font-weight:900;
			}
				.CssCartRelatePageCaptionTextName{
					color:#000000;
					padding:0px 0px 0px 10px;
				}
				.CssCartRelatePageCaptionTextLine{
					color:#000000;
					font-size:17px;
					padding:0px 5px 0px 5px;
				}
				.CssCartRelatePageCaptionTextOrder{
					color:#C40000;
				}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
購物車資料(購物車中沒有商品)
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	/*購物車資料根容器(購物車中沒有商品)*/
	#DivCartDataNullContainer{
		overflow:hidden;
	}
		/*購物車中沒有商品文字*/
		#DivCartDataNullText{
			font-size:30px;
			line-height:50px;
			color:#EFEFEF;
			font-family: 'Noto Serif TC', serif; /*Google 明體*/
			font-weight:600;
			text-align:center;
			text-shadow: 1px 1px #FFFFFF, -1px -1px #888888;
			margin-top:30px;
			overflow:hidden;
		}
		/*購物車中沒有商品圖片*/
		#DivCartDataNullIcon{
			text-align:center;
			margin-top:30px;
			overflow:hidden;
		}
		/*前往購物按鈕容器*/
		#DivCartDataNullButtonContainer{
			text-align:center;
			margin:30px 0px;
			overflow:hidden;
		}
			/*前往購物按鈕*/
			.CssCartDataNullButton{
				display:inline-block;
				width:198px;
				height:40px;
				font-size:18px;
				line-height:38px;
				text-align:center;
				border-radius:3px;
				cursor:pointer;
			}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
購物車資料
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	/*購物車資料根容器*/
	#DivCartDataRootContainer{
		margin-top:10px;
		overflow:hidden;
	}
		/*左側商品資料容器*/
		#DivCartDataListContainer{
			float:left;
			width:calc(70% - 5px);
			padding:1px;
			overflow:hidden;
			color:#333333;
		}
			/*購物車出貨供貨商單元區塊*/
			.CssCartSupGroupUnit{
				clear:both;
				border-radius:2px 2px 2px 2px;
				background-color:#FFFFFF;
				box-shadow:1px 1px #CCCCCC;
				margin-bottom:12px;
				overflow:hidden;
			}
				/*購物車出貨供貨商資料列*/
				.CssCartSupDataRow{
					padding:10px 20px 10px 30px;
					overflow:hidden;
					border-bottom:#DDDDDD 1px solid;
					background-color:#BBDDFF;
				}
					/**/
					.CssCartSupDataRow div{
						height:20px;
						float:left;
						margin-right:5px;
					}
					/*複選方塊*/
					.CssCartSupCheckIcon{
						
					}
					/*貨車圖片*/
					.CssCartSupImg{
						width:26px;
						height:20px;
					}
					/*供貨商簡稱*/
					.CssCartSupSna{
						font-size:16px;
						line-height:20px;
					}

				/*購物車商品資料列*/
				.CssCartProDataRow{
					padding:10px 20px 10px 0px;
					overflow:hidden;
				}
				/*購物車商品資料列分隔線*/
				.CssCartProDataLine{
					border-bottom:#DDDDDD 1px solid;
				}
					/*購物車項目單元內區塊*/
					.CssCartProDataBox{
						float:left;
						min-height:100px;
					}
						/*複選方塊*/
						.CssCartDataCheckBox{
							width:80px;
							position:relative;
							cursor:pointer;
						}
							.CssCartDataCheckBox .CssCartCheckIcon{
								width:20px;
								height:20px;
								position:absolute;
								top:50%;
								left:50%;
								transform:translate(-50%,-50%);
							}
								.CssCartCheckAllIcon{

								}
								.CssCartCheckOneIcon{
								}
								.CssCartCheckAllNotIcon{
									color:#DDDDDD;
								}
								.CssCartCheckOneNotIcon{
									color:#DDDDDD;
								}
								.CssCartCheckNotIcon{
									color:#DDDDDD;
								}
								/*未勾選*/
								.fa-square-o{
									font-size:24px;
									color:#999999;
								}
								/*已勾選*/
								.fa-check-square{
									font-size:22px;
									color:#3366FF;
								}
								/*已停用*/
								.fa-square{
									font-size:24px;
									color:#DDDDDD;
								}
							/**/
							.CssCartDataCheckText{
								height:18px;
								position:absolute;
								top:50%;
								left:50%;
								transform:translate(-50%,-50%);
								
								font-size:11px;
								line-height:18px;
								color:#FFFFFF;
								border-radius:9px;
								background-color:#A3A3A3;
								padding:0px 6px;
								white-space:nowrap;
							}
							/*已經刪除*/
							.CssCartProDeleted{
								
							}
							/*已經下架*/
							.CssCartProNotShow{
								
							}
							/*庫存不足*/
							.CssCartProNoStock{
								
							}
						/*商品圖片*/
						.CssCartDataImage{
							width:90px;
							padding:10px 10px 10px 0px;
						}
							/*商品圖片*/
							.CssCartDataImage img{
								width:100%;
							}
						/*商品文字*/
						.CssCartDataText{
							width:calc(100% - 80px - 90px - 120px);
							padding:10px 10px 10px 0px;
						}
							.CssProName{
								color:#333333;
							}
							.CssProName a{
								color:#333333;
								text-decoration:none;
							}
							.CssProName a:hover{
								color:#000000;
								text-decoration:underline;
							}
	/*						.CssProNameLink{
								color:#333333;
								text-decoration:none;
							}
							.CssProNameLink:hover{
								color:#000000;
								text-decoration:underline;
							}*/
							/*商品價格列*/
							.CssProPriceRow{
								clear:both;
								margin-top:5px;
							}
								/*商品價格*/
								.CssProPriceBox{
									float:left;
									font-size:18px;
									line-height:18px;
									color:#C40000;
									font-weight:bold;
									
								}
								/*最小訂購量*/
								.CssProMinQtyBox{
									float:left;
									font-size:14px;
									line-height:16px;
									color:#666666;
									margin-left:20px;
								}
							/*適用運送方式*/
							.CssProDeliveryRow{
								clear:both;
								margin-top:30px;
							}
							.CssProDeliveryBox{
								font-size:14px;
								line-height:16px;
								color:#999999;
							}
						/*其他功能*/
						.CssCartDataFunction{
							width:120px;
							height:100px;
							padding:10px;
						}
							/*數量Icon容器*/
							#DivCartQtyIconContainer{
								width:100px;
								height:40px;
								clear:both;
							}
								.CssCartQtyIconBox{
									float:left;
									height:30px;
									
									background-repeat:no-repeat;
									background-position:center center;
									background-size:22px 22px;
								}
									/*數量(減)Icon*/
									.CssCartQtyMinusIcon{
										width:30px;
										border-radius:2px 0px 0px 2px;
										border:#666666 1px solid;
										border-right:none;
										background-image:url(include_images/Icon/Icon_Minus_003_22x22_666666.png);
										cursor:pointer;
									}
									/*數量(減)Icon(停用)*/
									.CssCartQtyMinusIconDisabled{
										width:30px;
										border-radius:2px 0px 0px 2px;
										border:#DDDDDD 1px solid;
										border-right:none;
										background-image:url(include_images/Icon/Icon_Minus_003_22x22_CCCCCC.png);
										cursor:not-allowed;
									}
									/*數量數字*/
									.CssCartQtyNumberBox{
										width:calc(100% - 30px - 30px);
									}
										.CssCartQtyNumberBox input{
											background-color:transparent;
										}
										.CssCartQtyBoxEnough{
											border:#666666 1px solid;
										}
										.CssCartQtyBoxNotEnough{
											border:#C40000 1px solid;
										}
										.CssCartQtyBoxEnoughDisabled{
											border:#DDDDDD 1px solid;
										}
										.CssCartQtyBoxNotEnoughDisabled{
											border:#DDDDDD 1px solid;
										}
									.CssCartQtyNumberBox > input{
										width:100%;
										height:28px;
										border:none;
										text-align:center;
										font-size:16px;
										line-height:30px;
									}
										.CssCartQtyTextEnough{
											color:#666666;
										}
										.CssCartQtyTextNotEnough{
											color:#C40000;
										}
										.CssCartQtyTextEnoughDisabled{
											color:#CCCCCC;
										}
										.CssCartQtyTextNotEnoughDisabled{
											color:#CCCCCC;
										}
									/*數量(加)Icon*/
									.CssCartQtyPlusIcon{
										width:30px;
										border-radius:0px 2px 2px 0px;
										border:#666666 1px solid;
										border-left:none;
										background-image:url(include_images/Icon/Icon_Plus_003_22x22_666666.png);
										cursor:pointer;
									}
									/*數量(加)Icon(停用)*/
									.CssCartQtyPlusIconDisabled{
										width:30px;
										border-radius:0px 2px 2px 0px;
										border:#DDDDDD 1px solid;
										border-left:none;
										background-image:url(include_images/Icon/Icon_Plus_003_22x22_CCCCCC.png);
										cursor:not-allowed;
									}
							/*刪除Icon容器*/
							#DivCartDelIconContainer{
								width:100px;
								height:30px;
								clear:both;
							}
								.CssCartDeleteIconBox{
									float:right;
									width:30px;
									height:30px;
									background-image:url(include_images/Icon/Delete_001_666666_32x32.png);
									background-repeat:no-repeat;
									background-position:center center;
									background-size:22px 22px;
									cursor:pointer;
								}
									.CssCartDeleteIcon{
										
									}


		/*右側結帳資料容器*/
		#DivCartCheckoutContainer{
			float:right;
			width:calc(30% - 5px);
			padding:1px;
			overflow:hidden;
			color:#222222;
		}
			/*右側結帳資料外框*/
			#DivCartCheckoutBorder{
				min-height:100px;
				border-radius:2px;
				background-color:#FFFFFF;
				box-shadow:1px 1px #CCCCCC;
				overflow:hidden;
			}
				/*結帳標題*/
				#DivCartCheckoutHeader{
					font-size:22px;
					font-weight:bold;
					padding:15px 20px;
					border-bottom:#DDDDDD 1px solid;
				}
				/*結帳明細*/
				#DivCartCheckoutDetail{
					padding:20px 20px;
					border-bottom:#DDDDDD 1px solid;
					overflow:hidden;
				}
					/*結帳明細資料列*/
					.CssCartCheckoutDetailRow{
						clear:both;
						height:20px;
						font-size:16px;
						line-height:20px;
						margin-bottom:10px;
					}
					.CssCartCheckoutDetailRow:last-child{
						margin-bottom:0px;
					}
						/*左側文字*/
						.CssCartCheckoutDetailLabel{
							float:left;
							text-align:left;
						}
						/*右側資料*/
						.CssCartCheckoutDetailValue{
							float:right;
							text-align:right;
							font-weight:bold;
						}
				/*結帳金額*/
				#DivCartCheckoutAmount{
					padding:20px 20px;
					/*overflow:hidden;*/
				}
					/*結帳明細資料列*/
					.CssCartCheckoutAmountRow{
						clear:both;
						height:20px;
						font-size:16px;
						line-height:20px;
						/*overflow:hidden;*/
					}
						/*結帳金額文字*/
						#DivCartCheckoutAmountLabel{
							float:left;
							text-align:left;
							font-weight:bold;
						}
						/*結帳金額資料*/
						#DivCartCheckoutAmountValue{
							float:right;
							text-align:right;
							font-weight:bold;
							color:#C40000;
						}
					/*結帳按鈕*/
					#DivCartCheckoutButton{
						clear:both;
						height:40px;
						font-size:18px;
						line-height:38px;
						text-align:center;
						border-radius:3px;
						margin-top:20px;
					}
						.CssButtonGreen{
							cursor:pointer;
						}
						.CssButtonDisabled{
							cursor:not-allowed;
						}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
RWD 設定
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media (max-width: <%=WebBodyWidthSize+20%>px){

	}
	@media (max-width: 1024px){

	}
	@media (max-width: 768px){

	}
	@media (max-width: 480px){

	}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////*/