/*20160930 by kevin*/
@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: #fff;
	color: #333;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "新細明體";
	/*overflow-x: hidden;*/
	letter-spacing: 1px;
	-webkit-text-size-adjust: none;/*解決iphone橫平轉豎屏時字變大的問題*/
	font-family: 'Noto Sans TC', sans-serif;	
}

/* ~~ 元素/標籤選取器 ~~ */
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-字型 結束-------------------------------*/

/*Webkit,Opera9.5+,Ie9+ 控制文字選取時的顏色*/
::selection {
	background:#19338f;
	color:#fff;
}

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

.wrap {
	width:1100px;
	max-width: 85%;
	margin:0 auto;
	padding: 0;
}

@media (max-width: 1200px){

	.wrap {
		width:90%;
		max-width: unset;
	}

	/* .wrap {
		width:970px;
	} */
}
@media (max-width: 990px){
	/* .wrap {
		width:auto;
		padding:0px 20px;
	} */
}
@media (max-width: 660px){
	/* .wrap {
		padding:0px 15px;
	} */
}

/*-------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, input[type="password"], 
.input, input[type="search"] ,.input, input[type="email"] ,
.input, input[type="tel"] , input[type="time"] , input[type="number"]{
	margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
    width: 100%;
    transition: 0.2s ease all;
    padding: 0px 6px 0px 6px;
    box-sizing: border-box;
}
	input[type="text"]:focus, input[type="password"]:focus ,
	input[type="search"]:focus, input[type="email"]:focus ,
	input[type="tel"]:focus, input[type="time"]:focus , input[type="number"]:focus {
		border: solid 1px #d5d5d5;
	}
	
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	vertical-align: middle;
	border:none;
	width:162px;
	height:48px;
	background: #19338f;
	color:#fff;
	border-radius:4px;
	line-height:48px;
	transition: 0.2s ease all;
	letter-spacing:1px;
}
	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
		opacity:0.7;
	}
	
	input[type="reset"] {
		background:#555;
	}
	input[type="submit"] {
		background:#fb1a18;
	}


	
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; */
	height: 55px;
    transition: 0.2s ease all;
    box-sizing: border-box;
    padding: 3px;
	margin:9px 0px 10px;
}
	textarea:focus {
		border: solid 1px #d5d5d5 !important;
	}
	
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;
}
	
/*-------輪播----------------------------------------------------------------------------*/
.banner {
	background:#fff;
	position:relative;
}



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


	/*輪播區*/
	.swiper-container {
		height:auto;
	}
		.swiper-slide img {
			width:100%;
			height:auto;
		}
		
		
		/*輪播點點*/
		.main .swiper-pagination {
			/* position: absolute;
			text-align: center;
			transition: .3s opacity;
			transform: translate3d(0,0,0);
			z-index: 10; */
			z-index: 888;
			height: 10px;
			opacity: 1;
		}
		.main .swiper-pagination-clickable .swiper-pagination-bullet {
			background-color: #11a575;
			z-index: 5;
			display: inline-block;
			width: 10px;
			height: 10px;
			opacity: 1;
		}
		.main .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
			background-color: #999999;
		}

			.swiper-active-switch {/*輪播點點當前模式*/
			  /* background: #c42605; */
			}
				/*客制區塊*/
				/* .swiper-slide {
					position:relative;
				} */

			.banner .swiper-pagination-bullet-active {
			  /*opacity: 1;*/
			  background:#231815;
			}	



















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

@media (max-width:990px){
	/* .device {
		height:auto;
	} */
		/*左右鍵*/
		/* .device .arrow-left, .device .arrow-right {
			display:none;
		}*/

	.pcBanner {
		display:none;
	}
	.mobileBanner {
		display:block;
	}


} 
@media (max-width: 640px){
	/*.pcBanner {
		display: none;
	}
	.mobileBanner {
		display:block;
	}*/
}
				












/*-------頁次--RWD版 by kevin 20150629------------------------------------------------------------------------*/							
/* .page_area_rwd {
	text-align:center;
	padding: 30px 0px 30px;
}
	.page_left_arrow, .page_right_arrow {
		width:66px;
		font-size:15px;
		background:#19338f;
		line-height:30px;
		font-weight:bold;
		text-align:center;
		border-radius:4px;
		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;
			border-radius:4px;
		}
			.page_left_arrow a:hover, .page_right_arrow a:hover {
				background: #505050;
			}
	.page_select {
		display:inline-block;
		padding:0px 7px;
		vertical-align: top;
	}
		.page_select select {
			width: auto !important;
			font-size:12px !important;
			padding:7px 18px 7px 16px !important;
			border: solid 1px #a4a4a4 !important;
			height:30px !important;
			box-sizing:border-box;
			border-radius:3px;
		}
			@media (max-width: 760px){
				.page_left_arrow, .page_right_arrow {
					line-height: 40px;
					width: 83px
				}
				.page_select select {
					font-size: 15px !important;
					padding: 8px 18px 7px 16px !important;
					height: 40px !important;
					font-size: 15px !important;
				}
			} */

/*-------頁籤------------------------------------------------------------------------*/
.tab_area {
	margin: 14px 0px 10px 0px;
}
	.tabs_btn_now {
		transition:0.3s ease all;
		background:#595959;
		color:#fff;
		font-size:13px;
		line-height:39px;
		padding:0px 36px 0px 36px;
		text-align:center;
		display:none;
		position:relative;
	}
		.tabs_btn_now:hover {
			background:#00a0e9;
		}
		.tabs_btn_now_arrow {
			position: absolute;
			border-top: solid 5px #FFF;
			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;
		background:#595959;
	}
		.img-list { 
			position:relative; 
		}
			ul.tabs {
				margin:0; 
				padding:0; 
				list-style:none;
			}
				.tabs li { 
					line-height:39px;
					float:left;
					position: relative;
					font-size:13px;
				}
					.tabs li a:hover {
						background:#00a0e9;
					}
					.tabs a { 
						color:#fff;
						text-decoration:none;
						display:block;
						padding:0px 36px 0px 36px;
						transition:0.3s ease all;
						background:#595959;
					}
					.tabs li.active {
						/*當前模式*/
					}
						.tabs li.active a {
							background:#00a0e9;
						}
						.tabs li.active:after {
							/*content:url(../product/images/tabs_arrow.png);*/
							position:absolute;
							bottom:-6px;
							left:50%;
							margin:0px 0px 0px -10px;
						}
		
		#tab1{}
		.tab_content{}

/*產品內頁頁籤的網編區*/
.p_tab_text_area {
}
					@media (max-width: 980px){
						/*頁籤*/
						.tab_area {
							position:relative;
						}
							.tabs_btn_now {
								display:block;
							}
							
							.img-scroll {
								display:none;
								height:auto;
								position: absolute;
								width: 100%;
								z-index: 999;
							}
								.tabs li {
									float:none;
									text-align:center;
								}
									.tabs li.active:after {
										content:"";
									}
					}
		
/*-------驗證碼----------------------------------------------------------------------------*/
.captcha {
	line-height: 37px;
    padding: 0px 0px 5px 0px !important;
}
	.captcha input[type="text"] {
		width:80px;
		margin-right:5px;
	}
	.captcha a {
		transition: 0.5s ease all;
		color: #fff;
		/* background: #555; */ /* 20230213 Patty 修改  */
		border-radius: 3px;
		padding: 2px 11px 3px;
		font-size: 14px;
		display: inline-block;
		line-height: 29px;
		text-decoration: none;
		vertical-align: middle;
		margin: 0px 0px 0px 5px;
	}
		.captcha a:hover {
		}
	.captcha img {
		vertical-align:middle;
	}
	.captcha span {
		color:#c30000;
	}











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


/*表單區底*/
.form_area_bg {
	width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 20px;
}
	@media (max-width: 800px){
		.form_area_bg {
			padding:0px;
		}
	}
	
	/*表單區備註*/
	.form_remark {
		font-size:15px;
		line-height:22px;
		padding:10px 0px 25px 0px;
	}
		/*必填icon*/
		.requirde_icon {
			display:inline-block;
			box-sizing: border-box;
			font-size:18px;
			line-height:18px;
			color:#b62a2e;
			background: #ffffff00;
			padding: 0px;
		}
		.fL_tit > span{
			display: inline-block;
			box-sizing: border-box;
			font-size: 12px;
			line-height: 18px;
			color: #b62a2e;
			background: #ffffff00;
			padding: 0px;
			vertical-align: text-bottom;
		}



	/*表單區*/
	.form_area {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		vertical-align: top;
		justify-content: space-between;
		align-content: flex-start;
	}
		/*表單區左*/
		.form_left {
			width:48%;
			float:left;
		}
		/*表單區右*/
		.form_right {
			width:48%;
			float:right;
		}
			.form_list {
				box-sizing:border-box;
				font-size:15px;
				line-height:21px;
				width:100%;
			}
			.form_list.fLType2{
				width:49%;
			}
			/* 20230213 Patty 修改 start */
			.form_list.fLType3{
				width:33.3%;
			}
			.form_list.fLType4{
				width:20%;
			}
			/* 20230213 Patty 修改 end */
			
				/* .fL_tit {
					font-size: 16px;
    				font-weight: bold;
					padding:3px 0px 6px 0px;
					position:relative;
				} */
					/*必填icon*/
					.fL_tit .requirde_icon {
					}
					
					.fL_info {
						padding:10px 0 25px;
						line-height: 24px;
					}
					.fL_info input {
						/* background-color: #ffffff; */
						border: none;
						border-bottom: 1px #cacaca solid;
						border-radius: 0;
						height: 38px;
						line-height: 38px;
						background-color: #fff0;
					}	
					.fL_info textarea {
						border: none;
						border-bottom: 1px #cacaca solid;
						border-radius: 0;
						background: #fff0;
					}			
					.fL_info select{
						width:100%;
						border: none;
						border-bottom: 1px #cacaca solid;
					}
					

					/*沒有輸入框時*/
					.fL_info.no_input {
						/* padding: 10px 0px 25px 0px;
    					line-height: 24px;
						line-height: 42px; */
					}
					
					.fL_info label {
						display:inline-block;
					}
					
					/* 並排2個-----*/
					.fL_infoSec{
						display: flex;
						justify-content: space-between;
					}
						.fL_infoSec input{
							/* width: 49.5%; */
							width: calc(50% - 10px);
							box-sizing: border-box;
						}
						.fL_infoSec select{
							/* width: 49.5%; */
							width: calc(50% - 10px);
							box-sizing: border-box;
						}
					
					/* 並排3個-----*/
					.fL_infoThree{
						display: flex;
						justify-content: space-between;
					}
						.fL_infoThree input{
							/* width: 33%; */
							width: calc(33.3% - 10px);
							box-sizing: border-box;
						}
						.fL_infoThree select{
							/* width: 33%; */
							width: calc(33.3% - 20px);
							box-sizing: border-box;
						}

					/*地址樣式*/
					/* .fL_info.address{
						position: relative;
						padding-left: 320px;
					}
						.fL_info.address select {
							width: 75px;
							height: 42px;
							position: absolute;
							left: 0px;
						}
						.fL_info.address select:nth-of-type(2) {
							left:80px;
						}	
						.fL_info.address select:nth-of-type(3) {
							left:160px;
						}				
						.fL_info.address > input[type='text'] {
							position: absolute;
							width:75px;
							left:240px;
						}
						.fL_info.address div{
						}
						.fL_info.address div > input[type='text']{
						} */
					
					
					
					/*地址樣式*/
					/* .fL_info.country{
					}
					
					.fL_info.country div{
						position: relative;
						padding-left: 80px;
					}     
						
						.fL_info.country select{
							position: absolute;
							width:75px;
							left:0px;
						}     
						
						.fL_info.country input{
						}*/
					       
					/*地址樣式*/
					.fLR_address.fL_info {
						position:relative;
						padding-left: 315px !important;
					}
						.fLR_address select {
							position:
							absolute;
							left:0px;
							width:100px;
							height: 38px;
							border-radius: 0;
						}
						.fLR_address select:nth-of-type(2) {
							position:absolute;
							left: 105px;
						}

						input.fLRA_postalCode {
							position:absolute;
							width:100px;
							left: 210px;
						}
						input.fLRA_address {
						}
					
					
					
					
					
					
					
					
					
					
					/*生日樣式*/
					.fL_info.birthday {
					}
						.fL_info.birthday select {
							width: auto;
							margin:0px 0px 0px 0px;
						}
						.fL_info.birthday input {
							width: 50px;
						}						
						
						
						
				.find_out_area{
					padding: 0px 0px 17px 0px;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					vertical-align: top;
					/* justify-content: space-between; */
					align-content: flex-start;
				}
					.find_out{
						padding: 0px 10px 0px 0px;
					}
					.find_out label{
					}
						.find_out input[type="checkbox"]{
						}
	



			/*檔案上傳樣式*/
			.inputFile {
				position:relative;
				border: solid 1px #aeaeae;
				background:#fff;
				border-radius: 3px;
				padding:0px 80px 0px 0px;
				margin: 0px 0px 17px;
			}
				.inputFile input[type='text'] {
					border:none;
					background:none;
				}
				.inputFile label {
					position: absolute;
					top: 0px;
					left:0px;
					width:100%;
					text-align:right;
				}
					.inputFile label div {
						background: #1d2087;
						color: #fff;
						font-size: 15px;
						line-height: 42px;
						text-align:center;
						width:80px;
						display: inline-block;
						transition:0.3s ease all;
					}
						.inputFile label:hover div {
							background: #136636;
						}
				.inputFile input[type='file'] {
					display:none;
				}
				
				/* 已上傳檔案 */
				.fileUploaded{
					/* margin: 5px 0 0; */
					margin: 5px 0 25px;
					display: block;
				}
					.fileUploaded a{
						font-size: 15px;
						line-height:1.1;
						text-decoration: none;
						display: inline-block;;
						color: #1d2087;
					}
					.fileUploaded img{
						max-width: 100%;
						height: auto;
						width: 200px;
					}
						
				/*多選----------------------------*/		
				.find_out_area{
					padding: 0px 0px 17px 0px;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					vertical-align: top;
					/* justify-content: space-between; */
					align-content: flex-start;
				}
					.find_out{
						padding: 0px 10px 0px 0px;
					}
					.find_out label{
					}
						.find_out input[type="checkbox"]{
						}
	
						
				/*同意條款*/
				.agreeToTerms {
					font-size:15px;
					line-height:23px;
					text-align:center; 
					margin: 20px 0px 0px;
				}
					.agreeToTerms strong {
						padding:10px 0px;
						display:inline-block;
					}
					.agreeToTerms a {
						color:#b62a2e;
						display: inline-block;
						text-decoration: none;
					}	
					
					
					
					/*使用折價券折抵*/
					.couponArea{
						display: flex;
						align-items: center;
						justify-content: space-between;
					}
						.couponArea input[type="text"]{
							width: calc(100% - 90px);
						}
						.couponArea input[type="button"]{
							width: 85px;
							height: 42px;
							line-height: 42px;
							background-color: #231815;
							color: #fff;
						}









			/* radio+checkbox選取框--------------------------  */
			.item_RadioCheckArea{
				padding-top: 16px;	
				display: flex;
				align-items: center;
				flex-wrap: wrap;		
			}
				.item_RadioCheckArea .item_RadioCheck{
					display: flex;
					align-items: center;
					/* flex-wrap: wrap; */
				}
				.item_RadioCheckArea .item_radio,
				.item_RadioCheckArea .item_checkbox {
					position: absolute;
					display: none; 
				}
				
				.item_RadioCheckArea .item_radio[disabled],
				.item_RadioCheckArea .item_checkbox[disabled] {
					cursor: not-allowed; 
				}
				
				.item_RadioCheckArea .item_radio + label,
				.item_RadioCheckArea .item_checkbox + label {
					position: relative;
					/*display: block;*/
					padding-left: 30px;
					cursor: pointer;
					vertical-align: middle; 
					
					/* font-weight: bold; */
					/* margin-right: 10px; */
					margin: 2px 10px 2px 0;
				}

				.item_RadioCheckArea .item_radio + label a,
				.item_RadioCheckArea .item_checkbox + label a {
					text-decoration: none;
					color: #f39800;
				}
				.item_RadioCheckArea .item_radio + label a:hover,
				.item_RadioCheckArea .item_checkbox + label a:hover {
					opacity: 0.5;
				}
				  
					.item_RadioCheckArea .item_radio + label:hover:before,
					.item_RadioCheckArea .item_checkbox + label:hover:before {
						animation-duration: 0.4s;
						animation-fill-mode: both;
						animation-name: hover-color; 
					}
					
					.item_RadioCheckArea .item_radio + label:before,
					.item_RadioCheckArea .item_checkbox + label:before {
						position: absolute;
						/*top: 0;*/
						/* top: -1px; */
						top: 50%;
    					transform: translateY(-50%);
						left: 0;
						display: inline-block;
						width: 20px;
						height: 20px;
						content: '';
						border: 1px solid #c0c0c0; 
					}
					
					.item_RadioCheckArea .item_radio + label:after,
					.item_RadioCheckArea .item_checkbox + label:after {
						position: absolute;
						display: none;
						content: ''; 
					}
				
				.item_RadioCheckArea .item_radio[disabled] + label,
				.item_RadioCheckArea .item_checkbox[disabled] + label {
					cursor: not-allowed;
					color: #444444;
					/* color: #e4e4e4;  */
				}
				
					.item_RadioCheckArea .item_radio[disabled] + label:hover, 
					.item_RadioCheckArea .item_radio[disabled] + label:before, 
					.item_RadioCheckArea .item_radio[disabled] + label:after,
					.item_RadioCheckArea .item_checkbox[disabled] + label:hover,
					.item_RadioCheckArea .item_checkbox[disabled] + label:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:after {
						cursor: not-allowed; 
					}
					
					.item_RadioCheckArea .item_radio[disabled] + label:hover:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:hover:before {
						border: 1px solid #e4e4e4;
						animation-name: none; 
					}
					
					
					.item_RadioCheckArea .item_radio[disabled] + label:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:before {
						border-color: #e4e4e4; 
					}
				
				.item_RadioCheckArea .item_radio:checked + label:before,
				.item_RadioCheckArea .item_checkbox:checked + label:before {
					animation-name: none; 
				}
				
				.item_RadioCheckArea .item_radio:checked + label:after,
				.item_RadioCheckArea .item_checkbox:checked + label:after {
					display: block; 
				}
				
				.item_RadioCheckArea .item_radio + label:before {
					border-radius: 50%; 
				}
				
				.item_RadioCheckArea .item_radio + label:after {
					/*top: 7px;*/
					/* top: 6px; */
					top: 50%;
    				transform: translateY(-50%);
					left: 7px;
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background: #f39800; 
				}
				
				.item_RadioCheckArea .item_radio:checked + label:before {
					border: 1px solid #f39800; 
				}
				
				.item_RadioCheckArea .item_radio:checked[disabled] + label:before {
					border: 1px solid #c9e2f9; 
				}
				
				.item_RadioCheckArea .item_radio:checked[disabled] + label:after {
					background: #c9e2f9; 
				}
				
				.item_RadioCheckArea .item_checkbox + label:before {
					border-radius: 3px; 						
				}
				
				.item_RadioCheckArea .item_checkbox + label:after {
					top: 2px;
					left: 7px;
					box-sizing: border-box;
					width: 6px;
					height: 12px;
					transform: rotate(45deg);
					border-width: 2px;
					border-style: solid;
					/* border-color: #fff; */
					border-color: #000639;
					border-top: 0;
					border-left: 0; 
				}
				
				.item_RadioCheckArea .item_checkbox:checked + label:before {
					border: #f39800;
					background: #f39800; 
				}
				
				.item_RadioCheckArea .item_checkbox:checked[disabled] + label:before {
					border: #c9e2f9;
					background: #c9e2f9; 
				}















					
						@media (max-width: 990px){					
						
							/*地址樣式*/
							.fL_info.address{
								position: relative;
								padding-left: 280px;
							}
								.fL_info.address select {
									width: 65px;
								}
								.fL_info.address select:nth-of-type(2) {
									left: 70px;
								}	
								.fL_info.address select:nth-of-type(3) {
									left: 140px;
								}				
								.fL_info.address > input[type='text'] {
									position: absolute;
									width:65px;
									left: 210px;
								}					

						}
						
						
						@media (max-width: 800px){
							/*表單區左*//*表單區右*/
							.form_left, .form_right {
								float:none;
								width:auto;
							}
							
								.form_list.fLType2{
									width:100%;
								}
								/* 20230213 Patty 修改 start */
								.form_list.fLType3{
									width:100%;
								}
								.form_list.fLType4{
									width:100%;
								}
								/* 20230213 Patty 修改 end */
								/*沒有輸入框時*/
								.fL_info.no_input {
									padding: 5px 0 10px;
									/* padding: 0px 0px 5px 0px; */
								}
								.fL_info label {
									padding: 6px 0px;
								}
								
								.inputFile label {
									top: -6px;
								}
								



							/*地址樣式*/
							.fL_info.fLR_address{
								position: unset;
								/* padding: 0!important; */
								padding: 10px 0 0!important;
								/* padding: 10px 0 25px; */
								display: flex;
								flex-wrap: wrap;
								flex-direction: row;
								justify-content: space-between;
							}
								.fL_info.fLR_address select {
									width: 49.5%;
									left: unset;
									position: unset;
								}
								.fL_info.fLR_address select:nth-of-type(2) {
									/* left: 70px; */
									width: 49.5%;
									left: unset;
									position: unset;
								}	
								.fL_info.fLR_address select:nth-of-type(3) {
									/* left: 140px; */
								}	
								input.fLRA_postalCode {
									position: unset;
									width: 100%;
									left: unset;
									margin: 5px 0;
								}
								.fL_info.fLR_address div{
									width: 100%;									
								}
								input.fLRA_address {
									width: 100%;
									margin-bottom:17px;
								}
								



								
						}
							@media (max-width: 575px){
								.cart_big_tit span.red {
									padding:0px;
								}
									/*地址樣式*/
									.fL_info.address{
										position: static;
										padding-left: 0px;
										display: flex;
										flex-wrap: wrap;
										flex-direction: row;
										align-items: flex-start;
										justify-content: space-between;
									}
										.fL_info.address select {
											width: 24%;
											height: 42px;
											position: static;
											left: inherit;
										}
										.fL_info.address select:nth-of-type(2) ,
										.fL_info.address select:nth-of-type(3) {
											left:inherit;
										}					
										.fL_info.address > input[type='text'] {
											position: static;
											width: 24%;
											left: inherit;
										}
										.fL_info.address div{
											margin-top: 6px;
											width: 100%;
										}	
							}
								@media (max-width: 500px){

									.cBT_checkbox {
										display: block;
										padding: 5px 0px 0px 0px;
									}
									.fL_tit .cBT_checkbox {
										display:inline-block;
										padding: 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: 15px;
				line-height: 21px;
				color: #c13e42;
				padding: 12px 0px 0px 0px;
			}






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

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

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

/*-------漣漪效果----------------------------------------------------------------------------*/
/* .ripplesBtn {
	position:relative;
	display:block;
	line-height:50px;
	text-align:center;
	background:#09C;
	color:#fff;
} */























/*/////////////////////////////////////////////////////////*/
/*-------table--------*/
/*/////////////////////////////////////////////////////////*/

.no_bg{
}
	.no_bg table{
		width: 100%;
		margin: 0 auto;
		border-radius: 3px;
		overflow: hidden;
		font-size: 15px;
		line-height: 1.1;
		color: #333;
	}

		/* 表格_標題 */
		.no_bg caption{
		}

		/* 表格_表頭 */
		.no_bg thead{
		}
			.no_bg thead tr{
			}
				.no_bg thead th{
					text-align: center;
					vertical-align: middle;
					font-size: 16px;
					line-height: 1.5;
					color: #fff;
					padding: 10px 15px;
					box-sizing: border-box;
					/* border: solid 1px #bebebe; */
					/* border-left: solid 0px #bebebe; */
					/* border-bottom: solid 1px #bebebe;
					border-right: solid 1px #bebebe; */
					/* background: #f39800; */
					background: #20262a;
					min-width: 68px;
					font-weight: normal;
				}
				.no_bg thead th:first-of-type{
					/* border-left: 2px dashed #0080d8; */
					border-top-left-radius: 20px;
				}
				.no_bg thead th:last-of-type{
					border-radius:0 20px 0 0;
				}




		/* 表格_表身 */
		.no_bg tbody{
		}
			.no_bg td{
				text-align: center;
				vertical-align: middle;
				font-size: 15px;
				line-height: 24px;
				color: #333;
				padding: 15px 10px;
				box-sizing: border-box;
				border-bottom: 1px solid #cccccc;
				border-right: 2px dashed #e6e6e6;
				background: #f5f5f5;
			}
			.no_bg tbody tr td:first-of-type{
				border-left: 1px solid #cccccc;
			}
			.no_bg tbody tr td:last-of-type{
				border-right:1px solid #cccccc;
			}
			.no_bg tbody tr:nth-child(2n+1) td{
				background: #fff;
			}

		/* 表格_表尾 */
		.no_bg tfoot{
		}
			.no_bg tfoot td{
			}

		/* 表格_按鈕 */
		.no_bg input[type='button'] {
			background: #66cccc;
			color: #ffffff;
			border: 1px solid #66cccc;
			height:40px;
			line-height:40px;
			box-sizing: border-box;
		}
		.no_bg .cPL_twoBtn{
			/* display: flex;
			justify-content: space-between; */
		}
			.no_bg .cPL_twoBtn input[type='button'] {
				/* width: 49%; */
				max-width: 100px;
    			margin: 5px 2.5px;
			}
			.no_bg .cPL_twoBtn input[type='button']:nth-child(2n+1) {
				background: #c6000b;
				border-color:#c6000b;
			}
			.no_bg .cPL_twoBtn input[type='button']:nth-child(2n+2) {
				background: #293188;
				border: 1px solid #293188;
			}					



@media (max-width: 768px){


/*第一組tr*/
/* .no_bg tr:first-of-type  */
.no_bg thead{
	display:none;
}

/*第一個td*/
.no_bg tr td:first-of-type {
	width: auto;
	padding: 10px 14px;
	border-top: solid 0px #ADABAB;
}

/*最後一個td*/
.no_bg td:last-of-type {
	/* border-bottom: solid 2px #ADABAB; */
	border-bottom: solid 1px #ADABAB;
	padding: 5px 14px 10px 14px;
}

.no_bg tr:last-of-type td:last-of-type {
	border-bottom: solid 1px #ADABAB;
}


/*第五個td*/
/* .no_bg td:nth-of-type(5) {
	padding: 5px 14px 10px 14px;
}
	.no_bg td:nth-of-type(5):before {
		display:none;
	} */

.no_bg table {
	/*border: solid 2px #e1e1e1;
	border-top: solid 3px #e1e1e1;*/
	border-top: solid 1px #bebebe;
	border-radius:5px;
}
	.no_bg td {
		display:block;
		border:none;
		text-align:left;
		border-left: solid 1px #bebebe;
		border-right: solid 1px #bebebe;
		padding: 5px 14px;
	}
	
		.no_bg td:before {
			color: #7b7b7b;
			content:attr(data-name);
		}
		/*商品名稱*/
		/* .cPL_product {
			border-bottom: solid 1px #bebebe;
			padding:0px 0px 15px 0px;  
			font-size:16px;
		} */
		
		/* .no_bg table input {
			height:40px;
			line-height:40px;
		}
			.no_bg table input[type='button'] {
				width:100%;
				height:42px;
			} */
		
				/*兩個按鍵時*/
				/* .no_bg table .cPL_twoBtn input[type='button'] {
					float:left;
				}
				.no_bg table .cPL_twoBtn input[type='button']:nth-of-type(2) {
					float:right;
				} */

		/* 表格_按鈕 */
		.no_bg input[type='button'] {
			width: 100%;
		}				




}









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

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







/*時間搜尋區*/
.rB_time{
	margin-bottom: 20px;
}
	.time_search_area {
		font-size:0px;
		letter-spacing: 3px;
		text-align: right;
		/*padding-right: 18px;*/
	}
		.time_search {
			font-size:15px;
			display:inline-block;
			vertical-align:middle;
			padding: 0px 18px 0px 0px;
		}
			.time_search select {
				/*margin-top: -3px;*/
			}
		.time_search_area span {
			font-size:15px;
			display:inline-block;
			padding: 0px 20px 4px 0px;
			vertical-align:middle;
		}
		
		.time_search_area label.lsf {
			font-size:25px;
			width:42px;
			height:38px;
			line-height:38px;
			display:inline-block;
			border-radius:4px;
			background: #005996;
			color:#fff;
			vertical-align: top;
			text-align:center;
			transition:0.3s ease all;
			letter-spacing:0px;
		}
			.time_search_area label.lsf:hover {
				opacity:0.7;
			}
			.time_search_area label.lsf input[type='submit'] {
				display:none;
			}
		
		.time_search_area input[type='submit'] {
			width:36px;
			height:32px;
			background: #d2bcb1 url(../images/header_search_icon.png) center center no-repeat;
			background-size:19px;
			border-radius:4px;
		}
			.time_search_area input[type='submit']:hover {
				opacity:0.7;
			}
				@media (max-width: 780px){
					.time_search_area {
						letter-spacing:1px;
					}
						.time_search {
							padding: 0px 10px 0px 0px;
						}
						.time_search_area span {
							padding: 0px 10px 4px 0px;
						}
				}
					@media (max-width: 680px){
						.time_search_area {
							text-align:center;
							letter-spacing: 0;
						}
							.time_search {
								/* padding: 5px 20px 5px 0px; */
								padding: 5px 10px 5px 0px;
							}
							.time_search_area span {
								/* padding: 0px 26px 4px 0px; */
								padding: 0px 10px 4px 0px;
							}
							.time_search_area label.lsf {
								margin: 3px 0px 0px 0px;
							}
					}
						@media (max-width: 415px){
							.time_search_area {
								padding:0px;
								margin:0px;
							}
							.time_search, .time_search_area span {
								display:block;
								padding: 0px 0px 10px 0px;
							}
							.time_search_area label.lsf {
								width:100%;
								height:42px;
								line-height:42px;
								margin:10px 0px 0px 0px;
							}
							.time_search_area span {
								text-align:center;
							}
						}
							@media (max-width: 350px){
								.time_search {
									font-size:14px;
									letter-spacing:0px;
									white-space:nowrap;
								}
									.time_search select {
										width:68px;
									}
							}	




























	/*內頁上圖*/
	/* .inBanner {
		height:126px;
		box-shadow: 0px 4px 10px rgba(187, 187, 187, 0.62);
		background-color: #002269!important;
		background-color: #a8c5ff!important;
		position:relative;
		overflow: hidden;
	}
		.inBanner:before {
			display:none;
			position: absolute;
			content: '';
			width: 400px;
			height: 400px;
			background: rgba(0, 0, 0, 0.22);
			transform: rotate(120deg);
			top: 50%;
			margin: -200px 0px 0px;
			left: -50px;
		}
		.inBanner .wrap {
			height:100%;
		}
			.inBannerTit {
				font-weight:bold;
				font-size:30px;
				color:#fff;
				display:inline-block;
				vertical-align:middle;
				position:relative;
				text-shadow: 0px 0px 5px #000;
			}
				.inBannerTit:before {
					position: absolute;
					content: '';
					width: 20px;
					height: 2px;
					background: #fff;
					left: 0px;
					top: 0px;
					display:none;
				}
			.inBannerSpace {
				display:inline-block;
				vertical-align:middle;
				height:100%;
			}

		@media (max-width: 715px){
			.inBanner {
				background-size: 1000px !important;
				height: 98px;
			}
				.inBanner:before {
					left: -248px;
				}
				.inBannerTit {
					font-size:20px;
				}
		} */
	


	/*麵包屑*/
	/* .crumb {
		font-size:12px;
		line-height:18px;
		color:#666;
		text-align:right;
		padding:20px 0px 0px;
	}
		.crumb a {
			color:#0048dc;
		}
			.crumb i {
				font-size: 15px;
				vertical-align: middle;
				position: relative;
				top: -1px;
			} */
	










/*/////////////////////////////////////////////////////////*/
/*-------內頁共用內容--------*/
/*/////////////////////////////////////////////////////////*/




.main {
	padding-top: 112.48px;
}

/* 20230213 Patty 修改 start */
.main.inmain.member_main{
	padding-top: 192px;
}
/* 20230213 Patty 修改 end */	
/*內頁banner*/
.in_Banner{
	
}
	.in_Banner img{
		width: 100%;
		height: auto;
	}







	

/*網編區-----------------------------------*/
.text_area {
	/* padding:25px 0px 0px; */
	font-size:16px;
	color:#20262a;
	line-height:1.5;
	font-weight: 300;
}
	.text_area a {
		color:#20262a;
		text-decoration: none;
	}
	.text_area img {
		max-width:100%;
		height:auto;
	}





/*右側標題1---------------------------------*/
.in_titStyle1 {
    font-size: 20px;
    font-weight: bold;
	color: #303030;
    line-height: 1.5;
    position: relative;
    border-bottom: 1px solid #a0a0a0;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
	.in_titStyle1:after{
		position: absolute;
		content: '';
		bottom: -6px;
		right: 0;
		background: #d8251c;
		width: 40px;
		height: 6px;
		/* left: 0px;*/
	}
	.in_titStyle1 h2{
		padding: 0;
		margin: 0;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		display: block;
	}


/*右側標題2---------------------------------*/
.in_titStyle2 {
    font-size: 20px;
    font-weight: bold;
	color: #303030;
    line-height: 1.5;
    position: relative;
    border-bottom: 1px solid #a0a0a0;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
	.in_titStyle2:after{
		position: absolute;
		content: '';
		bottom: -6px;
		right: 0;
		background: #F39800;
		width: 40px;
		height: 6px;
		/* left: 0px;*/
	}
	.in_titStyle2 h2{
		padding: 0;
		margin: 0;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		display: block;
		padding-right: 110px;
	}
	.in_titStyle2 span {
		font-size: 14px;
		font-weight: bold;
		color: #595757;
		line-height: 28px;
		position: absolute;
		right: 0px;

		font-family: poppins, sans-serif;
		font-weight: 500;
		font-style: normal;
	}


	


/*內頁標題3*/
.in_titStyle3{
    font-weight: bold;
    color: #303030;
    font-size: 20px;
    line-height: 1;
    /* position: relative; */
    /* border-bottom: dashed 1px #c9caca; */
    /* padding-bottom: 10px; */
    margin-bottom: 25px;
}
	.in_titStyle3 h2{
		padding: 0;
		margin: 0;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		display: block;
		position: relative;
		padding-left: 30px;
	}
	.in_titStyle3 h2:before{
		position: absolute;
		content: "";
		background-image: url(../donate/images/check-circle.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px;
		width: 20px;
		height: 20px;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

/*內頁標題4*/
/* .in_titStyle4{
    font-weight: bold;
    font-size: 20px;
    color: #c70216;
    padding: 50px 0px 15px;
} */


/* 內頁標題樣式4------------------------- */
.in_titStyle4{
	font-size: 17px;
	font-weight: bold;
	color: #303030;
	line-height: 30px;
	position: relative;
	padding-bottom: 20px;
	display: flex;
}			
	.in_titStyle4 span {
		color: #d8251c;
		font-size: 16px;
		line-height: 30px;
		margin-right: 10px;
		display: inline-block;
		font-family: poppins, sans-serif;
	    font-weight: 500;
	    font-style: normal;
	}
	.in_titStyle4 h2 {
		display: inherit;
		font-size: inherit;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		font-weight: inherit;

		display: flex;
		align-items: center;
	}





					
	
/*按鈕-----------------------------*/
.btn_area {
	text-align: center;
    display: flex;
    justify-content: center;
	margin: 35px 0px 0px;
	color: #fff;	
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 8px;
    line-height: 1;
}


	.btn_areaItem{
		transition: 0.3s ease all;
		margin:0px 5px;
		width: 170px;
		max-width: 49%;
		color: #fff;
		background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
		position: relative;
		z-index: 1;
		overflow: hidden;
		border-radius: 50px;
		cursor: pointer;		
	}
	.btn_areaItem:nth-child(2n){
		background-image: linear-gradient(to left, #cc208e 0%, #6713d2 100%);
		color: #fff;
	}

	.btn_areaItem:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
		/* background-color: #ef800000; */
		z-index: -2;
	}
	.btn_areaItem:nth-child(2n):after{
		/* background-image: linear-gradient(to left, #cc208e 0%, #6713d2 100%); */
		background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
 		background-blend-mode: multiply;
	}



	.btn_area .btn_areaItem:nth-of-type(2n+1):before ,
	.btn_area .btn_areaItem:nth-of-type(2n):before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 100%;
		/* background-color: #d8251c; */
		background-image: linear-gradient(to left, #cc208e 0%, #6713d2 100%);		
		transition: all .3s;
		z-index: -1;
	}


		.btn_area input{
			background: #fff0;
			border-radius:0px;	
			width: 100%;	
		}
		.btn_areaItem:hover input{			
			opacity:1 !important;
			background: #fff0;
		}
		
		.btn_area .btn_areaItem:hover:before ,
		.btn_area .btn_areaItem:nth-child(2n):hover:before {
			width: 100%;
			z-index: -1;
		}



		
		
	.btn_area.disAbled input{
		/* background: #c5c5c5;
		color: #e4e4e4;
		border: 1px solid #c5c5c5; */
		cursor: default;
	}	

		.btn_area.disAbled .btn_areaItem ,
		.btn_area.disAbled .btn_areaItem:after ,
		.btn_area.disAbled .btn_areaItem:before {
			/* background-color: #E4E4E1; */
			background-image: linear-gradient(to left, #e4e4e4 0%, #e4e4e4 100%);		
			cursor: default;
		}
		



	.btn_area.disAbled input:hover{
		/* opacity: 1; */
	}	



/*右側返回按鈕*/
.btn_area.one {
	text-align:center;
}



/* 20230213 Patty 修改 start */

@media (max-width: 1350px){	

	.main {
		padding-top: 124px;
	}

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

	.main {
		padding-top: 80px;
	}

}
/* 20230213 Patty 修改 end */
@media (max-width: 990px){	

	.main {
		padding-top: 80px;
	}
	
	/*按鈕-----------------------------*/
	.btn_area {
		margin: 20px 0px 0px;	
		font-size: 16px;
		letter-spacing: 2px;
	}
}



@media (max-width: 768px){	

	/* 右側標題2 */
	.in_titStyle2 h2{
		padding-right: 0px;
	}
	.in_titStyle2 span {
		/* font-size: 14px;
		font-weight: bold;
		color: #595757;
		line-height: 28px; */
		position: unset;
		right: unset;		
	}
}
	

@media (max-width: 640px){	

	.main {
		padding-top: 67px;
	}
		
}	

























/*左右側-------------------------------------------------*/


.inmain .content{
	padding: 50px 0px 50px;
	display: flex;
	justify-content: space-between;
}
	

/*左側*/
.left{
	/* float:left; */
	width:256px;
	box-sizing:border-box;
	line-height: 1.5;
}
	
	/*左側表單名稱*/
	.leftList_tit{
		font-weight: bold;
		font-size: 23px;
		color: #595757;
		padding-bottom: 15px;
	}
	
	/*左側選單列表*/
	.leftListArea{
	}
		.leftList{
			font-size:18px;
		}
		.leftList.active > a{
			color: #d8251c;
			position: relative;
			transition: 0.2s ease all;
		}
			.leftList > a{
				display: block;
				color: #313131;
				font-size: 17px;
				/* font-weight: bold; */
				font-weight: normal;
				line-height: 22px;
				padding: 15px 10px 15px 0px;
				text-decoration: none;
				transition: 0.2s ease all;
				border-bottom: 1px solid #8c8c8c;
				position:relative;
				
				/*display:block;
				text-decoration:none;
				color:#323232;
				padding: 15px 30px;*/
			}
			.leftList:hover > a{
				color: #000;
				/*background-color:#dfdfdf;*/
			}
			
			/*兩層按鈕附加leftListArea2*/
			.leftListArea.leftListArea2{
				position:relative;
			}
			
			.leftListArea.leftListArea2 .leftList > a:after {
				position:absolute;
				content:'+';
				transition:0.3s ease all;
				right:0px;
				top:14px;
				font-size:20px;
				font-weight:100;
				color:#666;
			}

			/*當前模式*/
			.leftListArea.leftListArea2 .leftList.active > a:after {
				-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
			}

			
			
			
			/*左側選單列表第二層*/
			.leftList_open{
				display: none;
			}
			.leftList_open.active{
				display:block;
			}
				.leftList_open_list{
				}
					.leftList_open_list a {
						
						display: block;
						color: #696969;
						font-size: 14px;
						line-height: 22px;
						padding: 15px 20px;
						text-decoration: none;
						transition: 0.2s ease all;
						border-bottom: 1px solid #c9caca;
					}
					.leftList_open_list.active a {
						color: #d8251c;
						position: relative;
						transition: 0.2s ease all;
					}
					.leftList_open_list a:hover {
						color: #d8251c;
						position: relative;
						transition: 0.2s ease all;		
					}






/*右側-------------------------------*/
.right{
	width: calc(100% - 300px);
	box-sizing:border-box;
}

/*沒有左側附加noleft樣式*/
.right.noleft{
	/* float:none; */
	width:100%;
}









@media (max-width: 990px){

.inmain .content{
	padding: 20px 0px 20px;
	display: block;
	justify-content: unset;
}


	/*左側*/
	.left{
		width:100%;
		margin-bottom: 10px;
		transition: 0.3s ease all;
	}
	
		/*左側表單名稱*/
		.leftList_tit{
			border: 1px #dbdbdb solid;
			border-radius:3px;
			line-height: 50px;
			position:relative;
			cursor:pointer;
			padding: 0px 0px 0px 20px;
		}
		.leftList_tit:after {
			position: absolute;
			content: '';
			top: 22px;
			right: 20px;
			border-top: solid 8px #f39800;
			border-left: solid 6px #fff;
			border-right: solid 6px #fff;
			/* margin: 0 0 0 10px; */
			transition: 0.3s ease all;
			transform-origin: center;
		}
		.leftList_tit.active:after {
			transform: rotate(180deg);
			transition: 0.3s ease all;
			transform-origin: center;
		}



		
		/*左側表單*/
		.leftListArea{
			display:none;
			padding: 0px 20px;
		}
		
	
	/*右側*/
	.right{
		margin-top:20px;
		width:100%;
	}
	/*沒有左側附加noleft樣式*/
	.right.noleft{
		/* margin-top: 0px;
		width:100%; */
	}

	
}















/*/////////////////////////////////////////////////////////*/
/*-------內頁_最新消息--------*/
/*/////////////////////////////////////////////////////////*/



ul.inNAarea{
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	/* padding-bottom: 30px; */
	/* margin: -15px 0;	 */
}

    /* 首頁_最新消息_列表 */
	ul.inNAarea li{
		padding: 0;
		margin: 0;
		display: block;
		list-style-type: none;
		/* display: flex; */
		/* align-items: center; */
		position: relative;
		padding: 20px 0;
		padding-left: 95px;
		border-bottom: 1px #d7d7d7 dashed;
		color: #333;
	}
        /* 最新消息_張貼日期 */
		ul.inNAarea .time{
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			display: flex;
			flex-direction: column;
			align-items: center;
			font-family: poppins, sans-serif;
			font-weight: 500;
			font-style: normal;
			font-size: 16px;
			text-align: center;
			color: #858585;
		}
			ul.inNAarea .time .year{
			padding-bottom: 10px;
			}
			ul.inNAarea .time .date{
			font-size: 19px;
			}

       /* 最新消息_標題 */
	   ul.inNAarea h3.title{
			padding: 0;
			margin: 0;
			display: inline-block;
			font-size: inherit;
			line-height: inherit;
			/* overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap; */
			
			font-size: 18px;
			line-height: 1.5;
			font-weight: normal;
		}
			ul.inNAarea h3.title a{		
				display: block;
				text-decoration: none;
				color: #333;						
				transition: 0.3s ease all;

				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				overflow: hidden;
			}        
			ul.inNAarea h3.title a:hover{
				opacity: 0.5;
				transition: 0.3s ease all;
			}  
			



			
 
@media (max-width: 640px){

  /* 首頁_最新消息_列表 */
  ul.inNAarea li{
	position: unset;
    padding: 15px 0;
}
	/* 最新消息_張貼日期 */
	ul.inNAarea .time{
		position: unset;
		left: unset;
		top: unset;
		transform: unset;
		flex-direction: row;		
		text-align: left;
		font-size: 15px;
		margin-bottom: 5px;
		/* color: #F39800; */
	}
		ul.inNAarea .time .year{
			/* padding-bottom: 10px; */
			padding: 0;
		}
		ul.inNAarea .time .date{
			font-size: 15px;
			position: relative;
			padding-left: 10px;
		}
		ul.inNAarea .time .date:before {
			position: absolute;
			content: "/";
			transform: translate(0,-50%);
			left: 0px;
			top: 50%;
		}
			
}
  			





















/*/////////////////////////////////////////////////////////*/
/*-------芳名錄--------*/
/*/////////////////////////////////////////////////////////*/

/* 芳名錄表格------------- */
.no_bg.directoryArea{
}
.no_bg.directoryArea tbody tr td:last-of-type{
	width: 35%
}


@media (max-width:768px){

	.no_bg.directoryArea tbody tr td:last-of-type{
		width: auto;
		/* width: 100%; */
	}

}





/*//////////////////////////////////////////////////////*/
/*------- 芳名錄_篩選 --------*/
/*//////////////////////////////////////////////////////*/


.directory_filter_area{
	/* padding-top: 20px; */
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between;*/
	margin: -5px -10px 20px;
}

	.directory_filter_area .form_list {
		/* width: auto; */
		width: 50%;
		padding: 5px 10px;
		box-sizing: border-box;
	}
	/* .directory_filter_area .form_list.date{ */
		/* width: 100%; */
	/* } */

	.solicitationList{
		/* width: auto;
		padding: 5px 10px;
		box-sizing: border-box; */

		/* max-width: 33%; */
		/* width: 49%; */
	}
	.directory_filter_area .form_list .fL_info {
		padding-bottom: 0px;
	}

	.solicitationList:first-of-type{	
		/* max-width: 150px; */
	}




/* ================================== */
/* 指定捐贈用途 */
/* ================================== */
.donationPurpose_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* flex-wrap: wrap; */
}
	.donationPurpose_info select{
		box-sizing: border-box;
	}
	/* 請自行輸入指定用途 */
	.donationPurpose_info input.info_other[type="text"] {
		display: none;
		width: 155px;
		margin-left: 10px;
		height: 38px;
		line-height: 38px;
	}




/*================================*/
/* 實際上課日_新增------------------------------------ */
/*================================*/
.form_list.actual_date{
}
	.form_list.actual_date .fL_info{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		/* margin: -5px 0; */
	}
		.form_list.actual_date input[type="text"]{
			max-width: calc(100% - 70px);
			box-sizing: border-box;
			/* margin: 5px 0; */
		}
		/* 實際上課日_新增按鈕 */
		.form_list.actual_date input[type="button"].newBtn{
			width: 60px;
			box-sizing: border-box;
			background: #f39800;
			border-radius: 20px;
			border-bottom: none;
		}




		
/*================================*/
/*------- 芳名錄_時間區間 --------*/
/*================================*/

.courseDateRange{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 12px;
	margin: -5px 0;
}

		.courseDateRange span{	
			box-sizing: border-box;
		}
		.courseDateRange select{
			width: 95px;
			box-sizing: border-box;
			margin: 0 5px;
			font-size: 12px;
			line-height: 17px;
		}
		.courseDateRange input[type="text"]{
			width: 115px;
			box-sizing: border-box;
			margin: 0 5px;
		}

	/* 開始 *//* 結束 */
	.courseDateRange .start ,
	.courseDateRange .finish{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		box-sizing: border-box;
		padding: 5px 0;
		/* margin: 0 -5px; */
	}
	.courseDateRange .start{
		margin-left:-5px;
	}

	




@media (max-width: 990px){

	.directory_filter_area .form_list {
		width: 100%;
	}
	.directory_filter_area .form_list .fL_info {
		padding-bottom:15px;
	}

}



@media (max-width: 550px){

	.directory_filter_area .form_list .fL_info {
		padding-bottom: 5px;
	}

	.courseDateRange .start, 
	.courseDateRange .finish {
		letter-spacing: -2px;
	}
		.courseDateRange select {
			width: 60px;
			font-size: 12px;
			padding: 9px 0px 10px 2px;
		}
		.courseDateRange input[type="text"]{
			width: 90px;
			font-size: 12px;
			padding: 9px 0px 10px 2px;
		}
}



















/*/////////////////////////////////////////////////////////*/
/*-------捐政方式--------*/
/*/////////////////////////////////////////////////////////*/


.DonateWayArea{
}
								
	/*捐款方式列表*/
	.DonateWayList{
		margin: 0px 0px 15px;
		padding-bottom: 10px;
		border-bottom: dashed 1px #a0a0a0;
	}   
		.DonateWay_tit{
			color: #d8251c;
			font-size: 18px;
			font-weight: 500;
			line-height: 1.3;
			padding: 9px 0px;
		}
		.DonateWay_tit i{
			color: #d8251c;
			font-size: 18px;
			font-weight: bold;
			line-height: 1.3;
			vertical-align: -6%;
		}		
		
		
		.DonateWayList .text_area{
			font-size:15px;
		}     














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



	/*常見問題列表*/
	.qa_list_area {
		/* padding:23px 0px 10px 0px; */
	}
		.qa_list {
			border-bottom: solid 1px #dadada;
		}
			.qaL_tit {
				font-size:15px;
				line-height:22px;
				color:#333;
				position:relative;
				padding:11px 27px 11px 44px;
				cursor:pointer;
			}
				.qaL_tit:before {
					content:
					'?';
					position:
					absolute;
					font-size:13px;
					color:#fff;
					border-radius:100%;
					background: #f39800;
					width:25px;
					height:25px;
					text-align:
					center;
					line-height:25px;
					font-weight:
					bold;
					top:9px;
					left:8px;
					box-sizing: border-box;
					padding: 0px 0px 0px 2px;
				}
				.qaL_tit:after {
					content:'+';
					position: absolute;
					font-size:19px;
					color: #585858;
					top: 9px;
					right: 8px;
					transition:0.3s ease all;
					transform-origin:center center;
				}
				
			.qaL_text {
				position:relative;
				font-size:14px;
				line-height:24px;
				color:#464545;
				padding:11px 27px 11px 44px;
				display:none;
			}
				.qaL_text:before {
					content:
					'！';
					position:
					absolute;
					border-radius:100%;
					text-align:
					center;
					width:25px;
					line-height:25px;
					font-size:13px;
					color:#fff;
					background: #d8251c;
					box-sizing: border-box;
					padding: 0px 0px 0px 2px;
					top:9px;
					left:8px;
				}
				/*hover*/
				.qaL_tit:hover {
					background:#eaeaea;
				}
				/*當前模式*/
				.qa_list.active .qaL_tit {
					background:#eaeaea;
					border-radius:5px;
				}
					.qa_list.active .qaL_tit:after {
						-webkit-transform: rotate(45deg);
								transform: rotate(45deg);
						top:11px;
						font-size:21px;
					}
					









/*/////////////////////////////////////////////////////////*/
/*-------下載模組--------*/
/*/////////////////////////////////////////////////////////*/


ul.downloadArea{	
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}
	ul.downloadArea li{	
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: block;
		width: 50%;
		box-sizing: border-box;
		padding: 10px 10px;
	}
		ul.downloadArea .dLA_list_in{
			/* background: rgba(230, 230, 230, 0.8); */
			padding: 15px 15px;
			border-radius: 10px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-shadow: 1px 1px 15px #00000038;
		}
        
		/* 驅動下載列表_清單_左側 */
		.dLAL_left{
			line-height: 1.5;
			box-sizing: border-box;
			max-width: calc(100% - 45px);
		}
            /* 驅動下載_標題 */
			.dLALL_tit{
				font-weight: bold;
				font-size: 18px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			/* 驅動下載_內容 */
			.dLALL_text{
				margin-top: 5px;
				font-size: 13px;
				font-family: poppins, sans-serif;
				font-weight: normal;
				font-style: normal;
				color: #a9a9a9;
			}

    /* 驅動下載_按鈕 */
	.download_btn{
	box-sizing: border-box;
	}
		.download_btn a{
			display: block;
			text-decoration: none;
			background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
			/* background-color: #f39800; */
			color: #fff;
			padding: 10px;
			border-radius: 50%;

			position:relative;
			z-index: 1;
			overflow: hidden;
		}
		.download_btn i{
			font-size: 20px;
		}
		

			.download_btn a:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #ef800000;
				z-index: -2;
			}
			.download_btn a:before {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 0%;
				height: 100%;
				background-image: linear-gradient(to left, #cc208e 0%, #6713d2 100%);
				transition: all .3s;
				z-index: -1;
			}
			/* .download_btn a:hover {
				color: #fff;
			} */
			.download_btn a:hover:before {
				width: 100%;
				z-index: -1;
			}





@media (max-width: 768px){

	ul.downloadArea{	
		display: block;
		flex-wrap: unset;
		/* margin: -10px; */
	}
		ul.downloadArea li{	
			width: 100%;
			/* padding: 10px 10px; */
		}

}




















/*/////////////////////////////////////////////////////////*/
/*-------聯絡模組--------*/
/*/////////////////////////////////////////////////////////*/

.contactArea{
	/* display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	margin:0 -25px; */
    /*align-items: flex-start;*/
}

	.contactL{
		box-sizing:border-box;
		margin-bottom: 30px;
	}
		.contactL .text_area{
			font-size: 15px;
		}


	.contactR{
		box-sizing:border-box;
	}
	


  	
@media (max-width: 990px){
	
.contactArea{
	display:block;
    flex-wrap: unset;
    flex-direction: unset;
	margin:0 0px;
}

	.contactL{
		width:100%;
		padding:0 0px
	}
	.contactR{
		width:100%;
		padding:50px 0px 0px
	}	
	
	
}










/*/////////////////////////////////////////////////////////*/
/*-------線上捐款--------*/
/*/////////////////////////////////////////////////////////*/




/*購物車步驟*/
.cart_step {
	font-size:0px;
	padding: 25px 0px 20px 0px;
	text-align:center;
	position: relative;
}
	.cart_step_list {
		display:inline-block;
		vertical-align: top;
		line-height: 26px;
		padding: 20px 26px 20px 0px;
	}
		.cSL_no {
			font-size: 12px;
			font-weight: bold;
			display: inline-block;
			vertical-align:
			middle;
			background: #d1d1d1;
			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: #d8251c;
			}
			.cart_step_list.now .cSL_tw {
				color:#333;
			}
			

@media (max-width: 1280px){
	.cart_step_list {
		padding: 5px 26px 5px 0px;  /*Judy修改20211028*/
	}
}


				@media (max-width: 410px){
					.cart_step {
						/*text-align: left;*/
						/*padding: 0px 0px 10px 0px;*/
						display: flex;
						flex-direction: column;
    	
					}
						.cart_step_list {
							padding: 5px 8px 0px 0px;
							line-height:20px;
						}
							.cSL_no {
								width:20px;
							}
							.cSL_tw {
								font-size:13px;
							}
				}
				




























/*/////////////////////////////////////////////////////////*/
/*-------線上捐款_我要捐款興學--------*/
/*/////////////////////////////////////////////////////////*/


.donateBg{
	padding-top: 30px;
}

/*線上捐款列表-------------------------------------*/

.DonateList_Area {
}
	.Donate_List {
		position:relative;
		/* border-bottom: dashed 1px #c9caca; */
		/* padding: 15px 120px 15px 0px; */
		/* background-color: #e6e6e6; */
		box-shadow: 1px 1px 15px #00000024;
		padding: 15px 135px 15px 15px;
		border-radius: 10px;
		margin-top: 15px;
	}
	.Donate_List:nth-of-type(2n+0) {
		/*background:#f9f9f9;*/
	}
		.DonateListTit {
			font-size: 17px;
			line-height: 1.5;
		}
		.DonateListBtn {
			position: absolute;
			/* right: 0px; */
			right: 15px;
			top: 50%;
			transform: translateY(-50%);
		}
			.DonateListBtn a {
				text-decoration: none;
				display: block;
				background: #c70216;
				color: #fff;
				font-size: 15px;
				border-radius: 40px;
				/* border-radius: 4px; */
				padding: 10px 20px;
			}
				.DonateListBtn i {
					vertical-align: middle;
					font-size: 20px;
				}
					/*hover*/
					.DonateListBtn a:hover {
						opacity:0.7;
					}	







@media (max-width: 640px){

/*線上捐款列表------------*/

.DonateList_Area {
}
	.Donate_List {		
		padding: 15px 15px 15px;
		/* box-shadow: 1px 1px 15px #00000024;
		border-radius: 10px;
		margin-top: 15px; */
	}
	/* .Donate_List:nth-of-type(2n+0) {
	} */
		.DonateListTit {
			font-size: 16px;
			/* line-height: 1.5; */
		}
		.DonateListBtn {
			position: unset;
			right: unset;
			top: unset;
			transform: unset;
			padding: 15px 0 0;
			text-align: center;
		}



}













/*捐款資料填寫-------------------------------------*/


.valuationBg{
}
	.valuationArea {
		/* border-bottom: 1px #d8251c dashed; */
		padding: 20px 0 20px;
	}
	.valuationBg .valuationArea:first-of-type{
		padding-top: 0;
	}
	.valuationBg .valuationArea:last-of-type {
		border-bottom: 0px #d6d6d6 dashed;
		padding-bottom: 0;
	}



/* 收據抬頭+收據地址_隱藏 */
.receipt_show{
	display: none;
}


/* 20230213 Patty 修改 start */
/* --------------------------------------------- */
.in_titStyle4 span.add_member{
	color: #333;
	margin-left: 20px;
}
.information{
	width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    vertical-align: top;
    justify-content: space-between;
    align-content: flex-start;
}




/* 20230213 Patty 修改 end */





/*/////////////////////////////////////////////////////////*/
/*-------芳名錄--------*/
/*/////////////////////////////////////////////////////////*/



/* .Record_top{
	display: table;width: 100%;
}


.record_search {
	display: table-cell;
	text-align: left;
}
	.record_search_list{
		display: inline-block;
		padding:15px 10px 15px 0px;
	}
	.record_search_list:nth-of-type(1){
		display: inline-block;
		padding:15px 0px; 
	}	 
	
	.record_search_list.people input[type="text"] {
		width: 110px;
	}
		.record_search_list select{
			width: 110px;
		}
		

		.record_search label.lsf {
			font-size:25px;
			width:42px;
			height:38px;
			line-height:38px;
			display:inline-block;
			border-radius:4px;
			background: #333;
			color:#fff;
			vertical-align: middle;
			text-align:center;
			transition:0.3s ease all;
			letter-spacing:0px;
		}
			.record_search label.lsf:hover {
				opacity:0.7;
			}
			.record_search label.lsf input[type='submit'] {
				display:none;
			}*/	

			/*最後更新日期*/
			/* .RecordUpdate{
				color: #696969;
				font-size:15px;
				line-height: 22px;
				display: table-cell;
				text-align: right;
			}
				.RecordUpdate span{
					color: #696969;
					font-size:15px;
					line-height: 22px;
				} 

@media (max-width:1024px){
	
	 .Record_top {
		display: block;
		text-align:left;
		padding-bottom:5px;
	}
	.record_search , .RecordUpdate {
		display: block;
		text-align:left;
	}	
}

@media (max-width: 640px){
.record_search_list:nth-of-type(1),.record_search_list:nth-of-type(2) {
    display: inline-block;
    padding: 10px 0px;
	width: 49%;
}
.record_search_list {
    display: block;
    padding: 10px 0px;
	width: 100%;
}
	.record_search_list select{
		width: 100%;
		margin-top: 5px;
	}	
	.record_search_list .span{
		display: block;
	}
	.record_search_list.people .span{
		display: block;
	}
	.record_search_list.people input[type="text"] {
		width: 100%;
		margin-top: 5px;
	}
	
	.record_search label.lsf {
		width: 100%;
		margin-bottom: 20px;
	}
}*/







/*時間搜尋區*/
/* .rB_time{
}
	.time_search_area {
		font-size:0px;
		letter-spacing: 3px;
		text-align: right;
	}
		.time_search {
			font-size:15px;
			display:inline-block;
			vertical-align:middle;
			padding: 0px 18px 0px 0px;
		}
			.time_search select {
			}
		.time_search_area span {
			font-size:15px;
			display:inline-block;
			padding: 0px 20px 4px 0px;
			vertical-align:middle;
		}
		
		.time_search_area label.lsf {
			font-size:25px;
			width:42px;
			height:38px;
			line-height:38px;
			display:inline-block;
			border-radius:4px;
			background: #333;
			color:#fff;
			vertical-align: top;
			text-align:center;
			transition:0.3s ease all;
			letter-spacing:0px;
		}
			.time_search_area label.lsf:hover {
				opacity:0.7;
			}
			.time_search_area label.lsf input[type='submit'] {
				display:none;
			}
		
		.time_search_area input[type='submit'] {
			width:36px;
			height:32px;
			background: #d2bcb1 url(../images/header_search_icon.png) center center no-repeat;
			background-size:19px;
			border-radius:4px;
		}
			.time_search_area input[type='submit']:hover {
				opacity:0.7;
			}
				@media (max-width: 780px){
					.time_search_area {
						letter-spacing:1px;
					}
						.time_search {
							padding: 0px 10px 0px 0px;
						}
						.time_search_area span {
							padding: 0px 10px 4px 0px;
						}
				}
					@media (max-width: 680px){
						.time_search_area {
							text-align:center;
						}
							.time_search {
								padding: 5px 20px 5px 0px;
							}
							.time_search_area span {
								padding: 0px 26px 4px 0px;
							}
							.time_search_area label.lsf {
								margin: 3px 0px 0px 0px;
							}
					}
						@media (max-width: 415px){
							.time_search_area {
								padding:0px;
								margin:0px;
							}
							.time_search, .time_search_area span {
								display:block;
								padding: 0px 0px 10px 0px;
							}
							.time_search_area label.lsf {
								width:100%;
								height:42px;
								line-height:42px;
								margin:10px 0px 0px 0px;
							}
							.time_search_area span {
								text-align:center;
							}
						}
							@media (max-width: 350px){
								.time_search {
									font-size:14px;
									letter-spacing:0px;
									white-space:nowrap;
								}
									.time_search select {
										width:68px;
									}
							} */	


/*訂單列表*/
/* .order_list {
} */
	/*第一個td*/
	/* .order_list td:first-of-type {
		width:auto;
	}
	.order_list table input[type='button'] {
		height: 40px;
		line-height: 40px;
		background:#70b42b;
		color:#fff;
		border:none;
	}
		.order_list table input[type='button']:nth-of-type(2) {
			background:#9a9a9a;
		} */

			@media (max-width: 600px){
				/*第一個td*/
				/* .order_list td:first-of-type {
					padding: 10px 14px 5px 14px;
				} */
			}


		
/* .order_list table input[type='button'].no_product {
	background: #C7C7C7;
	cursor: auto;
}		
.order_list td.cPL_twoBtn input[type='button']:nth-of-type(2) {
	background: #fff;
	border: solid 1px #c4c4c4;
	color: #333;
}		 */

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

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

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

/*剩餘點數*/
/* .remaining_points {
	text-align:right;
	text-align: right;
    font-size: 15px;
	padding:0px 0px 10px 0px;
}
	.remaining_points strong {
		font-size: 20px;
		color: #de484d;
	} */
	
/*訂單完成說明*/	
/* .order_complate_remark {
    font-size: 15px;
    line-height: 24px;
    padding: 15px 0PX;
}	
	.oCR_list {
		display: inline-block;
		padding: 0px 15px 0px 0px;
		
		font-size:16px;
		line-height: 28px;
	}	

@media (max-width:715px){
.order_complate_remark{
	padding:15px 0px;
}
} */
/*修改密碼小標題*/
/* .little_tit{
	font-size:18px;
	padding-top:18px;
	border-top:dotted 1px #0f0f0f;
	font-weight:bold;
	margin-top:55px;
} */





/*新增 by pekey 20170608*/						
/*購物車規格列表*/
/* .cart_specification {
}
	.cart_specification tr {
	}
		.cart_specification td:first-of-type {
			width:80%;
			text-align:left;
		}
		.cart_specification td {
			width:20%;
			background:#fff;
		}
			@media (max-width: 715px){
				.cart_specification {
					margin: 5px 0px 0px !important;
				}
					.cart_specification tr:first-of-type {
						display: table-row;
					}
						.cart_specification tr:first-of-type td {
							border-top:none;
						}
						.cart_specification td:first-of-type, .cart_specification td {
							display: table-cell;
							border-bottom: solid 1px #e1e1e1 !important;
						}
			}



.triplex_invoice {
	display:none;
	padding:0px 7px;
} */



						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						









/*新增 modiyf by karol 20200723 start*/
.credit_area {
	position: absolute;
	left: 0;
	top: 16px;
}
	.credit_tit {
		font-size: 16px;
		text-align: left;
		font-weight: bold;
		color: #19338f;
	}
	.credit_img {
		width: 220px;
	}
		.credit_img img {
			width: 100%;
			height: auto;
		}
@media (max-width: 1280px){
.credit_area {
	position: static;
	left: 0;
	padding-top: 30px;
}
}
/*新增 modiyf by karol 20200723 end*/



.index_bottomBg {
}
	.index_bottomArea{
	}
	
		/*捐贈項目介紹*/
		.index_itemArea{
			/*width: 50%;*/ /*modify by karol 20200805*/
			width: 33.333%;
			float: left;
			box-sizing: border-box;
			padding-right: 15px;
		}
			.index_itemArea .tit{
				background: #19338f;
				padding: .75em 1em;
				margin: 0;
				color: #fff;
				position: relative;
				font-weight: 400;
				display: block;
				/*font-size: 16px;*/ /*modify by karol 20200806 */
				font-size: 20px;
				line-height: 30px;
				height: 30px;
			}
			
			.index_itemBottomArea {
				border-bottom: 3px solid #19338f;
				padding-bottom: 50px;
			}
			
				.index_itemArea .indexMoreBtn {
					background: #1e2e68;
					/*padding: 12px .5em 12px .75em;*/ /*modify by karol 20200806 */
					padding: 15px .5em 15px .75em;
					margin: 0;
					font-size: .7em;
					color: #fff;
					position: absolute;
					right: 0;
					top: 0;
				}
				
				.index_itemArea .indexMoreBtn::before {
					content: ' ';
					display: inline-block;
					width: 0;
					height: 0;
					border-top: 50px solid #1e2e68;
					border-left: 30px solid transparent;
					position: absolute;
					left: -30px;
					top: 0;
				}
				
			.index_itemArea .listArea {
				/*width: 50%;
				float: left;*/
				box-sizing: border-box;
				/*border-right: 2px solid #19338f;*/
			}
			
				.index_itemArea .listArea .list {
					border-bottom: 1px dotted #ccc;
					padding: 8px;
					font-weight: 700;
				}
				
					.index_itemArea .listArea .list a {
						color: #3f3f3f;
						font-size: 14px;
						line-height: 20px;
						display: block;
						text-decoration: none;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
					
					.index_itemArea .listArea .list a:hover {
						color: #19338f;
					}
					
			.index_itemArea .text_area {
				/*width: 50%;
				float: left;*/
				box-sizing: border-box;
				padding: 3px 6px;
				max-height: 185px;
				overflow-y: auto;
			}
		
		/*相關辦法+快速連結*/
		.index_rightArea{
			/*width: 50%;*/ /*modify by karol 20200805*/
			width: 33.333%;
			float: left;
			box-sizing: border-box;
		}
			/*相關辦法*/
			.index_methodArea{
				/*width: 45%;
				float: left;*/
				box-sizing: border-box;
				
				border-bottom: 3px solid #19338f;
				padding-bottom: 50px;
				height: 298px;
			}
			
				.index_methodArea .tit{
					background: #19338f;
					padding: .75em 1em;
					margin: 0;
					color: #fff;
					position: relative;
					font-weight: 400;
					display: block;
					font-size: 20px;
					line-height: 30px;
				}
				
				.index_methodArea .listArea {
				}
				
					.index_methodArea .listArea .list {
						border-bottom: 1px dotted #ccc;
						padding: 6px;
						font-weight: 700;
					}
					
						.index_methodArea .listArea .list a {
							color: #3f3f3f;
							font-size: 12px;
							line-height: 18px;
							text-decoration: none;
							display: block;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						
						.index_methodArea .listArea .list a:hover {
							color: #19338f;
						}
			
			/*快速連結*/
			.index_linkArea{
				width: 55%;
				float: left;
				box-sizing: border-box;
				padding-left: 15px;
			}
			
			
				.index_linkArea .list {
					position:relative;
					display: table;
					padding: 46px 0px;
					width:100%;
					margin-bottom: 8px;
					
					background: #19338f;
					position: relative;
				}
				
					.index_linkArea .list:hover {
						opacity:0.8;
						transition:0.3s ease all;
					}
					
					.index_linkArea .list a {
						display:block;
						text-decoration:none;
					}

					.index_linkArea .list_img {
						width:50px;
						display:table-cell;
						vertical-align:top;
						padding-left: 30px;
					}
						.index_linkArea .list_img a {
						}
							.index_linkArea .list_img img {
								width:100%;
								height:auto;
							}
					.index_linkArea .nL_right {
						display:table-cell;
						vertical-align:middle;
						padding-left: 20px;
					}
						.index_linkArea .nLR_tit {
							color:#fff;
							font-size:18px;
							line-height:26px;
							font-weight:bold;
						}
						
@media (max-width: 768px){
.index_itemArea {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding-right: 0px;
	margin-bottom: 15px;
}
	.index_itemBottomArea {
		border-bottom: 3px solid #19338f;
		padding-bottom: 30px;
	}
	
.index_rightArea {
    width: 100%;
    float: nene;
    box-sizing: border-box;
}

	.index_methodArea {
		width: 100%;
		float: none;
		box-sizing: border-box;
		border-bottom: 3px solid #19338f;
		padding-bottom: 30px;
		height: auto;
		margin-bottom: 15px;
	}
	
	.index_linkArea {
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding-left: 0px;
	}
	.index_linkArea .list {
		padding: 20px 0px;
	}
}

@media (max-width: 425px){
.index_itemArea .listArea {
    width: 100%;
    float: none;
    box-sizing: border-box;
    border-right: 0px solid #19338f;
	padding-bottom: 10px;
}
.index_itemArea .text_area {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: 9px 6px;
    max-height: unset;
    overflow-y: unset;
}
}


/*新增 modify by karol 20200731 start*/
.form_list.donate {
	display: none;
	padding-top: 10px;
}

	.form_list.donate .fL_info input[type="text"]{
		width: 60px;
	}
	
	.form_list.donate span {
		font-size: 14px;
		line-height: 50px;
	}
/*新增 modify by karol 20200731 end*/




/* 新增 modify by pekey 20210506 start */
.special_titleBg .in_titStyle1.search{
	border-bottom: 0;
	display: inline-block;
}
.special_titleBg .in_titStyle1.search:nth-of-type(1){
	padding-right: 7px;
}
	.special_titleBg .in_titStyle1.search:nth-of-type(2)::after{
		display: none;
	}

	.special_titleBg .in_titStyle1 > .record_search{
		display: inline-block;
	}
	
		.special_titleBg .in_titStyle1 > .record_search > .record_search_list {
			padding: 0;
		}
			.special_titleBg .in_titStyle1 > .record_search > .record_search_list.people input[type="text"] {
				width: 150px;
			}

@media (max-width: 640px) {

	.special_titleBg .in_titStyle1 > .record_search{
		padding: 0px;
	}

	.special_titleBg .in_titStyle1 > .record_search > .record_search_list:nth-of-type(1){
		width: auto;
	}
		
		.special_titleBg .in_titStyle1 > .record_search > .record_search_list.people input[type="text"] {
			margin-top: 0px;
			height: 38px;
		}
		.special_titleBg .in_titStyle1 > .record_search label.lsf{
			width: 42px;
			margin-bottom: 0px;
		}

}

@media (max-width: 413px) {

	.special_titleBg .in_titStyle1.search:nth-of-type(1) {
		margin-bottom: 0;
	}

	.special_titleBg .in_titStyle1.search:nth-of-type(2){
		display: block;
		padding: 20px 0px 0px;
	}
}

/* 新增 modify by pekey 20210506 end */








/*/////////////////////////////////////////////////////////*/
/*-------頁數列區塊--------*/	
.number_pageArea{
	text-align:center;
	padding: 40px 0px 0px;
	position: relative;
    z-index: 5;
}
	/*左側區塊*/
	.numberPage_leftArea{
		display: inline-block;
		vertical-align: middle;
	}	
		.numberPage_leftList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_leftList a{
				display: block;
				text-decoration: none;
			}
			
			/*modify by pekey 20181114*/
			img.hover_after{
				display: none;
				background-color: #f39800;
				border-radius: 50%;
			}
			/*modify by pekey 20181114*/
			.numberPage_leftList a:hover img.hover_after{
				display: block;
			}
			/*modify by pekey 20181114*/
			.numberPage_leftList a:hover img.hover_before{
				display: none;
			}
		
	/*中間區塊*/
	.numberPage_middleArea{
		display: inline-block;
		vertical-align: middle;
		padding: 0px 8px;

		font-family: poppins, sans-serif;
		font-weight: 500;
		font-style: normal;
	}
		.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: #808080;

				padding: 10px 0px 6px;
				font-size: 15px;
				line-height: 1;
				/* padding: 7.5px 0px; */
			}
			/*active*/
			.numberPage_middleList.active a{
				background-color: #20262a;
				color: #fff;
			}
			/*hover*/
			.numberPage_middleList a:hover{
				background-color: #f39800;
				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;
			}
			
			/*modify by pekey 20181114*/
			.numberPage_rightList a:hover img.hover_after{
				display: block;
			}
			/*modify by pekey 20181114*/
			.numberPage_rightList a:hover img.hover_before{
				display: none;
			}
		
	.numberPage_leftList span ,
	.numberPage_rightList span{
		display: inline-block;
		box-sizing: border-box;
		font-size: 21px;
		line-height: 23px;
		color: #20262a;
		vertical-align: middle;
		font-weight: bold;
	}	
	





@media (max-width: 900px){
	
	.number_pageArea{
		padding: 40px 0px 15px;
	}

}
	
@media (max-width: 640px){
	
	.number_pageArea {
		/*padding-top: 30px;*/
		padding: 30px 0px 0px;
	}
	
		.numberPage_leftList:first-child{
			display: none;
		}
		
	.numberPage_middleArea{
		padding: 0px;
	}
		.numberPage_middleList{
			padding: 0px;
		}
		
		.numberPage_rightList:last-child{
			display: none;
		}
		
	
}









/* 新增會員 20230213 Patty 修改 start */
/*///////////////////////////*/
/*------- 會員登入區塊 --------*/
/*///////////////////////////*/
.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: #f39800;
							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;
						padding: 0;
					}
						.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;
						padding: 0;
					}
						.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:#f39800;
							}				



/* 註冊會員頁面 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: 15px 0px 0px 115px;
}


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



	
							
@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;
		max-width: 90%;
	}
	
}


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

}



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

}

/* -------------捐款紀錄------------------------------ */
.record_Bg .directory_filter_area{
	
    display: block;
   
    margin: 0 0 20px;

}

.record_Bg .directory_filter_area .form_list {
    width: 100%;
}
.no_bg input[type='button'].detail {
    background: #f39800;
    color: #ffffff;
    border: 1px solid #f39800;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}

/* ----------卡片管理---------------------- */
.add_card{
	text-align: right;
}
.add_card input[type="button"]{
	background-color: #f39800;
}
.card_Bg ul {
	padding-left: 0;
}
.card_Bg ul li{
list-style-type: none;
display: flex;
align-items: center;
border-bottom: 1px solid #ccc;
}
.card_Bg ul li img{
	padding-right: 20px;
}

.remove{
	margin-left: auto;
	cursor: pointer;
}

/* 20230216 Patty 修改 start */
/* ------------------------------------ */
.fL_info_receipt .regular{
	width: 110px;
}
/* 20230216 Patty 修改 end */












/*新增會員 20230213 Patty 修改 end */