/* 匯入共用cart模組.css */
@import url("../css/style_nav/style_cart/style_cart.css");



/*/////////////////////////////////////////////////////////*/
/*-------一頁式版頭--------*/
/*/////////////////////////////////////////////////////////*/

.header {
    padding: 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


.header > .wrap {
    /* position: relative; */
    display: flex;
    justify-content: space-between;
}

.logo {    
	margin: 0;
	padding: 0;
}
.logo a {
    display: block;
    transition: 0.3s ease all;
    padding: 23px 0;
}


/*浮動*/
.header.fixed .logo{
	/* transition: 0.3s ease all;
	width: 125px; */
    padding: 0px 0px 0px 0px
}
.header.fixed .logo a {
    padding: 5px 0;
}


.header > .wrap  .clearfloat{
	display: none;
}





/* =============================== */
/* 超商取貨區塊 modify by peggy 20250728*/
/* =============================== */
.store{
	display: none;
}
.store.show{
	display: block;
	margin-top: 0;
	border-top: none;
}









/*================*/
/*-----版頭左側-----*/
/*================*/




/* .onepage .header_leftBg{
	display: block;
	flex-direction: unset;
	justify-content: unset;
	align-items: unset;
	float: left;
	box-sizing: border-box;
}

	.onepage .logo {    
		margin: 0;
		padding: 0;
		float: none;
		width: 165px;
		
	}
	.onepage .header.fixed .logo {
		padding: 0px 0px ;
	}
		.logo a{
			padding: 5px 0px;
		} */
	
	

	
	







/*================*/
/*----- 立即購買 -----*/
/*================*/

	/* 立即購買 */
	.buy_now{
		float: right;		
		box-sizing: border-box;		
	}
		.buy_now a{
			display: block;
			background-color: var(--third_color);
			color: #fff;
			font-size: 20px;
			padding:36.5px 15px;
			text-decoration: none;
		}
		.buy_now i{
			color: #fff;
			font-size: 20px;
			margin-right: 5px;
		}
		

		/*浮動*/
		.header.fixed .buy_now a {
			padding: 15px 15px;
		}







/*================*/
/*----- 主按鍵 -----*/
/*================*/

	/* .header_rightBg {
		float: right;
		box-sizing: border-box;
	}



	.onepage .navbar {
		width: auto;
		margin: 0px 0px;
		padding: 0px 0px 0px;
	}

		.onepage .nav{
			width: auto;
		}		
			.onepage .nav > a{
				display: flex;
				align-items: center;
				background-color: #000;
				color: #fff;
				padding: 29px 30px;
				font-size: 20px;
			}
			.onepage .nav > a i{
				color: #fff;
				font-size: 20px;
				margin-right: 5px;
			}

			.onepage .header.fixed .nav > a {
				padding: 21px 10px;
			} */






@media (max-width: 990px){
	.logo ,
	.header.fixed .logo{
		/* transition: 0.3s ease all;
		width: 100px; */
		float: left; 
		padding: 0;
	}
		.logo a ,
		.header.fixed .logo a{
			padding: 4.5px 0;
		}



	/* 立即購買 */
	.buy_now a ,
	.header.fixed .buy_now a{
		padding:12.5px 10px;
		font-size: 16px;
	}
	.buy_now i{
		font-size: 15px;
	}


	/* .onepage .header_leftBg {
		padding: 5px 0px;
	}
		.onepage .logo { 
			width: 100px;
		}
			.logo a {
				padding: 0; 
			}*/


	/*----- 主按鍵 -----*/
	/* .onepage .header_rightBg {	
		position: unset;
		width: auto;
		top: unset;
		left: unset;
		height: auto;
		overflow-y: unset;
		z-index: unset;
	}

		.onepage .nav > a {
			padding: 17px 10px;
			font-size: 16px;
		}
		.onepage .nav > a i {
			font-size: 16px;
		}
		.onepage .header.fixed .nav > a {
			padding: 17px 10px;
		} */
		

}








@media (max-width: 640px){

.logo, 
.header.fixed .logo {
	width: 140px;
	margin: 0;
}
    .logo a ,
	.header.fixed .logo a{
        padding: 9.5px 0;
    }

}










/*/////////////////////////////////////////////////////////*/
/*-------一頁式版腳--------*/
/*/////////////////////////////////////////////////////////*/


/*-------版腳--------------------------------*/
.footer {
	padding: 1.25rem 0px .625rem;
	background-color: var(--primary_color);
}
	.footer_information{
		padding: 0px 0 0;
	}






/*-------浮動社群鍵-------*/

.CommunityBtn_area{
	position:fixed;
	right: 15px;
	bottom: 185px;
	transition:0.3s ease all;
	z-index: 201;
}

	/*浮動按鍵*/
	.topBtn_list {
		margin: 7px 0px;
		position: relative;
	}
		
		.topBtn_list a {
			display: flex;
			transition:0.3s ease all;
			text-decoration:none;
			font-size:12px;
			line-height: 12px;
			text-align:center;
			width: 50px;
			height: 50px;
			box-sizing:border-box;
			border-radius:100%;
			color:#000000;
			background: #fff;
			box-shadow:0px 0px 10px
			rgba(0,0,0,0.5);
			position:
			relative;
		}
		
		/*line-綠色*/
		/* .topBtn_list.green a{
			background-color: #00b900;
		} */
		/*fb-藍色*/
		/* .topBtn_list.blue a{
			background-color: #4267b2;
		} */
		
		/* .topBtn_list.pink a{
			background: -webkit-linear-gradient(#9836ba,#f05c37);
			background: -o-linear-gradient(#9836ba,#f05c37);
			background: -moz-linear-gradient(#9836ba,#f05c37);
			background: linear-gradient(#9836ba,#f05c37);
		} */
			
			/* .topBtn_list a i {
				font-size: 40px;
				margin: -3px 0px -9px;
			} */
			.topBtn_list img{
				width: 27px;
				height: auto;
				margin: auto;
			}
				/*hover*/
				.topBtn_list:hover {
				}
					.topBtn_list:hover a {
						box-shadow:0px 0px 10px rgba(0,0,0,0.1);
					}
					
			/*標籤說明*/		
			.tab_description{
				display: none;
				position: absolute;
				left: -95px;
				top: 50%;
				margin: -16px 0px 0px;
				background: rgba(0,0,0,0.6);
				color: #fff;
				padding: 10px 10px;
				font-size: 13px;
    			transition: 0.3s ease all;
				width: 70px;
				text-align: center;
			}

			/*hover*/
			.topBtn_list:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}









	/*浮動_購物車數量*/
	.pcMember_Quantity{
		font-family: var(--foreign_foreign);
		font-size: 14px;
		text-align: center;
		position: absolute;
		top: calc(50% + 3px);
		left: calc(50% + 1px);
		color: #000;
		transform: translate(-50%, -50%);
	}










	
	/*回最上面*/
	/* .topBtn {
		margin: 7px 0px;
		position: relative;
	}
		.topBtn a {
			display:block;
			text-align:center;
			box-sizing:border-box;
			width: 50px;
			height: 50px;
			
			border: solid 2px #f8b62d;
			position:relative;
			text-decoration:none;
			transition:0.3s ease all;
			border-radius:100%;
			background:#fff;
			padding: 25px 0px 0px;
			color:#f8b62d;
		} */
				
		/*hover*/
		/* .topBtn a:hover {
			border-color:#fff;
			box-shadow:0px 0px 10px rgba(0,0,0,0.2);
			color: #f8b62d;
		}

			.topBtn a:before {
				position:absolute;
				content:'';
				border-bottom: solid 12px #f8b62d;
				border-left: solid 8px rgba(0,0,0,0);
				border-right: solid 8px rgba(0,0,0,0);
				top: 8px;
				left: 15px;
			} */

			/*hover*/
			/* .topBtn a:hover:before {
				border-bottom: solid 12px #f8b62d;
			}

				.topBtn a span {
					display: block;
					font-size: 0.75em;
					color: #f8b62d;
					letter-spacing: 0;
				} */

			/*hover*/
			/* .topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	 */
					

			


@media (max-width: 640px){

	/* .topBtn a {
		width: 40px;
		height: 40px;
	}
		.topBtn a span {
			display: none;
		}
		.topBtn a:before {
			top: 11px;
			left: 10px;
		} */
	
		
	/*-------浮動社群鍵-------*/
	.topBtn_list a {
		width: 40px;
		height: 40px;
	}
	
}
				








/*cart*/
/* .topBtn_list.cart a{
    background-color: #c1272d;
}
   .pcMember_Quantity {
        border-radius: 100%;
        color: #fff;
        text-align: center;
        font-size: 12px;
        width: 22px;
        line-height: 22px;
        background: #4c4944;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 0px;
        top: -5px;
        right: -5px;
        transition: 0.3s ease all;
        position: absolute;
    } */





@media (max-width: 641px){
    .pcMember_Quantity {
        /* top: -13px;
        right: -8px; */
    }
}
    

















/*/////////////////////////////////////////////////////////*/
/*-------一頁式內容--------*/
/*/////////////////////////////////////////////////////////*/



.main.onepage {
    padding-top: 96.95px;
}

@media (max-width: 990px){
	.main.onepage  {
		padding-top: 41.13px;
	}
}

















/*-------表單區----------------------------------------------------------------------------*/
/*表單區底*/
.form_area_bg {
	width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 20px;
}
	@media (max-width: 900px){
		.form_area_bg {
			padding:0px;
		}
	}
	
	/*表單區備註*/
	.form_remark {
		text-align:center;
		font-size:15px;
		line-height:22px;
		padding:10px 0px 5px 0px;
	}
		/*必填icon*/
		.requirde_icon {
			display:inline-block;
			border-radius:3px;
			font-size:12px;
			color:#fff;
			background:#c13e42;
			line-height:18px;
			padding:0px 5px;
		}

	/*表單區*/
	.form_area {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		row-gap: .9375rem; 
	}
		/*表單區左*/
		.form_left {
			/* width:48%; */
			/* float:left; */
			
		}
		/*表單區右*/
		.form_right {
			/* width:48%; */
			/* float:right; */
			float: none;
		}

		.form_left  , .form_right {
			float: none;
			display: flex;
			flex-direction: column;
			gap: .9375rem; /*15*/
		}

		.form_right ~ .clearfloat{
			display: none;
		}



			.form_list {
				font-size: 1rem;
				line-height:1.31;
				padding: 0;
				display: flex;
				flex-direction: column;
				gap: .3125rem;
			}
				.fL_tit {
					font-weight:bold;
					padding:3px 0px 8px 0px;
					position:relative;
					padding: 0;
				}
					/*必填icon*/
					.required_icon {
						color:#f00;
						display:inline-block;
					}
					
				.fL_info {
					padding:0px 0px 9px 0px;
					padding:0px 0px 17px 0px;
					padding: 0;
				}

				.captcha{
					display: flex;
					flex-wrap: wrap;
					gap: 0.625rem;
					align-items: center;
				}
					.captcha input{
						width: auto;
						max-width: 6.5625rem; /*105*/
					}
					.captcha a{
						display: inline-flex;
						color: inherit;
						align-items: center;
						gap: inherit;
						text-decoration: none;
					}


			/*沒有底線*/
			/*.fL_right.no_border {
				border-bottom:0px;
			}*/
			
			.fL_right.situation label {
				display: block;
			}
			
			/*沒有輸入框時*/
			.fL_right.no_input {
				padding: 10px 0px 10px 0px;
				line-height: 1.3;
			}
			
			.fL_right label {
				display:inline-block;
			}
			
			/*地址樣式*/
			.fL_right.address select {
				margin:0px 5px 0px 0px;
				width: auto;
			}
			.fL_right.address input[type='text']:nth-of-type(1) {
				width:80px;
			}
			.fL_right.address input[type='text']:last-of-type {
				margin:12px 0px 0px 0px;
			}
			.address_text{
				width: 100%; 
			}
			
			/*生日樣式*/
			.fL_right.birthday {
			}
				.fL_right.birthday select {
					margin:0px 0px 0px 0px;
				}


				
						@media (max-width: 1023px){

							/*表單區*/
							.form_area {
								padding-bottom: 25px;
							}
						}
					
						@media (max-width: 900px){
							/*表單區左*//*表單區右*/
							.form_left, .form_right {
								float:none;
								/* width:auto; */
								width: 100%;
							}
								/*沒有輸入框時*/
								.fL_info.no_input {
									padding: 0px 0px 5px 0px;
								}
								.fL_info label {
									padding: 6px 0px;
								}
						}
							@media (max-width: 575px){
								.cart_big_tit span.red {
									padding:0px;
								}
							}
								@media (max-width: 500px){
									.cBT_checkbox {
										display: block;
										padding: 5px 0px 0px 0px;
									}
									.receiving_record {
										padding:0px;
									}
								}
									@media (max-width: 320px){
										/*生日樣式*/
										.fL_info.birthday {
											letter-spacing: 0px;
											white-space: nowrap;
											font-size: 12px;
										}
									}
								
			.form_list_remark {
				font-size: 0.9375rem;
				line-height: 1.3;
				color: #c13e42;
				padding: 12px 0px 0px 0px;

				padding: 0;
			}








			.location_list{
				font-size: 1rem;
				line-height: 1.3;
			}

			.location_list .title,
			.location_list .content{
				font-size: inherit;
				line-height: inherit;
			}



/*/////////////////////////////////////////////////////////*/
/*-------錨點 & 標題區塊--------*/
/*/////////////////////////////////////////////////////////*/

#product, #cart{
	display: block;
	transform: translateY(-65px);
    /* position: relative;
    top: -68px; */
}


.product_title {
    font-size: 28px;
    padding: 45px 0 10px;
    /* border-bottom: 2px solid #333; */
    font-weight: bold;
    text-align: center;
}
	.product_title h2{
		font-size: inherit;
		line-height: inherit;
		margin: 0;
		padding: 0;
		font-weight: inherit;
		display: inline-block;
	}



.pageContent {
    /* padding: 50px 0px; */
}

.btn_area input {
    background: #c1272d;
}

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

@media (max-width: 990px){
	#product, #cart{
		transform: translateY(-51px);
	}
}






/*/////////////////////////////////////////////////////////*/
/*-------商品區塊--------*/
/*/////////////////////////////////////////////////////////*/

.proudctIn_topArea{
	position: relative;
	box-sizing: border-box;
	margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
 }
		  
	/*左側區塊*/
	.productTop_leftArea{
		width: 40%;
		/* float:left; */
		padding-right: 30px;
		box-sizing: border-box;
	}
	
		/*產品banner*/
		.productTop_leftArea .banner{
			display: none;
		}
	
	/*右側區塊*/
	.productTop_rightArea{
		/* float: left; */
    	width: 60%;
        box-sizing: border-box;
	}
		
		/*產品名稱*/
		.proudct_name{
			padding: 0px 0px 20px;
			font-size: 23px;
			line-height: 1.24;
		}
		
		/*簡述區塊*/
		.product_textBg{
			padding: 10px 0px;
		}
		
			/*描述區字*/
			.product_textArea {
			}
				
				/*內容*/
				.product_textContent{
					font-size: 14px;
					line-height: 25px;
					border-left: 3px solid #000;
					padding: 0px 8px;
				}
				
					
				/*收合按鈕*/
				.product_textBtn{
					width: 92px;
					margin: 20px auto 0;
					border: 1px solid #ccc;
					border-radius: 4px;
				}
					.product_textBtn a{
						display: block;
						color: #999;
						cursor: pointer;
						font-size: 14px;
						padding: 0 10px;
						line-height: 24px;
						font-weight: normal;
						text-align: center;
						text-decoration: none;
					}
				
		
		
		/*價格區塊*/
		.productIn_priceArea{
			padding-top:20px;
			font-family: var(--foreign_foreign);
		}
		
			/*會員價格*/
			.productIn_menberPrice{
				float: left;
				box-sizing: border-box;
				font-size: 20px;
				font-weight: 900;
				font-family: 'Noto Sans TC';
			}
			
			/*原始售價*/
			.productIn_price{
				float: left;
				box-sizing: border-box;
				padding: 2px 0px 0px 20px;
				text-decoration: line-through;
				font-size: 17px;
    			color: #888888;
				font-family: inherit;
			}
			
			
			
		/*顏色選擇區*/
		.product_selectBg{
			padding-top: 20px;
		}
			.product_selectArea{
			}
				     
				/*列表*/				
				.product_selectList{
    				margin-bottom: 10px;
				}          
					
					/*標題*/
					.product_selectTit{
						color: #aaaaaa;
    					font-size: 13px;
					}
					
					/*內容*/
					.product_selectContent{
						padding: 2px 0px 0px;
						position: relative;
					}
						.product_selectContent select{
							width: 100% !important;
							border-radius: 0px;
							height: 34px;
							line-height: 28px;
							padding: 3px 0px 3px 12px;
							background: #fff;
							background-size: 13px;
							background-position:right;
							padding-right:18px !important;
							border: 1px solid #ccc;
						}
						
						.product_selectContent i{
							position: absolute;
							right: 0px;
							top: 50%;
							-webkit-transform: translateY(-50%);
							transform: translateY(-50%);
							width: 34px;
							height: 34px;
							text-align: center;
							font-weight: bold;
							line-height: 38px;
						}
						
						/*數量選擇*/
						.pITR_quantity {
						}
						.pITR_quantity.quantity_sp{
						}
							.pITRQ_btn {
								background:#fff;
								width: 34px;
								height: 34px;
								min-width: 34px;
								line-height: 34px;
								text-align: center;
								font-size: 26px;
								color: #393939;
								cursor: pointer;
								display: table-cell;
								vertical-align: middle;
								border: 1px solid #ccc;
							}
							.pITRQ_btn.cutQ{
								border-right: 0px;
							}
							.pITRQ_btn.addQ{
								border-left: 0px;
							}
							
							.pITRQ_text {
								background: #fff;
								width: 90%;
								height: 34px;
								line-height: 34px;
								display: table-cell;
								vertical-align: middle;
								border-top: 1px solid #ccc;
								border-bottom: 1px solid #ccc;
								font-weight: normal;
							}
								.pITRQ_text input[type='text'] {
									width: 100%;
									height: 34px;
									line-height: 34px;
									font-size: 20px;
									border: none;
									background: none;
									color: #393939;
									font-weight: normal;
									text-align: left;
									padding: 0px 12px;
								}

							
		
		
		/*購物車按鈕*/
		.product_btnBg{
			padding-top: 20px;
		} 
			.product_btnArea{
			}
				.product_btnArea [type="submit"]{
					width: 100%;
					background-color: #000000;
					color: #fff;
					/* border-radius: 50px; */
                    border-radius: 3px;
					font-size: 15px;
					line-height: 42px;
    				height: 42px;
				}
				
			
               
    
    /* 規格+購物車按鈕 */
    .product_select_btnBg{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        /* justify-content: space-between; */
        padding-top: 20px;
    }
        .product_select_btnBg .product_selectBg {
            /* padding-top: 20px; */
            padding: 0 20px 0 0;
            max-width:calc(100% - 220px);
        }
            .product_select_btnBg  .product_selectList {
                /* margin-bottom: 10px; */
                margin: 0;
            }
        .product_select_btnBg .product_btnBg {
            /* padding-top: 20px; */
            padding: 0;
            width: 200px;
            box-sizing: border-box;
        }
        





@media (max-width: 990px){
/* @media (max-width: 1160px){ */
	.proudctIn_topArea {
    	width: 100%; 
    	padding-left: 0px;
        display: block;
        flex-wrap: unset;
	}

    .productTop_leftArea {
        width: 100%;
        padding: 0 0 30px;
    }
    .productTop_rightArea {
        width: 100%;
    }
}

@media (max-width: 950px){

    .productTop_leftArea {
        float: none;
        padding-right: 0px;
        width: 100%;
    }
    
    .productTop_rightArea {
        float: none;
        width: 100%;
        padding: 30px 0px 0px;
    }
        .pITRQ_text {
            width: 92%;
        }
	
	
	.proudctIn_bottomArea {
		width: 100%;
		padding-left: 0px;
	}		
			
}


@media (max-width: 480px){
	
	/*產品banner*/
	.productTop_leftArea .banner{
		display: block;
	}
		.pITRQ_text {
			width: 84%;
		}


   /* 規格+購物車按鈕 */
   .product_select_btnBg{
        display: block;
        flex-wrap: unset;
        align-items: unset;
        /* padding-top: 20px; */
    }
        .product_select_btnBg .product_selectBg {
            /* padding-top: 20px; */
            padding: 0 0 20px;
            max-width:unset;
        }
        
        .product_select_btnBg .product_btnBg {
            width: 100%;
        }
    


	
}



/*商品內頁圖片區*/
.productInImg {
	position: relative;
}
	.productImgBig {
		position: relative;

		/* position: relative;
		padding-top: 155%;
		border-radius: 10px; */
	}
		.productImgBig img {
			width:100%;
			height:auto;

			/* max-width: 100%;
			max-height: 100%;
			height: auto;
			width: auto;
			position: absolute;
			margin: auto;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			transition: 0.3s ease all;

			margin: 0 auto; */
		}












/*/////////////////////////////////////////////////////////*/
/*-------訂購注意事項區塊--------*/
/*/////////////////////////////////////////////////////////*/

.notice {
	/* margin: 45px 0 30px; */
	padding: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
	border-radius: 15px;
	border: 1px solid #cccccc;

	margin-top: clamp(1.4517rem, 2.3438vw, 2.8125rem); /* 23.23px , 2.3438vw , 45.00px */
	margin-bottom: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
}
 	.notice > .title {
		font-weight: bold;
		/* display: inline-block; */
		/* border-bottom: 2px solid #000000; */
		padding: 0 0 6px 0;
		margin: 0 auto 22px;
		/* margin-top: 2px; */
		/* margin-right: 14px; */
		/* margin-bottom: 22px; */
		font-size: 20px;
		color: #000000;
		text-align: center;
	}




.fL_info.time select {
	width: 100%;
	border-radius: 0;
}



/*modify by karol 20200205 start*/
.checkArea{
	position:relative;
}
	.check_info{
		padding-right: 100px;
	}
	
		.check_info input[type="text"]{
			margin: 0;
			padding: 0;
			outline: none;
			vertical-align: middle;
			height: 42px;
			line-height: 42px;
			width: 100%;
			/*width: 240px;*/
			transition: 0.2s ease all;
			padding: 0px 6px 0px 6px;
			box-sizing: border-box;
		}	
	
	.check_icon{
		vertical-align:top;
		position:absolute;
		right:0;
		top:0;
	}	
		
		.check_icon label{
			position: absolute;
			right: 0px;
			top: 0px;
			background: #3e3e3e;
            border-radius: 3px;
			width: 85px;
			height: 42px;
			color:#fff;
			line-height: 40px;
    		text-align: center;
			padding: 0px 3px;
		}	
		.check_icon i{
			color: #fff;
			line-height: 42px;
			padding: 0px 9px;
		}	
		.check_icon input[type="button"]{
			position: absolute;
			padding: 0px;
			display: none;
		}	
		
/*modify by karol 20200205 end*/
			

@media (max-width: 767px){
	.fL_right.check{
		width:100%;
	}
	
	.checkfLR_button{
		width: 100%;
		padding: 10px 0px 0px 0px;
	}
		.checkfLR_button input[type="submit"]{
			width: 100%;
		}
}








/*-------購物車----------------------------------------------------------------------------*/
/*購物車步驟*/
.cart_step {
	font-size:0px;
	text-align:center;
}
	.cart_step_list {
		display:inline-block;
		vertical-align: top;
		line-height: 26px;
		padding: 0px 26px 0px 0px;
	}
		.cSL_no {
			font-size: 12px;
			font-weight: bold;
			display: inline-block;
			vertical-align:middle;
			background: #A9A9A9;
			color: #fff;
			text-align: center;
			width: 26px;
			border-radius: 100%;
		}
		.cSL_tw {
			font-size:15px;
			color:#CCC;
			display: inline-block;
			vertical-align:middle;
			padding: 0px 0px 0px 5px;
		}
			/*當前模式*/
			.cart_step_list.now .cSL_no {
				/*background: #ffcc00;*/
				background:#ffd34d;
			}
			.cart_step_list.now .cSL_tw {
				color:#333;
			}
	
			
@media (max-width: 639px){
	
	.cart_step_list {
		padding: 0px 15px 0px 0px;
	}
		.cSL_no {
		}
		.cSL_tw {
			font-size:13px;
			line-height: ;
			padding: 0px 0px 0px 5px;
		}
			/*當前模式*/
			.cart_step_list.now .cSL_no {
				/*background: #ffcc00;*/
				background:#ffd34d;
			}
			.cart_step_list.now .cSL_tw {
				color:#333;
			}
}
			
			
@media (max-width: 410px){
	.cart_step {
		text-align: center;
		padding: 0px 0px 10px 0px;
	}
		.cart_step_list {
			padding: 0px 3px 0px 0px;
			line-height:20px;
		}
			.cSL_no {
				width:20px;
			}
			.cSL_tw {
				font-size:13px;
			}
}



/*白底*/
.white_bg {
	background: #fff;
    padding: 35px;
    border: solid 1px #c9caca;
	margin: 25px 0;
}

.white_bg.order_page {
    padding: 0px 30px 35px;
}

/*訂單查詢用*/
.white_bg.order{
	/*modify by pekey 20190326*/
	padding: 15px 15px;
}

	/*訂單內頁用*/
	.white_bg.order_page{
		/*modify by pekey 20190326*/
		padding: 0px 30px 35px;
	}
	
		.white_bg.order_page .fA_bg{
			/*modify by pekey 20190326*/
			padding: 0px;
		}

@media (max-width: 950px){
	.white_bg {
	}
}


@media (max-width: 768px){  /*modify by pekey 20190326*/
	.white_bg {
		padding: 25px 15px;
		margin: 0 0 25px;
	}
	
	/*訂單內頁用*/
	.white_bg.order_page{
		/*modify by pekey 20190326*/
		padding: 0px 15px 25px;
	}
}

@media (max-width: 640px){

}

/*購物車區塊*/
.cart_area {
	width:100%;
	/*max-width:801px;*/
	margin:0 auto;
	
	/*modify by pekey 20190326*/
	padding: 15px 0px 0px;
    box-sizing: border-box;
}

/*購物車商品列表*/
.cart_product_list_area {
}



	/*購物車備註*/
	.cart_remark {
		text-align:center;
		padding:0px 0px 15px 0px;
		color:#BF0000;
		line-height:22px;
	}
	
	.cart_product_list_area table {
		width:100%;
		margin:0 auto;
		border-radius: 3px;
		overflow: hidden;
	}
		.cart_product_list_area tr {
		}
			.cart_product_list_area td {
				text-align:center;
				vertical-align:middle;
				font-size:15px;
				line-height: 24px;
				color:#333;
				padding:10px 15px;
				box-sizing:border-box;
				/*border-bottom: solid 1px #c9caca;
				border-right: solid 1px #c9caca;*/
				background: #f4f4f4;
			}
				/*商品名稱*/
				.cPL_product {
					font-size:0px;
					text-align:left;
					font-size:15px;
					position:relative;
				}
					/*加購品標籤*/
					.cPLP_label {
						position: absolute;
						top: 0px;
						left: 0px;
						font-size: 12px;
						color: #fff;
						background: #333;
						line-height: 20px;
						z-index: 1;
						padding: 0px 10px;
					}
					
					.cPL_product_tit {
						vertical-align:middle;
						box-sizing: border-box;
						letter-spacing:0px;
					}
				
				/*商品規格*/
				.specification {
					text-align:left;
					font-size: 14px;
					line-height: 22px;
					padding: 6px 0px 0px;
					color: #999;
				}
				
				/*modify by pekey 20190326*/
				.cart_product_list_area select{
					width: 100%;
					height: 30px;
					line-height: 30px;
					box-sizing: border-box;
					padding: 0px 7px;
					padding-right: 18px !important;
					cursor: pointer;
				}
				
				
				/*modify by pekey 20190326*/
				.cart_product_list_area table label{
					width: 30px;
					height: 30px;
					line-height: 30px;
					border-radius: 3px;
					font-weight: bold;
					padding: 5.5px 2px;
					box-sizing: border-box;
					background: #FFFFFF;
					border: solid 1px #c4c4c4;
					color: #333;
				}
				/*hover*/
				.cart_product_list_area table label:hover{
					opacity: 0.7;
				}
				
				
					.cart_product_list_area table input {
						height:40px;
						line-height:40px;
						margin:4px 0px;
					}
						.cart_product_list_area table input[type='text'] {
							width:66px;
							border: solid 1px #e7e7e7;
							text-align:right;
						}
						/*第一個td*/
						.order_list td:first-of-type {
							width:auto;
						}
						.cart_product_list_area table input[type='button'] {
							/*width: auto;
							line-height: 28px;
							height: 28px;*/ /*modify by pekey 20190326*/
							width: auto;
							height: 30px;
							line-height: 30px;
							border-radius: 3px;
							font-weight: bold;
							padding: 0px 8px;
							box-sizing: border-box;
							background: #FFFFFF;
							border: solid 1px #c4c4c4;
							color: #333;
						}
						
							.order_list table input[type='button'] {
								height: 40px;
								line-height: 40px;
								/*background:#e68491;*/  /*modify by pekey 20171220*/
								background: #c32126;
								color:#fff;
								border:none;
								
								/*modify by pekey 20190326*/
								width: auto;
							}
							.order_list table input[type='button']:nth-of-type(2) {
								/*background:#313131;*/	 /*modify by pekey 20171220*/
								background: #6b6a6a;
							}
					
								@media (max-width: 600px){
									/*第一個td*/
									.order_list td:first-of-type {
										padding: 10px 14px 5px 14px;
									}
								}
		.cart_product_list_area tr:last-of-type td {
			border-bottom: solid 1px #c9caca;
		}
						
		/*第一組tr*/
		.cart_product_list_area tr:first-of-type td {
			border-top: solid 1px #c9caca;
			padding: 5px;
			background-color:#e5e5e5;
		}
		/*第三組tr*/
		.cart_product_list_area tr:nth-of-type(3) td {
			/*background-color:#e5e5e5;	*/
		}
		
		
		/*第一個td*/
		.cart_product_list_area td:first-of-type {
			/*width:40%;*/
			/*border-left: solid 1px #c9caca;*/
		}
			td.cPL_twoBtn {
				padding: 5px 0px;
			}
		
		/*2進位的tr*/
		.cart_product_list_area tr:nth-of-type(2n+0) td {
			background:#fff;
		}
		
		/*折抵列*/
		.cart_product_list table {
			background: #e0e0e0;
			border-radius: 3px;
			border: 1px solid #c9caca;
			font-size: 14px;
			line-height: 25px;
			font-weight:bold;
		}
			.cart_product_list table input[type=text] {
				/*height: 22px;
				line-height: 22px;*/ /*modify by pekey 20190326*/
				height: 30px;
				line-height: 30px;
				width: 62%;
				
				/*modify by pekey 20190326*/
				float: left;
			}
			.cart_product_list.single_row {
				/*padding: 22px 0px 0px;*//*modify by pekey 20190326*/
				padding: 20px 0px 0px;
			}
				.cart_product_list td {
					background: #f4f4f4;
					/*padding: 15px 5px;*/ /*modify by pekey 20190326*/
					padding: 10px 10px;
					box-sizing: border-box;
					vertical-align: middle;
					
					/*modify by pekey 20190326*/
					width: 25%;
					height: 50px;
					line-height: 30px;
				}
				
				.cart_product_list td:nth-of-type(2),.cart_product_list td:nth-of-type(4) {
					color:#de494a;
				}
				
				.cart_product_list td:first-of-type,.cart_product_list td:nth-of-type(3) {
					background: #e5e5e5;
				}
					.c_p_l_del_btn.update {
						background: #de484d;
						background-size: 100%;
						/* font-weight: 100; */
						width: 42px;
					}
					
					
			input[type="button"].c_p_l_del_btn {
				font-size: 14px;
				font-weight: 700;
				color: #fff;
				/*width: 35px;
				height: 22px;*/  /*modify by pekey 20190326*/
				/*width: 50px;*/
				width: 35%;
				height: 30px;
				line-height: 22px;
				border-radius: 3px;
				
				/*modify by pekey 20190326*/
				float: right;
			}
		
			
			/*modify by pekey 20190326*/
			.bonus_bg{
				width: 100%;
				box-sizing: border-box;
			}

@media (max-width: 768px){  /*modify by pekey 20190326*/
	
	.cart_product_list_area td {
		padding:10px 10px;
	}
			
		
	.cart_product_list td {
		/*modify by pekey 20190326*/
		width: 50%;
		float: left;
	}
	.cart_product_list td:first-of-type {
		border-bottom: 1px solid #c9caca;
	}
	.cart_product_list td:nth-of-type(2) {
		border-bottom: 1px solid #c9caca;
	}
	
}
		
/* @media (max-width: 640px){ */
@media (max-width: 641px){   
	.cPL_product{
		font-size: 14px;
        padding: 0;
        border-bottom: solid 0px #e1e1e1;
	}
}
					
@media (max-width: 767px){/*@media (max-width: 715px){*/ /*modify by pekey 20190326*/
	/*折抵列*/
	.cart_product_list.single_row td {
		display: block;
		width: 100%;
	}
	
	
	/*第一組tr*/
	.cart_product_list_area tr:first-of-type {
		display:none;
	}
	
	/*第一個td*/
	.cart_product_list_area td:first-of-type {
		width: auto;
		padding: 10px 14px;
	}
	/*手機版第一筆產品資訊圓弧樣式設定*/
	.cart_product_list_area tr:nth-of-type(2) td:first-of-type{
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-color: #ADABAB;
	}
	/*手機版最後一筆產品資訊圓弧樣式設定*/
	.cart_product_list_area tr:last-of-type td:last-of-type{
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-color: #ADABAB;
	}
	
	
	/*最後一個td*/
	.cart_product_list_area td:last-of-type {
		border-bottom: solid 2px #ADABAB;
		padding: 5px 14px 10px 14px;
	}
	.cart_product_list_area tr:last-of-type td:last-of-type{
		border-bottom: solid 1px #ADABAB;
	}
	
	/*第五個td*/
	.cart_product_list_area td:nth-of-type(5) {
		padding: 5px 14px 10px 14px;
	}
		.cart_product_list_area td:nth-of-type(5):before {
			display:none;
		}
	
	.cart_product_list_area table {
		/*border: solid 2px #e1e1e1;
		border-top: solid 3px #e1e1e1;*/
		border-top: solid 1px #c9caca;
		border-radius:5px;
	}
		.cart_product_list_area td {
			display:block;
			border:none;
			text-align:left;
			border-left: solid 1px #c9caca;
			border-right: solid 1px #c9caca;
			padding: 5px 14px;
			
			/*modify by pekey 20190326*/
			font-size: 14px;
		}
		
			.cart_product_list_area td:before {
				content:attr(data-name);
				font-weight: bold;
				color: #000;
			}
			
			/*商品名稱*/
			.cPL_product {
				font-size:16px;
			}
			
			.cart_product_list_area table input {
				height:40px;
				line-height:40px;
			}
				.cart_product_list_area table input[type='button'] {
					width:100%;
				}
			
					/*兩個按鍵時*/
					.cart_product_list_area table .cPL_twoBtn input[type='button'] {
						float:left;
						width:48%;
						font-size: 14px;
					}
					.cart_product_list_area table .cPL_twoBtn input[type='button']:nth-of-type(2) {
						float:right;
					}
					
					
	.cart_product_list_area{
		/*padding: 0px 15px ;*/
	}
}
			
	
			

/*運費提示詞*/
.shippingFee_remark {
	background: #ffd34d;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    border-radius: 5px;
    /*padding: 8px 5px;*/ /*modify by pekey 20171220*/
    padding: 8px 5px 6px;
	color:#333;
	font-weight:bold;
}

/*購物車合計區*/
.cart_total_area {
	padding: 0px;
}
	.cart_total_area table {
		font-size:15px;
		line-height:29px;
	}
		.cart_total_area tr {
		}
			.cart_total_area td {
				padding:6px 15px;
				text-align:right;
				border-bottom: solid 1px #c9caca;
				font-weight: bold;
			}
				.cart_total_area td strong {
					font-size:23px;
					/* color:#2ea7e0;
					padding: 0 7px; */
				}
				.cart_total_area td span {
					/*font-size:13px;*/
					color:#666;
				}
					/*每一行第一個td*/
					.cart_total_area td:first-of-type {
						/*border-right: solid 1px #c9caca;*/
					}
					/*每一行第二個td*/
					.cart_total_area td:last-of-type {
						width:170px;
					}
					
						/*購物車表單最後的按鈕*/
						.btn_area ,
						.btn_area.one {
							font-size: 0px;
							text-align: center;
							padding: 0px 0px 0px;
							margin: 0;
						}	
	
.cart_product_list_area.order_list.transfer {
    padding: 15px 0px 0px;
}
						
@media (max-width: 525px){
	.btn_area input {
		float: left;
		width: 48%;
		margin: 0px;
	}
	.btn_area.one input{
		float:none;
	}
	.btn_area input:nth-of-type(2) {
		float: right;
	}	
	
}


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

/*modify by pekey 20171221 start*/
@media (max-width: 425px){
	
}
/*modify by pekey 20171221 end*/



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

/*未出貨*/
.no_shipping {
	color:#007be4;
}

/*未付款*/
.unpaid {
	color:#d70d13;
}

/*已取消*/
.cancel {
	color:#929292;
}

/*剩餘點數*/
.remaining_points {
	text-align:right;
	text-align: right;
    font-size: 15px;
    padding-bottom:10px;
}
	.remaining_points strong {
		font-size: 20px;
		color: #de484d;
	}
	
/*訂單完成說明*/	
.order_complate_remark {
    font-size: 15px;
    line-height: 24px;
    padding: 0 0 50px;
}	
.order_complate_remark.last {
    padding: 0 0 10px;
}	
	.oCR_list {
    display: inline-block;
    padding: 0px 15px 0px 0px;
	font-size:18px;
	}	
/*修改密碼小標題*/
.little_tit{
	font-size:18px;
	padding-top:18px;
	border-top:dotted 1px #0f0f0f;
	font-weight:bold;
	margin-top:55px;
}
	/*購物車大標*/
	.cart_big_tit {
		position:relative;
		font-size:18px;
		font-weight:bold;
		line-height:25px;
		/*padding:0px 0px 0px 44px;*/ /*modify by pekey 20190326*/
		padding: 0px 0px 15px 40px;
	}
		.cart_big_tit span {
			position:absolute;
			display:block;
			border-radius:100%;
			font-size:15px;
			font-weight:100;
			color:#fff;
			text-align:center;
			width:25px;
			background:#c3c3c3;
			left:0px;
			letter-spacing: 0px;
		}
		.cart_big_tit span.red {
			position: relative;
			width: auto;
			background: none;
			color: #d25054;
			text-align: left;
			display: inline-block;
			padding: 0 0 0 12px;
			line-height: 24px;
		}

@media (max-width: 640px){
	.oCR_list {
		display: block;
		font-size: 15px;
	}
}										
	
.cart_itemBg{
	background-color: #f8f8f8;
    padding: 20px;
    border-radius: 5px;
}

	.cart_itemArea{
		border:1px solid #c9caca;
		background:#fff;
		padding: 25px 20px;
		margin: 10px 0;
	}
	.stepB .cart_itemArea{
		margin-top: 15px;
	}

		.cart_itemIn{
			width:100%;
			margin:0 auto;
		}

		/* 購物車 商品項目 */
		.cart_product_list_area .product_item{
			position: relative;
		}

			/* 圖片 */
			.cart_product_list_area .product_item .img{
				position: absolute;
				left: 0px;
				width: 80px;
				min-height: 80px;
				z-index: 3;
			}
				.cart_product_list_area .product_item .img a{
					display: block;
				}

					/*加購品標籤*/
					.cart_product_list_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_product_list_area .product_item .img img{
						width: 100%;
						height: auto;
					}

			/* 品名 */
			.cart_product_list_area .product_item .title{
				padding-left: 100px;
				min-height: 80px;
				text-align:  left;

				position: relative;
				z-index: 2;
			}
				.cart_product_list_area .product_item .title a{
					display: block;
					
					position: absolute;
					top: 50%;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}
				.cart_product_list_area .product_item .title a:hover{
					opacity: 0.6;
					text-decoration: none;
				}


				.cart_product_list_area .product_item .title a .content{
					/* font-size: 15px; */ /* modify by pekey 20201116 */
					font-size: 14px;
					line-height: initial;
					
					color: #000;
					text-align:  left;

					/* modify by pekey 20201116 */
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-text-overflow: ellipsis;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
				}
				

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


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

				.cart_product_list_area table .cart_clear input[type='button']{
					/* background-color: transparent; */
					/* z-index: 3; */

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


@media (max-width: 900px){

	/* 數量 */
	.cart_product_list_area select.select{
		/* width: 90%; */ /* modify by pekey 20201116 */
	}

	.cart_clear{
		/* width: 90%;
		margin: 0px auto; */
	}
		.cart_product_list_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: 28px;
			background-position: center;
			height: 28px;
		}

}


@media (max-width: 767px){

.cart_itemBg {
	/* padding: 15px; */ /* modify by pekey 20201116 */
	padding: 0px;

	/* modify by pekey 20201116 */
	background-color: transparent;
}

	.cart_itemArea {
		/* padding: 20px 15px; */ /* modify by pekey 20201116 */
		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_product_list_area .product_item .title{
		/* modify by pekey 20201116 */
		padding-left: 90px;
	}
		.cart_product_list_area .product_item .title a{
			/* modify by pekey 20201116 */
			top: 30%;
			-webkit-transform: translateY(-30%);
			transform: translateY(-30%);
		}

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


	/* 數量 */
	.cart_product_list_area select.select{
		/* width: 80%; */ /* modify by pekey 20201116 */
	}

	.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: 320px){

	/* 數量 */
	.cart_product_list_area select.select{
		/* width: 75%; */ /* modify by pekey 20201116 */
	}

}

@media (max-width: 319px){
	.cart_total_area td {
		font-size: 12px;
		letter-spacing: 0px;
	}
}


.cart_itemBg.stepB{
	/* background-color:transparent;
    padding: 0px 0px 30px;
	border-radius: 0px; */
	margin-bottom: 20px;
	border-top-left-radius: 30px;
}

	.cart_title{
		position: relative;
		padding: 0px 0px 0px 44px;
		line-height: 30px;
	}
		.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: #999 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;
		}

		.coupon {
			padding: 15px 0px 0px;
			text-align: center;
		}
		.coupon:nth-of-type(1) {
			padding: 0px;
		}

			.coupon input[type="text"]{
				width: 180px;
				height: 38px;
				line-height: 38px;
			}
				.coupon .underline{
					text-decoration: underline;
				}
				.coupon .red{
					padding-left: 0px;
				}
				.coupon .title{
					display: inline-block;
					vertical-align: middle;
				}



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

				.coupon .content{
					display: inline-block;
					vertical-align: middle;
					color: #de484d;
				}
					.coupon .content input[type="button"]{
						width: 85px;
						height: 38px;
						line-height: 40px;
					}
					


/* 使用優惠代碼折抵*/
.cart_itemIn{    
}
    .cart_itemIn .coupon{  
        display: flex;
        flex-wrap: wrap; 
        justify-content: center;
        align-items: center; 
    }
        .cart_itemIn .coupon .title{  
            width: auto;
            padding: 0;
        }
        .cart_itemIn .coupon > .content{  
            width: auto;
            padding: 0;
        }