.process-loading{
	position:relative;
}

.process-loading::before{
	content:'';
	position:fixed;
	width:100%;
	height:100%;
	z-index:999;
	background-color:rgba(255, 255, 255, 0.5);
	top:0;
	left:0;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgc3R5bGU9Im1hcmdpbjphdXRvO2Rpc3BsYXk6YmxvY2s7IiB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMzAiIHN0cm9rZT0iIzQzYzJlZCIgc3Ryb2tlLXdpZHRoPSIyMCIgZmlsbD0ibm9uZSI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMzAiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZmlsbD0ibm9uZSI+ICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMCA1MCA1MDsxODAgNTAgNTA7NzIwIDUwIDUwIiBrZXlUaW1lcz0iMDswLjU7MSI+PC9hbmltYXRlVHJhbnNmb3JtPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hhcnJheSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMTguODQ5NTU1OTIxNTM4NzYgMTY5LjY0NjAwMzI5Mzg0ODgyOzk0LjI0Nzc3OTYwNzY5MzggOTQuMjQ3Nzc5NjA3NjkzNzc7MTguODQ5NTU1OTIxNTM4NzYgMTY5LjY0NjAwMzI5Mzg0ODgyIiBrZXlUaW1lcz0iMDswLjU7MSI+PC9hbmltYXRlPjwvY2lyY2xlPjwvc3ZnPg==');
	background-position:50%;
	background-size:50px;
	background-repeat:no-repeat;
}

#payment fieldset{
	border:none;
	padding:0;
}

#payment input[type="text"], 
#payment input[type="email"]{
	width:100%;
	flex-basis:auto;
}

#cwtpfw_card-holder-info > fieldset{
	margin-top:10px;
}

#cwtpfw_card-holder-info label[for]{
	line-height:24px;
}

.cr__wrapper .woocommerce-notices-wrapper{
	margin:0 0 15px;
}

.cr__wrapper .woocommerce-message, 
.cr__wrapper .woocommerce-error, 
.cr__wrapper .woocommerce-info{
	color:#000;
	padding:10px 15px;
	line-height:150%;
	font-size:14px;
}

.cr__wrapper .woocommerce-error+.woocommerce-message, 
.cr__wrapper .woocommerce-error+.woocommerce-info{
	margin-top:15px;
}

.cr__wrapper .woocommerce-message{
	background-color:#DCF2F8;
}

.cr__wrapper .woocommerce-info{
	background-color:#DCF2F8;
}

.cr__wrapper .woocommerce-error{
	background-color:#DCF2F8;
	color:#BC2419;
}

.cr__wrapper .post-result{
	color:#000;
	line-height:150%;
	padding:10px 15px;
	margin-bottom:10px;
	flex:0 1;
	font-size:14px;
}

.cr__wrapper .post-result.fail{
	background-color:#DCF2F8;
	color:#BC2419;
}

.cr__wrapper .post-result.success{
	background-color:#DCF2F8;
}

.cr__wrapper .post-result.notice{
	background-color:#DCF2F8;
}

#taext-vue .post-result a{
	color:#0000FD;
}

#taext-vue .post-result.notice > .notice-button{
	position:absolute;
	top:7px;
	right:7px;
	background-color:rgba(0, 96, 144, 0.5);
	color:#FFF;
	text-decoration:none;
	padding:4px 10px 5px;
	line-height:150%;
}

#taext-vue .post-result.notice > .notice-button:hover{
	background-color:rgba(0, 96, 144, 1);
}

#taext-vue .sm{
	font-size:11px;
	line-height:150%;
}

#taext-vue form select{
	padding:0 13px;
}

#payment-field{
	
}

#payment-field > h2{
	text-align:center;
}

#payment-field .tpfield{
	margin-left:auto;
	margin-right:auto;
}

small.woocommerce-password-hint{
	line-height:150%;
	font-size:.8rem;
	color:#900;
}

button[type="submit"]{
	margin-top:0;
	overflow:hidden;
	border:none;
	background-color:#3276B5;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
	-webkit-transition:background-color 0.2s cubic-bezier(0, 0, 0.18, 1) 0s;
	transition:background-color 0.2s cubic-bezier(0, 0, 0.18, 1) 0s;
	display:inline-block;
	width:100%;
	height:40px;
	padding:13px;
	border-radius:0;
	font-size:12px;
	line-height:1em;
	font-family:'Noto Serif TC', serif;
	box-shadow:none;
	opacity:1;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

button[type="submit"]+a{
	margin-left:6px;
}

button[disabled="disabled"]{
	background-color:#CCC;
	cursor:default;
}

#cwtpfw_card-holder-info{
	display:none;
}

#taext-vue .email-field > .cr__form__row, 
#taext-vue .coupon-field > .cr__form__row{
	position:relative;
	width:100%;
	max-width:320px;
}

#apply-coupon{
	position:absolute;
	color:rgb(15, 121, 29);
	font-weight:600;
	top:6px;
	right:12px;
	z-index:3;
	text-decoration:none;
}

#taext-vue .coupon-field span{
	font-size:12px;
	font-weight:600;
}

#taext-vue .coupon-field i{
	color:rgb(15, 121, 29);
	font-style:normal;
}

.details-confirm h2.del{
	text-decoration:line-through;
	color:#777;
}

.details-confirm h2.del+h2{
	color:rgb(15, 121, 29);
}

.details-confirm span[data-discount-price]::before{
	content:attr(data-discount-price);
}

.coupon-field input[readonly]{
	background-color:#EEE;
	cursor:default;
}

.coupon-field .error-message{
	color:#C00;
}

/*
.cr__box.cr__tab.active > *{
	width:402px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
*/

#taext-vue .cr__page-heading p, 
#taext-vue .cr__wrapper{
	font-size:12px;
}

/*===Extra===*/
.page-header{
	width:100%;
}

main[data-page="cancel-subscription"] > .content-wrapper{
	width:100%;
	max-width:680px;
	margin:auto;
	padding:50px 15px 0;
}

a[data-url="cancel-subscription"]{
	margin-left:15px;
}

.cancel-subscription .steps{
	margin:10px 0;
}

.cancel-subscription h1{
	font-size:1.8rem;
}

.cancel-subscription h2{
	font-size:1.3rem;
	font-weight:700;
}

.cancel-subscription h3{
	font-size:1rem;
	margin:25px 0;
}

.cancel-subscription .cancel-reasons{
	margin:15px 0;
}

.cancel-subscription select{
	font-size:1rem;
	background-color:#FFF;
	border:solid 1px #CCC;
	padding:10px;
	display:block;
	width:60%;

	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijc3Ljc4MnB4IiBoZWlnaHQ9IjQ1Ljk2MXB4IiB2aWV3Qm94PSIwIDAgNzcuNzgyIDQ1Ljk2MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzcuNzgyIDQ1Ljk2MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEwIiBwb2ludHM9Ijc0LjI0NywzLjUzNiAzOC44OTEsMzguODkxIDMuNTM2LDMuNTM2ICIvPg0KPC9zdmc+DQo=');
	background-repeat:no-repeat;
	background-position:right 15px center;
	background-size:12px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;

}

.cancel-subscription i{
	font-size:.7rem;
}

.cancel-subscription textarea{
	display:block;
	resize:none;
	background-color:#FFF;
	width:100%;
	height:120px;
	border:solid 1px #CCC;
	margin:10px 0 0;
	padding:15px;
	font-size:1rem;
	box-sizing:border-box;
}

.cancel-subscription .button-actions{
	display:flex;
	justify-content:end;
	gap:15px;
	margin:30px 0;
}

.cancel-subscription .button-actions > a{
	padding:10px 35px;
	border:solid 2px #333;
}

.cancel-subscription .button-actions > a.back{
	color:#333;
	background-color:#FFF;
}
.cancel-subscription .button-actions > a.back:hover{
	color:#FFF;
	background-color:#333;
}

.cancel-subscription .button-actions > a[data-action="next-step"]{
	color:#FFF;
	background-color:#333;
}

.cancel-subscription .white, 
.cancel-subscription .gray{
	padding:35px;
}

.cancel-subscription .gray{
	background-color:#EEE;
	margin-top:35px;
	line-height:150%;
}

.cancel-subscription .white{
	background-color:#FFF;
	border:solid 1px #CCC;
	line-height:150%;
}

.cancel-subscription .white+.white{
	margin-top:15px;
}

.cancel-subscription .message{
	color:#FFF;
	background-color:#C00;
	border-color:#900;
	border-style:solid;
	border-width:0 0 0 5px;
	margin:15px 0 15px;
	padding:10px;
	font-size:.9rem;
}

.cancel-subscription .white p, 
.cancel-subscription .gray > p{
	font-size:.9rem;
}

.cancel-subscription label[for]{
	cursor:pointer;
}

.cancel-subscription label[for]+p{
	margin-top:30px;
}

.cancel-subscription .gray > p:first-child{
	font-weight:700;
}

.cancel-subscription .white > h2{
	margin-bottom:20px;
}

.cancel-subscription div[data-step="2"] > h3{
	font-weight:700;
}

#payment-field .cr__form__row+p, 
#payment-field .woocommerce-SavedPaymentMethods.wc-saved-payment-methods{
	width:100%;
	max-width:400px;
	margin:auto;
}

#cwtpfw_payment-data fieldset{
	border:none;
}

.cr__external-login > a{
	display:block;
	line-height:1;
}
.cr__external-login img{
	width:100%;
}

.payment_method_cwtpfw > p{
	width:100%;
	max-width:400px;
	margin:auto;
	padding:0 5px;
}