
@media screen and (min-width:1137px)
{
.headerPC
	{
	width:					100%;
	box-shadow:				0px -3px 20px 0px #aaa;
	text-align:				center;
	line-height:			120px;

	/*
	background-color:		#BFF9FF;
	*/
	background-image:		url("../img/Costco/header-Background-PC.webp?v=3");
	background-position:	center top;
	background-repeat:		no-repeat;
	}

.headerPC img
	{
	/*
	width:					100%;
	*/
	}

.headerMB
	{
	display:				none;
	}

.BlockHint
	{
	z-index:				0;
	display:				none;
	width:					0px;
	}

main
	{
	margin-top:				0px;
	margin-bottom:			0px;

	background-image:		url("../img/Costco/main-Background-PC.1920.webp");
	background-position:	center bottom;
	background-repeat:		no-repeat;

	min-height:				700px;
	/*
	display:				flex;
	justify-content:		center;
	flex-wrap:				wrap;
	background-size: 		100% 125%;
	*/
	}

.Main4PC
	{
	display:				block;
	}

.Main4MB
	{
	display:				none;
	}

.Main4PC > img,
.Main4MB > img
	{
	width:					100%;
	}

#BlockTool
	{
	margin:					20px 1px 5px 1px;				/*上右下左*/
	height:					446px;							/* added on 2022-12-29 , to fix LCS */
	}

#BlockHelp
	{
	width:					1020px;
	margin:					0px 1px 5px 1px;				/*上右下左*/
	min-height:				735px;							/*570px*/
	}

/*
--------------------------------------------------------------------------------------------------------------------------
*/

.B1
	{
	display:				block;
	float:					left;

	width:					362px;
	/*
	width:					48%;
	width:					calc(50% - 2px);
	height:					200px;
	*/

	padding-bottom:			10px;
	border:					0px solid #00ffff;
	}

.B2
	{
	display:				block;
	float:					left;
	padding:				0px 10px;

	width:					638px;
	height:					440px;						/* added on 2022-12-29 , to fix LCS */
	/*
	width:					48%;
	max-width:				700px;
	width:					calc(50% - 2px);
	height:					300px; 
	*/
	border:					0px solid #00ffff; 
	}

.B2Body
	{
	width:					100%;
	padding-top:			0px;
	height:					436px;							/* added on 2022-12-29 , to fix LCS */
	}

#Brands
	{
	padding-top:			0px;
	}
.Brand
	{
	height:					85px;
	}
.BrandTitle
	{
	font-size:				16px;
	}

#ProductsA,
#ProductsB,
#ProductsC
	{
	height:					282px;							/* added on 2022-12-29 , to fix LCS */
	}

.H1
	{
	display:				flex;
	justify-content:		left;
	flex-wrap:				wrap;
	/*
	color:red;
	*/
	width:					93%;
	margin:					10px;
	border:					0px solid #cccccc;
	}

.H1-PC
	{
	display:				block;
	width:					100%;
	}

.H1-NB
	{
	display:				none;
	}

.H1-MB
	{
	display:				none;
	}

#YMK
	{
	display:				block;
	width:					360px;
	height:					430px;
	margin:					1px;
	text-align:				center;
	border:					0px solid #0000ff;
	background-color:		#cccccc;
	float:					right;
	}

#YMK-module
	{
	width:					360px;
	height:					430px;
	margin:					0px;
	text-align:				center;
	}

#ProductsDL
	{
	width:					50px;
	float:					left;
	}
#ProductsDR
	{
	width:					50px;
	float:					left;
	}
#ProductsDC
	{
	width:					calc(100% - 104px);
	float:					left;
	}

.BtnSliderToL
	{
	position:				absolute;
	left:					-20px;
	}
.BtnSliderToR
	{
	position:				absolute;
	right:					20px;
	cursor:					pointer;
	}

.BtnSliderToL > img,
.BtnSliderToR > img
	{
	width:					25%;
	}

/*
--------------------------------------------------------------------------------------------------------------------------
*/

.BtnJump
	{
	font-size:				16px;
	}

.LinkButtons
	{
	position:				relative;
	display:				flex;
	justify-content:		space-between;
	left:					573px;
	top:					384px;
	width:					300px;
	height:					90px;
	}
.LinkButtons > div
	{
	width:					90px;
	border:					1px solid #ff0000;
	cursor:					pointer;
	}

.footerPC
	{
	text-align:				center;
	color:					#ffffff;
	height:					100px;
	line-height:			100px;
	}

.footerMB
	{
	display:				none;
	}

.ProductsSliderC
	{
	width:					calc(100% - 100px);
	float:					left;
	background-color:		#cccccc00;
	}
}
