html
	{
	font-size:				16px;
	font-family:			微軟正黑體;
	}

body
	{
	max-width:				1920px;
	min-width:				360px;
	margin:					0px auto;
	}

main
	{
	z-index:				1;

	background-color:		#EEEEEE;
	min-height:				800px;
	/*
	display:				block;
    position:				relative;
    width:					100%;
    */
	}

header
	{
	z-index:				101;
	width:					100%;
	}

.MainALL
	{
	display:				flex;
	justify-content:		center;
	flex-wrap:				wrap;
	width:					100%;
	position:				relative;
	/*
	background-color:		#dddddd;
	display:				flex;
	justify-content:		center;
	flex-wrap:				wrap;
	*/
	}

#BlockTool
	{
	position:				relative;
	display:				flex;
	justify-content:		center;
	flex-wrap:				wrap;

	width:					calc(100% - 100px);
	position:				relative; 
	padding:				2px;
	border:					0px solid #ff0000;
	min-height:				100px;
	/*
	background-color:		#BFF9FF;
	*/
	}

#BlockHelp
	{
	position:				relative;
	display:				flex;
	justify-content:		left;
	flex-wrap:				wrap;

	width:					calc(100% - 100px);
	position:				relative; 
	padding:				2px;
	border:					0px solid #ff0000;

	padding-top:			0px;
	/*
	background-color:		#BFFFBF;
	*/

	padding-bottom:			0px;
	}

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

#Notes
	{
	width:					calc(100% - 4px);
	margin:					2px;
	padding-bottom:			10px;
	min-height:				140px;
	background-color:		#ccffcc;
	display:				flex;
	justify-content:		space-between;
	}

#Brands
	{
	/*

	*/
	width:					calc(100% - 4px);
	margin:					2px;
	padding-top:			0px;
	padding-bottom:			0px;
	display:				flex;
	justify-content:		space-between;
	align-items:			center;
	cursor:					pointer;
	/*
	background-image:		url("../img/Brand1/mainBrands-PC.ProductsA.png");
	*/
	background-position:	center top;
	background-repeat:		no-repeat;
	}
.Brand
	{
	width:					calc((100% - 20px) / 3);	/*230808*/
	display:				flex;
	justify-content:		center;
    align-items:			center;
	/*
	height:					45px;
	border:					0px solid #0000ff;
	background-color:		#FFFFD5;
	border-radius:			5px;
	*/
	border:					0px solid #0000ff;
	}
.Brand.active
	{
	/*
	background-color:		#FFFF5B;
	*/
	}
.BrandTitle
	{
	display:				flex;
	justify-content:		center;
	align-items:			center;
	text-align:				center;
	font-family:			"微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
	font-size:				15px;
	}

#ProductsA,
#ProductsB,
#ProductsC
	{
	width:					calc(100% - 4px);
	/*
	width:					100%;
	width:					calc(100% - 4px);
	*/
	padding-top:			0px;
	padding-bottom:			0px;
	/*
	width:					calc(100% - 4px);
	min-height:				100px;
	background-color:		#ffcccc;
	*/
	margin:					2px;

	display:				flex;
	justify-content:		space-around;
	}

#ProductsD
	{
	width:					calc(100% - 4px);
	/*
	width:					100%;
	width:					calc(100% - 4px);
	*/
	padding-top:			3px;
	padding-bottom:			3px;
	/*
	width:					calc(100% - 4px);
	min-height:				100px;
	*/
	margin:					2px;

	background-color:		#ffcccc;

	display:				block;
	position:				relative;
	}

.ProductsSliderL
	{
	width:					0px;
	float:					left;
	background-color:		#cccccc00;
	}
.ProductsSliderC
	{
	width:					calc(100% - 20px);
	float:					left;
	background-color:		#cccccc00;
	}
.ProductsSliderR
	{
	width:					0px;
	float:					left;
	background-color:		#cccccc00;
	}

.Product
	{
	width:					100px;
	/*
	height:					120px;
	*/
	border:					0px solid #0000ff;
	cursor:					pointer;
	padding-top:			5px;
	padding-bottom:			5px;
	}
.Product.active
	{
	/*
	background-color:		#eeee11;
	*/
	background-color:		#33FF33;
	}
.Product > img
	{
	width:					98%;
	}

.ProductTxt
	{
	line-height:			30px;
	margin:					1px;
	color:					#FFFFFF;
	width:					calc(100% - 3px);
	margin-bottom:			3px;
	}

.item > .Product
	{
	width:					100%;
	text-align:				center;
	/*
	display:				grid;
	height:					120px;
	*/
	border:					0px solid #0000ff;
	cursor:					pointer;
	padding-top:			5px;
	padding-bottom:			5px;
	}
.item > .Product > img
	{
	/*
	width:					100%;
	*/
	}

.SelectedImg
	{
	color:					#33FF33;
	}

#GoShopping
	{
	width:					calc(100% - 4px);
	margin:					2px;
	padding-top:			5px;
	padding-bottom:			10px;
	min-height:				48px;
	/*
	background-color:		#ccffcc;
	*/
	display:				block;
	text-align:				center;
	}

.BtnJump
	{
	border:					0px solid #00ffff;
	height:					50px;
	width:					100%;
	border-radius:			10px;
	cursor:					pointer;
	color:					#000000;
	}

.LinkButtons
	{
	position:				relative;
	left:					573px;
	top:					404px;
	width:					300px;
	height:					85px;
	display:				flex;
	justify-content:		space-between;
	}
.LinkButtons > div
	{
	width:					90px;
	border:					1px solid #ff0000;
	cursor:					pointer;
	}

footer
	{
	/*
	background-color:		#F5C6C8;
	*/
	background-color:		#e50e83;
	z-index:				100;
	width:					100%;
	}