/* @import url(../../style.css);
@import url(../../style_header.css);
@import url(../../style_footer.css); */

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

.member_loginIn {}

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


/* 登入內容區塊 */
.login_contentBg {
	margin: 30px auto;
	margin:15px auto;
	width: 450px;
	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; */
	padding: 0px 0px 0px 115px;
	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_listArea .form_list.password .content{
	position: relative;
}
.form_listArea .form_list.password .content input {
    padding-right: 45px;
}


		/*閉眼*/
		.form_list.password i#check_eye ,
		.form_list.password i#check_eye2{
			position: absolute;
			color: #333;
			font-size: 20px;
			top: 50%;
			right: 10px;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);	
			transition: 0.3s ease all;	
			cursor: pointer;
		}
		/* .form_list.password .eye:before{
			position: absolute;
			transition: 0.3s ease all;
			font-family: 'Bootstrap-icons';
			content: '\F33F';
			color: #333;
			font-size: 20px;
			top: 50%;
			right: 10px;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);									
		} */
		/*開眼*/
		/* .form_list.password.active .eye:before{
			content: '\F33E';
		} */
				/* 忘記密碼 */
				.forgot{
					margin-bottom: 6px;
				}
				.forgot a{
					font-weight: 600;
					font-size: 15px;
					color: var(--dark_color);
					text-decoration: none;
				}
				/* 忘記密碼 */
				.forgot a:hover{
					
					color: var(--primary_color);
				}


/* 按鈕 */
.btn_area{
    margin-top: 0.9375rem;
}


.member_loginBg .btn_area button {
	width: 49%;
	background-color: #231815;
	
}
.member_loginBg .btn_area button[type="submit"] {
	
	background-color: var(--primary_color);
    /* line-height: 2.625rem; */
	border-radius: 5px;
	color: #fff;
}




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



@media(max-width:540px){
	/* 按鈕 */
	.btn_area{
		flex-wrap: nowrap;
	}
	
}



/*/////////////////////////////////////////////////////////*/
/*會員專區論文列表*/
/*/////////////////////////////////////////////////////////*/


/*稿件上傳*/
.FileUploadArea{
	padding:10px 0px 30px;
}
	.FileUploadBtn{
		text-align:right;
	}
		.FileUploadBtn a{
			font-size:16px;
			text-decoration:none;
			color: #fff;
			display:inline-block;
			background: var(--primary_color);
			/* border-radius: 4px; */
			

			padding: 0.625rem .9375rem; /* padding: 10px 15px; */
			border-radius: 0.25rem; /*4px*/
			font-size: clamp(.875rem, 0.8333vw, 1rem);  /*字體 最小值 14px、大小約 0.8333vw、最大值 16px*/
		}
		.FileUploadBtn i{
			font-size:16px;
			vertical-align: -15%;
		}	

		.FileUploadBtn a:hover{
			opacity:0.5;
		}
@media(max-width:715px){
	.FileUploadBtn a{
		display: block;
		text-align: center;
		background: var(--primary_color);
	}
}




@media (max-width:510px){

	/*稿件上傳*/
	.FileUploadBtn{
		text-align:center;
	}
		.FileUploadBtn a{
			display:block;
		}

}

/*購物車商品列表*/
.cart_product_list_area {
	/*padding: 15px 15px 0px 15px;*/
	/*padding: 15px 0px 0px;*/
}
.padding_20{
	padding: 0px 20px;
}
	/*購物車備註*/
	.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; */
				font-size: clamp(0.8125rem, 0.7813vw, 0.9375rem);  /*字體 最小值 13px、大小約 0.7813vw、最大值 15px*/
				line-height: 1.6;
				color:#333;
				padding:10px 12px;
				box-sizing:border-box;
				border-bottom: solid 1px #bebebe;
				border-right: solid 1px #bebebe;
				background: #f4f4f4;
			}
			
			.cart_product_list_area td a {
				text-decoration:none;
				color:#806748;
			}
			.cart_product_list_area td a:hover {
				opacity:0.5;
			}			
			
			
			
			
				/*商品名稱*/
				.cPL_product {
					font-size:0px;
					min-height:72px;
					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 a {
						color:#000;
						text-decoration:none;
						display:inline-block;
						vertical-align:middle;
						min-height:74px;
					}
						.cPL_product img {
							/*width:72px;*/
							width:100px;   /*修改by pekey 20170608*/
							border: solid 1px #dfdede;
							position:absolute;
							background:#fff;
						}
					.cPL_product_tit {
						padding:0px 0px 0px 115px;
						display:inline-block;
						vertical-align:middle;
						width: 96.5%;
						box-sizing: border-box;
					}
				
				/*商品規格*/
				.specification {
					text-align:left;
					font-size: 14px;
					line-height: 22px;
					padding: 6px 0px 0px;
					color: #226484;
				}
				
				.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;
					}
					.cart_product_list_area table input[type='button'] {
						border-radius: 2px;
						width: auto;
						padding: 0px 8px;
						box-sizing: border-box;
						/* line-height: 28px;
						height: 28px; */
						background: var(--primary_color);
						color: #fff;
						font-size: inherit;
						line-height: 1.8;
						height: auto;
					}
					.cart_product_list_area table input.edit {
						background-color: #231815;
					}
					
					.cart_product_list_area table input[type='button']:nth-child(2) {
						background: #676767;
					}
					
					
					.cart_product_list_area table input[type='button'].remittance_btn {
						width: auto;
						padding: 0px 12px;
						background: #BF4848;
						color:#fff;
					}					
						
		/*第一組tr*/
		.cart_product_list_area tr:first-of-type td {
			border-top: solid 1px #bebebe;
			/*padding: 5px;*/  /*修改 by pekey 20170608*/
			/*background-color:#e5e5e5;*/  /*修改 by pekey 20170608*/
			text-align: center;  /*modify by karol 20191219*/
		}
		/*第三組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%;*/
			/*width:20%;*/
			border-left: solid 1px #bebebe; /*modify by karol 20191219*/
			border-right: solid 1px #bebebe; /*modify by karol 20191219*/
		}
			td.cPL_twoBtn {
				padding: 5px 0px;
			}
			
		/*第二個td*/
		.cart_product_list_area td:nth-of-type(2) {
			border-right: solid 1px #bebebe; /*modify by karol 20191219*/
			text-align: left;  /*modify by karol 20191219*/
		}
		
		/*2進位的tr*/
		.cart_product_list_area tr:nth-of-type(2n+0) td {
			background:#fff;
			min-width: 80px;
		}
		
		/*折抵列*/
		.cart_product_list table {
			background: #e0e0e0;
			border-radius: 3px;
			border: 1px solid #bebebe;
			font-size: 14px;
			line-height: 25px;
			font-weight:bold;
		}
			.cart_product_list table input[type=text] {
				/*height: 22px;
				line-height: 22px;*/
				
				/*修改by pekey 201741012*/
				height: 42px;
				line-height: 42px;	
				
				width: 62%;
			}
			.cart_product_list.single_row {
				/*padding: 20px 15px 5px;*/
				padding: 20px 0px 5px;
			}
				.cart_product_list td {
					background: #f4f4f4;
					padding: 15px 5px;
					box-sizing: border-box;
					vertical-align: middle;
				}
				.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;
							line-height: 22px;*/
							
							/*修改by pekey 20171012*/
							width:42px;
							height:32px;
							line-height:32px;
							
							
							border-radius: 3px;
						}
						
						

/*未出貨*/
.no_shipping {
	color:#806748;
	color:var(--primary_color);
}

/*未付款*/
.unpaid {
	color:#d70d13;
	color:var(--third_color);
}
.pass{
	color:green;
}

/*已取消*/
.cancel {
	color:#929292;
}
/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
(max-resolution: 174dpi) { 
	.cart_product_list_area table tr td{
		padding: 10px 5px;
	}
}

		
@media (max-width: 715px){

.cart_step{
	text-align:left;
}

.fA_bg{
	/*padding:20px 0px 0px;*/
	padding:10px 0px 0px;  /*修改 by pekey 20170608*/
}	
	.form_area.none{
		padding:0px;
	}
/*折抵列*/
.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;
}

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

/*modify by pekey 20180416 start*/
.cart_product_list_area tr:last-of-type td:last-of-type {
	border-bottom: solid 1px #ADABAB;
}
/*modify by pekey 20180416 end*/

/*第五個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 #bebebe;
	border-radius:5px;
}
	.cart_product_list_area td {
		display:block;
		border:none;
		text-align:left;
		border-left: solid 1px #bebebe;
		border-right: solid 1px #bebebe;
		padding: 5px 14px;
	}
	
		.cart_product_list_area td:before {
			content:attr(data-name);
		}
		/*商品名稱*/
		.cPL_product {
			border-bottom: solid 1px #bebebe;
			padding:0px 0px 15px 0px;  
			/*color: #BA896F;*/
			/*font-weight: bold;*/
			font-size:16px;
		}
		
		.cart_product_list_area table input {
			height:40px;
			line-height:40px;
		}
			.cart_product_list_area table input[type='button'] {
				width:100%;
				height:42px;  /*修改 by pekey 20170608*/
			}
		
				/*兩個按鍵時*/
				.cart_product_list_area table .cPL_twoBtn input[type='button'] {
					float:none;
					/*width:48%;*/
				}
				.cart_product_list_area table .cPL_twoBtn input[type='button']:nth-of-type(2) {
					float:none;
				}
				
				
		.right_list_area.none{
			border: 0px;
			padding: 0px;
			background: none;
		}		
		
			.cart_product_list_area{
				/*padding:15px 0px;*/
				padding:0px 0px 15px;  /*修改 by pekey 20170608*/	
			}			
			.cart_product_list.single_row{
				padding:20px 0px 5px;
			}
			.cart_total_area{
				padding:20px 0px 5px;
			}
}


@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;
	}
}		
/* 上傳評比紀錄頁面 */
.time select{
	margin: 10px 0 -10px;
	width: 100%;
}

/* 評比紀錄_第○○屆第○○會期 */
.time_area{
	padding-top: 20px;
	font-size: clamp(0.8125rem, 0.7813vw, 0.9375rem);  /*字體 最小值 13px、大小約 0.7813vw、最大值 15px*/
	font-weight: bold;
}
.fL_tit{

}
.fL_tit div:first-of-type{
	display: inline-block;
	width: 20px;
	line-height: 1;
	color: var(--primary_color);
	
	
}
.fL_tit div:first-of-type:hover{

	color: var(--third_color);
	cursor: pointer;
	
}

.fL_tit div:first-of-type span{
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	font-size: 20px;
	/* background-color: #806748; */
	
}

/*檔案上傳樣式*/
.inputFile {
	position:relative;
	border: solid 1px #aeaeae;
	background:#fff;
	border-radius: 3px;
	padding:0px 80px 0px 0px;
	margin: 5px 0px 5px;
}
	.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:#676767;
			background-color: var(--third_color);
			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: #000;
				background-color: var(--second_color);
			}
	.inputFile input[type='file'] {
		display:none;
	}

	/* .btn_area input:nth-of-type(even) {
		background:#231815;
		background-color: var(--third_color);
		color: #fff;
	} */
	.btn_area input[type="reset"] {
		background:#231815;
		color: #fff;
	}
	.btn_area input[type="submit"] {
		background:var(--primary_color);
		color: #fff;
	}
	.btn_area input.save {
		background:var(--third_color);
		color: #fff;
	}
	.btn_area input.back {
		background:#231815;
		color: #fff;
	}

	/* input框不能編輯時套用 */
	.fL_info.no_input label,
	.fL_info.no_input input:last-of-type{
		display: none;
	}
	/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
	@media screen and (min-width: 991px) and (min-height: 500px) and 
	(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
	(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
	(max-resolution: 174dpi) { 
		.inputFile label div {
			line-height: 29px;
		}
	}
	@media(max-width:540px){
		/* .btn_area{
			justify-content: flex-start;
		} */
	}
	
/* 審查資料頁面 */
.fL_info table{
	width: 100%;
    margin: 0 auto;
    /* border-radius: 3px; */
    overflow: hidden;

}
.fL_info table td,
.fL_info table th{
	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 #bebebe;
	border-right: solid 1px #bebebe;
	background: #f4f4f4;
}
.fL_info table thead tr th{
	background-color: var(--second_color);
	font-weight: normal;

}

@media(max-width:990px){
	
/* 手機表格標題隱藏 */
.fL_info table thead{
	display: none;
}
.fL_info td:before {
	content:attr(data-name);
}

/*第一個td*/
.fL_info td:first-of-type {
	width: auto;
	padding: 10px 14px;
}

.fL_info table td {
	border-bottom: solid 2px #ADABAB;
	border-bottom: none;
	padding: 5px 14px 10px 14px;
	text-align: left;
}
.fL_info table td:last-of-type {
	border-bottom: solid 1px #ADABAB;
	/* border-bottom: none; */
	padding: 5px 14px 10px 14px;
	text-align: left;
}



.fL_info table {
	/*border: solid 2px #e1e1e1;
	border-top: solid 3px #e1e1e1;*/
	border-top: solid 1px #bebebe;
	/* border-radius:5px; */
}
	.fL_info td {
		display:block;
		border:none;
		text-align:left;
		border-left: solid 1px #bebebe;
		border-right: solid 1px #bebebe;
		padding: 5px 14px;
	}
}

.hasinput{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:5px;	
}
.hasinput input{
	width:5%;
	margin-bottom: 5px;
	text-align: center;
}

/* 資料確認頁 */
.form_area_bg strong{
	font-size: 18px;
	border-left: 6px solid var(--primary_color);
	padding-left: 5px;
	margin-bottom: 5px;
	
}
.form_area_bg.complete .form_area{
	margin-top: 10px;
}

/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
(max-resolution: 174dpi) { 
	.fL_info table thead tr th,
	.fL_info table tbody tr td{
		padding: 5px;
		font-size: clamp(.8125rem, 0.8333vw, 1rem);
	
	}
}
.fL_info .list{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 10px;

}
.fL_info .list span{
	font-size: inherit;
	/* font-size: clamp(.8125rem, 0.8333vw, 1rem); */
}
.fL_info .list textarea{
	font-size: inherit;
	/* font-size: clamp(.8125rem, 0.8333vw, 1rem); */
}
.fL_info .list.disable:first-of-type > span{
	display: none;
}
.fL_info .list.disable:first-of-type .download_btn{
	display: none;	
}
.fL_info .list.disable input,
.fL_info .list.disable textarea{
		background-color: var(--second_color);
		cursor: default;
		color: #333;
		font-size: clamp(.8125rem, 0.8333vw, 1rem);
		font-size: inherit;
}


/* 檔案下載btn */
.download_btn{
	font-size: inherit;
}
.download_btn a {
    position: relative;
    border-radius: 5px;
    padding: 8px 10px 8px 39px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: var(--primary_color);
    /* margin-top: auto; */
    /* transition: var(--hover_word); */
    font-size: inherit;
}

.download_btn a:hover{
	opacity: .7;
}
.download_btn a:before {
    position: absolute;
    transition: 0.3s ease all;
    font-family: 'Bootstrap-icons';
    content: '\F30A';
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #fff;
    font-size: clamp(0.8125rem, 0.7813vw, 0.9375rem);
    transform-origin: center;
    transition: all 0.3s ease-out;
}
.fL_info .list:first-of-type > div{
	width: calc(100% -  32px - 5px);
}
.fL_info .list > div{
	width:calc(30.5% -  32px - 5px);
} 
.fL_info .list:last-of-type{
	display: flex;
	justify-content: flex-start;
	align-items: start;
	flex-wrap: wrap;
	gap: 5px;
}
.fL_info .list:last-of-type > div{
	width:calc(100% -  32px - 5px);
}
@media(max-width:640px){
	.hasinput input{
		width:10%;
		margin-bottom: 5px;
	}
}
@media(max-width:410px){
	.hasinput input{
		width:15%;
		margin-bottom: 5px;
	}
}