/*202003 by pekey*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Reset 開始-------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dt, dd, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*//*修改部分 by kevin 20140822*/
	/*vertical-align: baseline;*//*修改部分 by kevin 20140822*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*//*修改部分 by kevin 20140822 會影響到網邊*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

body{ 
	margin: 0; 
	padding: 0;
	background: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "新細明體";
	/*overflow-x: hidden;*/
	letter-spacing: 1px;
	-webkit-text-size-adjust: none;/*解決iphone橫平轉豎屏時字變大的問題*/
	font-family: 'Noto Sans TC', sans-serif;	/*思源黑體字型*/
}
html{
	font-size: var(--fontSize);  /*預設16px*/
}


/* ~~ 元素/標籤選取器 ~~ */
ul, ol, dl { /* 由於瀏覽器之間的差異，最佳作法是在清單中使用零寬度的欄位間隔及邊界。為了保持一致，您可以在這裡指定所要的量，或在清單包含的清單項目 (LI、DT、DD) 上指定所要的量。請記住，除非您寫入較為特定的選取器，否則在此執行的作業將重疊顯示到 .nav 清單。 */
	padding: 0;
	margin: 0;
}

/*-----↓↓↓↓新增部分 by kevin 20150108 為了網編↓↓↓↓-----*/
ul, ol {
	padding-left:40px;
}
/*-----↑↑↑↑新增部分 by kevin 20150108 為了網編↑↑↑↑-----*/

/*h1, h2, h3, h4, h5, h6,*/ p {	margin: 0; padding: 0;}

/*img{ display:block;}*//*清除IE7下方溢位*/

a img { /* 這個選取器會移除某些瀏覽器在影像由連結所圍繞時，影像周圍所顯示的預設藍色邊框 */
	border: none;}

.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果從 #container 移除或取出 #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a{ 
	/*color:#ccc;*//*修改部分 by kevin 20140814 會影響到網編區 不宜使用*/
	text-decoration: none;
	outline: none;/* for Firefox Google Chrome  *//*讓a點擊時不會出現框線*/
  	behavior:expression(this.onFocus=this.blur());  /* for IE *//*讓a點擊時不會出現框線*/
}
a:hover { 
	/*color:#ccc;*//*修改部分 by kevin 201450108 太醜了所以刪掉*/
	text-decoration:underline;
	/*opacity:0.9;新增部分 by kevin 20150121*//*會影響到輪播 刪除 by kevin 20150324*/
}
	
a:active, a:focus {/* 這個選取器群組可以讓使用鍵盤導覽的使用者，也和使用滑鼠的使用者一樣擁有相同的滑過體驗。 */
	text-decoration: none; }
	
area {
	outline:none;
}
/*------------------------------------------CSS Reset 結束-------------------------------*/

/*------------------------------------------icon-字型 開始-------------------------------*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.eot');
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.woff') format('woff'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.lsf, .lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

.lsf-icon:before {
  content:attr(title);
  /*margin-right:0.3em;*/
}
/*------------------------------------------icon-字型 結束-------------------------------*/

/*--------------------------------------loading畫面 開始---------------------------------*/
.loading {
 	position: fixed;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #FFF;
	text-align:center;
	
	/*新增by pekey 20171211*/
	padding-top:250px;
 } 
 
	
	/*Loading畫面CSS開始*/
	#circularG{
		position:relative;
		width:58px;
		height:58px;
		margin: auto;
	}
	
	.circularG{
		position:absolute;
		background-color:rgb(201,9,21);  /*此為Loding的點點顏色*/
		width:14px;
		height:14px;
		border-radius:9px;
			-o-border-radius:9px;
			-ms-border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
		animation-name:bounce_circularG;
			-o-animation-name:bounce_circularG;
			-ms-animation-name:bounce_circularG;
			-webkit-animation-name:bounce_circularG;
			-moz-animation-name:bounce_circularG;
		animation-duration:1.1s;
			-o-animation-duration:1.1s;
			-ms-animation-duration:1.1s;
			-webkit-animation-duration:1.1s;
			-moz-animation-duration:1.1s;
		animation-iteration-count:infinite;
			-o-animation-iteration-count:infinite;
			-ms-animation-iteration-count:infinite;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-iteration-count:infinite;
		animation-direction:normal;
			-o-animation-direction:normal;
			-ms-animation-direction:normal;
			-webkit-animation-direction:normal;
			-moz-animation-direction:normal;
	}
	
		#circularG_1{
			left:0;
			top:23px;
			animation-delay:0.41s;
				-o-animation-delay:0.41s;
				-ms-animation-delay:0.41s;
				-webkit-animation-delay:0.41s;
				-moz-animation-delay:0.41s;
		}
		
		#circularG_2{
			left:6px;
			top:6px;
			animation-delay:0.55s;
				-o-animation-delay:0.55s;
				-ms-animation-delay:0.55s;
				-webkit-animation-delay:0.55s;
				-moz-animation-delay:0.55s;
		}
		
		#circularG_3{
			top:0;
			left:23px;
			animation-delay:0.69s;
				-o-animation-delay:0.69s;
				-ms-animation-delay:0.69s;
				-webkit-animation-delay:0.69s;
				-moz-animation-delay:0.69s;
		}
		
		#circularG_4{
			right:6px;
			top:6px;
			animation-delay:0.83s;
				-o-animation-delay:0.83s;
				-ms-animation-delay:0.83s;
				-webkit-animation-delay:0.83s;
				-moz-animation-delay:0.83s;
		}
		
		#circularG_5{
			right:0;
			top:23px;
			animation-delay:0.97s;
				-o-animation-delay:0.97s;
				-ms-animation-delay:0.97s;
				-webkit-animation-delay:0.97s;
				-moz-animation-delay:0.97s;
		}
		
		#circularG_6{
			right:6px;
			bottom:6px;
			animation-delay:1.1s;
				-o-animation-delay:1.1s;
				-ms-animation-delay:1.1s;
				-webkit-animation-delay:1.1s;
				-moz-animation-delay:1.1s;
		}
		
		#circularG_7{
			left:23px;
			bottom:0;
			animation-delay:1.24s;
				-o-animation-delay:1.24s;
				-ms-animation-delay:1.24s;
				-webkit-animation-delay:1.24s;
				-moz-animation-delay:1.24s;
		}
		
		#circularG_8{
			left:6px;
			bottom:6px;
			animation-delay:1.38s;
				-o-animation-delay:1.38s;
				-ms-animation-delay:1.38s;
				-webkit-animation-delay:1.38s;
				-moz-animation-delay:1.38s;
		}
		
		
		
@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}
/*Loading畫面CSS結束*/

.loading_tit{
	padding:20px 0px 0px 15px;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	font-family:微軟正黑體;
	text-align:center;
}
/*-------------------------------------loading畫面 結束---------------------------------*/


/*Webkit,Opera9.5+,Ie9+ 控制文字選取時的顏色*/
::selection {
	/* background:#b0b0b0; */
	background: #007be9;
	color:#ffffff;
}

/*Mozilla Firefox 控制文字選取時的顏色*/
::-moz-selection {
	/* background:#b0b0b0; */
	background: #007be9;
	color:#ffffff;
}




/*-------input reset--------------------------------------------------------*/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "Microsoft JhengHei", "新細明體";
	font-size:15px;
	font-size: .9375rem;
	
	border-radius:3px;
	border: solid 1px #aeaeae;
}
input[type="text"], .input, input[type="password"], input[type="date"] ,
input[type="search"] , input[type="email"] ,
input[type="tel"] , input[type="time"] , input[type="number"]{
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
    width: 100%;
    transition: 0.2s ease all;
    padding: 0px 6px;
    box-sizing: border-box;

	-webkit-appearance: none;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none;     /* FireFox */
    appearance: none;
}
	input[type="text"]:focus, .input:focus, input[type="password"]:focus, input[type="date"]:focus ,
	input[type="search"]:focus , input[type="email"]:focus ,
	input[type="tel"]:focus , input[type="time"]:focus , input[type="number"]:focus{
		border: solid 1px #d5d5d5;
	}
	
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	vertical-align: middle;
	border:none;
	width:162px;
	width:  clamp(5.0625rem, 8.4375vw, 10.125rem);
	height:42px;
	height: 2.625rem;
	background:#3e3e3e;
	color:#fff;
	border-radius: 3px;
	line-height:42px;
	line-height: 2.625rem;

	transition: 0.2s ease all;
	letter-spacing:1px;
	
}
	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="date"]:hover {
		opacity:0.7;
	}
	
	input[type="reset"] {
		background:#555;
	}
	
input[type="radio"], input[type="checkbox"] {
	margin:0px;
	padding:0px;
	outline:none;
	vertical-align: baseline;
	cursor:pointer;
}
textarea {
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    line-height: 24px;
    width: 100%;
    resize: none;
    height: 117px;
    transition: 0.2s ease all;
    box-sizing: border-box;
    padding: 6px 6px;
}
	textarea:focus {
		border: solid 1px #d5d5d5;
	}
	
select {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	padding: 9px 0px 10px 7px;
	transition: 0.2s ease all;
	background:#fff;
	letter-spacing:1px;
	-webkit-appearance: none;	/* Safari 和 Chrome */
       -moz-appearance: none;	/* Firefox */
        -ms-appearance: none;	/*for Internet Explorer*/
         -o-appearance: none;	/*for Opera*/
            appearance: none;
	background: #fff url(../images/select_arrow.png) no-repeat;
	background-size: 13px;
	background-position:right;
	padding-right:18px !important;
}
	select::-ms-expand {	/*for Internet Explorer*/
		display: none;
	}
	select:focus {
		border: solid 1px #d5d5d5;
	}
	
label {
	cursor:pointer;
}
	


/*/////////////////////////////////////////////////////////*/
/*-------頁數列區塊--------*/	
.number_pageBg{
	text-align:center;
	padding-top: 35px;
}
	/*左側區塊*/
	.numberPage_leftArea{
		display: inline-block;
		vertical-align: middle;
	}	
		.numberPage_leftList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_leftList a{
				display: block;
				text-decoration: none;
				padding: 0px 10px;
			}

			.numberPage_leftList:nth-of-type(1) a{
				color: #bcbcbc;
			}

			.numberPage_leftList:nth-of-type(2) a{
				color: var(--primary_color);
			}


			
			img.hover_after{
				display: none;
				background-color: #71b057;
				border-radius: 50%;
			}
			
			.numberPage_leftList a:hover img.hover_after{
				display: block;
			}
			
			.numberPage_leftList a:hover img.hover_before{
				display: none;
			}
		

	/*中間區塊*/
	.numberPage_middleArea{
		display: inline-block;
		vertical-align: middle;
		padding: 0px 8px;
	}
		.numberPage_middleList{
			display: inline-block;
			vertical-align: middle;
			padding: 0px 4px;
		}
			.numberPage_middleList a{
				display: block;
				text-decoration: none;
				width: 31px;
				
				border-radius: 100%;
				background-color: transparent;
				color: #bcbcbc;
				padding: 7.5px 0px;
			}
			/*active*/
			.numberPage_middleList.active a{
				background-color:var(--primary_color);
				color: #fff;
			}
			/*hover*/
			.numberPage_middleList a:hover{
				background-color: #bcbcbc;
				color: #fff;
			}
	

	/*右邊區塊*/	
	.numberPage_rightArea{
		display: inline-block;
		vertical-align: middle;
	}
		.numberPage_rightList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_rightList a{
				display: block;
				text-decoration: none;
				padding: 0px 10px;
			}

			.numberPage_rightList:nth-of-type(1) a{
				color: var(--primary_color);
			}

			.numberPage_rightList:nth-of-type(2) a{
				color: #bcbcbc;
			}
			
			
			.numberPage_rightList a:hover img.hover_after{
				display: block;
			}
			
			.numberPage_rightList a:hover img.hover_before{
				display: none;
			}
		
		
	
@media (max-width: 640px){
	
		.numberPage_leftList:first-child{
			display: none;
		}
		
	.numberPage_middleArea{
		padding: 0px;
	}
		.numberPage_middleList{
			padding: 0px;
		}
		
		.numberPage_rightList:last-child{
			display: none;
		}
		
	
}






/*///////////////////////////*/
/*------- banner輪播 --------*/
/*///////////////////////////*/
.banner {
	/* background:#fff; */
	position:relative;
}


.main .swiper-wrapper{
	/* transition-timing-function:ease-in 
	transition-timing-function: linear; ; */
	transition-timing-function: ease;
}
.main .swiper-button-prev, 
.main .swiper-button-next {
	position: absolute;
	top: 50%;
	margin: 0px;
	/* z-index: 10;
	cursor: pointer; */
	width: 60px;
	height: 60px;
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main .swiper-button-prev{		
	background-image:url(../index/images/left_arrow2.png);
	/* background-image:url(../../index/images/left_arrow2.png); */
	/* background-image: url(../index/images/left_arrow.png); */
}
.main .swiper-button-next{
	background-image:url(../index/images/right_arrow2.png);
	/* background-image:url(../../index/images/right_arrow2.png); */
	/* background-image: url(../index/images/right_arrow.png); */
}
.main .swiper-button-prev:after, 
.main .swiper-button-next:after {
	/* content: 'prev'; */
	display: none;
}

.main .swiper-pagination-clickable .swiper-pagination-bullet {
	/* background-color: #000; */
	background-color: rgba(0 0 0 / 67%);
	z-index: 5;
	display: inline-block;
	width: 10px;
	height: 10px;
	/* opacity: 1; */
	opacity: 0.6;
}
.main .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
	/* background-color: #231815; */
	background: #33a0da;
	opacity: 1;
}









	/* .device {
		position:relative;
		overflow:hidden;
	} */
		/*左右鍵*/
		/* .device .arrow-left, .device .arrow-right {
			position:absolute;
			z-index:9;
			top:50%;
			margin:-18px 0px 0px 0px;
			opacity:0;
			transition:0.3s ease all;
		} */
		
			/*左鍵*/
			/* .device .arrow-left {
				left:-20px;
			} */
			
			/*右鍵*/
			/* .device .arrow-right {
				right:-20px;
			}
				.device:hover .arrow-left {
					opacity:1;
					left:20px;
				}
				.device:hover .arrow-right {
					opacity:1;
					right:20px;
				} */
		
		/*輪播區*/
		.swiper-container {
			height:auto;
		}
			/* .swiper-wrapper {
			}
				.swiper-slide {
				} */
					.swiper-slide a {
						display: block;
						position: relative;
						padding-top: 63.7%;
						
					}
					.swiper-slide img {
						width:100%;
						height:auto;
						transition: all 0.3s ease-out;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: all 0.3s ease-out;
						
					}
		
		/*輪播點點*/
		/* .swiper-pagination {
		  position: absolute;
		  z-index: 1;
		  bottom: -39px;
		  width: 100%;
		  text-align: center;

		  display: none;
		}
			.swiper-pagination-switch {
			  display: inline-block;
			  width: 20px;
			  height: 20px;
			  border-radius: 5px;
			  background: #edbdb4;
			  margin: 0 7px;
			  cursor: pointer;
			} */
			.swiper-active-switch {/*輪播點點當前模式*/
			  /* background: #c42605; */
			}
				/*客制區塊*/
				.swiper-slide {
					position:relative;
				}
				.pcBanner {
				}
				.mobileBanner {
					display:none;
				}
				
					
@media (max-width: 1023px){
	/* .device {
		height:auto;
	} */
		/*左右鍵*/
		/* .device .arrow-left, .device .arrow-right {
			display:none;
		} */

	/*左右鍵*/
	.main .swiper-button-prev, 
	.main .swiper-button-next {
		width: 30px;
		height: 30px;
		background-size: 30px;
	}
	

}

@media (max-width: 640px){
	.pcBanner{
		display: none;
	}
	.mobileBanner {
		display: block;
	}
	.swiper-slide a {
		display: block;
		position: relative;
		padding-top: 122%;
		
	}
}
				














/*-------banner輪播----------------------------------------------------------------------------*/
/* .device {
	position:relative;
	overflow:hidden;
} */
	/*左右鍵*/
	/* .device .arrow-left, .device .arrow-right {
		position:absolute;
		z-index:9;
		top:50%;
		margin:-18px 0px 0px 0px;
		opacity:0;
		transition:0.3s ease all; 
	}*/
	
		/*左鍵*/
		/* .device .arrow-left {
			left:-20px;
		} */
		
		/*右鍵*/
		/* .device .arrow-right {
			right:-20px;
		}
			.device:hover .arrow-left {
				opacity:1;
				left:20px;
			}
			.device:hover .arrow-right {
				opacity:1;
				right:20px;
			} */
	
	/*輪播區*/
	/* .swiper-container {
		height:auto;
	}
		.swiper-wrapper {
		}
			.swiper-slide {
			}
				.swiper-slide img {
					width:100%;
					height:auto;
				} */
	
	/*輪播點點*/
	/* .pagination {
		position: absolute;
		z-index: 1;
		bottom: -39px;
		width: 100%;
		text-align: center;
	}
		.swiper-pagination-switch {
			display: inline-block;
			width: 20px;
			height: 20px;
			border-radius: 5px;
			background: #edbdb4;
			margin: 0 7px;
			cursor: pointer;
		} */

		.swiper-active-switch {/*輪播點點當前模式*/
			/* background: #c42605; */
		}
		
			/*客制區塊*/
			/* .swiper-slide {
				position:relative;
			}
			.pcBanner {
			}
			.mobileBanner {
				display:none;
			} */
			
					
@media (max-width: 1023px){
	/* .device {
		height: auto;
	} */
		/*左右鍵*/
		/* .device .arrow-left, .device .arrow-right {
			display: none;
		} */
}

@media (max-width: 640px){
	
}
				
				
				
/*-------頁次--RWD版 by kevin 20150921------------------------------------------------------------------------*/			
.page_area_rwd {
	text-align:center;
	padding:25px 0px 0px 0px;
}
	.page_left_arrow, .page_right_arrow {
		width:83px;
		font-size:15px;
		font-weight:bold;
		text-align:center;
		display: inline-block;
		vertical-align: top;
	}
		.page_left_arrow a, .page_right_arrow a {
			text-decoration:none;
			display:block;
			transition:0.2s ease all;
			color:#fff;
			line-height:40px;
			background:#de484d;
			border-radius:2px;
		}
			.page_left_arrow a:hover, .page_right_arrow a:hover {
				background:#f39800;
			}
	.page_select {
		display:inline-block;
		padding:0px 7px;
		vertical-align: top;
	}
		.page_select select {
			width: auto !important;
			font-size:15px !important;
			padding:8px 18px 7px 16px !important;
			border: solid 1px #a4a4a4 !important;
			height:40px !important;
			box-sizing:border-box;
			border-radius:3px;
		}

/*-------頁次--置中版--修改 by kevin 20150328------------------------------------------------------------------------*/			
.page_area {
	margin: 0px 0px 0px 0px;
}
	.page_area table {
		margin: 0 auto;/*置中*/
		/*margin: 0px 0px 0px auto;*//*靠右*/
	}
	.page_area table td {
		vertical-align:top;
	}
	.page_bot {
		float:left;
		padding-top: 3px;
		margin-right:5px;
	}
	.page_pages {
		float: left;
		font-size: 12px;
		text-align: center;
		color: #000;
		line-height: 17px;
		margin-top: -5px;
		width: 55px;
	}
	.page_text {
		float: left;
		margin: 0;
		padding: 0;
		border: solid 1px #b5b5b5 !important;
		background: #fff !important;
		width: 54px !important;
		height: 19px !important;
		line-height:17px !important;
		margin-left: 8px !important;
		margin-right: 5px !important;
	}
	
	.page_area a {
		transition:0.2s ease all;
	}
	
	.page_area a:hover {
		opacity:0.7;
		filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */
	}

/*-------頁籤------------------------------------------------------------------------*/
.tab_area {
	
}
	.tabs_btn_now {
		transition:0.3s ease all;
		font-size:16px;
		line-height:39px;
		padding:0px 36px 0px 36px;
		text-align:center;
		display:none;
		position:relative;
		background:#fff;
		border-bottom: solid 1px #e3e3e3;
		font-weight:bold;
	}
		.tabs_btn_now:hover {
			background:#fff;
		}
		.tabs_btn_now_arrow {
			position: absolute;
			border-top: solid 5px #333;
			top: 17px;
			right: 20px;
			border-left: solid 5px rgba(255, 255, 255, 0);
			border-right: solid 5px rgba(255, 255, 255, 0);
		}
		
	.img-scroll { 
		height:39px; 
		position:relative;
	}
		.img-list { 
			position:relative; 
		}
			ul.tabs {
				margin:0; 
				padding:0; 
				list-style:none;
			}
				.tabs li { 
					float:left;
					width: 33.3%;
					font-size:14px;
					color:#000000;
					line-height: normal;
					box-sizing: border-box;
					position: relative;
				}

				/* active */
				.tabs li.active {
				}

					.tabs span { 
						text-decoration:none;
						display:block;
						padding: 10px 18px;
						transition:0.3s ease all;
						background:#fff;
						text-align:center;
						cursor:pointer;
						box-sizing: border-box;

						border: 1px solid var(--second_color);
						border-left: 0;
						font-size: 15px;

						/* 修正 modify by pekey 20210429 */
						height: 42px;
    					line-height: 24px;
					}

					.tabs li:nth-of-type(1) span { 
						border-left: 1px solid #c4c4c4;

						border-top-left-radius: 3px;
    					border-bottom-left-radius: 3px;
					}

					.tabs li:last-of-type span { 
						border-top-right-radius: 3px;
    					border-bottom-right-radius: 3px;
					}

					/* hover */
					.tabs li span:hover {
						background-color: var(--primary_color);
						color: #000;
					}

					/* active */
					.tabs li.active span {
						background-color: var(--second_color);
						color: #ffffff;
						position: relative;
					}

						/* active */
						.tabs li.active span:before {
							position: absolute;
							content:'';
							border-top: solid 10px var(--second_color);
							border-left: solid 10px rgba(255,255,255,0);
							border-right: solid 10px rgba(255,255,255,0);
							bottom: -10px;

							left: 50%;
							-webkit-transform:  translateX(-50%);
							transform:  translateX(-50%);
						}

		
		#tab1{}
		.tab_content{}



/*產品內頁頁籤的網編區*/
.p_tab_text_area {
	background:#fff;
	padding: 30px 0px 0px;
}



@media (max-width: 760px){
	/*頁籤*/
	.tab_area {
		position:relative;
	}
		.tabs_btn_now {
			display:block;
		}
		
		.img-scroll {
			display:none;
			height:auto;
			/*position: absolute;*/
			width: 100%;
			
			/* z-index: 999; */ 
			/* 修正 modify by pekey 20210429 */
			z-index: 99;
		}
			.tabs li, .img-scroll1 .tabs li, .img-scroll2 .tabs li, .img-scroll3 .tabs li, .img-scroll4 .tabs li, .img-scroll5 .tabs li {
				float:none;
				text-align:center;
				width:100%;
				font-size:15px;
				border-radius:0px;
				border: none;
				border-bottom: solid 1px #cccccc;
			}
				.tabs li.active:after {
					content:"";
				}

					.tabs span {
						border: 0px;
					}

					.tabs li:nth-of-type(1) span {
						border-left: 0px;
						border-top-left-radius: 0px;
						border-bottom-left-radius: 0px;
					}
					.tabs li:last-of-type span {
						border-top-right-radius: 0px;
						border-bottom-right-radius: 0px;
					}
}










/*-------表單區----------------------------------------------------------------------------*/


/*-------hack----------------------------------------------------------------------------*/
.hack {
	padding:20px;
}
	.hack_demo {
		float:left;
		width:50%;
		line-height:200px;
		text-align:center;
		box-sizing:border-box;
		border: solid 1px #CCC;
	}
	
/* IE10、11、edge模式 */
@media all and (-ms-high-contrast:none) {
	.ie10Up {
		color: #fff;
		background:#06F;
	}
	*::-ms-backdrop, .ie10Up {
		color: #fff;
		background:#06F;
	}
}

/*firefox*/
@-moz-document url-prefix() { 
	.firefox {
		color: #fff;
		background: #C00;
	}
}

/*Safari和chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.safariAndChrome {
		color: #fff;
		background: #333;
	}
}








/*/////////////////////////////////////////////////////////*/
/*-------版頭--------*/
/*/////////////////////////////////////////////////////////*/

.header {
}





/*/////////////////////////////////////////////////////////*/
/*-------主要內容--------*/
/*/////////////////////////////////////////////////////////*/

.main{
	padding: 13px 0px 0px;
}


@media (max-width: 1023px){
	
	.main {
		
	}	
}

/*/////////////////////////////////////////////////////////*/
/*-------共用區塊--------*/
/*/////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////*/
/*-------共用區塊--------*/
/*/////////////////////////////////////////////////////////*/

/*全站共用樣式*/
:root {
    /* --primary: Aquamarine; */
    --foreign_font:"Montserrat", serif;       /*全站外文字型*/
	--mandarin_font:'Noto Sans TC', sans-serif;   /*全站中文字型*/
	--primary_color: #b7c975;                   /*全站主色色碼*/
	--second_color:#d64b62 /*#00060f*/;                  /*全站第二色碼*/
	--third_color:#151b1c /*#242834*/;                  /*全站第三色碼*/
	--fourth_color:#bdcacd /*#80b7e2*/;                   /*全站第四色碼*/
	--fifth_color:#e8f2f5 /*#eeece7*/;                    /*全站第五色碼*/
	--sixth_color:#8ddd8d /*#d4bacd*/;                    /*全站第六色碼*/
	/* #7bb6e3 */
	--grey_color:#0d401c26;
	--dark_color:#00060f;
	--transition_data: 0.3s ease all;

	--fontSize: 16px;
}



.main{
	/* padding-top: 90px; */
}




/* 在螢幕放大125%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and
 (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.25) and
  (-webkit-max-device-pixel-ratio: 1.49)
, only screen and (min-resolution: 125dpi) and (max-resolution: 149dpi) {

	/*全站共用樣式*/
	:root {
		--fontSize: 12.8px; /*calc(16px / 1.25)*/
	}

}

/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), 
only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) {

	/*全站共用樣式*/
	:root {
		--fontSize: 10px; /*10.6px*//*calc(16px / 1.5)*/
		--fontSize: 12px; 
		--fontSize: 16px; 
	}

}

.main.page{
}
	
	/*內頁banner*/
	.inbanner{
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 250px;
	}
	
	
	
/*內頁內容區塊*/
.pageContent{
	padding: 50px 0px;
	padding:  clamp(3.125rem, 5.2083vw, 6.25rem) 0px;
	position: relative;
}
	
	
	
@media (max-width: 1023px){
	
	.main.page {
	}	
	
		/* 內頁內容區塊 */
		.pageContent{
			/* padding: 25px 0px; */ /* modify by pekey 20210429 */
			/* padding: 0px 0px 25px; */
		}
		
}

	

/*左側*/
.left{
	float:left;
	width: 20%;
	box-sizing:border-box;
}
			
	/*左側標題*/
	.left_title{
		position: relative;
		color: #000000;
		font-weight: bolder;
		font-size: 20px;
		padding-bottom: 20px;	
	}
	
		.left_title span{
			font-size: 15px;
			color: #000000;
			letter-spacing: 1px;
			display: inline-block;
			font-weight: normal;
			font-family: 'Nunito', sans-serif;
		}

		
		.left_title .leftList_icon.direction{
			display: none;
		}
	


	/*左側選單列表*/
	.leftListArea{
		border: 1px solid var(--second_color);
		padding: 0px 10px;
		border-radius: 3px;
	}
		.leftList{
			font-size:18px;
		}
		.leftList:nth-of-type(1).active{
			/* padding: 10px 0px 0px; */
		}
		.leftList:last-of-type.active{
			/* padding: 0px 0px 10px; */
		}
			.leftList > a{
				display:block;
				padding: 13px 45px 11px 10px;
				text-decoration:none;
				color:#000000;
				position: relative;
				font-size: 15px;
				line-height: 22px;
				font-weight: bold;
				word-break: break-word;
				border-top: 1px solid #aaaaaa;
			}
			.leftList:first-of-type > a{
				border-top: none;
				border-bottom: none;
				margin: 4px 0px 0px;
				padding: 11px 45px 11px 10px;
			}
			.leftList:first-of-type.active > a{
				border-bottom: 1px solid #aaaaaa;
				/* margin: 9px 0px 0px; */
				/* padding: 15px 45px 11px 10px; */
				padding: 11px 45px 11px 10px;
			}


			.leftList:last-of-type > a{
				border-bottom: none;
			}
			.leftList:last-of-type.active > a{
				border-bottom: 1px solid #aaaaaa;
			}
			.leftList.about > a{
				border-bottom: 1px solid #aaaaaa;
			}

			
				
			.leftList.active > a{
				/* background-color: #ececec; */
				
				border-bottom: 1px solid #aaaaaa;
			}
			.leftList:hover > a{
				/* background-color:#ececec; */
			}
				
					.leftList_icon i{
						font-size: 19px;
						line-height: 14px;
						color: #000000;
					}
				
				/*功能名稱*/	
				.leftList_title{
					display: inline-block;
					vertical-align: bottom;
				}
				
				/*方向標誌*/
				.leftList_icon.direction{
					position: absolute;
					right: 10px;
					top: 16px;
				}
				.leftList:first-of-type .leftList_icon.direction{
				}
					/*方向標誌_向下展開*/
					.leftList_icon.direction i.down{
						display: block;
					}
					.leftList_icon.direction svg.down{
						display: block;
					}

					/*方向標誌_向上收合*/
					.leftList_icon.direction i.up{
						display: none;
					}
					.leftList_icon.direction svg.up{
						display: none;
					}
					
					
				/*active*/ /*方向標誌_向下展開*/
				.leftList.active .leftList_icon.direction i.down{
					display: none;
				}
				.leftList.active .leftList_icon.direction svg.down{
					display: none;
				}

				/*active*/ /*方向標誌_向上收合*/
				.leftList.active .leftList_icon.direction i.up{
					display: block;
				}
				.leftList.active .leftList_icon.direction svg.up{
					display: block;
				}
				
			/* 一層類別 */
			.leftListArea.one .leftList a{
				padding: 11px 10px;
				color: #999999;
			}
			/* active */
			.leftListArea.one .leftList.active > a{
				color: #2a3136;
			}
			/* active */
			.leftListArea.one .leftList:first-of-type.active > a,
			.leftListArea.one .leftList:last-of-type.active > a {
				border-bottom: 0;
				border-bottom-color:var(--second_color) ;
			}	
			
			.leftListArea.one .leftList.about.active > a {
				border-bottom: 1px solid  #aaaaaa;
				
			}	
			.leftListArea.one .leftList.about > a {
				border-bottom: none;
				
			}	

			
			/*左側選單列表第二層*/
			.leftList_open{
				display: none;
				padding: 0px 15px;
			}
			/* .leftList.active .leftList_open{
				display:block;
			} */
				.leftList_open_list{
				}
					.leftList_open_list a {
						display: block;
						transition: 0.3s ease all;
						color: #555555;
						padding: 13px 10px 11px 27px;
						font-size: 15px;
						line-height: 22px;
						font-weight:normal;
						word-break: break-word;
						border-bottom: 1px solid #aaaaaa;

						position: relative;
					}
							
					.leftList_open_list:last-of-type > a{
						border-bottom: none;
					}
					
					.leftList:last-of-type .leftList_open_list:last-of-type > a{
						/* border-bottom: 1px solid #aaaaaa; */
					}

					.leftList_open_list.active a {
						color: #33a0da;
					}
					.leftList_open_list a:hover {
						color: #33a0da;
						text-decoration:none;
					}

						/*標誌*/
						.leftList_open_list .icon{
							position: absolute;
							left: 10px;
    						top: 15px;
							display: none;
						}


/*右側*/
.right{
	float: right;
	box-sizing:border-box;
	width: 77%;

	min-height: 300px;
}


/*無左側選單之滿版樣式*/
.right.no_left{
	float: none;
	width: 100%;
}

	/* 新增 modify by pekey 20210429 start */
	.inBanner_bg {
		/* 拿掉固定寬度 modify by peggy 20240927  */
		/* max-width: 1227px; */
		width:100%;
		/* height: 253px; */
		padding-bottom: 30px;
		
		
	}
	.inBanner_bg a{
		position: relative;
		display: block;
		padding-top: 20.6%;

		
	}
		.inBanner_bg a img {
			width:100%;
			height:auto;
			transition: all 0.3s ease-out;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			float: none;
			width: 100% !important;
			height: 100% !important;
			object-fit: cover;
			transition: all 0.3s ease-out;

		}
	/* 新增 modify by pekey 20210429 end */


	.right_title{
		font-size: 20px;
		font-weight: bold;
		color: var(--second_color);
		position:relative;
		border-bottom: 2px solid var(--second_color);
		padding-bottom: 20px;
	}
		.right_title:after{	
			position: absolute;
			content: '';
			bottom: -1px;
			background: var(--second_color);
			width: 62px;
			height: 6px;
			left: 0px;
			display: none;
		}
	
	
	/*右側內容區塊*/
	.right_contentBg{	
		padding-top: 15px;
	}
	.right.no_left .right_contentBg{
		/* padding-top: 0px; */
	}
	
	
		/*網編區塊*/
		.text_area{
			font-size: 16px;
			color: #000;
			/*line-height:22px;*/
			/* line-height:26px; */
			line-height: normal;
		}

		.right > .text_area{
			padding-bottom: 40px;
		}

			.text_area img{
				max-width: 100%;
				height: auto;
			}	

			.text_area iframe{
				max-width: 100%;
				width: 100%;
			}	




@media (max-width: 1023px){

	/*左側*/
	.left{
		width:100%;
		margin-bottom: 10px;
		position: static;

		display: none;
	}
	
		/*左側表單名稱*/
		.left_title {
			position: relative;
			cursor: pointer;
			background-color: #fff;
			padding: 15px 50px 13px 15px;
			font-size: 17px;
			letter-spacing: 1px;
			color: #000;
			border: 1px solid #777;
		}
			.left_title span{
				display:inline-block;
				font-size: 13px;	
				color: #000;
			}
			
			/* .left_title:after {
				content: '';
				position: absolute;
				border-left: solid 6px rgba(255,255,255,0);
				border-right: solid 6px rgba(255,255,255,0);
				border-bottom: solid 6px rgba(255,255,255,0);
				border-top: solid 10px #777;
				top: 19px;
				right: 15px;
			} */

			.left_title .leftList_icon.direction{
				display: block;
				right: 15px;
			}
			
			

		
		/*左側表單*/
		.leftListArea{
			display:none;
			background: #fffcfc;
			padding: 0px 15px;
			border: 1px #dbdbdb solid;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
		}
		
			.leftList > a{
				/* padding: 13px 45px 11px 15px; */
				
				padding: 11px 45px 11px 0px;
				font-size: 17px;
			}
			.leftList:first-of-type > a {
				padding: 11px 45px 11px 0px
			}
			.leftList:first-of-type.active > a {
				padding: 11px 45px 11px 0px
			}

				/*方向標誌*/
				.leftList_icon.direction{
					/* right: 11px; */
					right: 0px;
				}
				.leftList .leftList_icon.direction{
					top: 14px;
				}
				.leftList:first-of-type .leftList_icon.direction{
					top: 14px;
				}

				.leftList_open {
					padding: 0px 10px;
				}
					
					.leftList_open_list a{
						padding: 13px 12px 11px 26px;
						font-size: 17px;
					}
						.leftList_open_list .icon {
							left: 10px;
							top: 15px;
						}

	
	/*右側*/
	.right{
		width:100%;
		position: static;
		/* padding: 35px 0px; */
	}

	/* 無左側選單區塊-購物車頁面 */
	.right.no_left.cart{
		padding: 0px;
	}
	
	
}


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














/*/////////////////////////////////////////////////////////*/
/*產品模組_工具列區塊*/
/*/////////////////////////////////////////////////////////*/


/* 工具列區塊 */
.tool_bg {
	padding-top: 15px;
}
	/* 排序區塊 */
	.sort_selectArea {
		/* float: left; */
		float: right;
		box-sizing: border-box;
	}
		.sort_selectIn {
		}
			.sort_selectArea select{
				border-color: #000;
				margin: 0 5px 0 7px;
				padding: 0px 0px 0px 7px;
				font-size: 14px;
				width: auto;
				height: 30px;
				line-height: normal;
				background-image: url("../product/images/select_arrow.svg");
				background-size: 20px;
			}
			
				.sort_title{
					display: inline-block;
					padding-right: 10px;
					font-size: 14px;
					font-weight: bold;
				}

				.sort_arrow{
					display: inline-block;
					padding: 0 10px;
				}
					.sort_arrow img{
						width: 15px;
						height: 15px;
					}

				.display{
					display: flex;
					flex-direction: row;
					align-items: center;
				}
					.display_Tit{
						padding-right: 10px;
					}
			





	/* 樣式切換區塊 */
	.type_changeArea {
		float: right;

		display: none;  /*先隱藏*/
	}
		.type_changeIn {
			margin: 0px -5px;
		}

			.type_changeArea .title_icon{
				display: inline-block;
				padding: 0 5px;
			}
				.type_changeArea .title_icon img{
					width: 16px;
					height: 16px;
				}

		
	

















/*/////////////////////////////////////////////////////////*/
/*產品模組*/
/*/////////////////////////////////////////////////////////*/


/*商品列表區塊*/
.product_listArea{
	margin: 0px -5px;

	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
}

	/*商品項目*/
	.product_list{
		/* display: inline-block;
		vertical-align: top;
    	width: 24.4%; */

		width: 25%;
		box-sizing: border-box;
		padding: 15px 5px;
	}

		/*商品圖片*/
		.product_list .img{
			position: relative;
			transition: 0.3s ease all;
		}

			/*商品圓形標籤 預設右邊*/
			.circle_icon{
				position: absolute;
				top: .4375rem;
				right: .4375rem;
				width: clamp(2.0625rem, 3.3854vw, 4.0625rem);
				height: 65px;
				height: clamp(2.0625rem, 3.3854vw, 4.0625rem);
				border-radius: 100%;
				color: #fff;
				background: #ffb000;
				text-align: center;
				box-sizing: border-box;
				z-index: 2;
			}
			/* 設定左邊 */
			.circle_icon.left_icon{
				/* right: unset; */
				/* left: 7px; */
				right: .4375rem;
				top: .4375rem;
			}
				.circle_icon span{
					position: absolute;
					-webkit-transform: translateX(-50%) translateY(-50%);
					transform: translateX(-50%) translateY(-50%);
					top: 50%;
					left: 50%;
					width: 100%;
					max-width: 100%;
					max-height: 100%;
					color: #fff;
					text-align: center;
					font-weight: bold;
					/* letter-spacing: 0; */
					font-size: 18px;
					font-size: clamp(.625rem, 0.9375vw, 1.125rem);
					line-height: 1;
					padding: 2px 5px;
					box-sizing: border-box;
					display: block;
				}


			/* 商品促銷標籤 與商品內頁的促銷標籤是相同的 */
			.product_list .promotion_tabArea{
				position: absolute;
				background: #f9861b;
				color: #ffFFFf;
				top: 0px;
				left: 0px;
				padding: 7px 10px 5px;
				z-index: 2;
			}  
				.product_list .promotion_tabArea span{
					display:block;
					font-size: 14px;
					font-size: clamp(.625rem, 0.72vw, .875rem);
					/* overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap; */
				}



			/* 內容 */
			.product_list .img .content{
				overflow:hidden;
				transition: 0.3s ease all;
				position: relative;
			}

				.product_list .img .content a{
					display:block;
					transition: 0.3s ease all;
					position: relative;
					padding-top: 100%;
				}	

					.product_list .img .content img{
						width:100%;
						height:auto;
						transition: all 0.3s ease-out;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: all 0.3s ease-out;

					}
			
			
				/* hover */
				.product_list .img:hover .content a{
					transform: scale(1.05);
					transition: 0.3s ease all;
					background-color: #555555;
					border-radius: 3px;
				}
					/* hover */
					.product_list .img:hover .content img{
						opacity: 0.7;
						border-radius: 3px;
					}	


			
		/*商品項目下方區塊*/
		.product_list .bottom{
   			padding: 10px 0px 0px;
  		}	

			/*商品名稱*/	
			.product_list .name{
			}
				.product_list .name a{
					display:block;
					color: #000000;
					/* font-size: 16px;
					line-height: 22px; */
					/* font-weight: 700; */

					font-size: 18px;
					font-size: clamp(1rem, 0.9375vw	, 1.125rem);
					line-height: 24px;
					font-weight: normal;

					/*color: #5f5f5f;
					font-size: 15px;
					line-height: 21px;*/

					letter-spacing:0px;
					text-decoration:none;
					transition: 0.3s ease all;
					word-break: break-all;
					word-wrap: break-word;

					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					white-space: normal;
					-webkit-line-clamp: 2;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					padding-top: 0;
				}
				
				.product_list .name a:hover{
					opacity: 0.5;
					transition: 0.3s ease all;
					/*color: #ece5dd;*/
				}				
			


			/* 售價區塊 */
			.product_list .price{

			}	
				.product_list .content{
					letter-spacing: 0;
				}

					/*建議售價*/
					.orignal_price{
						text-decoration: line-through;
						font-size: 14px;
						color: #a8a8ab;
						padding: 10px 0px 0px 0px;
						
						/* display:none; */
					}	
						.orignal_price span{

						}

					/*會員價錢*/
					.member_price{
						color: #c1272d;
						font-size: 14px;
						padding: 10px 0px 0px 0px;
					}
						.member_price span{
							
						}


					/* 新增 商品已售完 modify by pekey 20210429 */
					.soldout {
						color: #a8a8ab;
						padding: 2px 0px 0px;
						font-size: 16px;
						font-size: 1rem;
						line-height: 22px;
					}


			/*加入購物車按鈕*/
			.addCart_button{
    			/* padding: 15px 0px 0px; */				
			}
				.addCart_button a{
					/* display: inline-block; */
					display: block;

					font-size: 14px;
					padding: 10px 10px 9px;
					text-decoration: none;
					transition: 0.3s ease all;
					border-radius: 3px;
					background-color: transparent;
					color: #c1272d;
					border: 1px solid #c1272d;
					text-align: center;
				}
				.addCart_button a:hover{
					transition: 0.3s ease all;
					background-color: #c1272d;
					color: #ffffff;
				}
				.addCart_button i{
					font-size: 18px; 			
				}
				

/* 產品列表的 B_type 樣式 start*/


/*商品列表區塊*/
.product_listArea.B_type{
	margin: 0px -10px;
}

	/*商品項目*/
	.product_list.B_type{
		padding: 15px 10px;
	}


		.product_list.B_type .product_listIn{
			/* padding: 10px 10px;
			border: 1px solid #cccccc;
			border-radius: 3px;
			background-color: #ffffff; */
		}





			/*加入收藏按鈕*/
			.add_content_button{
    			/* padding: 15px 0px 0px; */
				position: absolute;
				left: 10px;
				bottom: 10px;
			}
				.add_content_button a{
					/* display: inline-block; */
					display: block;
					/* font-size: 14px; */
					padding: 6.5px 6.5px;
					padding: .4063rem;
					text-decoration: none;
					transition: 0.3s ease all;
					border-radius: 3px;
					background-color: white;
					color: #b3b3b3;
					border: 1px solid #b3b3b3;
					text-align: center;
				}

				.add_content_button svg{
					fill: #b3b3b3;
					width: 20px;
					width: 1.25rem;
					height: 20px;
					height: 1.25rem;
					


					/* display: block;
					font-size: 14px;
					color: #b3b3b3; */
				}
				.add_content_button a:hover{
					/* transition: 0.3s ease all;
					opacity: 0.5; */
					/* background-color: #c1272d;
					color: #ffffff; */
				}

				/* 已點擊 */
				.add_content_button.active a ,
				.add_content_button a:hover{
					transition: 0.3s ease all;
					color: #c1272d;
					border: 1px solid #c1272d;
				}
				.add_content_button.active svg ,
				.add_content_button a:hover svg{
					/* color: #c1272d; */
					fill: #c1272d;
				}




		/* 購物車按鈕 */
		.product_list.B_type .img .addCart_button{
			position: absolute;
			right: 10px;
			bottom: 10px;
			/* display: none; */
		}

		/* hover */
		.product_list.B_type .img:hover .addCart_button{
			display: block;
			transition: 0.3s ease all;	
		}	

			.product_list.B_type .img .addCart_button a{
				display: inline-block;
				transition: 0.3s ease all;
				border-radius: 3px;
				background-color: var(--second_color);
				color: #ffffff;
				padding: 6px 5px 5px 4px;
				padding: .375rem .3125rem .3125rem .25rem;
				width: 35px;
				width: 2.1875rem;
				height: 35px;
				height: 2.1875rem;
				box-sizing: border-box;
			}

				.product_list.B_type .img .addCart_button a svg{
					font-size: 22px;
					font-size: clamp(1.25rem, 1.1458vw, 1.375rem);
				}

				.product_list.B_type .img .addCart_button a span{
					display: none;
					transition: 0.3s ease all;
					padding: 1px 0px 0px;
				}

				/* hover */
				.product_list.B_type .img .addCart_button a:hover span{
					display: inline-block;
					transition: 0.3s ease all;
				}


		/* B_type 標題 */
		.product_list.B_type .price .title{
			padding-top: 10px;
			/* color: #c1272d; */
			font-size: 14px;
			float: left;
			letter-spacing: 0;
		}

		/* B_type 內容 */
		.product_list.B_type .price .content{
			padding-top: 10px;
			text-align: right;
		}	

			/*B_type 建議售價*/
			.product_list.B_type .price .orignal_price{
				padding: 2px 0px 0px;
				font-size: 16px;
				font-size: clamp(.75rem, 0.8333vw, 1rem);
				line-height: 22px;
			}	

			/*B_type 會員價錢*/
			.product_list.B_type .price .member_price{
				padding: 5px 0px 0px;
				font-size: 18px;
				font-size: clamp(.875rem, 0.9375vw, 1.125rem);
				line-height: 24px;
			}	

/* 產品列表的 B_type 樣式 end*/

@media (max-width: 1025px){

	


	/* 商品促銷標籤 與商品內頁的促銷標籤是相同的 */
	.product_list .promotion_tabArea{
		padding: 6px 10px 5px;
	}  
		
}

@media (max-width: 1023px){
	.product_list{
		/* width: 32.5%; */
		width: 33.3%;
	}
}					

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

@media (max-width: 641px){


	/*商品列表區塊*/
	.product_listArea.B_type{
		margin: 0px -4px;
	}


		.product_list{
			/* width: 49%; */
			width: 50%;
		}


		/*商品項目*/
		.product_list.B_type{
			padding: 15px 4px;
		}


			



			/* B_type 標題 */
			.product_list .price.B_type .title{
				display: none;
			}
				



				/*加入收藏按鈕*/
				.add_content_button{
					left: 7px;
					bottom: 7px;
				}
					.add_content_button a{
						padding: 6.5px 6.5px;
					}
					.add_content_button svg{
						width: 15px;
						height: 15px;
					}

				/* 加入購物車按鈕 */
				.product_list.B_type .img .addCart_button {
					right: 7px;
					bottom: 7px;
				}
				
				.product_list .name a {
					font-size: 14px;
					line-height: normal;
				}

				/*B_type 建議售價*/
				.product_list.B_type .price .orignal_price{
					font-size: 14px;
					line-height: 20px;
				}	

				/*B_type 會員價錢*/
				.product_list.B_type .price .member_price{
					font-size: 16px;
					line-height: 22px;
				}	

				/* 商品已售完 modify by pekey 20210429 */
				.soldout {
					font-size: 14px;
					line-height: 20px;
				}

}		

@media (max-width: 426px){
	

	/* 商品促銷標籤 與商品內頁的促銷標籤是相同的 */
	.product_list .promotion_tabArea {
		padding: 6px 5px 5px;
	}

}

@media (max-width: 415px){
	
	.product_list.B_type .img .addCart_button a{
		width: 30px;
		height: 30px;
	}

		.product_list.B_type .img .addCart_button a svg{
			font-size: 17px;
		}
}


@media (max-width: 321px){

.product_listArea {
	/* margin: 0px; */
}

	.product_list{
		/* display: block;
		width: 100%;
		padding: 15px 5px; */
	}
	
		

			
}











/* 產品內頁區塊 */
.product_pageBg{

}
	/* 產品內頁_上半部區塊 */
	.product_pageBg .top{
		/* modify by pekey 20210727 */
		padding-bottom: 35px;
	}

		/* 產品內頁_左半部區塊 */
		.product_leftArea{
			float: left;
			width: 50%;
			box-sizing: border-box;
		}
			




		.product_leftArea .swiper {
			width: 100%;
			height: 100%;
		  }
	
		  .product_leftArea .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: #fff;
	
			/* Center slide text vertically */
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		  }
	
		  .product_leftArea .swiper-slide img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		  }
	
		  
		  .product_leftArea .swiper {
			width: 100%;
			height: 300px;
			margin-left: auto;
			margin-right: auto;
		  }
	
		  .product_leftArea .swiper-slide {
			background-size: cover;
			background-position: center;
		  }
	
		  .product_leftArea .mySwiper2 {
			height: 80%;
			width: 100%;
		  }
	
		  .product_leftArea .mySwiper {
			height: 20%;
			box-sizing: border-box;
			padding: 10px 0;
		  }
	
		  .product_leftArea .mySwiper .swiper-slide {
			width: 25%;
			height: 100%;
			opacity: 0.4;
		  }
	
		  .product_leftArea .mySwiper .swiper-slide-thumb-active {
			opacity: 1;
		  }
	






					/* 大圖列表 */
					.bigProduct_img {
						position: relative;
						padding-top: 100%;
						border-radius: 0px;
						overflow: hidden;
						width: 100%;
					}
					.bigProduct_img img{
						width: 100%;
						height: auto;
						border-radius: 3px;
					}
						#big_img1 {
							display:block;
						}
						


					/* 小圖區塊 */
					.product_leftArea .small_imgArea .swiper-slide {
						/* box-sizing:border-box;
						padding:0px 5px; */
						/* max-height: 80px; */
						/* max-height: 108px; */
					}
					.product_leftArea .smallProduct_img{
						width: 100px;
					}
						.product_leftArea .smallProduct_img a{
							display: block;
							/* border: 1px #c3c3c3 solid; */
							box-sizing: border-box;
							padding-top: 100%;
							border-radius: 3px;
						}
							.product_leftArea .smallProduct_img img {
								width:100%;
								height:auto;
								transition: all 0.3s ease-out;
								position: absolute;
								top: 0;
								left: 0;
								bottom: 0;
								right: 0;
								float: none;
								width: 100% !important;
								height: 100% !important;
								object-fit: cover;
								transition: all 0.3s ease-out;

							}





		  /* 左右鍵 */
		  .product_leftArea .swiper-button-prev, 
		  .product_leftArea .swiper-button-next {
			  width: 30px;
			  height: 30px;
			  background-size: 30px;
		  }
		  .product_leftArea .swiper-button-prev{
			left: -5px;
			/* background-image:url(../index/images/left_arrow2.png); */
		  }
		  .product_leftArea .swiper-button-next{
			right: -5px;
			/* background-image:url(../index/images/right_arrow2.png); */
		  }


			/* 大圖區塊-------------------------------- */
			/* .product_leftArea .big_imgArea{				
			}
				.product_leftArea .big_imgArea .content{					
				} */
					/* 大圖列表 */
					/* .bigProduct_img {
						display:none;
						position: relative;
						border-radius: 3px;
						cursor: pointer;
					}
						.bigProduct_img img {
							width:100%;
							height:auto;
							border-radius: 3px;
						}

						#big_img1 {
							display:block;
						} */
						
				




			/* 小圖區塊 */
			/* .product_leftArea .small_imgArea{
				margin: 0px;
    			padding: 10px 15px 0px 15px;
			}
				.product_leftArea .small_imgArea .content{
					
				} */


				/* 小圖輪播 */
				/* .small_imgArea .device {
					position: relative;
				    overflow: inherit;
				} */
				
					/* 左右切換小按鈕 */
					/* .small_imgArea a.arrow-left_mainProduct,
					.small_imgArea a.arrow-right_mainProduct {
						position: absolute;
						z-index: 3;
						width: 14px;

						background-color: #d4d4d4;
						height: 100%;
						box-sizing: border-box;
						padding: 0px 3px;
						border-radius: 3px;
					}
					 */
					/* 左側切換小按鈕 */
					/* .small_imgArea a.arrow-left_mainProduct {
						left: -14px;
					} */
					
					/* 右側切換小按鈕 */
					/* .small_imgArea a.arrow-right_mainProduct {
						right: -14px;
					}	
						
						.small_imgArea a.arrow-left_mainProduct img,
						.small_imgArea a.arrow-right_mainProduct img {
							width: 100%;
							height: auto;
						}

						.small_imgArea a.arrow-left_mainProduct i,
						.small_imgArea a.arrow-left_mainProduct svg,
						.small_imgArea a.arrow-right_mainProduct i,
						.small_imgArea a.arrow-right_mainProduct svg {
							position: absolute;
							top: 50%;
							-webkit-transform:  translateY(-50%);
							transform:  translateY(-50%);
							color: #ffffff;
						} */
						

					/* 圖片輪播列表 */
					/* .small_imgArea .swiper-slide {
						box-sizing:border-box;
						padding:0px 5px;
					}
						.small_imgArea .swiper-slide a {
							display: block;
							box-sizing: border-box;
							
							border-radius: 3px;
						}				
						.small_imgArea .swiper-slide img {
							width:100%;
							height:auto;
							border-radius: 3px;
						} */
			

			/* 分享區塊 */
			.share_bg{
				padding-top: 20px;
			}
				.share_bg .in{

				}
				
					/* 標題 */
					.share_bg .title{
						display: inline-block;
						vertical-align: middle;
						padding-right: 5px;
						font-size: 15px;
						/* font-weight: bold; */
					}
				
					/* 內容 */
					.share_bg .content{
						display: inline-block;
						vertical-align: middle;
					}
					
						.share_bg .list_area{
							margin: 0px -5px;
						}
							.share_bg .list{
								float: left;
								box-sizing: border-box;
								width: 45px;
								padding: 0px 5px;
							}
								.share_bg .list a{
									display: block;
									box-sizing: border-box;
									padding: 7px;
									border-radius: 30px;
									transition: 0.2s ease all;
								}
								/* hover */
								.share_bg .list a:hover{
									opacity: 0.7;
									transition: 0.2s ease all;
								}
								
								/* line */
								.share_bg .list.line a{
									background-color: #00b900;
								}
								
								/* fb */
								.share_bg .list.fb a{
									background-color: #3b5998;
								}
								
								/* ig */
								.share_bg .list.ig a{
									background-color: #555555;
								}


									.share_bg .list img{
										width: 100%;
										height: auto;
									}
		





		/* 產品內頁_右半部區塊 */
		.product_rightArea{
			float: right;
			width: 50%;
			box-sizing: border-box;
			padding-left: 20px;
		}

			/* 商品促銷標籤 */
			.promotion_tab{
				display: inline-block;
				background-color: #c1272d;
				color: #ffffff;
				font-size: 14px;
				padding: 7px 10px 5px;
				margin: 10px 0px 0px 0px;
			}

			/* 商品促銷標語 */
			.promotion_text{
				color: #e11212;
				font-size: 15px;
				line-height: 21px;
				padding: 10px 0px;
			}

			/* 商品名稱 */
			.product_rightArea .name{
				/* margin: 20px 0px 0px; */
				margin: 0px;
				font-size: 30px;
				line-height: 36px;
				font-weight: bold;
				color: #000000;
			}

			/* 簡述 */
			.product_rightArea .text{
				margin: 15px 0;
				font-size: 14px;
				line-height: 22px;
				color: #898989;
			}
			


			/* 價錢區塊 */
			.product_rightArea .price{
				padding-top: 10px;
				font-family: 'Nunito', sans-serif;
			}
				/* 內容 */
				.product_rightArea .price .content{
					float: left;
				}	

					/* 會員價錢 */
					.product_rightArea .price .member_price{
						float: left;
						padding: 0px;
						font-size: 30px;
					}	

					/* 建議售價 */
					.product_rightArea .price .orignal_price{
						float: left;
						padding: 7px 0px 0px 15px;
						font-size: 20px;
					}	



			/* 分隔線 */
			.product_rightArea hr {
				margin: 25px 0px;
				border: 0;
				border-top: 1px solid #cdcdcd;
			}


			/* 規格區塊 */
			.product_rightArea .specification{
				margin: 0px -5px;
				padding: 0;
			}

				/* 規格 */
				.specification .select{
					/* width: 50%;
					float: left;
					padding: 0px 5px; */

					width: 100%;
					padding: 5px 5px;
					box-sizing: border-box;
					position: relative;
				}

					/* 標題 */
					.specification .select .title{
						position: absolute;
						left: 5px;
						top: 50%;
						-webkit-transform:  translateY(-50%);
						transform:  translateY(-50%);

						/* font-weight: bold; */
					}

					/* 內容 */
					.specification .select .content {
						padding-left: 60px;
					}
						.specification .select .content_in {
							width: 100%;
							border: 1px solid #cccccc;
							border-radius: 3px;
							box-sizing: border-box;
						}
							.specification .select .content select{
								width: 100%;
								border-radius: 0px;
								border: 0;
								height: 36px;
								padding: 10px 36px 8px 10px;
								padding-right: 36px !important;
								box-sizing: border-box;
								background: transparent;
								cursor: pointer;
							}
							.specification .select .content .icon{
								position: absolute;
								right: 12.5px;
								top: 50%;
								-webkit-transform:  translateY(-50%);
								transform:  translateY(-50%);
								/* z-index: -1; */
								z-index: 2;
							}


				/* 數量 */
				.specification .quantity{
					display: table;
					/* width: 50%;
					float: left;
					padding: 0px 5px; */

					width: 100%;
					padding: 5px 5px;
					box-sizing: border-box;
					position: relative;
				}

					/* 標題 */
					.specification .quantity .title{
						position: absolute;
						left: 5px;
						top: 50%;
						-webkit-transform:  translateY(-50%);
						transform:  translateY(-50%);

						/* font-weight: bold; */
					}

					/* 內容 */
					.specification .quantity .content {
						padding-left: 60px;
					}
						.specification .select .content_in {
							width: 100%;
							box-sizing: border-box;

							position: relative;
						}
							.specification .quantity_decrease{
								display: table-cell;
								vertical-align: middle;
								padding: 5px 10px;
								box-sizing: border-box;

								font-size: 14px;
								text-align: center;
								cursor: pointer;
								background-color: #cccccc;
								color: #ffffff;
								font-weight: bold;
								border: 1px solid #cccccc;
								border-top-left-radius: 3px;
								border-bottom-left-radius: 3px;
							}
							td.cart_quantity.specification .quantity_decrease{
								
							}

							.specification .quantity_content {
								display: table-cell;
								vertical-align: middle;
								box-sizing: border-box;
								border: 1px solid #cccccc;
								width: 100%;
							}
								.specification .quantity_content input{
									padding: 0 20px;
									box-sizing: border-box;
									height: 34px;

									font-size: 14px;
									text-align: center;
									color: #000000;
									border: 0;
									border-radius: 0;
									cursor: pointer;
								}

							.specification .quantity_increase{
								display: table-cell;
								vertical-align: middle;
								padding: 5px 10px;
								box-sizing: border-box;
								
								font-size: 14px;
								text-align: center;
								cursor: pointer;
								background-color: #cccccc;
								color: #ffffff;
								font-weight: bold;
								border: 1px solid #cccccc;
								border-top-right-radius: 3px;
								border-bottom-right-radius: 3px;
							}
				








				/* 贈品 */
				.specification .giveaway{
					display: table;
					/* width: 50%;
					float: left;
					padding: 0px 5px; */

					width: 100%;
					padding: 5px 5px;
					box-sizing: border-box;
					position: relative;
				}

					/* 標題 */
					.specification .giveaway .title{
						position: absolute;
						left: 5px;
						top: 50%;
						-webkit-transform:  translateY(-50%);
						transform:  translateY(-50%);
						font-size: 15px;
						/* font-weight: bold; */
					}

					/* 內容 */
					.specification .giveaway .content {
						padding-left: 60px;
					}
						.specification .giveaway .content_in {
							width: 100%;
							box-sizing: border-box;

							/* position: relative; */
						}
							ul.giveawayimg{	
								padding: 0;
								margin: 0;
								list-style-type: none;		
								display: flex;
								flex-direction: row;
								flex-wrap: wrap;
								margin: -5px;								
							}
								ul.giveawayimg li{	
									padding: 0;
									margin: 0;
									display: block;
									list-style-type: none;
									box-sizing: border-box;	
									width: 16.6%;	
									padding: 5px;		
								}
									ul.giveawayimg a{
										position: relative;
										padding-top: 100%;
										display: block;
										text-decoration: none;	
										transition: 0.2s ease all;								 */
									}
										ul.giveawayimg li img{	
											width:100%;
											height:auto;
											transition: all 0.3s ease-out;
											position: absolute;
											top: 0;
											left: 0;
											bottom: 0;
											right: 0;
											float: none;
											width: 100% !important;
											height: 100% !important;
											object-fit: cover;
											transition: all 0.3s ease-out;
											
										}
										/* ul.giveawayimg li.active a img , */
										ul.giveawayimg li a:hover img{
											border-color: #71b057;
											transition: 0.2s ease all;
											/* opacity: 0.5; */
										}
										ul.giveawayimg li.active a{
											/* background-color: #71b057; */
										}

										ul.giveawayimg li.active a:before {
											position: absolute;
											content: "";
											width: calc(100% - 6px);
											height: calc(100% - 5px);
											top: 0;
											left: 0;
											/* left: 50%; */
											/* transform: translate(-50%, -50%); */
											border: 4px var(--second_color) solid;
											z-index: 2;
											transition: 0.2s ease all;
										}
								

















			/* 按鈕區塊 */
			.product_rightArea	.button{
				margin: 0px -5px;
				padding: 20px 0px 0px;
			}	
				/* 新增 售完補貨中的按鈕 modufy by pekey 20210429 */
				.button .add_button, .button .buy_button, 
				.button .soldout_button , .button .commodity_button ,
				.button .collect_button{
					width: 50%;
					float: left;
					padding: 5px 5px;
					box-sizing: border-box;
					position: relative;
				}

					.add_button i, .add_button svg{
						position: absolute;
						left: 10px;
						top: 50%;
						-webkit-transform:  translateY(-50%);
						transform:  translateY(-50%);
					}

					/* 新增 售完補貨中的按鈕 modufy by pekey 20210429 */
					.button .add_button input, 
					.button .buy_button input, 
					.button .soldout_button input ,
					.button .commodity_button input ,
					.button .collect_button input{
						width: 100%;
						box-sizing: border-box;
						border-radius: 3px;  /*Judy修改20220901*/
					}

					.button .add_button input{
						background-color: var(--primary_color);
						border-color: var(--primary_color);
						color: #000;
					}
					.button .buy_button input{
						background-color: var(--second_color);
						border-color: var(--second_color);
						color: #ffffff;
					}


					/* 新增 售完補貨中的按鈕 modufy by pekey 20210429 */
					.button .soldout_button input {
						background-color: #c7c7c7;
						cursor: auto;
					}
					/* 到貨通知的按鈕 */
					.button .commodity_button input{
						background-color: #515151;
						border-color: #515151;
						color: #ffffff;
					}
					/* 加入收藏清單的按鈕 */
					.button .collect_button input{ /*Judy修改20220901*/
						background-color: #ffffff;
						border-color: #c1272d;
						border: solid 1px #c1272d;
						color: #c1272d;
					}


	/* 下半部區塊 */
	/* .product_pageBg .bottom{
		padding-top: 70px;
	}


		.product_pageBg .back_button{
			padding-top: 50px;
		}
			.product_pageBg .back_button input{
				display: block;
				text-align: center;
				width: 200px;
				margin: 0px auto;
				box-sizing: border-box;
				border-radius: 3px;
				background-color: transparent;
				border: 1px solid #000000;
				color: #000000;
			} */


			
	/* 下半部區塊 */
	.product_pageBg .bottom{
		/* padding-top: 70px; */ /* modify by pekey 20210727 */
		padding-top: 35px;
	}


		.product_pageBg .back_button{
			padding-top: 50px;
		}
			.product_pageBg .back_button input{
				display: block;
				text-align: center;
				width: 200px;
				margin: 0px auto;
				box-sizing: border-box;
				border-radius: 3px;
				/* background-color: #ffffff;
				border: 1px solid #999999;
				color: #999999; */
			}






	/* 下半部區塊：加價購商品 */
	.product_pageBg .bottom .cart_itemBg.additional_bg{
		/* padding: 0px; */
		margin: 0 0 70px;
	}

		.cart_itemBg  .cart_title{
			margin-bottom: 10px;
		}

		.product_pageBg .bottom .product_listIn .bottom{
			padding: 10px 0px 0px;
		}











@media (max-width: 767px){
	

	/* 產品內頁_左半部區塊 */
	.product_leftArea{
		float: none;
		width: 100%;
	}

	/* 產品內頁_右半部區塊 */
	.product_rightArea{
		float: none;
		width: 100%;
		padding-left: 0;
		padding: 20px 0px 0px;
	}


		.small_imgArea .swiper-slide{
			max-height: unset;
		}			
}			


@media (max-width: 640px){
	
	/* 贈品 */
	ul.giveawayimg{	
		margin: -2px;								
	}
		ul.giveawayimg li{	
			width: 33.3%;	
			padding: 2px;		
		}

}




















/*/////////////////////////////////////////////////////////*/
/*活動專館*/
/*/////////////////////////////////////////////////////////*/


/* 活動專館頁-------------- */
.activityHall_area{
	/*padding: 10px 10px; */
   border-radius: 10px;		
   border: solid  1px #ccc;
   /* margin-bottom: 50px; */
}



.activityHall_areaTop{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 15px;
	border-bottom: solid 1px #ccc;
	font-size: 16px;
   	line-height: 1.5;
}

	/* 活動專館頁簡述區-------------- */
	.activityHall_area ul.act_remark{
	padding: 0;
	margin:0;
	list-style-type: none;
	display: block; 
	box-sizing: border-box;
	}
		.activityHall_area ul.act_remark li{
			padding: 0;
			margin:0;
			list-style-type: none;
			display: block;
		}
		.activityHall_area ul.act_remark li:first-of-type{
			color: #959595;
		}
			.activityHall_area ul.act_remark em{		
				font-style: normal;
				color: #c30d23;
				padding: 0 5px;
				box-sizing: border-box;
			}
			.activityHall_area ul.act_remark em.conclusion{		
				font-size: 20px;
			}




	/* 活動專館頁按鈕區-------------- */
	.activityHall_area ul.act_btn{
		padding: 0;
		margin:0;
		list-style-type: none;
		display: block;	
		box-sizing: border-box;
	}
		.activityHall_area ul.act_btn li{
			padding: 0;
			margin:0;
			list-style-type: none;
			display: block;
			width: 125px;
		}

			.activityHall_area ul.act_btn select{		
				width: 100%;
			}
			.activityHall_area ul.act_btn .btn_area.one{	
				padding: 0;
				margin-top: 10px;
			}
			.activityHall_area ul.act_btn .btn_area.one input{		
				width: 100%;
				margin: 0;
				height: 38px;
				line-height: 38px;
			}


/* 活動專館頁商品-------------- */
ul.activityHall_commodity{
   padding: 0;
   margin: 0;
   /* display: block; */
   list-style-type: none;
   display: flex;
   flex-wrap: wrap;
   /* border-top: solid  0.0625em #ccc; */
   padding: 30px 15px;
   margin: 0 -5px -10px;
   font-size: 17px;
}
   /* 活動專館頁商品列表-------------- */
   ul.activityHall_commodity li{
		padding: 0;
		margin: 0;
		display: block;
		list-style-type: none;
		box-sizing: border-box;
		padding: 0 5px 10px;
		width: 16.6%;
	}
	   ul.activityHall_commodity li a{
		   display: block;
		   text-decoration: none;
		   position: relative;
		}

	   /* 移除 */
	   ul.activityHall_commodity .delete{
			text-align: right;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			background-color: #ffae00cc;
			display: flex;
			align-items: center;
			color: #fff;
			justify-content: center;

			/* display: none; */
			opacity: 0;
			transition: 0.3s ease all;	
		}
		   ul.activityHall_commodity .delete svg{
				fill: #fff;
				/* background-color: #d87c44; */
				padding: 3px;
				width: 15px;
				height: 15px;
				/* display: block; */
				/* border-radius: 0 0.625em 0 0; */
			}	
			
		ul.activityHall_commodity li a:hover .delete{
			/* display: flex; */
			opacity: 1;
			transition: 0.3s ease all;	
		}


	   /* 活動專館頁商品_圖 */
	   ul.activityHall_commodity .activityHall_commodityImg{
		   display: block;
		   position: relative;
		   padding-top: 100%;
		   border-radius: 0.625em;
		   overflow: hidden;
		}
		   ul.activityHall_commodity .activityHall_commodityImg img{
			   width: 100%;
			   height: auto;
			   position: absolute;
			   top: 0;
			   left: 0;
			   bottom: 0;
			   right: 0;
			   float: none;
			   width: 100% !important;
			   height: 100% !important;
			   object-fit: cover;
			   transition: 0.3s ease all;	
		   }


	   /* 價格 */
	   ul.activityHall_commodity .pLL_price{
		   font-size: 12.8px;
		   line-height: 1;
		   margin-top: 6px;
		   color: #c1272d;
	   }
			ul.activityHall_commodity .pLL_price em{
				font-style: normal;
			}

	   /* 數量 */
	   ul.activityHall_commodity .pLL_price span.quantity{
			display: inline-block;
			box-sizing: border-box;
			color: #7c7c7c;
			font-weight: lighter;
	   }
		ul.activityHall_commodity .pLL_price span.quantity:before {
			content: attr(data-name);
		}



	/* 尚未選擇商品 */
	ul.activityHall_commodity li.notYet{
		font-size: 12.8px;
		display: none;
	}
	ul.activityHall_commodity li.notYet.active{
		display: block;
	}
	ul.activityHall_commodity li.notYet a{
		cursor: default;
		border: 1px #959595 dashed;
	}
		ul.activityHall_commodity li.notYet .notYetIn {
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			opacity: 1;
			background-color: #fff0;
			color: #959595;
			/* border: 1px #ccc dashed; */
		}



.product_list_area.activityHall{	
}

	.product_list_area.activityHall .pLL_bottom{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
		.product_list_area.activityHall .pLL_tit ,
		.product_list_area.activityHall .pLL_originalPrice ,
		.product_list_area.activityHall .pLL_price {
			width: 100%;
		}
		.product_list_area.activityHall .pLL_price {
			padding-bottom: 8px;
		}
		.product_list_area.activityHall .pLL_add_cart {
			width: 30%;
			display: block;
			padding: 0;
		}
		.product_list_area.activityHall .pLL_specification {
			display: block;
			width: calc(100% - 35%);
			padding: 0;
		}
			.product_list_area.activityHall  .pLL_specification select{
				border-radius: 3px;
			}

			.product_list_area.activityHall .pLL_add_cart a {
				padding: 8px 8px;
				width: 100%;
				text-align: center;
				border-radius: 3px;
				box-sizing: border-box;
				line-height: normal;
				height: 35px;
				font-size: 17.6px;
			}

			/* hover */
			.product_list_area.activityHall .pLL_add_cart a:hover {
				background-color: #df2f7e;
			}








@media (max-width: 1350px){

   /* 活動專館頁商品列表-------------- */
   ul.activityHall_commodity li{
		width: 16.6%;
	}	

	.activityHall_areaTop{
		display: block;
		flex-wrap: unset;
		justify-content: unset;
	}
		.activityHall_area ul.act_btn {
			padding: 15px 0 0;
			display: flex;
			justify-content: space-between;
		}
			.activityHall_area ul.act_btn li{
				width: 49%;
			}
			.activityHall_area ul.act_btn .btn_area.one {
				padding: 0;
				margin-top: 0px;
			}
}


@media (max-width: 640px){

	/* 活動專館頁商品列表-------------- */
	ul.activityHall_commodity li{
		 width: 33.3%;
	 }	
	 ul.activityHall_commodity li .delete {
		opacity: 1;
		/* background-color: #fff0; */
		width: 50%;
		height: 50%;
		top: 50%;
		left: 50%;
		right: unset;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	ul.activityHall_commodity .delete svg {
		display: none;
	}
 
 }
 
@media (max-width: 425px){

	/* 活動專館頁商品列表-------------- */
	ul.activityHall_commodity li{
		 width: 50%;
	 }	
 
 }




.activeBg{	
	padding-top: 50px;
	/* padding-bottom: 50px; */
}

/* 活動產品區塊 */
.productActive_bg{
}
	.productActive_bg .pLL_bottom{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 10px 0 0;
	}
		.productActive_bg .pLL_specification{
			display: block;
			width: calc(100% - 58px);
			padding: 0;
			box-sizing: border-box;
		}
			.productActive_bg .pLL_specification select{
				border-radius: 3px;
				width: 100%;
				padding: 5px 0px 5px 7px;
			}

		.productActive_bg .orignal_price em,
		.productActive_bg .member_price em {
			font-style: normal;
		}
		
		.productActive_bg .pLL_add_cart{
			/* width: 30%; */			
			padding: 0;
			width: 52px;
			box-sizing: border-box;
		}
			.productActive_bg .pLL_add_cart input{	
				/* padding: 8px 8px;
				width: 100%; */
				text-align: center;
				border-radius: 3px;
				box-sizing: border-box;
				height: 29px;
				font-size: 15px;
				line-height: 29px;
				background-color: #c1272d;
				color: #fff;
				text-decoration: none;
				display: block;
				width: 100%;
			}
			.productActive_bg .pLL_add_cart input:hover{	
				opacity: 0.5;
				transition: 0.3s ease all;
			}























/*/////////////////////////////////////////////////////////*/
/*購物車模組*/
/*/////////////////////////////////////////////////////////*/

/*購物車步驟*/
.cart_step {
	font-size:0px;
	padding: 10px 0px 20px 0px;
	text-align:center;
}
	.cart_step_list {
		display:inline-block;
		vertical-align: top;
		line-height: 26px;
		padding: 0px 26px 0px 0px;
	}
		.step_number {
			font-size: 16px;
			font-weight: bold;
			display: inline-block;
			vertical-align:middle;
			background: #A9A9A9;
			color: #fff;
			text-align: center;
			width: 26px;
			border-radius: 100%;
			height: 26px;
			line-height:  26px;
		}
		.step_content {
			font-size:15px;
			color:#CCC;
			display: inline-block;
			vertical-align:middle;
			padding: 0px 0px 0px 5px;
		}
			/*當前模式*/
			.cart_step_list.now .step_number {
				background: #33a0da;
			}
			.cart_step_list.now .step_content {
				color:#333;
			}

@media (max-width: 767px){
	.cart_step_list {
		line-height: 22px;
		padding: 0px 20px 0px 0px;
	}
		.step_number {
			font-size: 14px;
		}
		.step_content {
			font-size:13px;
			display: block;
			padding: 10px 0px 0px;
		}
}

@media (max-width: 541px){
	.cart_step_list {
	}
	.cart_step_list:last-of-type{
		padding: 0px;
	}
}


@media (max-width: 410px){
	.cart_step {
	}
		.cart_step_list {
			padding: 0px 10px 0px 0px;
			line-height:20px;
		}


			.step_number {
				width: 22px;
				height: 22px;
				font-size: 12px;
				line-height:  22px;
			}
			.step_content {
				font-size: 13px;
			}
}

@media (max-width: 321px){
	
	.cart_step_list {
		padding: 0px 15px 0px 0px;
	}
		.cSL_tw {
			font-size: 12px;
			padding: 5px 0px 0px;
			letter-spacing: 0px;
		}
}




/* 購物車項目區塊 */
.cart_itemBg{
	background-color: #f8f8f8;
    padding: 20px;
    border-radius: 5px;

	
	margin-bottom: 20px;
	/* border-top-left-radius: 25px; */
}

	.cart_itemArea{
		border:1px solid #c9caca;
		background:#fff;
		padding: 15px 20px;
		border-radius: 5px;
	}
	
	.cart_itemBg .cart_itemArea{
		
	}
	.stepB .cart_itemArea{
		margin-top: 15px;
	}

		.cart_itemIn{
			width:100%;
			margin:0 auto;
		}
			.cart_itemIn label{
				display: inline-block;
				font-size: 15px;
				line-height: 19px;
				padding-right: 10px;
			}

			

			/*出貨方式_標題*/
			.car_title{
				padding: 0px 0px 15px;
			}
				/*出貨方式_標題icon*/
				.car_title .icon {
					font-size: 12px;
					font-weight: bold;
					display: inline-block;
					vertical-align: middle;
					background: #ca2126;
					color: #fff;
					text-align: center;
					width: 26px;
					border-radius: 100%;
					line-height: 26px;
					left:0px;
					top:0px;
					height: 26px;
				}

				/*出貨方式_內容*/
				.car_title .content{
					display: inline-block;
					vertical-align: middle;
					font-size: 20px;
					font-weight: bold;
					color: #000;
				}
					.car_title .content span{
					}
				
			/*出貨方式_備註*/
			.car_title_mark{
				color: #c13e42;
				text-align: center;
				line-height:22px;
				font-size: 16px;
				padding: 5px 0px 15px;
			}	

			

@media (max-width: 1081px){
	.cart_itemIn label{
		padding: 3px 10px 3px 0px;
	}
}			

@media (max-width: 641px){
	.car_title_mark{
		font-size:  13px;
		line-height: 18px;
	}
}





/*購物車商品列表*/
.cart_productList_area {
	padding: 0px;
}



	/*購物車備註*/
	.cart_remark {
		text-align:center;
		padding:0px 0px 15px 0px;
		color:#BF0000;
		line-height:22px;
	}

	.cart_productList_area table {
		width:100%;
		margin:0 auto;
		overflow: hidden;
	}
		.cart_productList_area tr {
		}
			.cart_productList_area td {
				text-align:center;
				vertical-align:middle;
				font-size:15px;
				line-height: 24px;
				color:#000;
				padding:8px 14px;
				box-sizing:border-box;
				border-bottom: solid 1px #bebebe;
				border-right: solid 1px #bebebe;
				background-color: #f8f8f8;
			}
				
			
						
		/*第一組tr*/
		.cart_productList_area tr:first-of-type td {
			border-top: solid 1px #bebebe;
			background-color: var(--primary_color);
			color: #fff;
		}
		
		/*第一個td*/
		.cart_productList_area td:first-of-type {
			width:33%;
			border-left: solid 1px #bebebe;
		}

		/*第一組tr的第一組td*/
		.cart_productList_area tr:first-of-type td:first-of-type {
			border-top-left-radius: 3px;
		}
		/*第一組tr的最後一組td*/ 
		.cart_productList_area tr:first-of-type td:last-of-type {
			border-top-right-radius: 3px;
		}
		/*最後一組tr的第一組td*/
		.cart_productList_area tr:last-of-type td:first-of-type {
			border-bottom-left-radius: 3px;
		}
		/*最後一組tr的最後一組td*/
		.cart_productList_area tr:last-of-type td:last-of-type {
			border-bottom-right-radius: 3px;
		}
		
		
		/*2進位的tr*/
		.cart_productList_area tr:nth-of-type(2n+0) td {
			background-color:#fff;
		}

@media (max-width: 1023px) {
	.cart_productList_area td{
		padding: 8px 8px;
	}
	.cart_productList_area td:first-of-type {
		width: 28%;
	}
	.cart_productList_area tr:first-of-type td:last-of-type{
		width: 7%;
	}
	
}


@media (max-width: 641px){
	/*第一組tr*/
	.cart_productList_area tr:first-of-type {
		display:none;
	}
	
	/*第一個td*/
	.cart_productList_area td:first-of-type {
		width: auto;
		padding: 10px 14px;
		border-left: solid 1px #e1e1e1;
	}
	
	/*最後一個td*/
	.cart_productList_area td:last-of-type {
		border-bottom: solid 2px #e1e1e1;
		padding: 5px 14px 10px 14px;
	}
	
	.cart_productList_area tr:last-of-type td:last-of-type {
		border-bottom: solid 1px #e1e1e1;
	}
	
	
	
	.cart_productList_area table {
		border-top: solid 1px #e1e1e1;
		border-radius:5px;
	}
		.cart_productList_area td {
			display:block;
			border:none;
			text-align:left;
			border-left: solid 1px #e1e1e1;
			border-right: solid 1px #e1e1e1;
			padding: 5px 14px;
			font-size:  14px;
		}
			.cart_productList_area td:before {
				content:attr(data-name);
			}
			
			/*商品名稱*/
			.cPL_product {
				border-bottom: solid 1px #e1e1e1;
				padding:0px 0px 15px 0px;
				font-size:16px;
			}
			
			.cart_productList_area table input {
				height:40px;
				line-height:40px;
			}
				.cart_productList_area table input[type='button'] {
					width:100%;
				}
					/*兩個按鍵時*/
					.cart_productList_area table .cPL_twoBtn input[type='button'] {
						float:left;
						width:48%;
					}
					.cart_productList_area table .cPL_twoBtn input[type='button']:nth-of-type(2) {
						float:right;
					}
					
}






/* 購物車 商品項目 */
.cart_productList_area .product_item{
	display: table;
    width: 100%;
    min-height: 80px;
}

	/* 圖片 */
	.cart_productList_area .product_item .img{
		display: table-cell;
		vertical-align: middle;
		width: 80px;

		position: relative;
	}
		.cart_productList_area .product_item .img a{
			display: block;
			position: relative;
			padding-top: 100%;
		}

			/*加購品標籤*/
			/* .cart_productList_area .product_item .label {
				position: absolute;
				top: 0px;
				left: 0px;
				font-size: 12px;
				color: #fff;
				background: #333;
				line-height: 20px;
				padding: 0px 10px;
				z-index: 4;
			} */

			.cart_productList_area .product_item .img img{
				width:100%;
				height:auto;
				transition: all 0.3s ease-out;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				float: none;
				width: 100% !important;
				height: 100% !important;
				object-fit: cover;
				transition: all 0.3s ease-out;
				
			}

	/* 商品名稱 */
	.cart_productList_area .product_item .title{
		display: table-cell;
		vertical-align: middle;
		padding-left: 20px;
		text-align:  left;
		z-index: 2;
	}
		.cart_productList_area .product_item .title a{
			display: block;
		}

		/* hover */
		.cart_productList_area .product_item .title a:hover{
			/* opacity: 0.6; */
			text-decoration: none;
		}


		/*加購品標籤*/
		.cart_productList_area .product_item .title a .label {
			width: 60px;
			font-size: 12px;
			line-height: 20px;
			font-weight: bold;
			text-align: center;
			color: #ca2126;
			background: transparent;
			border: 1px solid #ca2126;
			padding: 0px 5px;
			box-sizing: border-box;
			margin-bottom: 5px;
		}


		/* 內容 */
		.cart_productList_area .product_item .title a .content{
			font-size: 14px;
			line-height: 22px;
			line-height: initial;
			
			color: #000;
			text-align:  left;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		/* hover */
		.cart_productList_area .product_item .title a:hover .content{
			opacity: 0.6;
		}


		/* 規格 */
		.cart_productList_area .product_item .title .specification {
			text-align: left;
			font-size: 14px;
			line-height: 22px;
			color: #ca2126;
		}
		
		/* 贈品 */
		.cart_productList_area .product_item .title .giveaway{
			text-align: left;
			font-size: 14px;
			line-height: 22px;
			color: #33a0da;
		}
	
		/* 數量 */
		.cart_productList_area select.select{
			cursor: pointer;

			width: 100%;
			height: 38px;

			background: transparent url(../images/select_arrow.png) no-repeat;
			background-size: 13px;
			background-position: right;
			padding-right: 18px !important;
			border-radius: 0;
		}

		/* 訂單計算金額樣式 */
		.cart_total_area td{
			border-top: solid 1px #bebebe;
		}
		.cart_total_area td:first-of-type{
			text-align: left;
		}
		.cart_total_area td:last-of-type{
			text-align: right;
		}


		.cart_total_area tr:first-of-type td{
			border-top: solid 2px #555555;
		}
		.cart_total_area tr:last-of-type td{
			border-bottom: solid 1px #bebebe;
		}

		/* 購物車刪除紐 */
		.cart_clear{
			position: relative;
		}

		.cart_productList_area table .cart_clear input[type='button']{
			width: 38px;
			height: 38px; 
			background: transparent url(../cart/images/clear.svg) no-repeat;
			background-size: 21px;
			background-position: center;
			border: 0;
		}

		.cart_productList_area table .cart_clear input[type='button']:hover{
			opacity: 0.3;
		}
			
@media (max-width: 1081px){
	
	.cart_itemBg {
		margin-bottom: 15px;
	}

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

	/* 圖片 */
	.cart_productList_area .product_item .img{
		width: 65px;
	}

	/* 數量 */
	.cart_productList_area select.select{
	}

	td.cart_quantity.specification .quantity_decrease,
	td.cart_quantity.specification .quantity_increase{
		padding: 5px 7px;
	}

	td.cart_quantity.specification .quantity_content input {
		padding: 0 10px;
		height: 28px;
	}



	.cart_clear{
	}

	

}





@media (max-width: 641px){

	.cart_itemBg {
		padding: 10px 10px;
    	border-top-left-radius: 5px;
	}

	.cart_itemArea {
		padding: 15px 10px;
	}


		/* 商品名稱 */
		.cart_productList_area .product_item .title{
			padding-left: 10px;
		}
		.cart_productList_area .product_item .title a{
		}

			/*商品規格*/
			.specification {
				font-size: 13px;
				line-height: 17px;
				padding-top: 10px;
			}


		/* 數量 */
		.cart_productList_area .cart_quantity{
			display: table;
			vertical-align: middle;
			width: 100%;
		}
			.cart_productList_area .cart_quantity::before{
				display: table-cell;
				vertical-align: middle;
				width: 50px;
			}

			.cart_quantity .content{
				display: table-cell;
				vertical-align: middle;
			}
				
				.cart_productList_area select.select{
				}
		

			
		td.cart_quantity.specification .quantity_decrease,
		td.cart_quantity.specification .quantity_increase{
			padding: 5px 10px;
		}

		td.cart_quantity.specification .quantity_content{
		}
			td.cart_quantity.specification .quantity_content input {
				padding: 0 20px;
				height: 34px;
			}		




		/* 刪除按鈕 */
		.cart_productList_area table .cart_clear input[type='button']{
			width: 100%;
			border: solid 1px #c4c4c4;
			background: transparent url(../cart/images/clear_mobile.svg) no-repeat;
			background-size: 30px;
			background-position: center;
			height: 36px;
		}
			

}


@media (max-width: 320px){

	/* 數量 */
	.cart_productList_area select.select{
	}

}


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




/*購物車合計區*/
.cart_total_area {
	padding: 5px 0px 0px;
}
	.cart_total_area table {
		font-size:15px;
		line-height:29px;
	}
		.cart_total_area tr {
		}
			.cart_total_area td {
				padding: 6px 5px;
				text-align: right;
				font-weight: bold;
			}
				.cart_total_area td strong {
					font-size: 26px;
					color:#de484d;
					padding: 0px 7px;
					font-family: 'Nunito', sans-serif;
				}

				.cart_total_area td span {
					color:#666;
				}
					/*每一行第一個td*/
					.cart_total_area td:first-of-type {
						border-right: solid 1px #bebebe;
					}
					/*每一行第二個td*/
					.cart_total_area td:last-of-type {
						width: 150px;
						
					}


					.detail_tableBg .cart_total_area {
						padding-top: 25px;
					}



@media (max-width: 767px){

.cart_itemBg {
	
}

	.cart_itemArea {
		padding: 15px 10px;
	}

		.cart_total_area td{
			text-align: left;
			padding: 5px 5px;
		}
		.cart_total_area td:first-of-type {
			width: 80px;
		}

		.cart_total_area td:last-of-type{
			font-weight: initial;
			text-align: right;
		}

			.cart_total_area td strong{
				font-size: 22px;
			}
}
					

@media (max-width: 641px){

	.cart_total_area td{
		font-size:  13px;
	}
	.cart_total_area td:first-of-type {
		width: 85px;
	}

		.cart_total_area td strong{
			font-size: 20px;
		}
}


@media (max-width: 440px){
	/*每一行第二個td*/
	.cart_total_area td:last-of-type {
		width: 120px;
	}
}


@media (max-width: 321px){
	.cart_total_area td {
		letter-spacing: 0px;
	}
}





/*新增修改 加購商品、相關商品 商品列表 modify by pekey 20210727 start*/
.additional_bg, .related_bg{
	margin: 35px 0px;
}

.cart_itemBg.related_bg {
    border-top-left-radius: 5px;
	margin: 0px;
}
/*新增修改 加購商品、相關商品 商品列表 modify by pekey 20210727 end*/


	.little_tit{
		font-size: 22px;
		font-weight: bold;
		border-bottom: solid 1px #B7B6B6;
		padding: 0px 0px 12px 0px;
		color: #3e3e3e;
		margin: 0px 0px 15px;
	}
		/* icon */
		.little_tit .i, .little_tit svg{
			float: left;
			opacity: 0.5;
			padding-right: 15px;
		}

		/* 內容 */
		.little_tit .content{
			float: left;
		}










	/* 加購商品輪播區塊 */
	.additional_listArea .swiper-container {
		width: 100%;
		height: 100%;
	  }

	  .additional_listArea .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	  }
		.additional_listArea{
			position: relative;
			
		}
	  .additional_listArea .swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	  }

	  .additional_listArea  .product_list.B_type {
			padding: 15px 10px;
			width: 100%;
			text-align: left;
			border: 1px #e4e4e4 solid;
		}




		.additional_listArea .addButton-prev, 
		.additional_listArea .addButton-next {
		  position: absolute;
		  top: unset;
		  top: 50%;
		  margin-top: 0;
		  transform: translateY(-50%);
		  z-index: 10;
		  cursor: pointer;
		  width: 40px;
		  height: 40px;
		  background-size: 40px;
		  background-position: center;
		  background-repeat: no-repeat;
	  }
  
	  .additional_listArea .addButton-next {
		  background-image: url(../index/images/left_arrow2.png);
		  left: 0px;
		  right: auto;
	  }
  
	  .additional_listArea .addButton-prev {
		  background-image: url(../index/images/right_arrow2.png);
		  right:0px;
		  left: auto;
	  }













	/*新增修改 加購商品、相關商品 輪播區塊 modify by pekey 20210727 start*/
	/* .additional_listArea, .related_listArea {
		margin: 15px -7.5px 0px;
	} */

		/* .additional_listArea .device, 
		.related_listArea .device {
			overflow: unset;
		}

		.additional_listArea .arrow-left, 
		.related_listArea .arrow-left {
			left: -10px;
			opacity: 1;
		} */

		/* hover */
		/* .additional_listArea:hover .arrow-left, 
		.related_listArea:hover .arrow-left {
			left: -10px;
			opacity: 1;
		}
		
		.additional_listArea .arrow-right, 
		.related_listArea .arrow-right {
			right: -10px;
			opacity: 1;
		} */
		
		/* hover */
		/* .additional_listArea:hover .arrow-right, 
		.related_listArea:hover .arrow-right {
			right: -10px;
			opacity: 1;
		}
	
			.additional_listArea .product_list, 
			.related_listArea .product_list{
				width: auto;
				display: block;
				padding: 0px 7.5px;
			}

				
				.additional_listArea .product_list.B_type .bottom,
				.related_listArea .product_list.B_type .bottom {
					padding: 10px 10px;
					background-color: #ffffff;
				}
				
					.additional_listArea .product_list.B_type .price .content,
					.related_listArea .product_list.B_type .price .content {
						float: none;
						text-align: right;
					}
						.additional_listArea .product_list.B_type .price .orignal_price,
						.related_listArea .product_list.B_type .price .orignal_price {
							float: none;
							font-size: 14px;
							line-height: 20px;
						}
						.additional_listArea .product_list.B_type .price .member_price,
						.related_listArea .product_list.B_type .price .member_price {
							float: none;
							padding: 0px;
							font-size: 16px;
							line-height: 22px;
						} */

	/*新增修改 加購商品、相關商品 輪播區塊 modify by pekey 20210727 end*/

						
/* 加購商品-加入購物車 */
.product_list.B_type .img .purchaseCart_button a {
	width: 72px;
	height: 30px;
	line-height: 18px;
	padding: 6px 10px 5px 10px;
	letter-spacing: 2px;
}	
	.product_list.B_type .img .purchaseCart_button a svg {
		font-size: 14px;
		padding-right: 4px;
	}	

	.purchaseCart_button .after{
		display: none;
	}	

/* 當前模式 active */
.product_list.B_type .img .purchaseCart_button.active a{
	display: block;
	background-color: #000000;
	border-color: #000000;
}	
	.purchaseCart_button.active .before{
		display: none;
	}				
	.purchaseCart_button.active .after{
		display: block;
	}		



@media (max-width: 1023px){
	
	/*新增修改 加購商品、相關商品 商品列表 modify by pekey 20210727 start*/
	.additional_listArea .device .arrow-left,
	.additional_listArea .device .arrow-right,
	.related_listArea .device .arrow-left,
	.related_listArea .device .arrow-right {
		display: block;
	}
	/*新增修改 加購商品、相關商品 商品列表 modify by pekey 20210727 end*/
}






/*相關商品 商品列表---------------------*/
.relateditional_bg{
	/* margin: 35px 0px; */
}
.product_pageBg .bottom .relateditional_bg{
	/* padding: 0px; */
    margin: 70px 0 0 ;
}
	.product_pageBg .bottom .relateditional_bg .product_list.B_type .img .addCart_button {
		display: none;
	}















/*未登入要顯示的提示*/
.not_logged_remark {
	background:#fff2ce;
	text-align:center;
	font-size:15px;
	line-height:22px;
	border-radius:5px;
	margin:20px 0px 0px 0px;
	padding: 8px 5px;
	
	color:#555;  /*增加by pekey 20170612*/
}
	.not_logged_remark a {
		color:#de484d;
		text-decoration:underline;
		transition:0.3s ease all;
	}
		.not_logged_remark a:hover {
			color:#DE484D;
		}




/*按鍵區*/
.btn_area {
	font-size:0px;
	text-align:center;
	padding: 30px 0px 0px 0px;
}
	.btn_area input {
		margin:0px 30px;
		background: #777;
	}
		.btn_area input:hover {
			opacity: 0.7;
		}

		/* 繼續購物 */
		.btn_area input.shopping{
			background-color: #71b057;
			border-color: #71b057 ;
			color: #ffffff;
		}

		/* 上一步 */
		.btn_area input.before{
			background-color: #71b057 ;
			border-color: #71b057 ;
			color: #ffffff;
		}

		/* 下一步 */
		.btn_area input.next{
			background-color: #33a0da;
			border-color: #33a0da;
			color: #ffffff;
		}


@media (max-width: 525px){
	.btn_area input {
		float:left;
		width:48%;
		margin:0px;
	}
	.btn_area input:nth-of-type(2) {
		float:right;
	}
	
	/*只有一個按鍵時*/
	.btn_area.one input {
		float:none;
	}
	
	/*FB按鍵*/
	input.fb_btn {
		width:100%;
		margin: 12px 0px 0px 0px;
	}
}		







/*/////////////////////////////////////////////////////////*/
/*購物車模組-第2步驟*/
/*/////////////////////////////////////////////////////////*/

.cart_itemBg.stepB{
	
}

	.cart_title{
		position: relative;
		padding: 0px 0px 0px 44px;
		line-height: 30px;
	}

	/* .stepA .cart_title {
		padding: 0px 0px 15px 44px;
	} */

		.cart_title .deco{
			position:absolute;
			left:0px;
			display:block;
			width:30px;
			height: 30px;
			border-radius:100%;
			font-size:15px;
			font-weight:100;
			color:#fff;
			background: var(--second_color) url(../cart/images/check.svg);
			background-position: center;
			background-repeat: no-repeat;
			text-align:center;
			letter-spacing: 0px;
		}
		
		.cart_title .content{
			font-size: 20px;
			font-weight: bold;
			color: var(--second_color);
		}

		.cart_title .content .cart_checkbox{
			display: inline-block;
			font-size: 15px;
			line-height: 19px;
			font-weight: normal;
			margin-left: 10px;
		}
	


		/* 常溫 */
		.cart_itemArea .cart_title{	
			padding: 0px 0px 0px 35px;
			margin-bottom: 5px;
		}
			.cart_itemArea .cart_title .deco {
				position: absolute;
				left: 0px;
				display: block;
				width: 25px;
				height: 25px;
				/* border-radius: 100%;
				font-size: 15px;
				font-weight: 100; */
				color: #fff;
				background: url(../cart/images/patch-exclamation-fill.svg);
				background-position: center;
				background-repeat: no-repeat;
				background-size: 25px;
				text-align: center;
				letter-spacing: 0px;
			}
			.cart_itemArea .cart_title .content {
				font-size: 17px;
				color: #71b057;
			}
			








		/* 同意加入會員 */
		.information .form_list.agree{

		}

		.information .form_list.agree input{
			height: auto;
			display: inline-block;
		}
			.information .form_list.agree label{
				display: inline-block;
				padding: 0;
			}
			.information .form_list.agree a{
				display: inline-block;
				text-decoration: underline;
				font-size: 15px;
    			line-height: 19px;
			}



	/* 內容 */
	.cart_content{
		border: 1px solid #c9caca;
		background-color: #fff;
		/* background-color: #fff9ec; */
		padding: 0px 0px;
		border-radius: 5px;
		margin: 15px 0px 0px;
	}

		.cart_content .cart_itemArea{
			padding: 15px 0px;
			margin: 0px 20px;
		}
		.cart_content .cart_itemArea:last-of-type{
			border-bottom: 0;
		}

@media (max-width: 641px){

	.cart_title {
		padding: 4px 0px 0px 32px;
		line-height: 26px;
	}
		.cart_title .deco {
			width: 24px;
			height: 24px;
		}

		.cart_title .content {
			font-size: 18px;
		}
}
	

/* 商品明細-區塊 start*/
.cart_title.special{
	float: left;
}
.cart_detailBg.special {
	float: right;
	padding: 0px;
	background-color: transparent;
	margin: 0px;
}

	.cart_detailBg.special .detail_list{
		padding: 8px 0px 8px 0px;
		height: 30px;
		box-sizing: border-box;
	}
		.click_show, .click_hidden{
			cursor: pointer;
		}
		.click_show{
			/* display: none; */
		}
		.click_hidden{
			display: none;
		}

		.cart_detailBg.special .detail_list.detail_button{
			padding: 8px 13px 8px 15px;
			border-radius: 3px;
			background-color: #33a0da;
			color: #fff;
		}

		.cart_detailBg.special .detail_list.detail_button .title{
			position: relative;
			padding-right: 15px;
			font-weight: normal;
			letter-spacing: 1px;
			font-size: 15px;
		}
			.cart_detailBg.special .detail_list.detail_button .title .icon{
				position: absolute;
				/* right: 0px; */
				right: -2px;
				top: 1.5px;
				font-size: 12px;
			}

.detail_tableBg{
	margin: 15px 0px 0px;
}

@media (max-width: 641px){


	.cart_detailBg.special .detail_list.detail_button {
		padding: 9px 10px 8px 12px;
		color: #fff;
	}
		.cart_detailBg.special .detail_list.detail_button .title{
			font-size: 13px;
		}
		.cart_detailBg.special .detail_list.detail_button .title .icon {
			top: 0px;
		}


	.detail_tableBg{
		margin: 10px 0px 0px;
	}
}

/* 商品明細-區塊 end*/



/* 購買資訊-區塊 start*/
.cart_mainBg{

}
	.cart_mainIn{
		margin: 0px -7.5px;
	}

		.cart_mainBg .cart_itemBg{
			float: left;
			width: 60%;
			box-sizing: border-box;
			padding: 0px 7.5px;

			background-color: transparent;
			border-radius: 0;
			margin-bottom: 0;
			border-top-left-radius: 0;
		}
		.cart_mainBg .cart_itemBg:nth-of-type(2){
			width: 40%;
		}
			.cart_mainBg .in{
				background-color: #f8f8f8;
				padding: 20px;
				border-radius: 5px;
				margin-bottom: 20px;
				border-top-left-radius: 30px;
			}


			.cart_mainBg .cart_itemArea{
				background-color: transparent;
				border: 0;
				border-bottom: 1px solid #c9caca;
				border-radius: 0;
			}

				.list_content{
					padding: 10px 0px;
				}
				.list_content:nth-of-type(1){
					padding-top: 0px;
				}
				.list_content:last-of-type{
					padding-bottom: 0px;
				}


@media (max-width: 1081px){
	.cart_mainIn {
		margin: 0px;
	}
		.cart_mainBg .cart_itemBg{
			float: none;
			width: 100%;
			padding: 0px 0px 15px;
		}
		.cart_mainBg .cart_itemBg:nth-of-type(2){
			float: none;
			width: 100%;
			padding: 0px;
		}
			.cart_mainBg .in{
				margin: 0;
			}
}

@media (max-width: 641px){
	.cart_mainBg .in {
		background-color: #f8f8f8;
		padding: 10px 10px;
		border-top-left-radius: 5px;
	}
		.cart_content {
			margin: 10px 0px 0px;
		}
			.cart_content .cart_itemArea {
				margin: 0px 10px;
			}
}

/* 購買資訊-區塊 end*/


/* 寄送方式-區塊 start */
.send {
	
}


	/* 標題 */
	.send .title{
		/* display: inline-block;
		vertical-align: middle; */
		display: block;

		/* padding: 10px 0px; */
		padding: 0px 0px 5px;

		width: 100%;
		box-sizing: border-box;
		position: relative;
	}

		.send .title span{
			display: block;
			padding: 7px 0px 0px;
		}
		.send .title span:nth-of-type(1){
			padding: 0px;
		}

	/* 內容 */
	.send .content{
		/* display: inline-block;
		vertical-align: middle; */
		display: block;

		width: 100%;
		box-sizing: border-box;
		position: relative;
	}

/* 寄送方式-區塊 end */



/* 選擇配送方式-區塊 strat */

/* 宅配到家 */
.home{
	display: none;
}
.home.show{
	display: block;
	margin-top: 15px;
    border-top: 1px dashed #ccc;
}

	.home .content{
		/* display: none; */
		padding: 10px 0px 0px;
	}
		.home .content{

		}

			/* 地址樣式 */
			.home .address .address_select{
			}
				.home .address .address_select select{
					height: 38px;
				}
				.home .address .address_select input[type="text"]{
					height: 38px;
				}

				.home .address .address_text{
					padding: 10px 0px 0px;
				}
					.home .address .address_text input[type="text"]{
						height: 38px;
					}
			
				
			/* 收件時間-樣式 */
			.home .pick {
				padding: 10px 0px 0px;
				width: 100%;
			}
				.home .pick .pick_select{
					width: 100%;
				}
					.home .pick .pick_select select {
						width: 100%;
						height: 38px;
						color: gray;
					}
			
				
/* 付款方式-樣式 */
.pay {
	width: 100%;
	padding: 15px 0px 0px;
    margin-top: 10px;
    border-top: 1px dashed #ccc;
}
	.pay .pay_select{
		width: 100%;
	}
		.pay .pay_select select {
			width: 100%;
			height: 38px;
		}

		.pay .pay_select select option:nth-of-type(1) {
			color: gray;
		}

		
			


/* 超商取貨 */
.store{
	display: none;
}
.store.show{
	display: block;
    margin-top: 15px;
    border-top: 1px dashed #ccc;
	
}

	.store_itemBg{
		padding-top: 20px;
	}
	
		.store_bg{
			display: none;
			padding-top: 10px;
		}
		.store_bg.show{
			display: block;
		}

			.map_bg, .store_bg{
				padding: 10px 0px 0px;
			}
				.location_list{
					position: relative;
					box-sizing: border-box;
					padding: 5px 0px;
					padding-left: 90px;
				}
					.location_list .title{
						position: absolute;
						width: 85px;
						font-weight: bold;
						left: 0;
						top: 8px;
						/* top: 50%;
						-webkit-transform:  translateY(-50%);
						transform:  translateY(-50%); */

					}
					.location_list .content{
						line-height: normal;
					}
				
					.store_itemBg label {
						min-width: 127px;
						display: inline-block;
						padding: 0;
					}
					
					input[type="button"].map_pick{
						width: auto;
						padding: 0px 15px;
						height: 38px;
						line-height: 40px;
						display: none;
						box-sizing: border-box;
					}
					input[type="button"].map_pick.show{
						display: inline-block;
					}


@media (max-width: 641px){
	
	.store_itemBg{
		margin-top: 10px;
    	padding-top: 15px;
	}
	.store_itemBg.show{
		display: block;
	}
		.store_itemBg label{
			display: block;
			width: 100%;
			padding: 5px 0px 0px;
		}
		.store_itemBg label:nth-of-type(1){
			padding: 0px;
		}
				
			.store_itemBg label input[type="button"].map_pick{
				width: 100%;
				padding: 0px 5px;
			}

			.location_list .content{
			}

}

@media (max-width: 374px){

	input[type="button"].map_pick.show{
		display: block;
	}
}

/* 選擇配送方式-區塊 end */






/* 訂購人資訊 */
.information{

}
	.information > .content{

	}      
	
		.cart_content.information{

		}


			.information .form_list {
				/* font-size: 15px; */
				padding: 7.5px 0px;
			}
			.information .form_list:nth-of-type(1) {
				padding-top: 0px;
			}
			.information .form_list:last-of-type {
				padding-bottom: 0px;
			}
				.information .form_list .title{
					/* font-size: 15px; */
					font-weight: bold;
				}
					span.red{
    					display: inline-block;
					}

				.information .form_list .content{
					padding: 10px 0px 0px;
				}
					.information .form_list input{
						height: 38px;
					}



/* 發票資訊 */
.ivoice_listBg{
	padding-top: 10px;
    margin-top: 17px;
	border-top: 1px dashed #ccc;

	display: none;
}	

/* 當前模式 */
.ivoice_listBg.show{
	display: block;
	padding-top: 0px;
    margin-top: 0px;
	border-top: none;
}

.ivoice_listBg.invoiceCarrier{
	padding-top: 20px;
}

	.ivoice_listBg .title{
		font-size: 15px;
		font-weight: bold;
	}
	.ivoice_listBg .content{
		padding-top: 10px;
	}
		.ivoice_list label{
			padding-left: 15px;
		}
		.ivoice_list label:nth-of-type(1){
			padding-left: 0px;
		}
			.ivoice_list label input[type="text"]{
				width: 180px;
			}

.red {
	color: #de484d;
    display: block;
    font-weight: initial;
    font-size: 13px;
    /* padding: 10px 0px 0px 0px; */
}
		
.ivoice_listBg.invoiceCarrier .title span.red{
	display: block;
	padding: 0px;
	line-height: 20px;
}

.ivoice_listBg.invoiceCarrier .invoiceCarrier_item{
	padding: 10px 0px;
}

.ivoice_listBg.invoiceCarrier .invoiceCarrier_item.mobile{
	padding: 10px 0px 5px;
}

.ivoice_listBg.invoiceCarrier .invoiceCarrier_item.natural{
	padding: 0;
}


	.ivoice_listBg.invoiceCarrier .content label span{
		min-width: 90px;
		display: inline-block;
	}

	.ivoice_listBg.invoiceCarrier .invoiceCarrier_item input[type="text"]{
		margin: 10px 0px;
	}




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

@media (max-width: 1023px){
	
	span.red{
		/* display: block; */
		padding: 0px;
		line-height: normal;
	}
}

@media (max-width: 767px){
	span.red {
		/* display: block; */
	}
}


@media (max-width: 641px){

	span.red {
		display: block;
		padding-top: 5px;
	}

	.ivoice_listBg.invoiceCarrier .invoiceCarrier_item{
		width: 100%;
		display: block;
		padding: 5px 0px;
	}
}

@media (max-width: 414px){

	span.red {
		letter-spacing: 0;
	}

	.ivoice_listBg.invoiceCarrier .content label {
		line-height: 32px;
	}
}

@media (max-width: 375px){
	.ivoice_listBg.invoiceCarrier .content label {
		line-height: initial;
	}

		.ivoice_listBg.invoiceCarrier .content label span{
			min-width: auto;
		}

		.ivoice_listBg.invoiceCarrier .content input[type="text"]{
			margin-top: 5px;
			width: 100%;
		}
}




/* 折扣優惠-區塊 start*/
.coupon_bg{
	/* padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc; */
}
	.coupon {
		padding: 0px 0px 10px;
	}

	.coupon .cart_title .content{
		color: #000000;
	}

		.coupon input[type="text"]{
			width: 180px;
			height: 38px;
			line-height: 38px;
		}
			.coupon .underline{
				text-decoration: underline;
			}
			.coupon .red{
				padding-left: 0px;
				color: #ff0000;
			}

			.coupon .title{
				display: block;
				padding: 0px 0px 10px;

				width: 100%;
				box-sizing: border-box;
				position: relative;
				font-weight: bold;
			}

				.coupon .title span{
					display: inline-block;
					padding: 7px 0px 0px;
				}
				.coupon .title span:nth-of-type(1){
					padding: 0px;
				}


			.coupon .content{
				display: block;

				width: 100%;
				padding-right: 95px;
				box-sizing: border-box;
				position: relative;
			}


				.coupon input[type="text"]{
					width: 100%;
				}


				.coupon .content input[type="button"]{
					width: 85px;
					height: 38px;
					line-height: 40px;

					position: absolute;
					right: 0;

					background-color: #33a0da;
				}
























				.coupon2{	
					padding: 0px 0px 20px;
				}
					.coupon2 .title{
						position: relative;
						padding: 0;
						padding-left: 50px;
						padding-right: 80px;
					}
					.coupon2 .title:before{
						content: "";
						position: absolute;
						top: 7px;
						left: 0;
						transform: translateY(-50%);
						background-image: url(../cart/images/discount.svg);
						background-size: contain;
						background-position: center;
						background-repeat: no-repeat;
						width: 40px;
						/* padding: calc(67% / 2) 0; */
						height: 30px;
					}
						.coupon2 .title span:first-of-type em{
							font-style: normal;
							/* font-size: 26px; */
							color: #de484d;
							font-weight: bold;
							font-family: 'Nunito', sans-serif;
						}
				
					.coupon2 .title span.chooseCoupon{
						position: absolute;
						padding: 0;
						padding-right: 12px;
						/* display: block; */
						top: 50%;
						right: 0;
						transform: translateY(-50%);
						/* font-size: 12px; */
						font-size: 16px;
						cursor: pointer; 
					}
					.coupon2 .title span.chooseCoupon:hover{
						color: #de484d;
					}
				
					.coupon2 .title span.chooseCoupon:before{
						content: "";
						position: absolute;
						top: 50%;
						right: 0;
						transform: translateY(-50%);
						background-image: url(../images/caret-right-fill.svg);
						background-size: 10px;
						background-position: center;
						background-repeat: no-repeat;
						width: 10px;
						height: 10px;
					}
					.coupon2 .title span.chooseCoupon:hover:before{
						background-image: url(../images/caret-right-fill2.svg);
					}
				
								
									
				
								
				@media (max-width: 1440px){
				
					.coupon2 .title {
						padding-right: 0;
					}
						.coupon2 .title span.chooseCoupon{
							position: relative;
							display: block;
							margin: 20px 0 0;
							text-align: right;
						}
				
				}
				
				@media (max-width: 768px){
					
					.coupon2 .title {
						padding-left: 35px;
					}
						.coupon2 .title:before {
							/* top: 7px; */
							width: 30px;
							height: 20px;
						}
				
				}
				
				@media (max-width: 641px){
					.coupon_bg {
						padding-bottom: 5px;
						margin-bottom: 10px;
					}
				}
				/* 優惠方式-區塊 end*/
				
				
				
				
				
				
				
				
				
				
				/*折扣碼燈箱------------------------------------------------------*/
				.coupon_lightBox{
					position:fixed;
					width:100%;
					height:100%;
					top:0px;
					left:0px;
					/* z-index: 102; */	
					/* display:none; */
				
					opacity: 0;
					transition:0.2s ease all;
					z-index: -999;
				}
				.coupon_lightBox.show{
					/* display:block; */
					opacity: 1;
					transition:0.2s ease all;
					z-index: 2002;
				}
					.coupon_lightBox_bg {
						width:100%;
						height:100%;
						background:rgba(0,0,0,0.5);
					}
					.coupon_lightBox .pLb_info_area {
						background: #fff;
						position: absolute;
						width: 900px;
						/* height: 80%; */
						height: 80vh;
						left: 50%;
						top: 50%;
						/* transform: translateX(-50%) translateY(-50%); */
				
						border-radius: 5px;
						box-sizing: border-box;
						padding: 20px 30px;
				
						transform: translateX(-50%) translateY(-50%) scale(0);
						transform-origin: center;
						z-index: -999;
						opacity: 0;
						transition:0.8s ease all;
					}
				
					.coupon_lightBox.show .pLb_info_area {
						transform: translateX(-50%) translateY(-50%) scale(1);
						transition:0.8s ease all;
						z-index: 2002;
						opacity: 1;
					}
				
				
				
						.coupon_lightBox .pLb_close {
							position: absolute;
							font-size: 15px;
							font-weight: bold;
							letter-spacing: 0px;
							text-align: center;
							width: 34px;
							height: 34px;
							line-height: 34px;
							/* border-radius: 100%; */
							color: #333;
							background: #515151;
							/* top: -25px; */
							/* right: -25px; */
							right: 20px;
							top: 20px;
							border: solid #515151 1px;
							box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
							cursor: pointer;
							transition: 0.3s ease all;
							display: flex;
							transition: 0.3s ease all;
						}
						.coupon_lightBox .pLb_close svg{
							fill: #fff;
							width: 25px;
							height: 25px;
							margin: auto;
							transition: 0.3s ease all;
						}
							.coupon_lightBox .pLb_close:hover {
								background: #71b057;
								border-color: #71b057;
								transition: 0.3s ease all;
							}
							.coupon_lightBox .pLb_close:hover svg{
								fill: #333;
								transform: rotate(15deg);
								transition: 0.3s ease all;
							}
							
							
				/* .pLbI_info{
					height: 100%;
				} */
				
					/* 折扣碼輸入區塊 */
					/* .couponArea_numberArea{
						display: block;
					} */
					.couponArea_number{
						display: flex;
						align-items: center;
						justify-content: space-between;
						border-bottom: 1px #bebebe solid;
						padding-bottom: 25px;
						margin-bottom: 25px;
						background: #fff;
					}
						.couponArea_number input[type="text"]{
							width: calc(100% - 136px);
						}
						.couponArea_number input[type="button"]{
							width: 128px;
							background: #71b057;
							color: #fff;
						}
				
				
						/* 折扣碼清單區塊 */
						ul.couponArea{
							display: block;
							padding: 0;
							margin: 0;
							list-style-type: none;
							display: flex;
							flex-wrap: wrap;
							align-items: flex-start;
							justify-content: space-between;
				
							overflow-x: hidden;
							overflow-y: auto;
							/* max-height: 300px; */
							padding-right:10px;
						}
									  
						ul.couponArea::-webkit-scrollbar {/*滾動條整體樣式*/
							width: 5px;     /*高寬分別對應橫豎滾動條的尺寸*/
							height: 1px;
						}
						ul.couponArea::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
							border-radius: 5px;
							-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
							/*background: #535353;*/
							
							/* background-image: linear-gradient(to top, #005f99 0%, #99ca3b 100%);	  */
							background-image: linear-gradient(to top, #afafaf 0%, #e5e5e5 100%);		
						}
						ul.couponArea::-webkit-scrollbar-track {/*滾動條裡面軌道*/
							-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
							border-radius: 5px;
							background: #EDEDED;
						}	
				
				
				
				
				
				
				
				
				
				
					
					
							/* 清單 */
							ul.couponArea > li{
								display: block;
								padding: 0;
								margin: 0;
								list-style-type: none;
								margin: 10px 0px;
								/* border: 1px #aeaeae solid; */			
								border-radius: 5px;
								width: 48.5%;
								box-sizing: border-box;
								position: relative;
							}
							/* ul.couponArea > li:first-of-type{
								margin-top: 0;
							}
							ul.couponArea > li:last-of-type{
								margin-bottom: 0;
							} */
							
							ul.couponArea > li:before ,
							ul.couponArea > li:after{
								background-image: url(../images/shadow.png);
								background-repeat: no-repeat;
								background-size: contain;
								width: 100%;				
								position: absolute;
								content: "";
								z-index: 0;				
								transition: 0.3s ease all;
					
								padding-bottom: 18%;
								bottom: -10px;
							}
							ul.couponArea > li:after{
								top: -9px;
								bottom: unset;
								transform: scaleY(-1);
								padding: 18% 0 0;
								opacity: 0.2;
							}
							ul.couponArea > li:hover:before ,
							ul.couponArea > li:hover:after{
								opacity: 0;
								transition: 0.3s ease all;
							}
					
					
					
					
								.couponList{
									position: relative;
									cursor: pointer;
									z-index: 1;
								}
								.couponList:before{
									position: absolute;
									content: "";
									background-image: url(../images/coupon.svg);
									background-repeat: repeat-y;
									background-position: center;
									background-size: 10px;
									width: 10px;
									height: 100%;
									right: -6px;
									top: 0;
									z-index: 1;
								}
								.couponList:after{
									position: absolute;
									content: "";
									background-image: url(../images/coupon.svg);
									background-repeat: repeat-y;
									background-position: center;
									background-size: 10px;
									width: 10px;
									height: 100%;
									left: -6px;
									top: 0;
									transform: scaleX(-1);
								}
					
					
								/* 陰影 */
								/* ul.couponArea > li > .shadow{
									background-image: url(../cart/images/shadow.png);
									background-repeat: no-repeat;
									background-size: contain;
									width: 100%;				
									position: absolute;
									z-index: 0;				
									transition: 0.3s ease all;
					
									padding-bottom: 18%;
									bottom: -12px;
								}			
								ul.couponArea > li > .shadow:first-of-type{
									top: -9px;
									bottom: unset;
									transform: scaleY(-1);
									padding: 18% 0 0;
									opacity: 0.4;
								} */
					
									.couponTopArea{
										display: flex;
										justify-content: space-between;
										/* border-bottom: 2px #3c3c3c dashed; */
										padding: 0 35px;
										background-size: cover;
										background-repeat: no-repeat;
										position: relative;
										background-color: #ffffff;
										background-image: linear-gradient(309deg, #dddddd 0%, #ffffff00 100%);
										/* background-image: linear-gradient(135deg, #2ca6e0ab 0%, #ffffff00 100%) , url(../cart/images/coupon_bg.png); */
									}
									.couponTopArea:before {
										content: "";
										background-image: url(../images/coupo_left_icon.png);
										background-position: center;
										background-repeat: no-repeat;
										background-size: cover;
										position: absolute;
										/* border-radius: 15px 0px 0px 0px; */
										width: 89px;
										height: 89px;
										left: 0px;
										top: 0px;
										/* z-index: 0; */
										display: none;
									}
										.couponLogo{
											width: 45%;
											/* background-color: #fff; */
											display: flex;
											box-sizing: border-box;
											position: relative;
											z-index: 0;
										}
											.couponLogo img{
												width: 100%;
												height: auto;
												display: block;
												margin: auto;
												/* max-width: 90%; */
											}
					
										.couponTopArea h3{
											color: #33a0da;
											padding: 0;
											margin: 0;
											display: block;
											/* width: 30%; */
											text-align: right;
											font-weight: normal;
											font-family: 'Nunito', sans-serif;
											font-weight: bolder;
											box-sizing: border-box;
											letter-spacing: 0;
										}
											.couponTopArea h3 span{
												display: block;
												padding: 20px 0;
												/* font-size: 40px; */
												font-size: 25px;
											}
					
					
									.couponBottomArea{
										background-color: #5c5c5c;
										background-color: #3c3c3c;
										position: relative;
									}
										.couponBottomArea > ul{
											padding: 0;
											margin: 0;
											display: block;
											list-style-type: none;
											display: flex;
											justify-content: space-between;
											align-items: center;
											padding: 10px 35px;
										}
					
											.couponBottomArea > ul > li{
												padding: 0;
												margin: 0;
												display: block;
												list-style-type: none;
												box-sizing: border-box;
											}
					
							
							/* 折抵金額 */
							.couponList .amount{
								color: #ffffff;
								font-size: 15px;
								letter-spacing: -1px;
							}
								.couponList .amount span{
									font-size: 20px;
									box-sizing: border-box;
									font-family: 'Nunito', sans-serif;
									padding: 0 5px;
								}
								.couponList .amount em{
									font-style: normal;
									box-sizing: border-box;
									font-size: 26px;
									padding: 0 5px 0 5px;
									font-weight: bolder;
									font-family: 'Nunito', sans-serif;
									transition: 0.3s ease all;
								}
								ul.couponArea > li:hover .amount span ,
								ul.couponArea > li:hover .amount em{
									color: #71b057;
									transition: 0.3s ease all;
								}
					
							/* 折扣碼 */
							.couponList .amount_number{
								margin: 0px 0px 6px;
									font-family: 'Nunito', sans-serif;
							}
								.couponList .amount_number span{
									color: #71b057;
									font-size: 13px;
									border: 1px #71b057 solid;
									border-radius: 7px;
									display: inline-block;
									padding: 5px 10px;
									transition: 0.3s ease all;
								}
								ul.couponArea > li:hover .amount_number span{
									background-color: #71b057;
									color: #000;
									transition: 0.3s ease all;
								}
					
							/* 時間 */
							.couponList .amount_time{
								margin: 10px 0 0;
								color: #d3d3d3;
								font-size: 12px;
							}
								.couponList .amount_time span{		
										font-family: 'Nunito', sans-serif;
								}
					
					
					
					@media (max-width: 1110px){ 
							
						/*關閉燈箱按鍵*/
						.coupon_lightBox .pLb_close {
							right: 0px;
							top: 0px;
						}
					}
									
					@media (max-width: 990px){
					
						/*折扣碼燈箱---------*/
						.coupon_lightBox .pLb_info_area {
							width: 700px;
						}
							/* 折扣碼清單區塊 */
							ul.couponArea{
								display: block;
								flex-wrap: unset;
								justify-content: unset;
							}
								/* 清單 */
								ul.couponArea > li{
									margin: 20px 0px;
									border-radius: 0px;
									width: 100%;
								}
								ul.couponArea > li:first-of-type{
									margin-top: 0;
								}
								ul.couponArea > li:last-of-type{
									margin-bottom: 0;
								}
					
					}
									
					@media (max-width: 768px){
				
						/*折扣碼燈箱---------*/
						.coupon_lightBox .pLb_info_area {
							width: 570px;
							padding: 10px 10px;
						}
				
						.coupon_lightBox  ul.couponArea {
							max-height: calc(70vh - 10px * 2);
						}
				
					}
									
					@media (max-width: 640px){
				
						/*折扣碼燈箱---------*/
						.coupon_lightBox .pLb_info_area {
							width: 85%;
						}
					
						.couponList {
							z-index: unset;
							border-radius: 5px;
							overflow: hidden;
						}
						.couponTopArea {
							padding: 0 10px;
						}
							.couponTopArea h3{
							}
								.couponTopArea h3 span{
									padding: 15px 0;
									font-size: 20px;
								}
					
							.couponBottomArea > ul{
								display: block;
								justify-content: unset;
								align-items: unset;
								padding: 10px 10px;
							}
								/* 陰影 */
								ul.couponArea > li:before, 
								ul.couponArea > li:after ,
								.couponList:before ,
								.couponList:after{
									display: none;
								}
									/* 折抵金額 */
									.couponList .amount{
										font-size: 13px;
										text-align: right;
										margin: 5px 0 0;
										list-style-type: none;
									}
										.couponList .amount em {
											font-size: 20px;
											padding: 0 2px;
										}
					}
					
				
				
				
				
















@media (max-width: 641px){
	.coupon_bg {
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
}
/* 優惠方式-區塊 end*/




/*///////////////////////////*/
/*------- 訂單完成頁 --------*/
/*///////////////////////////*/

/* 詳細資訊 */
.lastPage .cart_detailBg {
	/* float: right;
	padding: 0px 0px 0px 15px; */
    box-sizing: border-box;
	letter-spacing: 0;
	
	display: inline-block;
	width: auto;
	padding: 0px 15px;
	background-color: #e1e1e1;
	/* border-radius: 5px; */
	border-radius: 30px;
	margin-top: 25px;
}

	.lastPage .detail_list{
		float: left;
		box-sizing: border-box;
		/* padding: 8px 0px 8px 0px;
		height: 30px; */

		padding: 10px 0px;
	}
	.lastPage .detail_list:nth-of-type(1) {
		padding-right: 15px;
	}

		.lastPage .detail_list .title{
			display: inline-block;
			font-weight: bold;
		}
		.lastPage .detail_list .content{
			display: inline-block;
			font-size: 16px;
			color: #ca2126;
		}


/* 網編區塊 */
.lastPage .text_area {
	font-size: 15px;
    line-height: 24px;
	padding: 0px;
	margin: 25px 0px 0px;
}		


@media (max-width: 767px){
	
	.lastPage .cart_detailBg{
		width: 100%;
	}

		.lastPage .detail_list{
			height: auto;
		}

}

@media (max-width: 415px){

.lastPage .cart_detailBg {
	border-radius: 5px;
	padding: 5px 15px;
}

	.lastPage .detail_list {
		float: none;
		padding: 2.5px 0px;
	}
}


@media (max-width: 641px){

	.lastPage .text_area {
		font-size: 14px;
	}
		.lastPage .detail_list .title,
		.lastPage .detail_list .content{
			font-size: 14px;
			line-height: 20px;
		}
}













/*/////////////////////////////////////////////////////////*/
/*-------燈箱--------*/
/*/////////////////////////////////////////////////////////*/

	
	
/*燈箱*/
.lightboxArea {
	position:fixed;
	width:100%;
	z-index:99999;
	top:0px;
	left:0px;
	box-sizing:border-box;
	padding:124px 0px;
	display:none;
}
	/*燈箱黑底*/
	.lightboxBG {
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
	}
	
	/*燈箱主體*/
	.lightboxMain {
		height:360px;
		width:80%;
		margin:0 auto;
		background:#000;
		border-radius:5px;
		position: relative;
		transition:0.3s ease all;
		transform:scale(0);
		top:0px;
		box-sizing:border-box;
		font-size:0px;
	}
		/*關閉燈箱按鍵*/
		.lightboxCloseBtn {
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 0px;
			text-align: center;
			width: 34px;
			height: 34px;
			line-height: 34px;
			color: #333;
			background: var(--primary_color);
			right: 20px;
			top: 20px;
			border: solid var(--primary_color) 1px;
			border-radius: 50%;
			/* box-shadow: 0px 0px 6px rgb(0 0 0 / 10%); */
			cursor: pointer;
			transition: 0.3s ease all;
			display: flex;
			transition: 0.3s ease all;
			/* font-size:17px;
			font-weight:bold;
			width:48px;
			height:48px;
			line-height:48px;
			border-radius:100%;
			color:#fff;
			text-align:center;
			background:#2a6695;
			cursor: pointer;
			position:absolute;
			top:-24px;
			right:-24px;
			transition:0.3s ease all;
			z-index: 2; */
		}
		.lightboxCloseBtn svg{
			fill: #fff;
			width: 25px;
			height: 25px;
			margin: auto;
			transition: 0.3s ease all;
		}
			.lightboxCloseBtn:hover {
				background: #b9b9b9;
				border-color: #b9b9b9;
				transition: 0.3s ease all;
			}
			.lightboxCloseBtn:hover svg{
				fill: #333;
				transform: rotate(15deg);
				transition: 0.3s ease all;
			}
			/* .lightboxCloseBtn:hover {
				background:#221912;
				color:#fff;
			} */
			
		/*燈箱資料區*/
		.lightboxContentArea {
			/* height: 100%; */
			height: 80vh;
		}
		
/* .index_video_list {
	position:relative;
	float:left;
	cursor:pointer;
	background:#000;
	margin:28px 0px 0px 0px;
}
	.index_video_list > img {
		opacity:0.6;
		transition:0.3s ease all;
		width:100%;
		height:auto;
	}
	.vL_text_area {
		position:absolute;
		width:100%;
		max-width: 15%;
		text-align:center;
		left: 50%;
		top: 50%;
		-webkit-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		box-sizing: border-box;
		color:#fff;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
	}
		.vL_text_area img {
			width:100%;
			height:auto;
		} */
		/*hover*/
		/* .index_video_list:hover > img {
			opacity:1;
		} */

/* .video_list_area {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	font-size:0px;
	margin:0 -12px -30px;
} */
/*firefox hack*/
/* @-moz-document url-prefix() { 
  .video_list_area {
	  padding:8px 0px 0px 0px;
  }
} */

	/* .video_list {
		box-sizing:border-box;
		padding: 0px 12px 30px;
		width:33.3%;
	}

	.video_list2{
		width:100%;
		padding: 0px 0px 30px;
	} */


	/*firefox hack*/
	/* @-moz-document url-prefix() { 
	  .video_list {
		  padding:65px 11px 0px 11px;
	  }
	}
		.video_list .index_video_list {
			float:none;
			margin:0px;
			border-radius: 5px;
			overflow: hidden;
		}
			.video_list_remark {
				font-size: 18px;
				line-height: 24px;
				color: #3d3d3d;
				padding: 10px 0px 0px 0px;
				font-weight: bold;
			} */
	  
	/*影音燈箱顯示時才會加*/
	.video_use {
		padding: 100px 0px;
	}
		.video_use .lightboxMain {
			height:450px;
		}
	
	/*影音燈箱*/
	.video {
		height:100%;
	}
		.video iframe {
			height:1px;
			height:100%;
			width:100%;
		}

@media (max-width: 950px){	

	/*燈箱資料區*/
	.lightboxContentArea {
		height: 100%;
	}

}

@media (max-width: 600px){	

/* .video_list_area {
    display: block;
    flex-wrap: unset;
    flex-direction: unset;
} */

	/*---Video---*/
	/* .video_list {
		width: 100%;
		padding:0 0 30px;
	} */
	/*.video_list:nth-child(2n+1) {
		padding: 35px 0px 30px 0px;
	}
	.video_list:nth-child(2n+0) {
		padding: 35px 0px 30px 0px;
	}*/
	

	
	
}

				.openCart_mainBg{
					max-height: 100%;
				}


.lightboxContent_in::-webkit-scrollbar {/*滾動條整體樣式*/
	width: 7px;     /*高寬分別對應橫豎滾動條的尺寸*/
	height: 1px;
}

.lightboxContent_in::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
	border-radius: 7px;
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	-webkit-box-shadow: none;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6ac19+0,e94816+100,e94816+100 */
	background-color: #b3b3b3;
}

.lightboxContent_in::-webkit-scrollbar-track {/*滾動條裡面軌道*/
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	-webkit-box-shadow: none;
	border-radius: 7px;
	background-color: #ffffff;
}	

.openCart_mainBg .promotion_tab {
    font-size: 12px;
	line-height: normal;
	padding: 3px 7px 2px;
}

.openCart_mainBg .promotion_text {
    font-size: 13px;
	line-height: normal;
}

.openCart_mainBg .product_rightArea .name {
    font-size: 22px;
    line-height: normal;
}

@media (max-width: 641px){
		
	.openCart_mainBg .product_rightArea .name {
		font-size: 18px;
	}
}

/*///////////////////////////*/
/*------- 最新消息模組 --------*/
/*///////////////////////////*/

.news_listBg{

}
	.news_listArea{
		margin: 0px -10px;

		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: flex-start;
	}
		.news_listArea .list{
			width: 33.3%;
			box-sizing: border-box;
			padding: 15px 10px;
		}
			.news_listArea .list_in{

			}
				/* 圖片 */
				.news_listArea .list_in .img{
		
				}
					.news_listArea .list_in .img a{
						display: block;
						text-decoration: none;
						transition: 0.3s ease all;
						position: relative;
						padding-top: 100%;
					}
						.news_listArea .list_in .img img{
							width:100%;
							height:auto;
							transition: all 0.3s ease-out;
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							right: 0;
							float: none;
							width: 100% !important;
							height: 100% !important;
							object-fit: cover;
							transition: all 0.3s ease-out;
							
						}
						
					/* hover */
					.news_listArea .list_in .img a:hover{
						opacity: 0.7;
						transition: 0.3s ease all;
					}

				/* 內容 */
				.news_listArea .list_in .content{
		
				}
					/* 標題 */
					.news_listArea .list_in .content .title{
						margin: 10px 0px;
					}
						.news_listArea .list_in .content .title a{
							display: block;
							font-size: 19px;
							line-height: 25px;
							color: #565656;
							text-decoration: none;
							transition: 0.3s ease all;

							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-text-overflow: ellipsis;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
						}
							.news_listArea .list_in .content .title a h4{
								margin: 0;
							}
						
						/* hover */
						.news_listArea .list_in .content .title a:hover{
							opacity: 0.7;
							transition: 0.3s ease all;
						}
							
						
					/* 時間 */
					.news_listArea .list_in .content .time{
						padding-left: 10px;
						font-size: 13px;
						color: #565656;
						border-left: 1px solid #565656;
					}
						
					/* 簡述 */
					.news_listArea .list_in .content .text{
						margin: 10px 0px;
						font-size: 13px;
						line-height: 19px;
						color: #565656;
							
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-text-overflow: ellipsis;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
					}
						
					/* 查看更多 */
					.news_listArea .list_in .content .read_button {
						margin: 13px 0;
						width: 100px;
					}	
						.news_listArea .list_in .content .read_button a{
							display: block;
							text-decoration: none;
							font-size: 15px;
							font-weight: bold;
							color: #565656;
							text-decoration: none;
							/* background-color: #e8e8e8;
							padding: 10px; */
							border-radius: 3px;
							transition: 0.3s ease all;
						}
						
						/* hover */
						.news_listArea .list_in .content .read_button a:hover{
							opacity: 0.7;
							transition: 0.3s ease all;
						}


	.back_button{
		padding-top: 50px;
	}
		.back_button input{
			display: block;
			text-align: center;
			width: 200px;
			margin: 0px auto;
			box-sizing: border-box;
			border-radius: 3px;
			background-color: #ffffff;
			border: 1px solid var(--second_color);
			color: var(--second_color);
		}

@media (max-width: 767px){

	.news_listArea{
		margin: 0px -4px;
	}
		.news_listArea .list{
			width: 50%;
			padding: 10px 4px;
		}

			.news_listArea .list_in .content .title a{
				font-size: 16px;
				line-height: 20px;

				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-text-overflow: ellipsis;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}
}						
					

/*///////////////////////////*/
/*------- 會員登入區塊 --------*/
/*///////////////////////////*/
.member_loginBg{
	padding: 15px 0px 0px;
}
	.member_loginIn{

	}
		/* 標題 */
		.member_loginIn .title{
			font-size: 24px;
			font-weight: bold;
			color: #000;
			text-align: center;
		}

		
		/* 登入內容區塊 */
		.login_contentBg{
			margin: 30px auto;
			width: 400px;
			max-width: 100%;
			padding: 17.5px 27.5px 20px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 0.05em solid #e8e8e8;
			box-shadow: 0 3px 10px 0 rgb(0 0 0 / 0.1);
			overflow: hidden;
			background-color: #ffffff;
		}

			.login_contentIn{
				
			}

				/* 表單區塊 */
				.member_loginBg .form_listBg{

				}
					/* 列表 */
					.form_listArea .form_list{
						position: relative;
						padding: 7.5px 0px;
						box-sizing: border-box;
					}

					/* 標題 */
					.form_listArea .form_list .title{
						position: absolute;
						left: 0;
						top: 50%;
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
						
						font-weight: bold;
						font-size: 15px;
						line-height: 21px;
    					padding: 7px 0px;
					}

					/* 欄位 */
					.form_listArea .form_list .content{
						padding: 0px 0px 0px 85px;
						font-size: 15px;
						/* line-height: 21px; */
						line-height: 38px;
    					letter-spacing: 1px;
					}
					/* 欄位 */
					.form_listArea .form_list .content.history{
						
					}
					/* 生日 */
					.history_date_area{
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						gap: 5px;
					}
					.history_date {
						/* display: inline-block; */
						display: inline-flex;
						gap: 5px;
						align-items: center;
						flex-wrap: wrap;
						
					}


					.history_date select.tw_date {
						width: 100px;
						box-sizing: border-box;
						margin-right: 0.1vw;
						margin-bottom: 0.1vw;
						flex: 1;
					}
						.form_listArea .form_list .content input{
							letter-spacing: 1px;
							padding: 0px 7px;
							font-size: 13px;
							line-height: 17px;
						}

					/* 按鈕 */
					.form_list.login_button {
						padding: 22.5px 0px 0px;
					}
						.form_list.login_button input[type="submit"] {
							width: 100%;
							background-color: var(--primary_color);
							color: #000;
							border-radius: 3px;
						}


					/* 社群登入按鈕 */
					.form_list.login_button.sns {
						margin: 0px -3px;

						display: flex;
						flex-wrap: wrap;
						flex-direction: row;
						align-items: flex-start;
					}

						.form_list.login_button.sns .button{
							width: 50%;
							box-sizing: border-box;
							/* padding: 0px 3px; */
							padding: 3px 3px;
						}
							
							
							.form_list.login_button.sns .button input{
								text-align: center;
								width: 100%;
								font-size: 13px;
								padding: 10px 5px 10px 28px;
								color: #ffffff;
								line-height: normal;
							}

							/* line */
							.form_list.login_button.sns .button.line input{
								background-color: #00c300;
								background-image: url(../images/line_icon.png);
								background-repeat: no-repeat;
								background-position: 10px center;
								background-size: 28px;
							}
							
							/* facebook */
							.form_list.login_button.sns .button.fb input{
								background-color: #3B5998 ;
								background-image: url(../images/fb_icon.png);
								background-repeat: no-repeat;
								background-position: 5px center;
								background-size: 28px;
							}
							/* google */
							.form_list.login_button.sns .button.google {
								width: 50%;
							}
								.form_list.login_button.sns .button.google input{
									background-color: #f70f4d;
									background-image: url(../images/google_icon.svg);
									background-repeat: no-repeat;
									background-position: 8% center;
									background-size: 23px;
								}
							/* 忘記密碼頁 */
							.form_list.login_button.forget input[type="button"] {
								background-color: #666666;
							}
						
						@media (max-width: 525px){
							/* 欄位 */
							.form_listArea .form_list .content.history{
								padding-left: 0;
							}
							
						}	
					
					

				/* 裝飾區塊 */
				.member_loginBg .deco_bg{
					padding: 25px 0px 15px;
					
				}
					.member_loginBg .deco_bg .content{
						display: flex;
						-webkit-box-align: center;
						-webkit-align-items: center;
						-moz-box-align: center;
						-ms-flex-align: center;
						align-items: center
					}
						.member_loginBg .deco_bg .deco_line{
							flex: 1;
							-webkit-box-flex: 1;
							-webkit-flex: 1;
							-moz-box-flex: 1;
							-ms-flex: 1;

							background-color: #dbdbdb;
							width: 100%;
							height: 0.05em;
						}
					
						.member_loginBg .deco_bg .deco_text{
							color: #ccc;
							font-size:  13px;
							padding: 0px 10px;
						}		



				/* 其他功能區塊 */
				.member_loginBg .other_bg{
					padding: 0px;
					text-align: center;
				}
					.member_loginBg .other_bg .content {
						margin: 0px -3px;

						display: flex;
						flex-wrap: wrap;
						flex-direction: row;
						align-items: flex-start;
					}
						.member_loginBg .other_bg .content .other_list{
							/* float: left; */
							/* display: inline-block;
							box-sizing: border-box;
							position: relative;
							width: 48%; */ 

							position: relative;

							width: 50%;
							padding: 0px 3px;
							box-sizing: border-box;
						}
							.member_loginBg .other_bg .content .other_list:nth-of-type(2):before{
								position: absolute;
								left: -0.5px;

								content:'';
								background-color: #ccc;
								width: 0.05em;
								height: 23px;
							}

							.member_loginBg .other_bg .content .other_list a{
								display: block;
								color: #000;
								font-size:  13px;
								padding: 5px 15px;
								transition: 0.2s ease all;
								text-decoration: none;
							}
							.member_loginBg .other_bg .content .other_list a:hover{
								color:#79b560;
							}				



/* 註冊會員頁面 class 加 special */
.member_loginBg.special .form_listArea .form_list .title {
	left: 32px;
}

.member_loginBg.special .form_listArea .form_list.password .title {
	left: 0;
}

.member_loginBg.special .form_listArea .form_list .content {
    padding: 0px 0px 0px 115px;
}


	.member_loginBg.special .form_listArea .form_list .content input[type="date"] {
		width: 100%;
	}




/* 修改資料頁面 */
.member_loginBg.modify  .login_contentBg{
	padding: 12.5px 27.5px 22.5px;
}
	.member_loginBg.modify .form_listArea .form_list{
		
	}
		.member_loginBg.modify .form_listArea .form_list .title{
			position: static;
			left: unset;
			top: unset;
			-webkit-transform: unset;
			transform: unset;
			text-align: left;
		}

		.modify .form_listArea .form_list .content{
			padding-left: 0;
		}


		/* 地址 */
		.form_listArea .form_list .content.home{
			display: block;
		}
			
			.member_loginBg.modify .form_list.login_button input[type="submit"]{
				background-color: #555555;
			}




							
@media (max-width: 641px){


	/* 社群登入按鈕 */
	.member_loginBg .form_list.login_button.sns {
		margin: 0px;
		padding: 7.5px 0px;
	}

		.member_loginBg .form_list.login_button.sns .button{
			width: 100%;
			padding: 4px 0px;
			/* padding: 7.5px 0px; */
		}
			.member_loginBg .form_list.login_button.sns .button input{
				padding: 10px 10px;
				font-size: 15px;
			}
			
	.form_list.login_button.sns .button.line input ,
	.form_list.login_button.sns .button.fb input ,
	.form_list.login_button.sns .button.google input{
		background-position: 10px center;
		background-size: 28px;
	}

	.member_loginBg .deco_bg {
		padding: 20px 0px 15px;
	}

	

}


@media (max-width: 500px){

	.login_contentBg {
		padding: 12.5px 15px 22.5px;
	}

}


@media (max-width: 376px){

	/* 標題 */
	.member_loginBg .form_listArea .form_list .title{
		font-size: 13px;
		line-height: 17px;
		position: static;
		left: unset;
		top: unset;
		-webkit-transform: unset;
		transform: unset;
						
		text-align: left;
	}
	.member_loginBg.special .form_listArea .form_list .title{
		position: static;
		left: unset;
	}

	/* 欄位 */
	.member_loginBg .form_listArea .form_list .content{
		padding-left: 0;
	}
	.member_loginBg.special .form_listArea .form_list .content{
		padding-left: 0;
	}

		.member_loginBg .form_listArea .form_list .content input{
			font-size: 13px;
			line-height: 17px;
		}
		

}




/*///////////////////////////*/
/*------- 會員專區功能頁面 --------*/
/*///////////////////////////*/

/* 會員專區區塊 */
.member_centerBg {
    width: 1500px;
	max-width: 100%;
    margin: 0px auto;
	padding: 15px 0px;
	box-sizing: border-box;
}

	.member_centerIn{
		border: solid 2px #cccccc;
		border-top-left-radius: 5px;
		/* border-top-left-radius: 25px; */
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

		/* 會員專區的選單 */
		.member_centerBg .tag_listArea{
			display: flex;
			/* flex-wrap: wrap; */
			
			flex-wrap: nowrap;
			flex-direction: row;
			align-items: flex-start;
			margin: 0;
		}
			.member_centerBg .tag_listArea .list{
				/* width: 25%; */
				
				width: 100%;
				box-sizing: border-box;
				text-align: center;
			} 
				.member_centerBg .tag_listArea .list a{
					display:block;
					text-decoration:none;
					background-color: #fcfcfc;
					padding: 7px 12px 5px;
					font-size: 15px;
					line-height: 48px;
					box-sizing: border-box;
					text-align: center;
					color: #888888;
					/* border-top: solid 1px #dddddd; */
					border-bottom: solid 2px #dddddd;
					/* border-right: solid 1px #dddddd; */
					border-left: solid 1px #dddddd;
				}  
				.member_centerBg .tag_listArea .list:nth-of-type(1) a{
					/* border-left: solid 1px #dddddd; */
					/* border-top-left-radius: 25px; */
					border-left: 0;
					border-top-left-radius: 25px;
				}
				.member_centerBg .tag_listArea .list:last-of-type a{
					border-top-right-radius: 5px;
				}
				
				/* active */
				.member_centerBg .tag_listArea .list.active a {
					background-color: #ffffff;
					color: #333333;
					border-bottom: 0;

					/* modify by pekey 20210625 */
					border-bottom: solid 2px #ffffff;
				}

				/* hover */
				.pageContent.member .tag_listArea .list a:hover{
					transition: all 0.3s ease-out;
					background-color: #ffffff;
					color: #333333;
					opacity:0.5;
				} 		


@media (max-width: 1079px){

.member_centerIn{
	/* border-top-left-radius: 5px; */
}

	.member_centerBg .tag_listArea .list {
		/* width: 25%; */
	}   
		.member_centerBg .tag_listArea .list a{
			padding: 15px 2px;
			font-size: 14px;
		} 
		.member_centerBg .tag_listArea .list:nth-of-type(1) a{
			border-top-left-radius: 5px;
		}   
} 

@media (max-width: 990px){
/* @media (max-width: 769px){ */

	/*商品上方選單*/
	.member_centerBg .tag_listArea {
		/* margin: 30px 0 0; */
		margin: 0;
	} 

		.member_centerBg .tag_listArea .list a{
			/* font-size: 13px;
			line-height: 19px; */

			padding: 10px 0px;
			font-size: 12px;
			line-height: 18px;
			letter-spacing: 0;
	
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			min-height: 58px;
		} 
			.member_centerBg .tag_listArea .list span{
				display: block;
				margin: auto;
				/* min-height: calc(18px * 2); */
			} 
}

/* @media (max-width: 641px){

	.member_centerBg .tag_listArea .list a{
		padding: 10px 0px;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0;

		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		min-height: 58px;
	} 
	.member_centerBg .tag_listArea .list span{
		display: block;
		margin: auto;
	} 
} */




/*///////////////////////////*/
/*---- 會員專區內容區塊 -----*/
/*///////////////////////////*/

.center_contentBg {
	padding: 30px 27.5px;
	/* border: solid 1px #dddddd;
	border-top: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px; */
}

	.center_contentBg .form_listBg{
		max-width: 100%;
	}	

		/* 等級 */
		.form_listBg .content.level{

		}
			.form_listBg .content.level .level_name{
				display: inline-block;
				min-width: 95px;
				height: 30px;
				line-height: 32px;
				font-size: 14px;
				padding: 0px 10px 2px;
				text-align: center;
				color: #000;
				background-color: var(--primary_color);
				border-radius: 24px;
				box-sizing: border-box;
			}
				


		.center_contentBg .box_listBg{
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			align-items: flex-start;
			margin: 0px -10px;
		}

			.box_list{
				width: 50%;
				padding: 0px 10px;
				box-sizing: border-box;
			}

				/* 50樣式 */
				.form_list.type_50{
					width: 50%;
					margin: 0 auto;
				}
	
					.center_contentBg .home .address .address_select input {
						width: 104px;
					}


				.center_contentBg .form_list.button {
					display: flex;
					flex-wrap: wrap;
					flex-direction: row;
					align-items: flex-start;
					/*  modify by peggy 20241023  */
					margin: 58.5px -5px 0px;
					padding: 0;
				}
					.center_contentBg .form_list.button .button  {
						width: 50%;
						box-sizing: border-box;
						padding: 0px 5px;
					}
						.center_contentBg .form_list.button .button input {
							width: 100%;
						}
						.center_contentBg .form_list.button .button input[type="reset"] {
							background-color: #ffffff;
							color: var(--second_color);
							border: 1px solid var(--second_color);
						}
						.center_contentBg .form_list.button .button input[type="submit"] {
							background-color: var(--primary_color);
							color: #000;
						}


@media (max-width: 1079px){

	.center_contentBg{
		border-top-right-radius: 0;
	}
}
				
@media (max-width: 920px){

	.center_contentBg .box_listBg{
		margin: 10px auto 0px;
	}

		.box_list{
			width: 100%;
			padding: 0px;
		}
}


@media (max-width: 524px){

	.center_contentBg {
		padding: 17.5px 17.5px;
	}

		.center_contentBg .form_list .title{
			font-size: 13px;
    		line-height: 17px;
		}

		.center_contentBg .form_list.phone .title,
		.center_contentBg .form_list.address .title,
		.center_contentBg .form_list.history .title  {
			position: static;
			left: unset;
			top: unset;
			-webkit-transform: unset;
			transform: unset;
		}

		.form_listArea .form_list .content {
			padding: 0px 0px 0px 75px;
			font-size: 13px;
			line-height: 17px;
			word-break: break-all;
		}

		.center_contentBg .form_list.phone .content,
		.center_contentBg .form_list.address .content {
			padding-left: 0;
		}


		.center_contentBg .home .address .address_select select {
			width: 30%;
		}
		.center_contentBg .home .address .address_select input {
			width: 32%;
		}



	.center_contentBg .form_list.button {
		margin: 20px -5px 0px;
	}

}







/*/////////////////////*/
/*---- 紅利紀錄頁面 -----*/
/*/////////////////////*/
.table_contentBg{
	max-width: 100%;
}
	.table_contentArea{

	}




/*/////////////////////*/
/*---- 時間搜尋區 -----*/
/*/////////////////////*/
.time_search_area {
	font-size: 0px;
	letter-spacing: 3px;
	padding: 0px 0px 10px;
}
	.time_search {
		font-size:15px;
		display:inline-block;
		vertical-align:middle;
		padding: 0px 18px 0px 0px;
	}
		.time_search select {
			/*margin-top: -3px;*/
		}
	.time_search_area span {
		font-size:15px;
		display:inline-block;
		padding: 0px 20px 4px 0px;
		vertical-align:middle;
	}
	
	.time_search_area label.lsf {
		font-size:25px;
		width:42px;
		height:38px;
		line-height:38px;
		display:inline-block;
		border-radius:4px;
		background: var(--second_color);
		color:#fff;
		vertical-align: top;
		text-align:center;
		transition:0.3s ease all;
		letter-spacing:0px;
	}
		.time_search_area label.lsf:hover {
			opacity:0.7;
		}
		.time_search_area label.lsf input[type='submit'] {
			display:none;
		}
	
	.time_search_area input[type='submit'] {
		width:36px;
		height:32px;
		background: #d2bcb1 url(../images/header_search_icon.png) center center no-repeat;
		background-size:19px;
		border-radius:4px;
	}
		.time_search_area input[type='submit']:hover {
			opacity:0.7;
		}


@media (max-width: 780px){
	.time_search_area {
		letter-spacing:1px;
	}
		.time_search {
			padding: 0px 10px 0px 0px;
		}
			.time_search_area span {
				padding: 0px 10px 4px 0px;
			}
}


@media (max-width: 680px){
	.time_search_area {
		text-align:center;
	}
		.time_search {
			padding: 5px 20px 5px 0px;
		}
			.time_search_area span {
				padding: 0px 26px 4px 0px;
			}
				.time_search_area label.lsf {
					margin: 3px 0px 0px 0px;
				}
}


@media (max-width: 415px){

	.time_search_area {
		padding: 10px 0px 0px;
	}
		.time_search, .time_search_area span {
			display:block;
			padding: 0px 0px 10px 0px;
		}
		.time_search_area span {
			text-align:center;
		}
			.time_search_area label.lsf {
				width:100%;
				height:42px;
				line-height:42px;
				margin:10px 0px 0px 0px;
			}
}


@media (max-width: 413px){
	.time_search {
		font-size:14px;
		letter-spacing:0px;
		white-space:nowrap;
	}
		.time_search select {
			width: 55px;
		}
}




/*/////////////////////*/
/*---- 剩餘點數 -----*/
/*/////////////////////*/
.remaining_points {
	text-align: right;
	font-size: 15px;
	padding: 10px 0px 0px;
}
	.remaining_points strong {
		font-size: 20px;
		color: #de484d;
	}
	

@media (max-width: 415px){
	.remaining_points{
		padding: 25px 0px 0px;
	}
}





/*/////////////////////*/
/*---- 表格區塊 -----*/
/*/////////////////////*/
.table_contentBg table{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0px 0px;
	box-sizing: border-box;
}

	.table_contentBg table td {
		text-align:center;
		vertical-align:middle;
		font-size:15px;
		line-height: 24px;
		color:#000000;
		padding:8px 14px;
		box-sizing:border-box;
		border-bottom: solid 1px #d6d6d6;
		border-right: solid 1px #d6d6d6;
		background-color: #f8f8f8;
		width: 33%;
	}
	.table_contentBg table tr:first-of-type td {
		border-top: solid 1px #d6d6d6;
		background-color: var(--primary_color);
		color: #000;
	}
	.table_contentBg table tr:nth-of-type(2n+0) td {
		background-color: #ffffff;
	}

	.table_contentBg table td:first-of-type {
		width: 15%;
		max-width: 20%;
		border-left: solid 1px #d6d6d6;
	}
	.table_contentBg table td:last-of-type {
		width: 15%;
		max-width: 20%;
	}

		/* 點數樣式 */
		/* 增加 */
		.table_contentBg table span.increase{
			color: #d70d13;
		}
		/* 減少 */
		.table_contentBg table span.decrease{
			color: #007be4;
		}
		/*已取消*/
		.cancel {
			color: #929292;
		}



@media (max-width: 920px) {

	.table_contentBg table tr:first-of-type {
		display: none;
	}

	.table_contentBg table td {
		display:block;
		width: 100%;
		border:none;
		text-align:left;
		border-left: solid 1px #d6d6d6;
		border-right: solid 1px #d6d6d6;
		padding: 5px 14px;
		position: relative;
		vertical-align: middle;
    	word-break: break-all;
	}
		.table_contentBg table td:first-of-type {
			width: 100%;
			max-width: 100%;
			padding: 10px 14px 5px 14px;
			border-top: solid 1px #d6d6d6;
		}
		.table_contentBg table td:last-of-type {
			width: 100%;
			max-width: 100%;
			border-bottom: solid 1px #d6d6d6;
		}

		.table_contentBg td:before {
			content:attr(data-name);
			font-weight: bold;
		}

}


@media (max-width: 524px) {

	.table_contentBg table td {
		font-size: 13px;
		line-height: 17px;
	}
		.table_contentBg td:before{
			font-size: 13px;
			line-height: 17px;
		}
		
}

@media (max-width: 413px){
	
	.table_contentBg table td:first-of-type:before {
		display: block;
		padding-bottom: 5px;
	}
}






/*/////////////////////*/
/*---- 優惠券紀錄 -----*/
/*/////////////////////*/
.table_contentBg.coupon table td {
	width: 30%;
}

.table_contentBg.coupon table td:first-of-type {
	width: 50%;
	max-width: 60%;
}
.table_contentBg.coupon table td:last-of-type {
	width: 20%;
}



@media (max-width: 920px) {

	.table_contentBg.coupon table td {
		width: 100%;
	}
		.table_contentBg.coupon table td:first-of-type {
			width: 100%;
			max-width: 100%;
		}
		.table_contentBg.coupon table td:last-of-type {
			width: 100%;
			max-width: 100%;
		}

}



/*/////////////////////*/
/*---- 訂單紀錄 -----*/
/*/////////////////////*/
.table_contentBg.order table td {
	width: 15%;
}

.table_contentBg.order table td:first-of-type {
	width: 15%;
	max-width: unset;
}

.table_contentBg.order table td:nth-of-type(2) {
	width: 28%;
	max-width: unset;
}
.table_contentBg.order table td:last-of-type {
	width: 32%;
	max-width: unset;
}

	.table_contentBg.order input.order_search{
		width: auto;
		height: 40px;
		line-height: 40px;
		background-color: var(--second_color);
		color: #ffffff;
		border: none;
		padding: 0px 10px;
	}

	.table_contentBg.order input.order_information{
		width: auto;
		height: 40px;
		line-height: 40px;
		background-color: var(--primary_color);
		color: #000;
		border: none;
		padding: 0px 10px;
	}


@media (max-width: 920px){
	
	.table_contentBg.order table td {
		width: 100%;
	}

	.table_contentBg.order table td:first-of-type {
		width: 100%;
	}

	.table_contentBg.order table td:nth-of-type(2) {
		width: 100%;
	}
	.table_contentBg.order table td:last-of-type {
		width: 100%;
		padding: 5px 14px 10px;
	}
}



@media (max-width: 413px){
	
	.table_contentBg.order table td:first-of-type:before {
		display: inline-block;
		padding-bottom: 0;
	}
	.table_contentBg.order input.order_search ,
	.table_contentBg.order input.order_information{
		letter-spacing: 0px;
		padding: 0px 8px;
		font-size: 12px;
	}

}


/*/////////////////////*/
/*---- 填寫匯款資料 -----*/
/*/////////////////////*/
.form_listArea .form_list.pay {
	margin-top: 0;
    border-top: unset;
}

	.form_listArea .form_list.pay .title{

	}

	.form_listArea .form_list.pay .content{
		padding: 0px 0px 0px 135px;
	}

	/* 匯款資料備註class 加 transfer */
	.form_listArea .form_list.transfer .content{
		padding: 0px 0px 0px 117px;
	}




@media (max-width: 920px){

	/* 匯款資料備註class 加 transfer */
	.form_listArea .form_list.transfer .title{
		position: static;
		left: unset;
		top: unset;
		-webkit-transform: unset;
		transform: unset;
	}
	/* 匯款資料備註class 加 transfer */
	.form_listArea .form_list.transfer .content{
		padding-left: 0;
		line-height: normal;
	}
}


@media (max-width: 524px){

	.form_listArea .form_list.pay .title{
		position: static;
		left: unset;
		top: unset;
		-webkit-transform: unset;
		transform: unset;
	}

	.form_listArea .form_list.pay .content{
		padding-left: 0;
	}
	
}




/*/////////////////////*/
/*---- 聯絡我們區塊 -----*/
/*/////////////////////*/
/*表單區備註*/
.form_remark {
	font-size: 15px;
	line-height: 22px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.form_remark span {
	display: inline-block;
	box-sizing: border-box;
}

/*必填icon*/
.requirde_icon {
	display: inline-block;
	/* border-radius:3px; */
	font-size: 17px;
	/* color:#fff; */
	color: var(--primary_color);
	line-height: 1;
	padding: 0px 5px;
}

.form_remark .requirde_icon {
	color: #fff;
	background-color: var(--primary_color);
	padding: 5px 6px 0px;
	border-radius: 3px;
	margin-right: 10px;
}

.contact_bg{
}
	.contact_in{
		display: flex;
		align-items: center;
	}
	.contact_left{
		box-sizing: border-box;
		padding: 0 15px;
		width: 50%;
	}
	.contact_right{
		box-sizing: border-box;
		padding: 0 15px;
		width: 50%;
	}
		
	/* 網編區 */
	.contact_bg .text_area{
		padding: 0 0 30px;
	}

	/* 聯絡表單區 */
	.contact_formBg{
		width: 1000px;
		max-width: 100%;
		margin: 0px auto;
		box-sizing: border-box;
	}
		.contact_formIn{
			border: solid 1px #dddddd;
			border: none;
			border-top-left-radius: 25px;
			border-top-right-radius: 5px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
	
			background-color: #f4f4f4;
			background-color: transparent;
		}

			/* 聯絡表單區塊 */
			.contact_formBg .box_listBg{
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				align-items: flex-start;
				/* margin: 0px -20px; */
				padding: 22.5px 0 30px;
				display: block;
			}
				.contact_formBg .box_list{
					width: 100%;
					padding: 0;
					box-sizing: border-box;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
				}

					/* 列表 */
					.contact_formBg .form_list {
						width: 100%;
						position: relative;
						padding: 7.5px 0px;
						box-sizing: border-box;
					}
					/* 列表 */
					.contact_formBg .form_list.fLType2 {
						width: 49%;
					}

						/* 標題 */
						.contact_formBg .form_list .title {
							position: absolute;
							left: 0;
							top: 50%;
							-webkit-transform: translateY(-50%);
							transform: translateY(-50%);
							font-weight: bold;
							font-size: 15px;
							line-height: 21px;
							padding: 7px 0px;
						}

						/* 姓名 */
						.contact_formBg .form_list.name .title{
							letter-spacing: 3px;
						}

						/* 欄位 */
						.contact_formBg .form_list .content {
							padding: 0px 0px 0px 85px;
							font-size: 15px;
							/* line-height: 21px; */
							line-height: 38px;
							letter-spacing: 1px;
						}
						/* 地址 */
						.contact_formBg .form_list .address.content {
							position: relative;
							/* padding-left: 333px !important; */
						}
						/* 地址_縣市 */
						.contact_formBg .form_list .address.content select {
							/* position: absolute; */
							left: 0px;
							width: 100px;
							height: 42px;
							margin-bottom: 15px;
						}
						/* 地址_區 */
						.contact_formBg .form_list .address.content select:nth-of-type(2) {
							/* position: absolute; */
							left: 110px;
							margin-bottom: 15px;
						}
						/* 郵遞區號 */
						.contact_formBg .form_list .address.content input.fLRA_postalCode {
							/* position: absolute; */
							width: 100px;
							left: 220px;
							margin-bottom: 15px;
						}
						/* 地址其餘 */
						.contact_formBg .form_list .address.content input {
							width: 100%;
						}


							.contact_formBg .form_list .content input{
								letter-spacing: 1px;
								padding: 0px 7px;
								font-size: 13px;
								line-height: 17px;
								/* height: 38px; */
							}

							.contact_formBg .form_list .content textarea{
								letter-spacing: 1px;
								padding: 12.5px 7px;
								font-size: 13px;
								line-height: 17px;
							}


		



/* 按鈕 */
.contact_formBg .form_list.button {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	margin: 30px -5px 0px;
	padding: 0;
}
	.contact_formBg .form_list.button .button  {
		width: 50%;
		box-sizing: border-box;
		padding: 0px 5px;
	}
		.contact_formBg .form_list.button .button input {
			width: 100%;
		}
		.contact_formBg .form_list.button .button input[type="reset"] {
			background-color: #ffffff;
			color: var(--second_color);
			border: 1px solid var(--second_color);
		}
		.contact_formBg .form_list.button .button input[type="submit"] {
			background-color: var(--primary_color);
			color: #000;
		}


@media(max-width:990px){
	.contact_in{
		display: block;
	}
	.contact_left{
		width: 100%;
	}
	.contact_right{
		width: 100%;
	}
}
@media(max-width:640px){
	.contact_formBg .box_list{
		display: block;
	}
	.contact_formBg .form_list.fLType2 {
		width: 100%;
	}
}



/*/////////////////////*/
/*---- 驗證碼 -----*/
/*/////////////////////*/
.form_list.captcha{

}
	/* 會員註冊樣式 */
	.login_contentBg .captcha.form_list .title {
		letter-spacing: 2px;
	}

	/* 聯絡我們樣式 */
	.contact_formBg .form_list.captcha .title{
		letter-spacing: 2px;
	}

		.captcha input[type="text"]{
			width: 125px;
			margin-right: 7px;
			display: inline-block;
		}

		/* 會員註冊樣式 */
		.login_contentBg .captcha input[type="text"]{
			width: 80px;
		}

		.captcha span {
		
		}

			.captcha img {
				vertical-align:middle;
			}

			.captcha a {
				transition: 0.5s ease all;
				color: #000000;
				font-size: 14px;
				display: inline-block;
				margin: 9px 0px 7px 5px;
				line-height: 29px;
				text-decoration:none;
			}


@media (max-width: 500px){
	
	/* 會員註冊樣式 */
	.login_contentBg .captcha input[type="text"]{
		width: 80px;
		margin-right: 5px;
	}
}

@media (max-width: 376px){

	.captcha input[type="text"]{
		width: 105px;
		margin-right: 5px;
		/* width: 100%;
		margin-right: 0;
		display: block; */
	}

	/* 會員註冊樣式 */
	.login_contentBg .captcha input[type="text"]{
		width: 105px;
	}
	

	.captcha span {
		/* display: block; */
	}

}



/*/////////////////////*/
/*---- 常見問題 -----*/
/*/////////////////////*/

/*常見問題區*/
.qa_listArea {
	padding: 32px 0px 0px;
}
.qa_listArea:first-of-type {
	padding-top: 0px;
}
	/* 類別 */
	/* .qa_category {
		font-size:20px;
		font-weight:bold;
		line-height:28px;
		padding: 0px 0px 7px;
	} */

	.qa_list {
		font-size:15px;
		line-height:23px;
		border-bottom: solid 1px #D2D2D2;
	}
		.qa_title {
			position:relative;
			/* font-weight: bold; */
			background:#ffffff;
			padding: 12.5px 0px 12.5px 38px;
			cursor: pointer;
			font-size: 17px;
			line-height: 23px;
			color: #000000;
		}
		.qa_text {
			position:relative;
			transition:0.3s ease all;
			opacity:0;
			height:0px;
			box-sizing:border-box;
		}
			.qa_title:before,
			.qa_text:before {
				position: absolute;
				left: 0;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);

				width: 30px;
				height: 30px;
				border-radius: 30px;

				font-size: 15px;
				line-height: 30px;
				font-weight: normal;
				color: #fff;
				letter-spacing: 0px;
				text-align: center;
				background-color: #71b057;
			}
				.qa_title:before {
					content:'Q';
				}
				.qa_text:before {
					content:'A';
					background-color:#33a0da;
					top: 8px;

					-webkit-transform: unset;
    				transform: unset;
				}
					/*展開*/
					.qa_text.show {
						opacity:1;
						height:auto;
						padding: 12.5px 0px 12.5px 38px;
					}





/*/////////////////////*/
/*---- 商品排序 -----*/
/*/////////////////////*/

/*未搜到*/
.not_find {
	position: relative;
	font-size: 14px;
	line-height: 24px;

	padding: 22px 0px 20px 32px;
}
	.not_find:before {
		position: absolute;
		left: 0px;
		content:'！';

		width: 24px;
		height: 24px;
		line-height: 25px;

		border-radius: 100%;
		background-color:#e5151f;

		font-weight: bold;
		letter-spacing: 0px;
		text-align: center;
		color:#ffffff;
	}



.sequence_bg {
	font-size: 14px;
	padding: 20px 0px;
}
	/*搜尋數量*/
	.quantity_text {
		/* padding: 0px 15px 0px 0px;
		border-right: 1px solid #cccccc; */
		float: left;
		height: 36px;
		line-height: 36px;

		position: relative;
		padding-left: 32px;
	}
		.quantity_text:before {
			position: absolute;
			left: 0;
			top: 50%;
			-webkit-transform:  translateY(-50%);
			transform:  translateY(-50%);

			content:'！';

			width: 24px;
			height: 24px;
			line-height: 25px;

			border-radius: 100%;
			background-color:#33a0da;

			font-weight: bold;
			letter-spacing: 0px;
			text-align: center;
			color:#ffffff;
		}


		.quantity_text .text{
			display: inline-block;
			vertical-align: middle;
		}
			
			.quantity_text .red{
				font-weight: bold;
				font-size: 20px;
				padding: 0px 5px;
				color: #71b057;
			}
	

	/* 排序下拉區塊 */
	.sequence_bg .select_bg{
		/* padding: 0px 0px 0px 15px;
		float: left; */
		float: right;
		height: 36px;
	}
		/* 標題  */
		.sequence_bg .select_bg .title{
			display: inline-block;
			vertical-align: middle;
		}

		/* 下拉選單 */
		.sequence_bg .select_bg .select {
			position: relative;
			display: inline-block;
			vertical-align: middle;

			border: 1px solid #cccccc;
			border-radius: 3px;
			box-sizing: border-box;
		}
			
			.sequence_bg select {
				border-radius: 0px;
				border: 0;
				height: 36px;
				padding: 10px 30px 8px 10px;
    			padding-right: 30px !important;
				box-sizing: border-box;
				background: transparent;
				cursor: pointer;
				width: 125px;
			}
				
			.sequence_bg .select .icon {
				position: absolute;
				right: 12.5px;
				top: 50%;
				-webkit-transform:  translateY(-50%);
				transform:  translateY(-50%);
				z-index: 2;
			}

	
@media (max-width: 760px){
	.sequence_bg {
		/*text-align:right;*/
	}
}	


@media (max-width: 641px){
	
	.quantity_text .red{
		display: inline-block;
		font-size: 15px;
	}

}


@media (max-width: 524px){
	
	.quantity_text{
		display: block;
		float: none;
		/* line-height: 24px; */
		letter-spacing: 0;
	}

	/* 排序下拉區塊 */
	.sequence_bg .select_bg{
		display: block;
		float: none;
		padding: 10px 0px 0px;
	}
}





















/*///////////////////////////*/
/*------- 產品購物車燈箱 --------*/
/*///////////////////////////*/

.lightboxArea.lightboxCartArea {
	position: fixed;
	width: 100%;
	z-index: 99999;
	top: 0px;
	left: 0px;
	box-sizing: border-box;
	padding: 5% 0;
	display: none;
}
	/*燈箱黑底*/
	.lightboxCartArea .lightboxBG {
		background:rgba(0,0,0,0.5);
		width: 100%;
		/* height: 100%; */
		height: 100vh;
		position: absolute;
		top: 0px;
	}
	
	/*燈箱主體*/
	.lightboxCartArea .lightboxMain {
		/* position: relative; */
		/* top: 0px; */

		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) !important;
		
		width: 600px;
    	margin: 0px auto;
		max-width: 90%;

		transition: 0.3s ease all;
		box-sizing: border-box;

		
		height: 100%;
		max-height: calc(100vh - 150px);
		border-radius: 3px;
		background:#ffffff;
	}

		/*關閉燈箱按鍵*/
		.lightboxCartArea .lightboxCloseBtn {
			position: absolute;
			top: 20px;
			right: 20px;

			width: 34px;
			height: 34px;
			line-height: 34px;
			font-size: 17px;
			color:#ffffff;
			font-weight: bold;

			border-radius: unset;
			text-align: center;
			cursor: pointer;
			transition: 0.3s ease all;
			z-index: 2;
		}

		/* hover */
		.lightboxCartArea .lightboxCloseBtn:hover {
			opacity: 0.7;
			transition: 0.3s ease all;
		}
			.lightboxCartArea .lightboxCloseBtn img{
				width: 100%;
				height: auto;
			}
			


		/*燈箱資料區*/
		.lightboxCartArea .lightboxContentArea {
    		height: 100%;
			padding: 10px 10px;
			box-sizing: border-box;
			overflow: hidden;
		}
			.lightboxCartArea .lightboxContent_in{
				position: relative;
    			padding: 0px 10px;
				border-radius: 3px;
				background:#ffffff;
				
				max-height: 100%;
				box-sizing: border-box;
				/* overflow: hidden; */
				overflow-y: scroll;
			}

				.lightboxCartArea .openCart_mainBg{
					max-height: 100%;
				}


.lightboxCartArea .lightboxContent_in::-webkit-scrollbar {/*滾動條整體樣式*/
	width: 7px;     /*高寬分別對應橫豎滾動條的尺寸*/
	height: 1px;
}

.lightboxCartArea .lightboxContent_in::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
	border-radius: 7px;
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	-webkit-box-shadow: none;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6ac19+0,e94816+100,e94816+100 */
	background-color: #b3b3b3;
}

.lightboxCartArea .lightboxContent_in::-webkit-scrollbar-track {/*滾動條裡面軌道*/
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	-webkit-box-shadow: none;
	border-radius: 7px;
	background-color: #ffffff;
}	

.lightboxCartArea .openCart_mainBg .promotion_tab {
    font-size: 12px;
	line-height: normal;
	padding: 3px 7px 2px;
}

.lightboxCartArea .openCart_mainBg .promotion_text {
    font-size: 13px;
	line-height: normal;
}

.lightboxCartArea .openCart_mainBg .product_rightArea .name {
    font-size: 22px;
    line-height: normal;
}

@media (max-width: 641px){
		
.lightboxArea3 {
    padding: 54px 0px;
}

	.lightboxCartArea .openCart_mainBg .product_rightArea .name {
		font-size: 18px;
	}
	.lightboxArea3  .lightboxMain3 {
		/*height:360px
		height:80vw;;*/
		width: 80vw;
	}
		.lightboxContentArea3 {
			height: 80vw;
		}
}













 
/*/////////////////////////////////////////////////////////*/
/*-------瀏覽紀錄--------*/
/*/////////////////////////////////////////////////////////*/



.BrowsingHistoryBg {
	/* position: relative;
	max-width: 110px;
	width: 110px;*/
	position: fixed;
	/*right: 0;*/
	right: -130px;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	/* bottom: 30%; */
	transition: 0.3s ease all;   
	z-index: 10;
 }
 .BrowsingHistoryBg.active{
	 /*right: -130px;*/
	 right: 0;
	 transition: 0.3s ease all;
 }
 
 
		 .fixedRightBHZoom{
			 position: absolute;
			 top: 0px;
			 right: 130px;
			 cursor: pointer;
		 }
			 .fixedRightBHZoom span{
				 display: block;
				 background: rgba(19 24 28 / 85%);
				 color: #fff;
				 font-size: 12px;
				 line-height: 21px;
				 border-radius: 5px 0px 0px 5px;
				 padding: 65px 5px 10px 5px;
				 /* max-width: 14px;*/
			 }
			 .fixedRightBHZoom span:hover{
				background: var(--second_color);
				transition: 0.3s ease all;
			 }	
			 
			 .fixedRightBHZoom span:before {
				 position: absolute;				
				 content: "\E11d";
				 top: 5px;
				 font-size: 17px;
				 line-height: 17px;
				 font-family: 'LigatureSymbols';
				 display: block;
				 text-align: center;	
				 color: #ffd98a;			
			 }	
			 .fixedRightBHZoom span:after {
				 position: absolute;
				 content: "縮小";
				 top: 25px;
				 left: -2px;
				 font-size: 12px;
				 line-height: 17px;
				 text-align: center;	
				 color: #ffd98a;						
			 }	
			 .BrowsingHistoryBg.active .fixedRightBHZoom span:before {
				 content: "\E053";
			 }	
			 .BrowsingHistoryBg.active .fixedRightBHZoom span:after {
				 content: "放大";				
			 }
				.fixedRightBHZoom span:hover:before ,
				.fixedRightBHZoom span:hover:after {
					color: #fff;		
				}	
				
 
		 
		 .BrowsingHistoryArea{
			 background-color: rgba(19 24 28 / 85%);
			 padding: 5px 10px;
		 }
		 
		 .swiper-container_bh{
			 height: 220px;
			 /*margin: 0 auto;
			 position: relative;
			 overflow: hidden;
			 list-style: none;
			 padding: 0;
			 z-index: 1;*/
		 }
			 .swiper-container_bh .swiper-slide {
				 box-sizing: border-box;
				 padding: 0px 0px;
				 height: 110px;
				 max-height: 110px;
				 /*min-height: 110px;*/
			 }
				 .swiper-container_bh a{
					 display: block;
					 text-decoration: none;
				 }
		 
		 
				 .hbt_next {
					 text-align: center;
					 cursor: pointer;
					 /*padding-top: 10px;*/
				 }
				 .hbt_before {
					 text-align: center;
					 cursor: pointer;
					 /*padding-top: 10px;*/
				 }
				 .hbt_next img ,
				 .hbt_before img{
					width: 50px;				 
				 }
				 
					 .hbt_before i ,
					 .hbt_next i{
						 color: #fff;
						 font-size: 36px;
					 }
					 .hbt_before i:hover ,
					 .hbt_next i:hover{
						 opacity: 0.5;
					 }					
				 
		 
				 .History_list{
					 position:relative;
					 width:110px;
					 height:110px;
					 max-width: 95%;
					 max-height: 95%;
					 margin: 0 auto;
				 }  
					 .History_list a{
						 display:block;
						 text-decoration:none;
						 transition: 0.3s ease all;
					 } 
					 .History_list a:hover{
						 opacity:0.5;
					 } 				
					 
				 .HistoryImg{	
					 display: block;
					 position: relative;
					 padding-top: 100%;
				 }  					
					 .HistoryImg img{
						border: 1px #7d7d7d solid;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						/* border-radius: 50%; */
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
					 }