.containerIn{
	display: flex;
	flex-direction: column;
	row-gap: 1.5625rem;
}






	.containerIn .textArea{
		/* margin-bottom: 25px; */
	}


	.containerIn .form_remark {
		line-height: 1.46;
		padding: 0px;
	}



	.containerIn .agreeToTerms{
		margin-top: 0;
	}

	.containerIn .btn_area {
		margin: 5px auto 0px;
	}







.price_area{

}

    .price_area ul{
        margin: 0;
        padding: 0;
        list-style-type : none;
        display: block;
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
        row-gap: .625rem;
        font-size: clamp(1rem, 0.867rem + 0.22vw, 1.125rem);
    }
    .price_area li{
        margin: 0;
        padding: 0;
        list-style-type : none;
        display: block;
    }


    .price_area li:not(:last-of-type):after{
        content: "、";
        font-size: inherit;
        /* margin: 0;
        padding: 0;
        list-style-type : none;
        display: block; */
    }






.course_pageBg{
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.125rem, -0.008rem + 1.83vw, 2.188rem);
}



.upload_info{
    font-size: 1rem;
    line-height: 1.5;
}



/*範本下載區*/
.TemplateArea{
	text-align:center;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: clamp(1.613rem, 2.6vw, 3.125rem);
}

	.TemplateList{
		padding:clamp(1.105rem, 0.95rem + 0.25vw, 1.25rem) 0px;
		padding: 0;
		gap: 0.9375rem;
		font-size:1rem;
		color:#000;
		line-height:1.625;
		display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
		/* width: 50%; */
	}	
	
	.TemplateList:nth-last-child(1){
		border-bottom:none;
	}	
	
	.TemplateList.TemplateList2{
		background: #fbbbd8;
		width: 100%;
		text-align: center;
        padding: clamp(1.105rem, 0.95rem + 0.25vw, 1.25rem) 0;
	}
	
	.TemplateList.TemplateList3{
		display: block;
		width: 100%;
	}
	
	.TemplateList .btn_area{
		float:none;
		padding:0px;
		text-align: left;
		margin: 0;
	}
	.TemplateList .btn_area input {
		width: 175px;
		margin:0px;
	}
	@media(max-width:990px){
		.TemplateArea{
			
			width: 100%;
		}
		.TemplateList {
			width: 100%;
		}
		
		
	}
	@media (max-width: 640px){
		.TemplateArea {
			text-align: left;
		}
		
		.TemplateList .btn_area input {
			
		}
	}
	

 @media(max-width:540px){
	.TemplateList{
		flex-wrap: wrap;
	}
 }



.middle_form_area{
	display: flex;
	flex-direction: column;
	row-gap: clamp(1.105rem, 0.95rem + 0.25vw, 1.25rem);
}


    .middle_form_area .cart_big_tit {
        margin-bottom: 0;
    }































	/* 中間區塊 */
	.course_pageBg .middle{
		/* padding-top: clamp(2.258rem, 1.835rem + 2.12vw, 4.375rem); */
		padding-top: clamp(1.125rem, -0.008rem + 1.83vw, 2.188rem);
		display: flex;
		flex-direction: column;
		row-gap: clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem);
	}
		.course_pageBg .middle_form{
		display: flex;
		flex-direction: column;
		row-gap: clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem);
		}
			.course_pageBg .middle_list{
				border-bottom: 1px dashed #cecece;
				padding-bottom: clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem);

                                
                display: flex;
                flex-direction: column;
                gap: 0.625rem;
			}
			.course_pageBg .middle .button{		
			}
				.course_pageBg .middle_list .back_button{
					text-align: right;
					padding-top: 0;
				}
					.course_pageBg .middle .button input.delete{	
						margin: 0 0 0 auto;
						/* width: 200px; */
						background-color: #ddd;
						border-color: #ddd;	
					}
					/*新增學生資訊button*/
					.course_pageBg .middle .button input.add{	
						background-size: 1.125rem;
						background-position: 2.5rem 50%;
						background-repeat: no-repeat;
						/* background-image: url(../images/add_user_btn.svg); */
                        background-image: url(../../../images/add_user_btn.svg);
						background-color: #313131;
						border-color: #313131;
						color: #fff;
						padding-left: 1.25rem;
						width: calc(12.5rem - 1.25rem);
					}








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


		.course_pageBg .back_button{
			/* padding-top: clamp(1.613rem, 2.6vw, 3.125rem); */
			text-align: center;
		}
			.course_pageBg .back_button input{
				display: inline-block;
				text-align: center;
				width: 200px;
				margin: 0px auto;
				box-sizing: border-box;
				border-radius: 3px;
				background-color: transparent;
				border: 1px solid #000000;
				color: #000000;
			}
			/* 20230328 Patty 修改 start */
			.course_pageBg .back_button input.go{
				background-color: #e5aa37;
				border-color: #e5aa37;
				color: #ffffff;
			}

			/* 20230328 Patty 修改 end */





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

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