/*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橫平轉豎屏時字變大的問題*/
}

/* ~~ 元素/標籤選取器 ~~ */
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:#1967d2;
	color:#fff;
}

/*Mozilla Firefox 控制文字選取時的顏色*/
::-moz-selection {
	background:#1967d2;
	color:#fff;
}



/*-------input reset--------------------------------------------------------*/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "Microsoft JhengHei", "新細明體";
	font-size:15px;
	border-radius:3px;
	border: solid 1px #aeaeae;
}
input[type="text"], input[type="password"], input[type="search"], input[type="date"] , input[type="email"] , input[type="tel"]{
	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[type="password"]:focus, input[type="date"]: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;
	height:42px;
	background:#3e3e3e;
	color:#fff;
	border-radius: 3px;
	line-height:42px;
	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; */
		background-color: var(--third_color);
	}
	
	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: #000;
				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: #b3b3b3;
				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輪播----------------------------------------------------------------------------*/
.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;
				}
	
	/* 輪播點點樣式 */
	.main .swiper-pagination-bullet-active{
		background: var(--primary_color);
	}
	.main .swiper-pagination-bullet{
		background: var(--third_color);
		margin:0 3px
	}


	/* 輪播箭頭樣式 */
	.main .swiper-button-prev{
		position: absolute;
		top: 50%;
		left: 1%;
		margin: 0px;
		width: 40px;
		height: 40px;
		background-size: 40px;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	} 
	.main .swiper-button-next {
		position: absolute;
		top: 50%;
		right: 1%;
		margin: 0px;
		width: 40px;
		height: 40px;
		background-size: 40px;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);	
		transform: translateY(-50%) rotate(180deg);
	}
	.main .swiper-button-prev{		
		background-image: url(../index/images/left_arrow.png);
	}
	.main .swiper-button-next{
		background-image: url(../index/images/left_arrow.png);
	}
	.index_MagazineMobileBg .swiper-button-prev{		
		background-image: url(../images/chevron-left.svg);
	}
	.index_MagazineMobileBg .swiper-button-next{		
		background-image: url(../images/chevron-right.svg);
	}

	.main .swiper-button-prev:after, 
	.main .swiper-button-next:after {
		/* content: 'prev'; */
		display: none;
	}
		
			/*客制區塊*/
			.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: 990px){
	.pcBanner {
		display: none;
	}
	.mobileBanner {
		display: block;
	}
}
@media (max-width: 640px){
	
}
				
				
		





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

/*全站共用樣式*/
:root {
    /* --primary: Aquamarine; */
    /*--foreign_font:"Sofia Sans", sans-serif;*/       /*全站外文字型*/
	--mandarin_font:'Noto Sans TC', sans-serif;   /*全站中文字型*/
	--foreign_foreign: 'Cabin', sans-serif; /* 外語+數字 字型樣式 */

	--primary_color:#F4BA35;				/*全站主色色碼*/
	--second_color:#fff5ec;				/*全站第二色碼*/
	--third_color:#BFDAEF;					/*全站第三色碼*/
	--fourth_color:#00bcde;				/*全站第四色碼*/
	--fifth_color:#007cc6;                /*全站第五色碼*/
	--sixth_color:#d39b1c;                  /*全站第六色碼*/
	/*--seventh_color:#8F382E;   */                /*全站第六色碼*/

	/*--second_color:#F1C600;*/                   /*全站第二色碼*/
	/*--third_color:#76AEA5;*/                   /*全站第三色碼*/
	/*--fourth_color:#D0E9E5;*/                   /*全站第四色碼*/
	/*--fifth_color:#F5F5F5;*/                    /*全站第五色碼*/
	/*--sixth_color:#dd1319;*/                    /*全站第六色碼*/
	/*--seventh_color: #557799;*/                 /*全站第七色色碼*/
	--notice_color:#e3342f;
	/*--dark_color_sec:#A7A7A7;
	--dark_color_third:#d2d2d2;
	--dark_color_fourth:RGB(171, 176, 183);*/
		
	/* --gradient_color:linear-gradient(to top, rgba(0 0 0 / 60%) 0%, rgba(0 0 0 / 50%) 100%); */
	/*--gradient_color:linear-gradient(to top, rgba(0 0 0 / 0%) 0%, rgba(0 0 0 / 0%) 100%);*/
	--fontSize: 16px;
}







/*-------頁次--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 {
		cursor: pointer;
		transition:0.3s ease all;
		font-size:16px;
		line-height:39px;
		padding:0px 36px 0px 36px;
		text-align:center;
		display:none;
		position:relative;
		background-color:#b3b3b3;
		border-bottom: solid 1px #b3b3b3;
		font-weight:bold;
		color: #ffffff;
	}
		.tabs_btn_now:hover {
			
		}
		.tabs_btn_now_arrow {
			position: absolute;
			border-top: solid 7px #ffffff;
			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:transparent;
						text-align:center;
						cursor:pointer;
						box-sizing: border-box;

						border: 1px solid #b3b3b3;
						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 #b3b3b3;

						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(--third_color);
						color: #000;
					}

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

						/* active */
						.tabs li.active span:before {
							position: absolute;
							content:'';
							border-top: solid 10px var(--primary_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:transparent;
	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;
				color: #999999;
			}
				.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;
					}


					/* hover */
					.tabs li span:hover {
						background-color: rgb(222 178 103 / 60%);
						color: #ffffff;
					}

					/* active */
					.tabs li.active span {
						background-color: rgb(222 178 103 / 60%);
						color: #ffffff;
					}

						/* active */
						.tabs li.active span:before {
							border-top: solid 10px #e9cb97;
						}
}











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


/*-------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: 0px;
}


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

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

.main.page{
}
	
	/*內頁banner*/
	.inbanner{
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 250px;
	}
	

	
	/*上方區塊*/
	.pageContent_topArea{
		padding: 10px 0px;
	}
		
		/*麵包屑*/
		.crumb_bg{
			color: #777777;
			font-size: 0.875rem;
			float: left;
			/*padding: 13px 0px 0px;*/
		}
			.crumb_area{
				
			}
				.crumb_area i{
					display: inline-block;
					vertical-align: middle;
					font-size: 1.125rem;
				}
				.crumb_area i:nth-of-type(1){
					/* color: #e71f19; */
				}
				.crumb_area a{
					text-decoration: none;
					display: inline-block;
					vertical-align: middle;
					/* color: #e71f19; */
					color: #777777;
					font-size: 0.875rem;
					line-height: 22px;
					transition: 0.3s ease all;
				}
				/*hover*/
				.crumb_area a:hover{
					color: #252525;
					transition: 0.3s ease all;
				}
				
				.crumb_area span{
					display: inline-block;
					vertical-align: middle;
					font-size: 0.875rem;
					margin-right: -1px;
					line-height: normal;
				}	
	
/*內頁內容區塊*/
.pageContent{
	padding: 50px 0px;
	position: relative;
	/* modify by peggy 20250815 */
	padding:  clamp(1.5625rem,2.6042vw,3.125rem) 0;
}
/*內頁內容區塊*/
.pageContent .wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;

}
	
	
	



@media (max-width: 990px){
	/*內頁內容區塊*/
	.pageContent .wrap{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: clamp(.625rem,1.0417vw,1.25rem);

	}
}
	

/*左側*/
.left{
	/*float: left;*/
	width: 280px;
	position: absolute;
	position: relative;
	z-index: 2;
}

	/* 選擇類別按鈕 */
	.category_changeButton {
		display: none;
	}
	

		.category_changeButton a {
			display: block;
			text-decoration: none;
			width: 100%;
			text-align: center;
			font-size: 16px;
			line-height: normal;
			color: #ffffff;
			background-color: #000000;
			padding: 10px 0px;
		}
			
	/*左側標題*/
	.left_title{
		font-size: 20px;
		line-height: normal;
		font-weight: bold;	
		letter-spacing: -1px;
		/* background-color: #aeaeae;
		color: #fff; */
		color: #000000;
    	padding: 13px 10px 10px;	
	}
		.left_title span{
			font-size: 15px; 
			color: #fff;
			padding-top: 10px;
			letter-spacing: 1px;
			display: block;
			font-weight: normal;
		}
	
	/*左側選單列表*/
	.leftListArea{
		/*background-color: #fcfcfc;*/
	}
		.leftList{
			font-size:clamp(1rem,0.9375vw,1.125rem);
		}	
			.leftList:first-of-type > a{
				display:block;
				padding: clamp(.625rem,1.0417vw,1.25rem) .625rem;
				text-decoration:none;

				position: relative;
				font-size: .9375rem;
				line-height: 22px;
				word-break: break-word;
				border-top: 1px solid #000000;
				/* border-bottom: 1px solid #e9e9e9; */
			}
			.leftList > a{
				display:block;
				padding: clamp(.625rem,1.0417vw,1.25rem) .625rem;
				text-decoration:none;
				color: #808080;
				position: relative;
				font-size: .9375rem;
				line-height: 22px;
				word-break: break-word;
				
				border-top: 1px solid #e9e9e9;
				/* border-bottom: 1px solid #e9e9e9; */
			}
				
			.leftList.active > a{
				color: var(--primary_color);
			}
			.leftList:hover > a{
				color: var(--third_color);
			}
				
				/*代表性標誌*/
				/*.leftList_icon.first{
					position: absolute;
					left: 10px;
					top: 16px;
				}*/
					.leftList_icon i{
						font-size: 30px;
						line-height: 25px;
						color: #000;
						transform: translateY(-0.3125rem);
					}
				
				/*功能名稱*/	
				.leftList_title{
					display: inline-block;
					vertical-align: bottom;
				}
				
				/*方向標誌*/
				.leftList_icon.direction{
					position: absolute;
					right: 10px;
					top: 16px;
				}
					/*方向標誌_向下展開*/
					.leftList_icon.direction i.down{
						display: block;
					}
					/*方向標誌_向上收合*/
					.leftList_icon.direction i.up{
						display: none;
					}
					
					
				/*active*/ /*方向標誌_向下展開*/
				.leftList.active .leftList_icon.direction i.down{
					display: none;
				}
				/*active*/ /*方向標誌_向上收合*/
				.leftList.active .leftList_icon.direction i.up{
					display: block;
				}
				
				
				
			
			/*左側選單列表第二層*/
			.leftList_open{
				display: none;
			}
			.leftList_open.active{
				display:block;
			}
				.leftList_open_list{
				}
					.leftList_open_list a {
						display: block;
						transition: 0.3s ease all;
						color: #999;
						/*padding: 13px 35px;*/
						padding: 13px 10px 11px 25px;
						font-size: 15px;
						line-height: 22px;
						font-weight:normal;
						word-break: break-word;
						/* border-bottom: 1px dashed #e9e9e9; */
					}

					.leftList_open_list:first-of-type a{
						border-top: 1px solid #e9e9e9;
					}

					.leftList_open_list.active a {
						/* color: #e71f19; */
						color: #000;
					}
					.leftList_open_list a:hover {
						/* color: #e71f19; */
						color: #000;
						text-decoration:none;
					}
					
/*右側*/
.right{
	float: right;
	box-sizing:border-box;
	width: 77%;
	max-width: calc(100% - 280px - 20px);
	min-height: 300px;
}


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

	/* 新增 modify by pekey 20210429 start */
	.inBanner_bg {
		width: 100%;
		height: 100%;
		padding: clamp(1.5625rem,2.6042vw,3.125rem) 0;
	}
	.inBanner_bg .in_banner{
		width: 100%;
		height: 100%;
		aspect-ratio: 1200 / 628;
	}

	.inBanner_bg .in_banner span{
		position: relative;
		display: block;
		padding-top: 52.33%;
	}
		.inBanner_bg .in_banner span 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.no_left .right_title,
	.pageContent_title.special_title {
		display: block;
		text-align: center;
		padding-bottom: unset;
		border-bottom: unset;

		padding-top: 0;
	}
		.right .right_title h2 {
			font-size: 24px;
			line-height: normal;
			margin: 0;
		}
		.right.no_left .right_title h2,
		.pageContent_title.special_title h2{
			display: inline-block;
			vertical-align: middle;
			font-size: 28px;
			margin: 0;
		}
	
	
	/*右側內容區塊*/
	.right_contentBg{	
		padding-top: 15px;
		padding-top: 0;
		
	}
	.right.no_left .right_contentBg{
		padding-top: 0px;
		flex: 1;
	}
	
	
		/*網編區塊*/
		.text_area{
			font-size: 1rem;
			color: #000;
			line-height: 1.5;
		}

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

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




@media (max-width: 990px){

/*左側*/
	.left{
		min-width: unset;
		width:100%;
		/* margin-bottom: 30px; */
		position: static;
	}

		
		/* 選擇類別按鈕 */
		.category_changeButton {
			display: block;
		}

		/* active */
		.category_changeButton.active {
			padding-bottom: 0;
		}
	
	
		/*左側表單名稱*/
		.left_title ,
		.category_changeButton a{
			position: relative;
			cursor: pointer;
			background-color: #fff;
			padding: 10px 50px 10px 15px;
			padding: .625rem 40px;
			font-size: 1.0625rem;
			letter-spacing: 1px;
			color: #fff;
			background-color: #351a0d;
			border: 1px solid #351a0d;
			text-align: center;
			width: auto;
			font-weight: bold;
		}
			.left_title span{
				display:inline-block;
				font-size: 0.8125rem;	
				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;
				display: none;
			} */
			 
			.left_title:after ,
			.category_changeButton a:after{
				content: 'keyboard_arrow_down';
				position: absolute;
				font-family: 'Material Icons';
				/* border-left: solid 0.3125rem rgba(255,255,255,0);
				border-right: solid 0.3125rem rgba(255,255,255,0);
				border-bottom: solid 0.3125rem rgba(255,255,255,0);
				border-top: solid 0.5rem #ffffff; */
				top: 50%;
				right: 0.9375rem;
				/* transform: translate(0px, calc(-50% + 0.1875rem)) rotate(0deg); */
				transform: translate(0px, calc(-50% + 0rem)) rotate(0deg);
				transition: 0.3s ease all;
				transform-origin: center;
				color: #fff;
				font-size: 1.875rem;
				line-height: 1.5625rem;
				font-weight: normal;
			}
				/*active* 當前模式加上icon */
				.left_title.active::after ,
				.category_changeButton.active a:after {
					content: 'keyboard_arrow_up';
					/* position: absolute; */
					/* transform: translate(0px, calc(-50% + -0.1875rem)) rotate(180deg); */
				}
			













		
		/*左側表單*/
		.leftListArea{
			display:none;
			background: #fcfcfc;
			border: 1px #dbdbdb solid;
		}
	
		/* active */
		.leftListArea.active {
			margin-bottom: 25px;
		}
		
			.leftList > a{
				padding: 13px 45px 11px 15px;
			}
			.leftList:first-of-type > a{
				border-top: none;
			}
				
				/*方向標誌*/
				.leftList_icon.direction{
					right: 11px;
				}
				
				.leftList_open_list a{
					padding: 13px 45px 11px 30px;
				}
	
	/*右側*/
	.right{
		width:100%;
		max-width: unset;
		position: static;
		/* padding: 35px 0px; */
	}
	

	.sort_title {
		display: none;
	}
	.display_Tit {
		display: none;
	}

	.column_count{
		column-count:unset;
	}
	
	
}


@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: 7px;
				right: 7px;
				width: 65px;
				height: 65px;
				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;
			}
				.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;
					line-height: 20px;
					padding: 3px 9px 0px;
					box-sizing: border-box;
				}


			/* 商品促銷標籤 與商品內頁的促銷標籤是相同的 */
			.product_list .promotion_tabArea{
				position: absolute;
				background: #f9861b;
				color: #ffFFFf;
				bottom: 0px;
				left: 0px;
				padding: 7px 10px 5px;
				z-index: 2;
			}  
				.product_list .promotion_tabArea span{
					display:block;
					font-size: 14px;
					/* 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;
				}	

					.product_list .img .content img{
						width: 100%;
						height: auto;
					}
			
			
				/* 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: #2ea7e0;
					/* font-size: 16px;
					line-height: 22px; */
					/* font-weight: 700; */

					font-size: 17px;
					line-height: 24px;
					/* font-weight: normal; */
					font-weight: bold;
					min-height: calc(24px * 2);

					/*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;
				}
				
				.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;
						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;
				}

				



			/*加入收藏按鈕*/
			.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;
					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;
					height: 20px;
					/* 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;
				}









/* 產品列表的 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; */
		}


		/* 購物車按鈕 */
		.product_list.B_type .img .addCart_button{
			position: absolute;
			right: 10px;
			bottom: 10px;
			padding: 0;
			/* 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: #c1272d;
				color: #ffffff;
				padding: 6px 5px 5px 4px;
				width: 35px;
				height: 35px;
				box-sizing: border-box;
			}

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

				.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;
				line-height: 22px;
			}	

			/*B_type 會員價錢*/
			.product_list.B_type .price .member_price{
				padding: 5px 0px 0px;
				font-size: 18px;
				line-height: 24px;
			}	

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

@media (max-width: 1025px){

	/*商品圓形標籤 預設右邊*/
	.circle_icon{
		width: 55px;
		height: 55px;
	}
		.circle_icon span{
			font-size: 16px;
			line-height: 16px;
			padding: 2px 9px 0px;
		}


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

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

@media (max-width: 769px){
	
	/*商品圓形標籤 預設右邊*/
	.circle_icon{
		width: 50px;
		height: 50px;
	}
		.circle_icon span{
			font-size: 15px;
			line-height: 15px;
		}
}					

@media (max-width: 641px){


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


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


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


			/*商品圓形標籤 預設右邊*/
			.circle_icon{
				width: 65px;
				height: 65px;
			}
				.circle_icon span{
					font-size: 18px;
					line-height: 18px;
				}



			/* B_type 標題 */
			.product_list .price.B_type .title{
				display: none;
			}
				
				.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){
	
	/*商品圓形標籤 預設右邊*/
	.circle_icon{
		width: 55px;
		height: 55px;
	}
		.circle_icon span{
			font-size: 16px;
			line-height: 16px;
		}

	/* 商品促銷標籤 與商品內頁的促銷標籤是相同的 */
	.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;
		}



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

}


@media (max-width: 321px){

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

	.product_list{
		/* display: block;
		width: 100%;
		padding: 15px 5px; */
	}
	
		/*商品圓形標籤 預設右邊*/
		.circle_icon{
			width: 48px;
			height: 48px;
		}
			.circle_icon span{
				font-size: 14px;
				line-height: 14px;
			}

			
}











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

}
	/* 產品內頁_上半部區塊 */
	.product_pageBg.top{
		
	}

		/* 產品內頁_左半部區塊 */
		.product_leftArea{
			float: left;
			width: 50%;
			box-sizing: border-box;
		}
			
			/* 大圖區塊 */
			.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;
						/*top: 50%;
						margin: -18px 0px 0px 0px;*/

						background-color: #7d7d7d;
						height: 100%;
						box-sizing: border-box;
						padding: 0px 3px;
						border-radius: 3px;
						/*max-height: 45px;*/
					}
					
					/* 左右切換小按鈕 */
					.lightboxCartArea .small_imgArea a.arrow-left_mainProduct,
					.lightboxCartArea .small_imgArea a.arrow-right_mainProduct {
						max-height:40px;
					}
					
					/* 左側切換小按鈕 */
					.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 a.arrow-left_mainProduct svg:not(:root).svg-inline--fa{
							width: 8px;
							height: auto;
						}	
						.small_imgArea a.arrow-right_mainProduct svg:not(:root).svg-inline--fa {
							width: 8px;
							height: auto;
						}	
					


					/* 圖片輪播列表 */
					.small_imgArea .swiper-slide {
						box-sizing:border-box;
						padding:0px 5px;
						/* max-height: 80px; */
						max-height: 108px;
					}
						.small_imgArea .swiper-slide a {
							display: block;
							/* border: 1px #c3c3c3 solid; */
							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;
								}
								
								/* link */
								.share_bg .list.link 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: #28a7e1;
			}

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


			/* 價錢區塊 */
			.product_rightArea .price{
				padding-top: 10px;
			}
				/* 內容 */
				.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-size: 15px;
						/* 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: #ffffff;
								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-size: 15px;
						/* 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{	
											display: block;
											width: 100%;
											height: auto;
											position: absolute;
											top: 0;
											left: 0;
											bottom: 0;
											right: 0;
											float: none;
											object-fit: cover;
											transition: 0.3s ease all;
											
											border: 1px solid #cccccc;
											transition: 0.2s ease all;
										}
										ul.giveawayimg li.active a img ,
										ul.giveawayimg li a:hover img{
											border-color: #c1272d;
											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: #28a7e1;
						border-color: #28a7e1;
						color: #ffffff;
					}
					.button .buy_button input{
						background-color: #c1272d;
						border-color: #c1272d;
						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 .cart_itemBg.additional_bg{
		padding: 0px;
		margin: 0 0 70px;
	}

		.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;
}

/* 活動產品區塊 */
.productActive_bg{
}
	.productActive_bg .pLL_bottom{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 10px 0 0;
		display: grid;
		grid-template-columns: 30% 69%;
	}
		.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: 8.5px 0px 8.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;
			}



/* 新增 新活動專館 modify by Judy 20230707 start */


			/* 數量 */
			.productActive_bg .quantity{
				display: table;
				/* width: 50%;
				float: left;
				padding: 0px 5px; */
				width: 100%;
				/* padding: 5px 5px; */
				box-sizing: border-box;
				position: relative;
			}

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

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

						position: relative;
					}
						.productActive_bg .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{
							
						}

						.productActive_bg .quantity_content {
							display: table-cell;
							vertical-align: middle;
							box-sizing: border-box;
							border: 1px solid #cccccc;
							width: 100%;
						}
							.productActive_bg .quantity_content input{
								padding: 0 5px;
								box-sizing: border-box;
								height: 34px;
								font-size: 14px;
								text-align: center;
								color: #000000;
								border: 0;
								border-radius: 0;
								cursor: pointer;
							}

						.productActive_bg .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;
						}
			






@media (max-width: 1023px){

/* 活動產品區塊 */
.productActive_bg{
}
	.productActive_bg .pLL_bottom{
		grid-template-columns: 49% 49%;
	}

}

@media (max-width: 641px){

	/* 活動產品區塊 */
	.productActive_bg{
	}
		.productActive_bg .pLL_bottom{
			display: block;
			grid-template-columns: unset;
		}
		.productActive_bg .quantity {
			margin-top: 5px;
		}
	
	
	
}

/* 新增 新活動專館 modify by Judy 20230707 end */













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

/*購物車步驟*/
.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: #b3b3b3;
			color: #fff;
			text-align: center;
			width: 26px;
			border-radius: 100%;
			height: 26px;
			line-height:  26px;
		}
		.step_content {
			font-size:15px;
			color:#b3b3b3;
			display: inline-block;
			vertical-align:middle;
			padding: 0px 0px 0px 5px;
		}
			/*當前模式*/
			.cart_step_list.now .step_number {
				background: #ca2126;
			}
			.cart_step_list.now .step_content {
				color:#ca2126;
			}

@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: #ffffff;
    padding: 20px;
    border-radius: 5px;

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

	.cart_itemArea{
		border:1px solid #c9caca;
		background:#fff;
		/* background-color: #fff9ec; */
		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 #a9a9a9;
			background-color: #a9a9a9;
			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;
		}

			/*加購品標籤*/
			/* .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;
			}

	/* 商品名稱 */
	.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: #f7b52c;
		}
	
		/* 數量 */
		.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;
				}

				.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;
	}
}





/*加購商品 商品列表*/
.additional_bg{
	margin: 35px 0px;
}


	.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;
			}




			.additional_listArea .addButton-prev, 
			.additional_listArea .addButton-next {
			  position: absolute;
			  top: unset;
			  top: 40%;
			  margin-top: 0;
			  transform: translateY(-40%);
			  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_arrow.png);
			  left: 0px;
			  right: auto;
		  }
	  
		  .additional_listArea .addButton-prev {
			  background-image: url(../index/images/right_arrow.png);
			  right:0px;
			  left: auto;
		  }




						
/* 加購商品-加入購物車 */
.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){
	.additional_listArea .device .arrow-left,
	.additional_listArea .device .arrow-right {
		display: block;
	}
}











/*相關商品 商品列表---------------------*/
.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:#ffe9ce; */
	background-color: #b3b3b3;
	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 */
	color: #ffffff;
}
	.not_logged_remark a {
		color: #c1272d;
		/* color: #f8b62d; */
		text-decoration:underline;
		transition:0.3s ease all;
	}
		.not_logged_remark a:hover {
			/* color:#DE484D; */
			color: #000000;
		}




/*按鍵區*/
.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: #000000;
			border-color: #000000;
			color: #ffffff;
		}

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

		/* 下一步 */
		.btn_area input.next{
			background-color: #c1272d;
			border-color: #c1272d;
			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: #2ea7e0 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: #2ea7e0;
		}

		.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: #f7b52c;
			}
			








		/* 同意加入會員 */
		.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:  #999999; */
			background-color: #3e3e3e;
			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: #ffffff;
				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: #ff0000;
    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;
				}




.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;
		}

	.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: #8dc21f;
				border-color: #8dc21f;
				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: #8dc21f;
			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; */
					}
                        .couponLogo{
                            width: 40%;
                            /* 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: #f3863f;
                            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: #f3863f;
                    transition: 0.3s ease all;
                }
    
            /* 折扣碼 */
            .couponList .amount_number{
                margin: 0px 0px 6px;
                    font-family: 'Nunito', sans-serif;
            }
                .couponList .amount_number span{
                    color: #f3863f;
					font-size: 13px;
					border: 1px #f3863f solid;
					border-radius: 7px;
					display: inline-block;
					padding: 5px 10px;
					transition: 0.3s ease all;
                }
                ul.couponArea > li:hover .amount_number span{
                    background-color: #f3863f;
                    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;
                        }
    }
    










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

/* 詳細資訊 */
.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;
}
/*燈箱2*/
.lightboxArea2 {
	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%;
		height: 100vh;
		position: absolute;
		top:0px;
	}
	
	/*燈箱主體*/
	.lightboxMain {
		height:360px;
		width:80%;
		margin: 0;
		background:#000;
		border-radius:5px;
		position: relative;
		transition:0.3s ease all;
		transform:scale(0);
		top: 50%;
		left: 50%;
		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: #515151;
			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;
		}
		.lightboxCloseBtn svg{
			fill: #fff;
			width: 25px;
			height: 25px;
			margin: auto;
			transition: 0.3s ease all;
		}
			.lightboxCloseBtn:hover {
				/* modify by peggy 202050916 */
				background: var(--fourth_color);
				border-color: var(--fourth_color);
				transition: 0.3s ease all;
			}
			.lightboxCloseBtn:hover svg{
				fill: #333;
				transform: rotate(15deg);
				transition: 0.3s ease all;
			}
		/* .lightboxCloseBtn {
			font-weight: bold;
			width: 34px;
			height: 34px;
			line-height: 34px;
			font-size: 21px;
			font-weight: normal;
			color: #fff;
			text-align: center;
			background: #515151;
			cursor: pointer;
			position: absolute;
			top: -24px;
			right: -24px;
			transition: 0.3s ease all;
			z-index: 2;
		}
			.lightboxCloseBtn:hover {
				background:#8dc21f;
				color:#fff;
			} */
			
		/*燈箱資料區*/
		.lightboxContentArea {
			/* height: 100%; */
			height: 80vh;
		}

/*燈箱3*/
.lightboxArea3 {
	position:fixed;
	width:100%;
	z-index:99999;
	top:0px;
	left:0px;
	box-sizing:border-box;
	padding:124px 0px;
	display:none;
}
	/*燈箱黑底3*/
	.lightboxBG3 {
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
	}
	
	/*燈箱主體3*/
	.lightboxMain3 {
		/* height:360px;
		width:80%; */
		width:80vh;
		margin:0 auto;
		background:#fff;
		border-radius:5px;
		position: relative;
		transition:0.3s ease all;
		transform:scale(0);
		top:0px;
		box-sizing:border-box;
		font-size:0px;
	}
		/*關閉燈箱按鍵3*/
		.lightboxCloseBtn3 {
			font-size:17px;
			font-weight:bold;
			width:48px;
			height:48px;
			line-height:48px;
			border-radius:100%;
			color:#fff;
			text-align:center;
			background: #515151;
			cursor: pointer;
			position:absolute;
			top:-24px;
			right:-24px;
			transition:0.3s ease all;
			z-index: 2;
		}
			.lightboxCloseBtn3:hover {
				background:#000000;
				color:#fff;
			}
			
		/*燈箱資料區3*/
		.lightboxContentArea3 {
			/* 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:80px;
		text-align:center;
		left: 50%;
		top: 50%;
		-webkit-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		box-sizing: border-box;
		/*padding:70px 20px 20px 20px;*/
		/*font-size:16px;
		line-height:22px;*/
		color:#fff;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
	}
		.vL_text_area img {
			width:100%;
			height:auto;
			/*padding:0px 0px 8px 0px;*/
		}
		/*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;
	/*margin: 20px -15px 0px -14px;*/
}
/*firefox hack*/
@-moz-document url-prefix() { 
  .video_list_area {
	  padding:8px 0px 0px 0px;
  }
}

	.video_list {
		box-sizing:border-box;
		/*display:inline-block;
		vertical-align:top;*/
		padding: 0px 12px 30px;
		/*width:485px;*/
		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;
		}
			.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%;
	}

	/*---Video---*/
	.video_list_area {
		margin: 0px 0px 0px 0px;
	}
		.video_list {
			/*width: 46%;*/
		}
		/*.video_list:nth-child(2n+1) {
			padding: 35px 25px 30px 0px;
		}
		.video_list:nth-child(2n+0) {
			padding: 35px 0px 30px 25px;
		}*/
}
@media (max-width:768px){
	
	
	.vL_text_area {
		max-width:50px;
	}	
		
	/*---Video---*/
	/*.video_list:nth-child(2n+1) {
		padding: 35px 20px 30px 0px;
	}
	.video_list:nth-child(2n+0) {
		padding: 35px 0px 30px 20px;
	}*/
}
@media (max-width: 600px){	

		
/*燈箱*/
.lightboxArea {
	padding:50px 0px;
}

/*關閉燈箱按鍵*/
.lightboxCloseBtn {
    right: 0px;
    top: 0px;
}

.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;
	}*/
	

	
	
}











/*///////////////////////////*/
/*------- 首頁網編燈箱 --------*/
/*///////////////////////////*/

.lightTextArea{	
	display: none ;
}
.lightTextArea.active{	
	display: block;
}
	.lightTextArea .lightboxMain {
		background: #fff;
		height: auto;
		/* transform: scale(0); */
		max-width: 600px;
	}
	.lightTextArea.active .lightboxMain {
		/* transform: scale(1); */
	}

		.lightTextArea .lightboxContentArea {
			/* height: 100%; */
			/* height: calc(80vh - 50px * 2); */
			padding: 50px;
			height: auto;
		}
			.lightTextArea .text_area{
				overflow-x: hidden;
				overflow-y: auto;
				max-height: 100%;
				/*max-height: calc(80vh - 50px * 2);*/
				padding-right:10px;	
			}
					  
			.lightTextArea .text_area::-webkit-scrollbar {/*滾動條整體樣式*/
				width: 5px;     /*高寬分別對應橫豎滾動條的尺寸*/
				height: 1px;
			}
			.lightTextArea .text_area::-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, #afafaf 0%, #e5e5e5 100%);	
			}
			.lightTextArea .text_area::-webkit-scrollbar-track {/*滾動條裡面軌道*/
				-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
				border-radius: 5px;
				background: #EDEDED;
			}


@media (max-width: 600px){	

	.lightTextArea .lightboxContentArea {
		height: calc(80vh - 20px * 2);
		height: auto;
		padding: 20px;
	}
		.lightTextArea .text_area{
			/*max-height: calc(80vh - 20px * 2);*/
			padding-right:5px;	
		}

}






/*///////////////////////////*/
/*------- 會員登入區塊 --------*/
/*///////////////////////////*/
.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 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: #e5151f;
							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: 100%;
							}
								.form_list.login_button.sns .button.google input{
									background-color: #f70f4d;
									background-image: url(../images/google_icon.svg);
									background-repeat: no-repeat;
									background-position: 30% center;
									background-size: 23px;
								}

							/* 忘記密碼頁 */
							.form_list.login_button.forget input[type="button"] {
								background-color: #666666;
							}



				/* 裝飾區塊 */
				.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:#e5151f;
							}				



/* 註冊會員頁面 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: 1000px;
	max-width: 100%;
    margin: 0px auto;
	padding: 15px 0px;
	box-sizing: border-box;
}

	.member_centerIn{
		border: solid 2px #cccccc;
		border-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; */

	background-color: #ffffff;
}

	.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: #ffffff;
				background-color: #f0ad4e;
				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;
					margin: 30px -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: #555555;
							border: 1px solid #555555;
						}
						.center_contentBg .form_list.button .button input[type="submit"] {
						}


@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  {
			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: 10px 0px;

	padding: 0;
	font-size: clamp(0.8125rem, 0.7813vw, 0.9375rem); /* 字體 最小值 13.00px、大小約 0.7813vw、最大值 15.00px */
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(0.6250rem, 0.9375vw, 1.1250rem); /*  最小值 10.00px、大小約 0.9375vw、最大值 18.00px */
}
	.time_search {
		font-size: inherit;
		display:inline-block;
		vertical-align:middle;
		/* padding: 0px 18px 0px 0px; */
		display: flex;
		align-items: center;
		gap:  clamp(0.3472rem, 0.5208vw, 0.6250rem); /*  最小值 5.56px、大小約 0.5208vw、最大值 10.00px */
	}
		.time_search select {
			border-color: var(--fourth_color);
			font-family: var(--foreign_foreign);
			padding-top: 6px;
			padding-bottom: 7px;
		}
		.time_search_area span {
			font-size: inherit;
			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(--primary_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/search.svg) center center no-repeat;
		background-size:19px;
		border-radius:4px;
	}
		.time_search_area input[type='submit']:hover {
			opacity:0.7;
		} */


		.time_search_area button{
			padding: 0;
			margin: 0;
			background: var(--member_color);
			border-radius:4px;
			border: none;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 2.25rem; /*36px*/
			height: auto;
			aspect-ratio: 1;
			cursor: pointer;
		} 

		.time_search_area button img{
			width: 1.1875rem; /*19px*/
			height: auto;
		} 
		.time_search_area button:hover {
			opacity:0.7;
		} 



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


	.time_search {
		font-size:calc(15px / var(--magnification150));
		padding: 0px calc(18px / var(--magnification150)) 0px 0px;
	}
	
	.time_search_area span {
		font-size:calc(15px / var(--magnification150));
		padding: 0px calc(20px / var(--magnification150)) calc(4px / var(--magnification150)) 0px;
	}

	.time_search select{
		font-size:calc(15px / var(--magnification150));
		padding: 4px 0px 7px 7px;
	}
	.time_search_area label.lsf {
		font-size: calc(25px / var(--magnification150));
		width: calc(42px / var(--magnification150));
		height: calc(38px / var(--magnification150));
		line-height: calc(38px / var(--magnification150));
	}

}*/





@media (max-width: 768px){
	.time_search_area {
		text-align:center;
		justify-content: space-between;
	}
		.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; */
					width: 100%;
				}
	.time_search_area label.lsf button{
		width: 100%;
		aspect-ratio: auto;
		padding: 8px;
	}
}


@media (max-width: 640px){

	.time_search_area {
		padding: 0px 0px 0px;
		flex-direction: column;
		align-items: unset;
		justify-content: center;
	}
		.time_search, .time_search_area span {
			/* display:block; */
			/* padding: 0px 0px 10px 0px; */
			display: grid;
			grid-template-columns: repeat(3, 1fr auto);
		}
		.time_search_area span {
			text-align:center;
			grid-template-columns: unset;
		}
			.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;
		}
} */





















/*/////////////////////*/
/*---- 表格區塊 -----*/
/*/////////////////////*/
.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: 0.9375rem;
		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: #a9a9a9;
		color: #fff; */
		background-color: #000;
    	color: #fff;
	}

	.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: 0.8125rem;
		line-height: 17px;
	}
		.table_contentBg td:before{
			font-size: 0.8125rem;
			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: #9f7949;
		color: #ffffff;
		border: none;
		padding: 0px 10px;
	}

	.table_contentBg.order input.order_information{
		width: auto;
		height: 40px;
		line-height: 40px;
		background-color: #313131;
		color: #ffffff;
		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;
	}
	
}


/*/////////////////////*/
/*---- 填寫匯款資料 -----*/
/*/////////////////////*/
.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;
	}
	
}




/*/////////////////////*/
/*---- 聯絡我們區塊 -----*/
/*/////////////////////*/

.contact_bg{
}
	.contact_in{
	}
		
	/* 網編區 */
	.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-top-left-radius: 25px;
			border-top-right-radius: 5px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			background-color: #ffffff;
		}

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

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

						/* 標題 */
						.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 .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: #555555;
			border: 1px solid #555555;
		}
		.contact_formBg .form_list.button .button input[type="submit"] {
		}



@media (max-width: 1079px){
	.contact_formIn {
		border-top-left-radius: 5px;
	}
}

@media (max-width: 920px){

	.contact_formIn {
		padding: 12.5px 27.5px 30px;
	}

		.contact_formBg .box_listBg {
			margin: 10px auto 0px;
			padding: 0;
		}

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


@media (max-width: 524px){

	.contact_formIn {
		padding: 7px 17.5px 22.5px;
	}
		.contact_formBg .box_listBg {
			margin: 0px auto;
		}

			.contact_formBg .form_list .title{
				position: static;
				left: unset;
				top: unset;
				-webkit-transform: unset;
				transform: unset;

				font-size: 13px;
				line-height: 17px;
			}

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

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

}



/*/////////////////////*/
/*---- 驗證碼 -----*/
/*/////////////////////*/
.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; */
	}

}


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

/*未搜到*/
.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:#e5151f;

			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;
			}
	

	/* 排序下拉區塊 */
	.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: -170px;
	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: 170px;
			 cursor: pointer;
		 }
			 .fixedRightBHZoom span{
				 display: block;
				 background: rgb(51 51 51 / 0.85);
				 color: #fff;
				 font-size: 0.75rem;
				 line-height: 21px;
				 border-radius: 5px 0px 0px 5px;
				 padding: 65px 5px 10px 5px;
				 /* max-width: 14px;*/
				 z-index:999;
			 }
			 .fixedRightBHZoom span:hover{
				 background: #c1272d;
				 transition: 0.3s ease all;
			 }	
			 
			 .fixedRightBHZoom span:before {
				 position: absolute;				
				 
				 content: "\E053";
				 top: 5px;
				 font-size: 1.0625rem;
				 line-height: 17px;
				 font-family: 'LigatureSymbols';
				 display: block;
				 text-align: center;	
				 color: #f8b62d;			
			 }	
			 .fixedRightBHZoom span:after {
				 position: absolute;
				 content: "放大";
				 top: 25px;
				 left: -2px;
				 font-size: 0.75rem;
				 line-height: 17px;
				 text-align: center;	
				 color: #f8b62d;						
			 }	
			 .BrowsingHistoryBg.active .fixedRightBHZoom span:before {
				 content: "\E11d";
			 }	
			 .BrowsingHistoryBg.active .fixedRightBHZoom span:after {
				 content: "縮小";				
			 }
 
 
		 
		 .BrowsingHistoryArea{
			 background-color: rgb(51 51 51 / 0.85);
			 padding: 5px 10px;
		 }
		 
		 .swiper-container_bh{
			 height: 200px;
			 /*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: 200px;
				 max-height: 200px;
				 /*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: 2.25rem;
					 }
					 .hbt_before i:hover ,
					 .hbt_next i:hover{
						 opacity: 0.5;
					 }					
				 
		 
				 .History_list{
					 position:relative;
					 width:150px;
					 height:96px;
					 /* 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: 64.25%;
				 }  					
					 .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;
					 }






@media screen and (min-width: 991px) {

}



/* 在螢幕放大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) {
	
	.BrowsingHistoryBg {
		bottom: 40%;
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
	}

	.fixedRightBHZoom span:after {
		left: 1px;
		-webkit-writing-mode: vertical-lr;
		writing-mode: vertical-lr;
		text-align: center;
	}

}

/* 在螢幕放大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) {
	
	.BrowsingHistoryBg {
		bottom: 30%;
		-webkit-transform: translateY(30%);
		transform: translateY(30%);
	}

}