:root {
  --bliss-text-color: #46A265 ;
  --bliss-simbol-color: #57AF75;  
  --border-color: #646464;
  --input-min-height: 48px;
  --common-spacing: 48px;
  --title-size: 24px;
  --small-title-size: 22px;
  --text-size: 18px;
  --small-text-size: 16px;
  --button-pc-length: 336px;
}

/*避免 vue 還沒計算完就顯示*/
[v-cloak] { display: none; }

/*input placeholder 顏色*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #7d7d7d;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #7d7d7d;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #7d7d7d;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #7d7d7d;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #7d7d7d;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #7d7d7d;
}

.donation-page .t3-wrapper{
	background: #FFFAF0;
}

/*註冊頁面*/
.donation-page.login{margin:0 auto 56px;}
#login-description{margin-bottom: calc(var(--common-spacing)/2);}
.donation-page .credit{margin: 20px auto 0 auto;}
.donation-page .page-header {
    padding-bottom: 16px;
    border-bottom: solid 2px var(--bliss-simbol-color);
    padding-top: 23px;
    margin-bottom:  calc(var(--common-spacing)/2);
}
.sslinfo{
	color: var(--bliss-text-color);
	font-size: 14px;
	font-weight: bold;
}
.view-registration #system-message{max-width: 800px;margin: 0 auto -48px auto;}

.donation-page .page-title,.donation-page .page-header h1
{
	color: var(--bliss-text-color);		
    font-weight: 700;
	font-size: var(--title-size);
}

.donation-page .page-title i{
	color: var(--bliss-simbol-color);
	font-size: 28px;
	margin-right: 24px;
}

.donation-page .donaform .receipt.registration .form-group{margin-left: 52px;margin-right: 52px;    margin-bottom: 30px;}
.donaform.remittance .receipt .form-group.addbutton{margin-top:24px!important;margin-bottom: 40px;}

.donation-page .info .form-group > div,.donation-page .receipt .form-group > div,
.donation-page .commen-info .form-group > div{padding-left: 5px;padding-right: 5px;}
.donation-page .info input,.donation-page.result div.memberdata{
	width:100%;    
	min-height: var(--input-min-height);
	border-color: var(--border-color);
	border-radius: 8px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	font-size: var(--text-size);
	padding:12px 16px;
}
.donation-page .info input.captchacode{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.donation-page .info input#zipcode,.donation-page .info input#jform_profile_address_details,
#post_address input[type="text"]{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;	
}
.donation-page .info input#jform_profile_contact_phone,.donation-page.result div.memberdata.contact_phone{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.phone_btn button.btn{
	width: 186px;
    height: var(--input-min-height);
    border-left: 1px solid var(--bliss-simbol-color);
    border-top: 1px solid var(--bliss-simbol-color);
    border-bottom: 1px solid var(--bliss-simbol-color);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;	
    background:var(--bliss-simbol-color);	
    color: #fff;
	font-size: 18px;
	box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.7);
}
.phone_btn button:active{
	box-shadow: inset -1px -1px 3px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 6px 0 rgba(0, 0, 0, 0.7), inset 1px 1px 3px 0 rgba(255, 255, 255, 0.4), inset -1px -1px 6px 0 rgba(255, 255, 255, 0.7);
}
.phone_btn button:after{
	content: '\25BC';
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    padding: 13px 12px;
    pointer-events: none;
	color: #fff;
    font-size: 14px;	
}

.inputset{
	position: relative;
    display: table;
    border-collapse: separate;
	width: calc(100% - 20px);
    margin: 0 auto 16px;	
}

.inputset label,.inputset label.invalid{
	margin-bottom:0;
	font-weight: normal;
	color:#000;
}

.inputset .star{display:none;}

.input-group-addon{
	width: 185px;
	padding: 12px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 1px solid #646464;
    border-top: 1px solid #646464;
    border-bottom: 1px solid #646464;
    font-size: 18px;
    color: #000;	
	font-weight: normal;
	line-height: 1;	
	text-align: center;
}
.focuscss {
    box-shadow: 1px 1px 2px 0 var(--bliss-text-color), -1px -1px 5px 0 var(--bliss-text-color);
    border-color: #46a265;
    border-radius: 8px;
}

.th-1 .focuscss{
	box-shadow: none;
}

#areacode_btn{
    overflow-y: scroll;
    background-color: white;
    width:196px;
    border-radius: 8px;
    border: solid 1px #C8C8C8;
    border-top: none;
    margin: 0;
    height:151px;
    z-index: 9999;
	overflow-x: hidden;
}

#areacode_btn a{
    display: block;
    cursor: pointer;
    padding: 14px 20px;
    font-size: 18px;
    background-color: transparent;
    color:#000;
}

#areacode_btn a.active{background-color:var(--bliss-text-color);color:white;}

#areacode_btn a > span
{
    padding: 0px 27px 0 0;
    width: 66px;
    display: inline-block;
    text-align: right;
}

#areacode_btn a:hover
{
    background-color:var(--bliss-text-color);
    color:white;
    text-decoration: none;
}

#areacode_btn::-webkit-scrollbar-track,
.info .donate-item .dropdown-menu::-webkit-scrollbar-track,
.member .name-id .dropdown-menu::-webkit-scrollbar-track,
#query_data .dropdown-menu::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color:  white;
    border-right: 1px solid var(--border-color);
    border-radius: 0 8px 8px 8px;

}

#areacode_btn::-webkit-scrollbar,
.info .donate-item .dropdown-menu::-webkit-scrollbar,
.member .name-id .dropdown-menu::-webkit-scrollbar,
#query_data .dropdown-menu::-webkit-scrollbar
{
    width: 8px;
    background-color:transparent;
    z-index:999;
}

#areacode_btn::-webkit-scrollbar-thumb,
.info .donate-item .dropdown-menu::-webkit-scrollbar-thumb,
.member .name-id .dropdown-menu::-webkit-scrollbar-thumb,
#query_data .dropdown-menu::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: var(--bliss-simbol-color);
}

.donation-page .iagree
{
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin-top: 24px;
	margin-bottom: 24px;
}
.donation-page.view-remittance .iagree{margin-top: 40px;margin-bottom: -16px;}
.donation-page .result.registration .iagree{margin-top: 5px;}
.donation-page .iagree span{
	font-size: var(--text-size);
	color:#000;
	font-weight: 700;
}
.donation-page .iagree span.noticeone{display: block;margin-left: -100px;}
.donation-page .iagree span.noticetwo{
    text-align: left;
    margin-left: 5px;
    margin-top: 8px;
}
.donation-page .iagree span.noticetwo span{display: block;margin-left:0;margin-top:0;}
.donation-page .iagree a{color:var(--bliss-text-color);text-decoration: underline;}

.donation-page .iagree #error_iagree,.donation-page .donaform.confirmation #error_iagree,
.donation-page .result.registration .form-group.iagree{
    padding: 14px 32px;
    border-radius: 8px;
}
.donation-page .iagree #error_iagree{border-radius: 0px;}

.donation-page .iagree input[type="checkbox"],
#jform_profile_is_address input[type="radio"],
.radio input[type="radio"]{
    position: absolute;
    visibility: hidden;
    margin-left: 3px;
	width:fit-content;
}
.donation-page select,
.donation-page textarea,
.donation-page input[type="text"],
.donation-page input[type="password"],
.donation-page input[type="email"]{box-shadow: none;color:#000;}

.donation-page .iagree label,
#jform_profile_is_address label,
.radio label{
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    left: 0;
    top: 0;
    width: 20px;
    margin-bottom: -4px;
    position: relative;
    margin-right: 5px;
    background-color: #fff;
	box-shadow: -1px -1px 4px 0 rgb(255 255 255 / 50%), inset -1px -1px 4px 0 rgb(255 255 255 / 90%), inset 1px 1px 4px 0 rgb(0 0 0 / 50%);
    border: solid 1px var(--bliss-simbol-color);
}

.donation-page .iagree input[type="checkbox"]:checked + label,
#jform_profile_is_address input[type="radio"]:checked + label,
.radio input[type="radio"]:checked + label{
    background-color: #fff;
    border-color: var(--bliss-simbol-color);
}

.donation-page .iagree label:after,
#jform_profile_is_address input[type="radio"] + label:after,
.radio input[type="radio"] + label:after{
    content: "";
    height: 10px;
    position: absolute;
    width: 10px;
    border-radius: 50%;
    background-color: white;
    top: 50%;
    left: 50%;
	margin-top:-5px;
	margin-left:-5px;
}

.donation-page .iagree label.error:after
{
    background-color: #fbedf0;
}

.donation-page .iagree input[type="checkbox"]:checked + label:after,
#jform_profile_is_address input[type="radio"]:checked + label:after,
.radio input[type="radio"]:checked + label:after{
	background-color: var(--bliss-simbol-color);
	box-shadow: inset 1px 1px 2px 0 rgba(255, 255, 255, 0.25);
}

.donation-page .form-group.submit_btn{
    background-color: transparent;
    margin-top: 0;
    padding-top: 8px;
}
.donation-page .form-group.submit_btn button.btn,
.donate-btngroup a.active,.donate-btngroup button.active,
.donation-page.result .donaform .receipt a.result-btn{
    background-color: var(--bliss-simbol-color);
    border-color: var(--bliss-simbol-color);
    font-size: var(--text-size);
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 15px;
    min-width: var(--button-pc-length);
	box-shadow: -1px -1px 6px rgba(255, 255, 255, 0.9), -1px -1px 3px rgba(255, 255, 255, 0.4), 1px 1px 6px rgba(0, 0, 0, 0.7), inset 1px 1px 3px rgba(255, 255, 255, 0.7);
}
.donation-page.result .donaform .receipt a.result-btn{
	min-width: 168px;
	margin-right: 16px;
}
.donation-page.result .donaform .receipt a.result-btn:last-child{margin-right:0;}
.donation-page .form-group.submit_btn button.btn:hover,
.donation-page .form-group.submit_btn button.btn:active,
.donate-btngroup a.active:hover,.donate-btngroup a.active:active,
.donate-btngroup button.active:hover,.donate-btngroup button.active:active,
.donation-page.result .donaform .receipt a.result-btn:hover,.donation-page.result .donaform .receipt a.result-btn:active{
	box-shadow: inset -1px -1px 3px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 6px 0 rgba(0, 0, 0, 0.7), inset 1px 1px 3px 0 rgba(255, 255, 255, 0.4), inset -1px -1px 6px 0 rgba(255, 255, 255, 0.7);	
}

/*修改會員資料 error position*/
.donation-page i.overseas.fa-exclamation-circle{top: 100px!important;}

.tooltip-inner{
    background-color: #db4d6d;
    border-radius: 8px;
    white-space:nowrap;
    /*max-width:195px;*/
    padding: 8px 16px!important;
    margin-top: 5px;
    font-size: var(--small-text-size);
    text-align: left;
	line-height: 20px;
	position:relative;
	right: calc(50% - 25px);
}
.tooltip.bottom .tooltip-arrow{border-bottom-color: #db4d6d; border-width: 0 5px 12px;padding-right:0px!important;}
.tooltip.bottom{margin-top: 0px;}

/*error position*/
.donation-page .donaform .donate-item i.fa-exclamation-circle{right:12px!important;}

.donation-page span.three-length div.tooltip .tooltip-inner{right:15px;}
.donation-page i.three-length + div.tooltip .tooltip-inner{right:15px;}
.donation-page i.five-length + div.tooltip .tooltip-inner{right:32px;}
.donation-page i.seven-length + div.tooltip .tooltip-inner{right:52px;}
.donation-page i.nine-length + div.tooltip .tooltip-inner{right:63px;}
.donation-page i.ten-length + div.tooltip .tooltip-inner{right:71px;}
.donation-page i.eleven-length + div.tooltip .tooltip-inner{right:79px;}
.donation-page i.twelve-length + div.tooltip .tooltip-inner{right:87px;}
.donation-page i.fourteen-length + div.tooltip .tooltip-inner{right:103px;}
.donation-page i.fifteen-length + div.tooltip .tooltip-inner{right:71px;}
.donation-page i.twenty-second-length + div.tooltip .tooltip-inner{right:87px;}
.donation-page i.twenty-four-length + div.tooltip .tooltip-inner{right:87px;}
.donation-page i.select-length + div.tooltip .tooltip-inner{right:67px;}
i[id^=erroritemid] + div.tooltip{margin-top:15px;}
i[id^=erroritemid] + div.tooltip .tooltip-arrow{margin-top:-15px;}
i[id^=erroritemid] + div.tooltip .tooltip-inner{margin-top:-8px;}

#address_details div.last-line i.seven-length + div.tooltip .tooltip-inner{position: relative;right:48px;}
.donation-page .info .type-amount i.nine-length + div.tooltip .tooltip-inner{position: relative;right:51px;}
.donation-page .info .donate-item i + div.tooltip .tooltip-inner{position: relative;right:75px;}

p.check_right_str{ margin: 2px 0 0;font-size: 14px;color: #787878;display: none;}
p.check_right_str .txt{margin-left: 23px;}
.check_right_icon{
    background-color: transparent;
    border: 1px solid #46A265;
    border-radius: 50%;
    height: 19px;
    position: absolute;
    width: 19px;
    margin-top: 3px;
}
.check_right_icon:after{
    border: 2px solid #46A265;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 4px;
    opacity: 1;
    position: absolute;
    top: 4.5px;
    transform: rotate(-45deg);
    width: 10px;
}

/*修改會員資料頁面*/
.receipt-option{
	margin-top:calc(var(--common-spacing) / 2);
	margin-bottom:calc(var(--common-spacing) / 2);
	justify-content: center;
	margin-left: -16px;
}
.receipt-option .btn_main_title {
    color: #000000;
    font-size: var(--text-size);
    font-weight: bold;
    display: block;	
    line-height: normal;
}
.receipt-option .fa-check {
	color:var(--bliss-simbol-color);
}
.donation-page .receipt-type {
  width: 224px;
  height: 86px;
  margin: 0 16px 0 0;
  padding: 0px;
  border-radius: 8px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.7), -1px -1px 3px 0 rgba(255, 255, 255, 0.4), -1px -1px 6px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 3px 0 rgba(255, 255, 255, 0.7);
  background-color: #fff;
  border: solid 2px transparent;
}
.donation-page .receipt-type:hover,.donation-page .receipt-type:focus,.donation-page .receipt-type.active{
	box-shadow: 1px 1px 6px 0 var(--bliss-simbol-color), -1px -1px 6px 0 var(--bliss-simbol-color);
    border-color: var(--bliss-simbol-color);
}
.donation-page .receipt-type i{
	font-size:18px;
	margin-right:5px;
	display:none;
}
.donation-page .receipt-type.active i{display:block;}
.donation-page .receipt-type.active i + span{text-align:left!important;}

.donation-page .receipt,.donation-page .commen-info,.donation-page .login-box{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.donation-page .history .receipt{margin-bottom: 20px;}

#address_details > div,#post_address > div,.form-group.is_address{padding-left:0;padding-right:0;}
.profile-edit #address_details > div,.profile-edit #post_address > div,.form-group.is_address{margin:0;}
.form-group.is_address{margin:24px auto;}
#address_details > div >div{padding-left:16px;}
#post_address > div >div:last-child,#class_address > div >div:last-child {padding-left:8px;padding-right:0px;}
#post_address > div >div:first-child,#class_address > div >div:first-child {padding-right:8px;}
#post_address .address:first-child:after,#class_address .address:first-child:after{right:8px;}
#address_details div.first-line,#post_address div.form-group:first-child{margin-bottom: 16px;}
#address_details .first-line:first-child,#address_details .mb-second-line,
#post_address .address:first-child,#post_address .mb-zero-bottom:first-child{padding-left:0;}
#address_details .first-line:nth-child(3),#address_details .mb-zero-bottom,
#post_address .mb-zero-bottom{padding-right:0;}
#post_address-group{display:inline-block;}
#overseas-address{padding:0;}
#overseas-address p{font-size: 18px;color: #000;margin-top: 23px;margin-bottom: 23px;padding-left: 0px;}
#overseas-address textarea
{
    border:1px solid var(--border-color);
    border-radius: 8px;
    font-size: var(--text-size);
    padding: 10px 16px;
    min-height: 130px;
    resize: vertical;
    overflow: hidden;
}
#query_data input[type="date"]
{
    font-size: 16px;
    border: solid 1px #464646;
    min-height: 50px;
    padding: 14px;
    border-radius: 8px;
    width: 100%;
}

.receipt .addressee input,.info .total-amount div.dis-amount{width:100%!important;min-height: 50px;
    border-bottom-right-radius: 8px!important;
    border-top-right-radius: 8px!important;}
.is_address > span,.donation-page .member #jform_profile_is_address span:first-child{font-size:var(--text-size);margin-right:32px; margin-left: 0px;float: left;}
#jform_profile_is_address span,.radio span{font-size:var(--text-size);color: #000;margin-right: 32px;}
.confirmation .radio span{margin-right: 30px;}

.receipt .address select,.info .donate-item select,
#query_data select,select#bank,select#haveid_city_id,select#haveid_district_id
{
	box-shadow: none;
    font-size: var(--text-size);
    padding-left: 16px;
    padding-right: 16px;
    color: #9fa19f;
    border-radius: 8px;
    border: solid 1px var(--border-color);
    border-width: 1px;
	height:var(--input-min-height);
	-webkit-appearance: none;
}
/*.view-remittance.win .receipt .address select,.view-remittance.win .info .donate-item select,
.view-remittance.win #query_data select,.view-remittance.win select#bank,
.view-remittance.win select#haveid_city_id,.view-remittance.win select#haveid_district_id{padding-left:12px;}*/
select.hasvalue{color:#000!important;}
.receipt .address.donaitem .input-group select,select#bank,
select#haveid_city_id,select#haveid_district_id{
	border-radius: 0 8px 8px 0;
}
select#bank option,
select#haveid_city_id option,select#haveid_district_id option{color:#000;}
.receipt .address select option{color: #323232;}
.receipt .address:after,.info .donate-item:after,
#query_data .selectgroup:after,#bank_group:after,
#haveid_city_id_group:after,#haveid_district_id_group:after
{
    content: '\25BC';
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    padding: 13px 12px;
    background: var(--bliss-simbol-color);
    pointer-events: none;
    border: 1px solid #646464;
    color: #fff;
    font-size: 14px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
	border: 1px solid var(--bliss-simbol-color);
    box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.7);	
	z-index:9;
}
#haveid_city_id_group{margin-bottom:calc(var(--common-spacing) / 3);}
#haveid_district_id_group{margin-bottom:calc(var(--common-spacing) / 1.5);}
.info .donate-item.forceitem:after{color:#C8C8C8;}
#donate_items_box.donate-item:after{padding: 0px 12px;display: flex;align-items: center;}

#overseas-address p{font-size: var(--text-size);margin-bottom: calc(var(--common-spacing) / 6);}
.commen-info .input-group{margin-bottom:calc(var(--common-spacing) / 3);}
.commen-info .input-group input
{
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
}
.commen-info .inputset{margin-bottom:calc(var(--common-spacing) / 6);}
.commen-info .input-group:last-child .inputset:last-child{margin-bottom:0;}

p.pass_info_str{ margin: 2px 0 0;font-size: 14px;color: #787878;text-align: left;line-height:normal;}
.donation-page .donaform p.pass_info_str i.fa-exclamation-circle,
.donation-page .history .pass .singlebox + p.pass_info_str i,
#login_prompt.pass_info_str i.fa-exclamation-circle{
    color: #B4B4B4!important;
    font-size: 19px;
    top: 1px!important;
    position: relative;
    right: 0!important;
}
#login_prompt.pass_info_str i.fa-exclamation-circle{font-size: 21px;}
.donation-page .donaform .receipt .pass p.pass_info_str i,
.donation-page .history .pass .singlebox + p.pass_info_str i,
.donation-page p.pass_info_str i.fa-exclamation-circle{
    color: var(--bliss-text-color)!important;
    top: 2px!important;
}

p.pass_info_str .txt{
	font-size:var(--text-size);
	line-break: anywhere;
    word-break: break-all;
}
.view-login p.pass_info_str .txt{font-size:var(--small-text-size);}

#login_prompt{
    text-align: left;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 27px;
}
#login_prompt.pass_info_str{margin-top: 69px;max-width:583px;}
#login_prompt.pass_info_str .txt{line-height: 27px;}
.front_login_prompt.pass_info_str .txt{font-size: 14px;color: #787878!important;}
.front_login_prompt.pass_info_str.mb{display: none!important;}
#login_prompt.pass_info_str .txt .cline{display: inline-block;}
.donation-page .donaform .receipt .pass .front_login_prompt.pass_info_str i{color: #B4B4B4!important;}
#login_prompt.pass_info_str a{color: #46A265;text-decoration: underline;cursor: pointer;}
.front_login_prompt.pass_info_str.pc {
    text-align: center;
    margin: 18px 0 0 -37px;
}
.forgetpass.pass_info_str{display: inline-block;}

/*error position : select*/
.donation-page .address i.fa-exclamation-circle{right: 12px!important;}

/*匿名捐款*/
.donation-page .donaform{margin: 0 auto ;}
.donation-page .donaform .info .form-group{margin-bottom: 5px;}
.donation-page .donaform .receipt .form-group{margin-bottom: 25px;}
.info .donate-item select{min-height: 70px;}

.info .donate-item .dropdownMenuButton,#query_data .dropdownMenuButton{
    width: 100%;
    text-align: left;
    min-height: var(--input-min-height);
    border-radius: 0 8px 8px 0;
    font-size: var(--text-size);
    background-color: white;
    border: 1px solid var(--border-color);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding: 6px 16px;	
}
#donate_items .dropdownMenuButton{
	min-height: 85px;
	padding:8px 16px;
}
#query_data .dropdownMenuButton{min-height: 50px;color: #000;border-radius:8px;}
#query_data .dropdownMenuButton span.item{
    display: block;
    padding-right: 20px;
    white-space: pre-wrap;
}
.info .donate-item .dropdownMenuButton .item{
	color: #9fa19f;
    display: block;
    padding-right: 20px;
    white-space: pre-wrap;
}
.info .donate-item .dropdownMenuButton .item.hasvalue{color:#0f0f0f;}
.info .donate-item .dropdownMenuButton .dis{color: #787878;}
.info .donate-item .dropdown-menu, #query_data .dropdown-menu{
    background-color: white;
    border-radius: 0 8px 8px 8px;
    border: solid 1px var(--border-color);
    margin-top: 0;
    border-top: none;
    overflow-y: scroll;
    max-height: 315px;
    width:100%;
}
#query_data .dropdown-menu.one-element{height: 51px;}
#query_data .dropdown-menu.two-element{height: 101px;}
#query_data .dropdown-menu.three-element{height: 151px;}
#query_data .dropdown-menu.over-three-element{height: 175px;}
.info .donate-item .dropdown-item, #query_data .dropdown-item{
    padding: 8px 24px 8px 16px;
    display: block;
    font-size: var(--text-size);
    padding-right:0;
    color: #0f0f0f;
    text-decoration: none;
    cursor:pointer;
}
#received_items .dropdown-menu .dropdown-item:first-child{display:none;}
#query_data .dropdown-item{padding: 14px 16px;}
.info .donate-item .dropdown-item .dis{display: block;font-size: var(--small-text-size);line-height: 1.2em;color: #7d7d7d;padding-right: 4px;text-align: left;}
.info .donate-item button.btn span.dis{
    font-size: var(--small-text-size);
    display: block;
    white-space: initial;
    padding-right: 16px;
    line-height: 1.2em;
    text-align: left;
	color:#7d7d7d;
}
.info .donate-item .dropdown-item:hover,.info .donate-item .dropdown-item.active,
#query_data .dropdown-item:hover,#query_data .dropdown-item.active{
    color: white;
    background-color: var(--bliss-simbol-color);
}
.info .donate-item .dropdown-item:hover .dis,.info .donate-item .dropdown-item.active .dis{color:white;}

div.type-amount{width:20%;}
div.remove{text-align: left;line-height: 70px;}
.remittance div.remove{
    margin-bottom: 24px;
    margin-top: -8px;	
	line-height:normal!important;
}
div.remove button.btn{
	color:var(--bliss-text-color);
	text-decoration-line: underline;
	font-size:var(--text-size);
	background:transparent;
	font-weight:600;
	padding:0 10px;
}
.addbutton div.remove button.btn{border: 2px solid #B4B4B4;}
.addbutton div.remove button.btn span{color: #B4B4B4;}
div.remove .donate-btngroup.mb{display: none;}

.donation-page .donaform textarea.faketextinput{
    min-height: var(--input-min-height);
    border-radius: 8px;
    width: 100%;
    resize: none;
    overflow:hidden;
    font-size:var(--text-size);
    color: #9fa19f;
    padding: 12px 16px;
    white-space: pre;
}
.donation-page .donaform.remittance textarea.faketextinput{
	min-height:var(--input-min-height);
	border: 1px solid var(--border-color);
	border-radius:0 8px 8px 0;
	line-height: inherit!important;
}

.info .total-amount{max-width: 343px;}
.info .total-amount .input-group-addon{font-size: 20px;font-weight: normal;}
.info .total-amount div.dis-amount{
    min-height: 70px;
    font-size: 20px;
    color: #46A265;
    font-weight: 700;
    text-align: right;
    line-height: 54px;
}
.donation-page .donaform .receipt{margin-bottom: 0;}
.donation-page .remittance .receipt.member{margin-bottom: 30px;}
.donation-page .donaform .receipt .singlebox,.donation-page .history .singlebox{margin: 0 auto;float: none;}
.donation-page .login-box .singlebox .pass_info_str{
	margin: -8px 15px 0;
	display: flex;
    justify-content: space-between;
}
.donation-page .donaform .header{margin-bottom: 70px;}

.donate-btngroup{text-align: center;margin-top: 14px;}
.view-reset .donate-btngroup{margin-top:24px;}
.donate-btngroup a,.credit-btn a.btn,.donate-btngroup button{
    font-size: var(--text-size);
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 15px;
    min-width: 96px;
    border: 1.5px solid transparent;
}
.credit-btn a.btn{
    padding: 12px 15px;
    background-color: var(--bliss-text-color);
    border-color: var(--bliss-text-color);
    box-shadow: none;
    width:100%;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.7), -1px -1px 3px 0 rgba(255, 255, 255, 0.4), -1px -1px 5px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 3px 0 rgba(255, 255, 255, 0.7);	
}
.credit-btn a.btn:hover{
	box-shadow: inset -1px -1px 3px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 6px 0 rgba(0, 0, 0, 0.7), inset 1px 1px 3px 0 rgba(255, 255, 255, 0.4), inset -1px -1px 6px 0 rgba(255, 255, 255, 0.7);
}
.donate-btngroup a.focus{
    background-color: transparent;
    border-color: #46A265;
    color: #46A265;
}
.donate-btngroup a[disabled]{
    background-color: #fff;
    border-color:#e0ded6;
    color:#e0ded6;
}

.donation-page i.fa-exclamation-circle{
    color: #db4d6d!important;
    top:18px!important;
    font-size: 17px;
    right: 16px!important;

}

/*具名捐款*/
#n1.has_prompt{padding-top: 91px;margin-top: -20px;}
.member .statusbar .statusnum{
    width:24.1%;
    font: inherit;
    font-family: "微軟正黑體","Times New Roman";
}
.member .statusbar .statusnum.lastchild{width:auto;}
.member .statusbar .statusnum:nth-child(1):after{content: "捐款資料";margin-left: -15px;}
.member .statusbar .statusnum:nth-child(2):after{content: "聯絡資料";margin-left: -15px;}
.member .statusbar .statusnum:nth-child(3):after{content: "收據方式";margin-left: -15px;}
.member .statusbar .statusnum:nth-child(4):after{content: "確認資料";margin-left: -15px;}
.member .statusbar .statusnum:nth-child(5):after{content: "付款";margin-right: -15px;}

.donation-page .donaform.member .receipt{border-top-left-radius: 0px;border-top-right-radius: 0px;}
.donation-page .donaform.member .receipt.no-memberid-style{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.donation-page .donaform .receipt .pass{text-align: center;}
.donation-page .donaform .receipt .pass .singlebox{display: inline-block;margin-left: 80px;}
.donation-page .donaform .receipt .pass .singlebox + p.pass_info_str,
.donation-page .history .pass .singlebox + p.pass_info_str{line-height: 45px;display: inline-block;color: #46A265;}
.donation-page .donaform .receipt .pass p.pass_info_str a,
.donation-page .history .pass .singlebox + p.pass_info_str a,
.donation-page p.pass_info_str a{color: var(--bliss-text-color);}
.donation-page .donaform .receipt .pass .singlebox + p.pass_info_str i,
.donation-page .donaform.member .receipt .form-group{margin-bottom: 30px;}
.donation-page .donaform .receipt .form-group.radio{margin-top:0;}
.member .radio input[type="radio"]:checked + label{margin-right: 10px;}
.confirmation .radio input[type="radio"]:checked + label{margin-right: 4px;}
.member .radio label{margin-right:10px;display: inline-block;}
.confirmation .radio label{margin-right: 4px;}

.donation-page .member .form-group > div .phone_btn button.btn{width:68px;}

.donation-page .no.receipt{padding-bottom: 50px;}
.no.receipt p.pass_info_str{text-align: center;font-size: 16px;}
p.pass_info_str span.yearlyinfo_pc.txt{font-size: var(--text-size);color: #000;margin-right: 0px;}
p.pass_info_str a.yearlyinfo_mb,.remittanceinfo_mb{display: none;}
p.pass_info_str a.yearlyinfo_mb span{font-size: 13px;color: #787878;text-decoration: underline;}
.donate-dialog .modal-content
{
    width: 270px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 8px;
    background-color: #EBE9E6;
    font-size: 15px;
    color: #787878;
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    box-shadow: none;
    border: none;
}
.donate-dialog .close
{
    width: 270px;
    margin: 0 auto;
    float: none;
    padding: 13px;
    text-align: center;
    background-color: #46A265;
    opacity: 1;
    text-shadow: none;
    border-radius: 8px;
    border-top-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
}
.donate-dialog .close span
{
    margin-right: 0;
    color: white;
}

.member .name-id .dropdown-menu{
    border-radius: 8px;
    background-color: white;
    margin-left: 0px;
    margin-right: 0px;
    overflow-y: scroll;
    margin-top: -26px;
    border: solid 1px var(--border-color);
    border-top: none;
	width: 73.3%;
    left: auto;
    right: 0;
}
.view-remittance .member .name-id .dropdown-menu{margin-top: 0px;}

.member .name-id .dropdown-menu.one-element{
    height: 62px;
}
.member .name-id .dropdown-menu.two-element{
    height: 123px;
}
.member .name-id .dropdown-menu.three-element{
    height: 181px;
}
.member .name-id .dropdown-menu.over-three-element{
    height: 185px;
}
.member .name-id .dropdown-menu a
{
    display: block;
    font-size: var(--text-size);
    padding: 19px 13px;
    color: #000;
}
.member .name-id .dropdown-menu a:hover{
    color: white;
    background-color: var(--bliss-text-color);
    text-decoration: none;
}

#goto_loginblock{cursor: pointer;text-decoration: underline;color: #db4d6d;}

/*具名捐款、匿名捐款尾巴與footer的距離*/
@media (min-width: 481px)
{
	.remittance .donate-btngroup-box{margin-bottom: 56px;}
}

#confirmationEnd{margin-bottom: 95px;}
.donation-page.profile-edit{margin: 0 auto 36px;}
.donation-page.registration{margin: 0 auto 16px;}
.donation-page.reset{margin:0 auto 56px;}


/*捐款資料確認頁面*/
.donation-page .confirmation .receipt
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top:70px;
    padding-bottom: 70px;
}
.donation-page .donaform.confirmation .receipt .form-group{
    padding-top:50px;
    padding-bottom:50px;
    background: white;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-left: 100px;
    margin-right: 100px;
}
.donation-page .donaform.confirmation .receipt .form-group.price{margin-bottom: 3px;}
.donation-page .donaform.confirmation .receipt .form-group.donateitems{
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 3px;
    margin-left: 120px;
    margin-right: 120px;
    padding-left:45px;
    padding-right:45px;
}
.donation-page .donaform.confirmation .receipt .form-group.donateitems.last{margin-bottom: 30px;}
.donation-page .donaform.confirmation .receipt .form-group.donadata,
.donation-page .donaform.confirmation .receipt .form-group.contact-info,
.donation-page .donaform.confirmation .receipt .form-group.receipt-info.last{margin-bottom: 0;}
.donation-page .donaform.confirmation .receipt .form-group.iagree{background: transparent;}
.donation-page .donaform.confirmation .receipt .confirm_icon{
    width: 32px;
    height: 32px;
    background-image: url(https://s3-us-west-2.amazonaws.com/www1.blisswisdom.org/images/donation/ok_icon.svg);
    background-size: 32px 32px;
    position: absolute;
    margin-left: -16px;
}
.donation-page .donaform.confirmation .receipt .labeltxt{width:25%;}
.donation-page .donaform.confirmation .receipt .value{width:75%;padding-left:22px;}

.receipt .price span{font-size: 24px;font-weight: 700;}
.receipt .labeltxt{text-align: right;color: #c8c8c8;}
.receipt .donateitems,.receipt .receipt-info .donadata:not(:last-child),
.receipt .contact-info .donadata:not(:last-child){margin-bottom: 25px;}
.receipt .receipt-info .donadata.last{margin-bottom:0px;}
.receipt .donateitems span{font-size: 16px;font-weight: 700;}
.receipt .donadata {font-size: 16px;}
.receipt .donadata .labeltxt span{font-weight: 700;}
.donation-page .donaform.confirmation .iagree{margin-bottom: 23px;}
.donation-page .donaform.confirmation p.pass_info_str{margin: 4px 0 0;text-align: center;}
.donation-page .donaform.confirmation #error_iagree,
.donation-page .result.registration .form-group.iagree{
    max-width: 338px;
    margin-left: auto!important;
    margin-right: auto!important;
    border:1px solid transparent;
}
.donation-page .donaform.confirmation #error_iagree{max-width: 510px;}
.donation-page .donaform.confirmation .radio{margin-top: 0px;margin-bottom: 0px;padding-left: 0;}
.donation-page .donaform.confirmation .upnta p.pass_info_str{
    text-align: left;
    margin-left: -48px;
    line-height: 1.5;
}
.donation-page .donaform.confirmation .upnta p.pass_info_str .txt{margin-left:0;}
.donation-page .donaform.confirmation .upnta p.pass_info_str .secondline{display: inline-block;margin-left: 20px;}
.receipt .donateitems p{font-weight: 700;}
.receipt .donateitems p.item{margin-bottom: 7px;}
.receipt .donateitems p.name{margin-bottom: 0px;line-height: 1.5;}
.receipt .donateitems p.id{margin-bottom: 0px;line-height: 1.5;}
.receipt .donateitems .three-line p.amount{margin-top: 23.5px;}
.receipt .donateitems .two-line p.amount{margin-top: 10.5px;}
.receipt .donateitems .one-line p.amount{line-height: 1.3;}
.receipt .donateitems .one-line p.item{margin-bottom: 0;}
.receipt .donateitems p.amount{font-size: 20px;float:right;margin-bottom: 0;}
.donation-page .confirmation p.pass_info_str .txt.secondline{display:block;margin-left: 20px;}
.donation-page .donaform.confirmation .receipt .form-group.lightform-info .note .value{
    width: 100%;color: #323232;line-height: 1.5;
    padding-left: 78px;padding-right: 60px;
}


/*捐款結果頁面*/
.donation-page.result #mainbodyBox
{
    background-color: rgba(70,162,101,0.7);
}
.donation-page.result #mainbodyBox.donate-page{background-color:white;}
.donation-page.result .receipt.result
{
	margin:0 auto 20px;
	padding-top:39px;
}
.donation-page.result .result.registration{padding-bottom: 50px;}
.donation-page.result .result-icon
{
    width: 24px;
    height: 24px;
    background-image: url(https://s3-us-west-2.amazonaws.com/www1.blisswisdom.org/images/donation/check_icon.svg);
    background-size: 24px 24px;
    margin: 0 16px 0 0;	
}
.donation-page.result #mainbodyBox .failure .result-icon{
    background-image: url(https://s3-us-west-2.amazonaws.com/www1.blisswisdom.org/images/donation/x_icon.svg);
}
.donation-page.result .receipt.result h2
{
	text-align: center;
    font-size: 24px;
    color: var(--bliss-text-color);
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 10px;
}
.donation-page.result .welcome .receipt.result h2{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:32px;
	margin-top: 0px;
}
.donation-page.result .donaform .receipt.result .msg,
.donation-page.specintro .donaform .receipt.result .msg
{
    border-radius: 8px;
    background-color: white;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 20px;
}
.donation-page.result .donaform .result.registration .msg{margin-bottom: 50px;padding-bottom: 50px;}
.donation-page.result .donaform .receipt.result .msg .txtgroup{max-width: 295px;margin: 0 auto;}
.donation-page.result .donaform .receipt.result .msg .txtgroup.registered{max-width: 420px;}
.donation-page.result .receipt.result p{text-align: center;margin-bottom: 15px;line-height: 1.5;}
.donation-page.result .complete .receipt.result p{line-height: 2;}
.donation-page.result .complete .receipt.result p span.second,
.donation-page.result .donaform.failure .receipt .msg p.last span.second{display: block;}
.donation-page.result .welcome .receipt.result p{font-size:var(--text-size);line-height:36px;}
.donation-page.result .donaform.failure .receipt .msg p:first-child{margin-bottom: 27px;}
.donation-page.result .donaform.failure .receipt .msg p.last{margin-top: 27px;margin-bottom: 0;}
.donation-page.result .donaform .receipt .msg .txtgroup p{text-align: left;margin-bottom: 0!important;}
.donation-page.result .donaform .receipt .result-btn{text-align: center;margin-bottom: 30px;box-shadow: none;}
.donation-page.result .donaform.welcome .receipt div.result-btn{
	margin-top:32px;
	margin-left:auto;
	margin-right:auto;
}
.donation-page.result .donaform .result.registration .result-btn{margin-bottom: 0;min-width: 113px;}
.donation-page.result div.memberdata{background-color: transparent;font-weight: 700;}
.donation-page .donaform .receipt.registration .form-group.last{margin-bottom: 0;}

.donation-page.result .donaform .result.registration .msg p{line-height: 1.5;margin-bottom:24px;}
.donation-page.result .donaform .result.registration .msg p:first-child{margin-bottom:36px;}
.donation-page.result .donaform .result.registration .msg p.reduceheight{margin-bottom:15px;}
.donation-page.result .receipt.result .result_img{margin-top:20px;margin-bottom: 0;}
.donation-page.result .receipt.result p.chline{margin-top:36px;}
.donation-page.result .receipt.result .specinfo p,
.donation-page.result .donaform .result.registration .msg .specinfo p{margin-bottom: 0;}
.donation-page.result .receipt.result .specinfo{margin-bottom: 15px;}

/*捐款記錄查詢*/
.donation-page #query_data label{font-size: var(--text-size); font-weight: 700;margin-bottom: 10px;margin-left: 16px;color:#000;}
.donation-page .history .pass .singlebox{
    margin: 0 0px 0 175px;
    float: none;
    display: inline-block;
}
#query_data input[type="date"]{font-weight: 700;color: #787878;height:50px;line-height: normal;}
#query_data .choice_date div.txt{
    display: inline-block;
    float: left;
    margin-left: 22px;
    margin-right: 22px;
    font-size: 16px;
    line-height: 50px;
}
#query_data .selectgroup:after{right:10px;}
.donation-page .credit #query_data .selectgroup:after{right:30px;display:flex;align-items:center;}
#query_data .form-group.last{margin-bottom: 80px;}

#query_data .result{margin-left: -50px;}
#query_data .result .panel{border: none;margin-bottom: 30px;}
#query_data .result p.amount{
    color: #46A265;
    font-size: 36px;
    margin-bottom: 2px;
    margin-top: 10px;
    line-height: 1.5;
    text-align: right;
}
#query_data .result p.pay_date{
    font-weight: normal;
    margin-bottom: 7px;
}
#query_data .result p.item{
    font-size: 20px;
    margin-bottom: 2px;
    line-height: 1.5;
}
#query_data .result p.name{
    margin-bottom: 0;
}
#query_data .result p.method{
    font-weight: normal;
    margin-bottom: 0;
    text-align: right;
}
#query_data .result .panel-heading.no{
    width:50px;
    vertical-align: middle;
    text-align: center;
    background-color: #46A265;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 24px;
    font-weight: 700;
}
#query_data .result .panel-heading.description{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px 35px;
    background-color: #f3f2ef;
}
#query_data .result .panel-body.no{
    width:50px;
}
#query_data .result .panel-body.description
{
    border:none;
    background-color: #fafaf9;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 0px 35px;
}
#query_data .result .panel-body.description td{
    font-size: 16px;
    border-bottom: none;
    padding: 15px 2px;
    color: #787878;
}
.donation-page .noitem-block{
    padding: 37px;
    background-color: #EBE9E6;
    border-radius: 8px;
}
.donation-page .noitem-block p{
    margin: 0;
    text-align: center;
}

/*徵信資料查詢*/
.donation-page .credit .querybox.selectgroup{padding-left: 10px;padding-right: 30px;max-width: 100%!important;}
#donateitem .selectgroup.forceitem:after,#donateitem.forceitem:after{
	color: #fff;
	background: #B5B5B5;
	border: 1px solid #646464;
	box-shadow:none;
}
#donateitem .selectgroup.forceitem .btn,#donateitem.forceitem .btn{cursor:default;}
.donation-page .credit .querybox.credit-btn{padding-left: 30px;padding-right: 10px;display:flex;}
.donation-page .credit .result{margin-top: 80px;}
.donation-page .credit .result .table{margin-bottom: 48px;}
.donation-page .credit .result div.row{
    font-size: 16px;padding: 13px 16px;color: #323232;font-family: 微軟正黑體;
    margin-left: 0;margin-right: 0;
}
.donation-page .credit .result div.row:nth-child(even){ background-color: #fafaf9;}
.donation-page .credit .result div.row:nth-child(odd){background-color: #f3f2ef;}
.donation-page .credit .result .row.title{color: #787878;font-weight: 700;}
.donation-page .credit .result div.row:first-child{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.donation-page .credit .result div.row:last-child{
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.donation-page .credit .txt{margin-left: 16px;margin-bottom: 30px;line-height: normal;font-size:var(--text-size);}

/*error input border*/
.donation-page #system-message-container{margin: 0 auto;}
.donation-page #system-message,.donation-page .alert-error,.donation-page .alert-warning{margin: 0px auto;}
.donation-page .alert-warning,.donation-page .alert-error,.donation-page .alert-message,
.donation-page .alert-error,.donation-page .alert-notice{
    padding: 30px 29px 30px 50px;
    background-color: transparent;
    border: 1px solid #DB4D6D;
    border-radius: 8px;
}
.donation-page .alert-message{
	border: 1px solid #57AF75;
}
.donation-page .alert-warning .close,.donation-page .alert-error .close,.donation-page .alert-message .close,.donation-page .alert-error .close,.donation-page .alert-notice .close{margin-top: -20px;margin-right:-13px;color:#DB4D6D;opacity:1;}
.donation-page .alert-message .close{
	color:#57AF75;
}
.donation-page .alert-warning h4,.donation-page .alert-error h4,.donation-page .alert-message h4,
.donation-page .alert-notice h4{display: none;}
.donation-page .alert-warning p,.donation-page .alert-error p,.donation-page .alert-message p,.donation-page .alert-notice p{
    font-size: var(--text-size);
    color:#db4d6d;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 27px;
	text-align:left;	
	text-indent: -0.55em;
    margin-left: 1.05em;	
}
.donation-page .alert-message p{
    color:#46A265;
}
.donation-page .alert-warning p:last-child,.donation-page .alert-error p:last-child,.donation-page .alert-message p:last-child,
.donation-page .alert-error div:last-child,.donation-page .alert-notice p{
    margin-bottom:0;
}
.donation-page .alert-warning p:before,.donation-page .alert-error p:before,
.donation-page .alert-notice p:before{
    content: "\f06a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    color:#db4d6d;
    font-size: 19px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.donation-page .alert-message p:before{
    content: "";
    display: inline-block;
    color:#46A265;
    margin-right: 5px;
    position: relative;
    top: 3px;
    width: 17px;
    height: 17px;
    background-image: url(https://s3-us-west-2.amazonaws.com/www1.blisswisdom.org/images/donation/check_icon.svg);
    background-size: 17px;
}

/*頁碼*/
.donation-page .pagination{
    float: none;
    display: table;
    margin: 0 auto;
}
.donation-page .pagination > li:first-child > a{
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}
.donation-page .pagination > li:last-child > a{
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}
.donation-page .pagination > li.first a,
.donation-page .pagination > li.last a{
    padding-left: 5px;
    padding-right: 5px;
}
.donation-page .pagination > li.pre a,
.donation-page .pagination > li.next a{
    padding-left: 8px;
    padding-right: 8px;
}
/* 無 disabled 最前/前一頁*/
.donation-page .pagination .line-left,.donation-page .pagination .line-left-disabled{
    border-top: 4px solid #fff;
    border-right: 6px solid var(--bliss-simbol-color);
    border-bottom: 4px solid #fff;
    display: inline-block;
    border-left: none;
}
.donation-page .pagination .arrow-left,.donation-page .pagination .arrow-left-disabled{
    border-top: 4px solid #fff;
    border-right: 6px solid var(--bliss-simbol-color);
    border-bottom: 4px solid #fff;
}
.pagination > li > a:hover .arrow-left, .pagination > li > a:focus .arrow-left, .pagination > li > a:hover .line-left, .pagination > li > a:focus .line-left, .line-left:hover, .line-left:focus, .arrow-left:hover, .arrow-left:focus{
    border-top: 4px solid var(--bliss-simbol-color)!important;
    border-right: 6px solid #fff!important;
    border-bottom: 4px solid var(--bliss-simbol-color)!important;	
}
/* 無 disabled 最後/下一頁*/
.donation-page .pagination .arrow-right,.donation-page .pagination .arrow-right-disabled{
    border-top: 4px solid #fff;
    border-left: 6px solid var(--bliss-simbol-color);
    border-bottom: 4px solid #fff;
}
.pagination > li > a:hover .arrow-right, .pagination > li > a:focus .arrow-right, .pagination > li > a:hover .line-right, .pagination > li > a:focus .line-right, .line-right:hover, .line-right:focus, .arrow-right:hover, .arrow-right:focus{
    border-top: 4px solid var(--bliss-simbol-color)!important;
    border-left: 6px solid #fff!important;
    border-bottom: 4px solid var(--bliss-simbol-color)!important;	
}
.donation-page .pagination .line-right,.donation-page .pagination .line-right-disabled {
    display: inline-block;
    border-top: 4px solid #fff;
    border-left: 6px solid var(--bliss-simbol-color);
    border-bottom: 4px solid #fff;
    border-right: none;
}
.donation-page .pagination .line-left-disabled,.donation-page .pagination .arrow-left-disabled{
    border-right: 6px solid #C8C8C8;
}
.donation-page .pagination .arrow-right-disabled,.donation-page .pagination .line-right-disabled{
    border-left: 6px solid #C8C8C8;
}
.donation-page .pagination > li > a{
    color:var(--bliss-text-color);
}
.donation-page .pagination > .active > a{
    background-color: var(--bliss-simbol-color);
    border-color: var(--bliss-simbol-color);
    color:white;
}
.donation-page .pagination > li.next > a,.donation-page .pagination > li.last > a,
.donation-page .pagination > li.pre > a,.donation-page .pagination > li.first > a,
.donation-page .pagination > li.disabled > a:hover,.donation-page .pagination > li.disabled > a:focus{
    background-color: #fff;
}
.donation-page .pagination > li > a:hover,.donation-page .pagination > li > a:focus{
    color: #fff;
    background-color: var(--bliss-simbol-color);
    border-color: #C8C8C8;
}

.donation-page .pagination.overfive > li:not(.first):not(.pre):not(.next):not(.last):not(.active):not(.middle):not(.last_el) > a
{
    display: none;
}
.donation-page .pagination > li.middle a{
    color: var(--bliss-simbol-color);
    background-color: #fff;
}

/*忘記密碼*/
.donation-page.reset p.pass_info_str{
    background: transparent;
    border: none;
    padding: 0;
	margin-bottom: calc(var(--common-spacing) / 2);
    margin-left: auto;
    margin-right: auto;	
    text-align: left;
	color:#000;
	line-height:27px;
}
.donation-page.reset .donaform .receipt .form-group:nth-child(2){display: none;}

/*線下匯款通知*/
#virtual_date,#entity_date{
    height: var(--input-min-height);
    line-height: normal;
}
.remittance .radio_title{margin-left: -2px;margin-right: 32px;}
.remittance .member .radio label,.remittance .member .radio input[type="radio"]:checked + label{margin-right: 5px;}
.donation-page legend{color:var(--bliss-text-color);margin-left:-16px;border-bottom:0;padding-bottom:0;margin-bottom:calc(var(--common-spacing) / 2);font-size:24px;}
.donation-page.view-credit legend{margin-left:0px;}
legend.mb_toptitle{display:none;}
.remittance .receipt .addressee{margin-bottom: 16px;}
.remittance .receipt .form-group .radio_itembox{padding-left: 0;padding-right: 0;display: inline;}
#entity_acc_type_radio .radio_title,#entity_acc_type_radio .radio_itembox{display: block;margin-bottom: 8px;}
.donation-page .donaform.remittance .receipt #irs_uploadinfo.form-group{margin-left: 62px;margin-right: 62px;}
.donation-page.result.layout-remittance .donaform .receipt.result .msg{padding-bottom: 44px;}
.donation-page.result .success .receipt.result p.pass_info_str{margin-bottom: 6px;}
.donation-page .donaform.remittance .receipt .form-group{margin:0 10px 10px 10px;padding:0;}
.rounded_corners_btn{
	width: 198px;
    margin: 0 16px 0 0;
    padding: 5px 0px;
    border-radius: 21px;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.7), -1px -1px 3px 0 rgba(255, 255, 255, 0.4), -1px -1px 5px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 3px 0 rgba(255, 255, 255, 0.7);
    border: solid 1px var(--bliss-text-color);
    background-color: var(--bliss-text-color);
    color: #fff;
	font-size:var(--text-size);
    display: inline-block;
    text-align: center;	
}
.rounded_corners_btn:hover, .rounded_corners_btn:focus, .rounded_corners_btn:active{
	color: #fff;
    text-decoration: none;
    box-shadow: inset -1px -1px 3px 0 rgba(255, 255, 255, 0.9), inset 1px 1px 6px 0 rgba(0, 0, 0, 0.7), inset 1px 1px 3px 0 rgba(255, 255, 255, 0.4), inset -1px -1px 6px 0 rgba(255, 255, 255, 0.7);
}
input#add_ad_zipcode{border-radius: 8px;}
#class_address input[type="text"]{border-radius: 8px;}
#class_address .form-group > div {padding:0;}
#class_address .form-group > div:last-child {padding-left:8px;}
.view-remittance #system-message .alert.alert-error {display: none;}
.pass_info_str.accinfo{color:#DB4D6D;font-size:var(--small-text-size);line-height: 150%;margin: -12px auto 16px;padding-left:200px;}

#error_iagree.error{
	padding: 14px 32px;
    border-radius: 8px;
	background-color:#fbedf0;
	position:relative;
	width: fit-content;
    margin-left: auto;
    margin-right: auto;	
}
#error_iagree.error i{display:none;}
#error_iagree.error i + div.tooltip.bottom{
	top:35px!important;
	left:2px!important;
}
#error_iagree.error i + div.tooltip.bottom .tooltip-arrow{left:50%!important;}

.item-page.donation-page{margin-bottom: 70px;}

/*捐款服務選單*/
.t3-megamenu .dropdown-menu .mega-nav > li.active{background:#b2a68e;}
.row-feature.donation{
    padding:0px 0 0 0;width:100%;background-color:white;
    border-bottom: 2px solid #e0ded6;
}
@media (max-width: 790px) and (min-width: 768px){
    .row-feature.donation.menu.pc .container{width: 760px;}
    .donation-page i.five-length + div.tooltip .tooltip-inner{right:29px;}	
	.tooltip-inner,
	.donation-page i.nine-length + div.tooltip .tooltip-inner,
	.donation-page i.eleven-length + div.tooltip .tooltip-inner,
	.donation-page i.twelve-length + div.tooltip .tooltip-inner,
	.donation-page i.fourteen-length + div.tooltip .tooltip-inner,
	.donation-page i.twenty-second-length + div.tooltip .tooltip-inner,
	.donation-page i.twenty-four-length + div.tooltip .tooltip-inner,
	.donation-page i.fifteen-length + div.tooltip .tooltip-inner,
	.donation-page i.seven-length + div.tooltip .tooltip-inner,
	.donation-page i.ten-length + div.tooltip .tooltip-inner{right:37px;}	
	
	.donation-page .info .donate-item i + div.tooltip .tooltip-inner{position: relative;right:38px;}
	
}
ul.donation{max-width:800px;margin:0 auto;}

ul.donation li,.donation.mb ul li{
    float: left;
    width: auto;
    text-align: center;
    margin-top: 0;
    width: 16.66666%; /*上線後，16.66666%*/
}

ul.donation li.active:hover > a,.donation.mb ul li.active:hover > a{background-color:#46A265; }
ul.donation.nav-pills > li > a,.donation.mb ul.nav-pills > li > a {
    font-size: 16px;
    padding: 13px 14px;	 /*上線後，13px 14px*/
    min-width: 133px; /*上線後，133px*/
    /*color: #AD9E82;*/
    color: #46A265;
    font-weight: bold;
}

ul.donation.nav > li > a:hover, ul.donation.nav > li > a:focus,
.donation.mb ul.nav > li > a:hover, .donation.mb ul.nav > li > a:focus{
    text-decoration: none;
    background-color: #46A265;
    color:white;
}

.donation.mb ul.dropdown-menu{
    /*能讓子選單與母親同寬*/
    position: absolute;
    left: 0;
    right: 0;
    min-width: auto;
    box-shadow: none;
}
.donation.mb a.dropdown-toggle .caret{
    position: absolute;
    margin-top: -6px;
    left:50%;
    margin-left: -4px;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-bottom: 4px solid;
    border-top: none;
}

ul.donation .dropdown-menu li,.donation.mb ul.dropdown-menu li{
    width:100%;
    border: 1px solid #46A265;
}
ul.donation .dropdown-menu li:not(:last-child),
.donation.mb ul.dropdown-menu li:not(:last-child){
    border-bottom: 0px;
}
ul.donation .dropdown-menu > li > a{
    padding:13px 14px;
    color: #46A265;
    background-color: white;
    font-size: 16px;
    font-weight: bold;
}
.donation.mb ul.dropdown-menu li a
{
    color: #46A265;
    background-color: white;
    font-weight:bold;
    padding: 9px 0px;
    line-height: 17px;
}

ul.donation .dropdown-menu > li > a:hover,
.donation.mb ul.dropdown-menu li a:hover{
    color: white;
    background-color: #46A265;
}
ul.donation.nav li .caret{
    border-top-color: #46A265;
    border-bottom-color: #46A265;
    margin-left:10px;
}
ul.donation.nav li.active .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
    margin-left:10px;
}
ul.donation.nav > li > a:hover .caret,
ul.donation.nav > li > a:focus .caret,
.donation.mb ul.nav > li > a:hover .caret,
.donation.mb ul.nav > li > a:focus .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
}

ul.donation.nav-pills li.active > a,
.donation.mb ul.nav-pills li.active > a{background-color:#46A265; color:white;}

.donation.mb{
    background-color: #F5F5F4;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width:100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none !important;
    z-index: 9999;
    top:unset!important;
}

.donation.mb ul li a{
    line-height: 1;
    padding: 12px 24px;
    color: #C8C8C8;
}

/*南海專案介紹頁*/
.donation-page.specintro #mainbodyBox{background-color: #EBE9E6;}
.donation-page.specintro .msg h2,
.donation-page.specintro .msg p{text-align: center;line-height: 1.8;margin: 0;}
.donation-page.specintro .msg h2{ color: #46A265;}
.donation-page.specintro .msg div.firstpart,
.donation-page.specintro .msg div.secondpart{margin-top:32px;}
.donation-page.specintro .form-group.result-btn{text-align: center;margin-top: 30px;margin-bottom: 25px!important;}
.donation-page.specintro .result-btn a{
    background-color: #46A265;
    border-color: #46A265;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 15px;
    min-width: 500px;
    box-shadow: none;
}
.donation-page.specintro p.specnote{width: 500px;}


/*登入、註冊頁面驗證碼*/
.com_users.view-login.donation-page #system-message .alert.alert-error,
.com_users.view-registration.donation-page #system-message .alert.alert-error
{
	display:none;	
}
.view-login.donation-page #captcha{margin: 18px auto 24px;}
.view-login.donation-page #captcha > div,
.com_users.view-registration.donation-page #jform_captcha > div{margin: 0 auto;}
.com_users.view-registration.donation-page #jform_captcha{margin: 23px auto 20px;}
#jform_captcha{margin: 0 auto;width: fit-content;}
#captcha-group{margin-top: 40px;margin-bottom: 24px;}

/*匯款資料填寫*/
.info .input-group{width:100%;}

/*避免 vue 還沒計算完就顯示*/
[v-cloak] { display: none; }

@media (min-width: 992px)
{
    .donation-page.registration,.donation-page.profile-edit,
    .donation-page .donaform,.donation-page.login,.donation-page #system-message-container,.donation-page.reset{width:716px;}
	.donation-page .credit{width:744px;}
    #areacode_btn{width:187px;}
    .remittance #areacode_btn{width:338px;}
    .donaform.remittance{padding-top: 20px;margin-top: 0px;}
}

@media (max-width: 991px) {
    #areacode_btn{width:187px;}

    /*匿名捐款*/
    .donation-page .donaform .info .form-group{margin-left: 20px;margin-right: 5px;}
    .info .total-amount{margin-left: 25px;}
    #n1{padding-top: 91px; margin-top: 16px;}  /*anchor跳轉看padding*/
    #n1.has_prompt{padding-top: 91px;margin-top: -32px;}
    #n2{padding-top: 90px; margin-top: 57px; }
    #n3{padding-top: 90px; margin-top: 57px; }

    #login_prompt.pass_info_str{margin-top: 54px;}
    .front_login_prompt.pass_info_str.pc{
        margin: 18px 52px 0 52px;
        text-align: center;
    }

    /*具名/匿名捐款資料確認頁面*/
    .donation-page .donaform.confirmation .receipt .form-group{margin-left: 60px;margin-right: 60px;}

    /*捐款結果頁面*/
    .donation-page.result .donaform .receipt.result .msg,
    .donation-page .donaform .receipt.registration .form-group{margin-left: 17px;margin-right: 17px;}
    .donation-page .donaform.confirmation .receipt .form-group.donateitems{margin-left: 73px;margin-right: 73px;}

    /*捐款歷史查詢*/
    .donation-page .credit .querybox.selectgroup{padding-right:10px;}
    .donation-page .credit .querybox.credit-btn{padding-left:10px;}
    .donation-page #query_data label{margin-left: 17px;}
    #query_data .choice_date div.txt{margin-left: 6px;margin-right: 6px;}
    .donation-page .history .pass .singlebox{margin: 0 0px 0 160px;}
    #query_data .dropdown-item{padding: 14px 7px;}

    /*徵信查詢*/
    .donation-page .credit #query_data .selectgroup:after{right:10px;}
	.donation-page .credit .txt{margin-left: 17px;margin-right: 17px;}

    /*線下匯款通知-991*/
    .donation-page .donaform.remittance .receipt #irs_uploadinfo.form-group{margin-left: 30px;margin-right: 30px;}
    .donation-page legend{padding: 0;margin-left:0;margin-top:20px;}
    .remittance #areacode_btn{width: 330px;}

    /*選單*/
    ul.donation.nav-pills > li > a,
    .donation.mb ul.nav-pills > li > a{
        padding: 13px 4px;
        min-width: 123px;
    }

}

@media (min-width: 768px) {
	.donation-page.view-donation .info,
	.donation-page.view-donation .donaform.member .receipt
	{
		border: 1px solid #C8C8C8;
		border-top: none;
	}		
	.donation-page.layout-edit .page-header,
	.donation-page.view-profile .page-header,
	.donation-page.view-login .page-header,
	.donation-page.view-registration .page-header,
	.donation-page.view-reset .page-header{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}	

	.sslinfo.pc{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.sslinfo.mb{display:none;}
	
	i.hidden767{display:none;}
	
	.profile-edit select.form-control{width:100%;height: var(--input-min-height);}
	#post_address .form-group div:nth-child(even) .tooltip-inner{right:40px;}
	
	.donation-page.layout-editsuccess .donaform.welcome .receipt div.result-btn{
		margin-left:-20px;
		margin-right:-20px;
	}
	
	.donation-page.reset .receipt,.view-login .info{
		max-width: 580px;
		margin: 0 auto 16px;	
	}
	.donation-page.reset p.pass_info_str{width: calc(100% - 20px);}	
}
@media (max-width: 768px) {
    .donation-page.specintro .donaform .receipt{margin-top:0!important;}
}
@media (max-width: 767px) {
	.donation-page .t3-mainbody{padding-left:10px;padding-right:10px;}
	.donation-page.layout-orgcomplete .t3-mainbody{margin-left:0;margin-right:0;}
	.donation-page .page-title, .donation-page .page-header h1{
		font-size: var(--small-title-size);
	}
	.donation-page .page-header{
		padding-top: 19px;
		margin-bottom: calc(var(--common-spacing)/4);
	}
	.donation-page .page-title i{margin-right:17px;}
	#jform_captcha{font-size:15px;}
    .donation-page.view-article .t3-mainbody{background-color:#fff;}
    .donation-page.view-history .t3-mainbody{padding-top: 0;}
    .donation-page.view-history .t3-mainbody.nocolor,
    .donation-page.view-credit .t3-mainbody.nocolor,
    .donation-page.view-remittance .t3-mainbody.nocolor{background-color: transparent;}
    .donation-page .t3-content{padding-top: 0;}
    .donation-page.registration, .donation-page.profile-edit{margin-top: 0px;}
	
	.inputset{width: 100%;}
	.inputset.th-1 .input-group-addon{display:block!important;}
	.input-group-addon:not(.phone_btn){
		display: block;
		background-color: transparent;
		border: none;
		text-align: left;
		padding: 0;		
		margin-bottom:8px;
	}
	.input-group-addon.virtualacc{
		padding: 12px 16px;
		width: 100%;
		display: table-cell;
		float: left;
		background-color: #fff;
		border-top-left-radius: 8px!important;
		border-bottom-left-radius: 8px!important;
		border-left: 1px solid #646464;
		border-top: 1px solid #646464;
		border-bottom: 1px solid #646464;
		max-width: 86px;
		height: 45px;
		margin-bottom: 0;		
	}
	.input-group-addon.virtualacc + input{
		width: calc(100% - 86px);
		border-top-left-radius: 0px!important;
		border-bottom-left-radius: 0px!important;		
	}
	.phone_btn button.btn{width:124px; height: 45px;}
	.donation-page .iagree label{top:-1.5px;}
	
    .donation-page .info{padding-top: calc(var(--common-spacing) / 2);padding-bottom: 0px;}
	.donation-page.view-remittance .info{padding-top:0;}
    .donation-page .info .form-group {margin-bottom: 0px;}
	.donation-page .info .form-group .received-unit{margin-bottom: 35px;}
    .donation-page .info input,.donation-page .donaform .info input,
    .donation-page .donaform textarea.faketextinput,
	.receipt .address select,
	.info .input-group .form-control:not(:first-child):not(:last-child),
	select#bank, select#haveid_city_id, select#haveid_district_id{
        height: 45px;
        min-height: 45px;
		padding: 10px 16px;
        white-space: nowrap;
        line-height: inherit!important;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
		-webkit-appearance: none;
    }
	.view-remittanc.win select#bank,
	.view-remittanc.win .receipt .address select, 
	.view-remittanc.win #receipt-info .input-group .form-control{padding: 10px 12px;}
    #address_details .form-group > div:nth-child(odd),#post_address .form-group > div:nth-child(odd){padding-right: 6px!important;padding-left: 0px;}
    #address_details .form-group div:nth-child(even),#post_address .form-group div:nth-child(even){padding-left: 6px;}
    #address_details .form-group div.last-line{padding-right: 0px!important;}
    #address_details .form-group div:nth-child(odd):after,#post_address .form-group div:nth-child(odd):after{right:5px;}

    .donation-page .form-group > div .phone_btn button.btn{min-height: 45px;font-size: 15px;}

    .view-registration .registration .form-group.submit_btn > div{margin-left: 62px;margin-right: 62px;}
    .donation-page .form-group.submit_btn button.btn,
    .donation-page.result #mainbodyBox a.result-btn,.donate-btngroup button.active,
	.donate-btngroup a.active{
		width: calc(100% - 60px);
		min-width:auto;
		margin-left: auto;
		margin-right: auto;
	}
    #areacode_btn{height:136px;width:505px;}
    .info .donate-item .dropdown-menu{max-height:315px;z-index: 99999;}
	.info .donate-item #received_items .dropdown-menu{max-height: 192px;}
    #areacode_btn a{
        padding: 12px;
        font-size: 15px;
    }
    #areacode_btn a > span{
        padding: 0px 19px 0 0;
        margin-right: -2px;
    }
    .donation-page .iagree #error_iagree,.donation-page .donaform.confirmation #error_iagree{padding: 11px 32px;}
	
    .donation-page .iagree span.noticeone{margin-left: 0px;text-align: justify;}
    .donation-page .iagree span.noticetwo{text-align: justify;margin-left: 0;}
    .donation-page .iagree span.noticetwo span{display: inline;}	

    p.check_right_str{font-size: 13px;line-height: 1.4;}
    p.check_right_str .txt{margin-left: 17px;}
    .check_right_icon {
        height: 13px;
        width: 13px;
    }
    .check_right_icon:after {
        height: 5px;
        left: 2px;
        top: 2px;
        width: 7px;
    }
	.donation-page i.fa-exclamation-circle{right:20px!important;top: 40px!important;}
	.donation-page i#error_classnum.fa-exclamation-circle{top: 15px!important;}
	
	#login-description{margin-bottom:0;margin-top: calc(var(--common-spacing)/2);line-break: anywhere;}

    /*修改會員資料頁面*/
	.sslinfo.pc{display:none;}
	
	.receipt-option{margin-left: auto;margin-right: auto;flex-direction:column;width: auto!important;height: auto!important;padding:8px!important;}
	.donation-page .receipt-type{margin: 0 8px 0 0;flex-grow: 1;height:62px;}
	.receipt-option .btn_main_title{font-size:var(--small-text-size);}
	.donation-page .receipt-type i{font-size:15px;}
	.donation-page .receipt-option > a{margin-right:0;margin-bottom:8px;width:100%;}

    .donation-page.view-profile .info{padding-top:0;margin-bottom: calc(var(--common-spacing) / 2);}
    .donation-page .receipt{padding-top:0;padding-bottom: 0;}
    .is_address > span,.donation-page .member #jform_profile_is_address span:first-child{margin-right: 25px;}
    .donation-page .receipt .form-group.is_address{margin-bottom: calc(var(--common-spacing) / 2);}
    .donation-page .receipt #address_details .form-group,
    .donation-page .receipt #post_address .form-group{margin-bottom: 15px;}
    .donation-page .receipt #post_address .form-group:not(:last-child){margin-bottom: 0px;}
    .receipt .address:after,.info .donate-item:after{padding: 13px;right:0px;}
	.info .donate-item:after,#bank_group:after,
	.remittance .receipt .address.donaitem:after,
	#haveid_city_id_group:after, #haveid_district_id_group:after{top:26px;}
    #query_data input[type="date"]{
        padding:12px;
        min-height: 45px;
        height:45px;
        line-height: normal;		
    }
    #address_details div.first-line{margin-bottom: 12px;width:50%;}
    #address_details div.mb-second-line{margin-bottom: 12px;width:50%;}
    #address_details div.last-line{margin-bottom:0;width:100%;}
    .donation-page .commen-info{padding-bottom: 0px;}
	.commen-info .inputset,.commen-info .input-group{margin-bottom: calc(var(--common-spacing) / 4);}
    .donation-page .commen-info .input-group-addon{margin-bottom: 4px;}
	.donation-page .commen-info .input-group .inputset:first-child{display:none;}
	.donation-page .commen-info .input-group .inputset:nth-child(2) .input-group-addon span{display:inline-block!important;}

    .donation-page .form-group.submit_btn{padding-top:0px;margin-left:-10px;margin-right:-10px;}

    /*匿名捐款*/
    #n1{margin-top:0;padding-top: 0;}
    #n1.has_prompt{padding-top: 0;margin-top: 15px;}
    #n2{padding-top: 0px;margin-top: 290px;}
    #n3{padding-top: 0px;margin-top: 290px;}
    .donate-btngroup-box{margin-left: 52px;margin-right: 52px;}
    div.remove .donate-btngroup-box{margin-left: 0px;margin-right: 0px;}
    .donation-page .donaform .header{
        padding-top: 26px;
        background: white;
        padding-bottom: 26px;
        margin-bottom: 0;
        margin-left: -20px;
        margin-right: -20px;
		border-top:1px solid #C1B6A1;
    }
    #n2 .header{margin-bottom: 70px;}
    .statusbar{margin-bottom: 0;}
    .statusbar .statusnum:before,.statusbar .statusnum.active:before{
        font-size: 15px;
        line-height: 21px;
        height: 26px;
        width: 26px;
        margin-top: -13px;
    }
    .statusbar .statusnum.active:before{background-size:26px 26px;}
    .statusbar .statusnum:after{content: "" !important;}
    .donation-page .donaform .info .form-group{margin-left: 52px;margin-right: 52px;}
    .donation-page.layout-anonymous .donaform textarea.faketextinput{white-space: nowrap;}
    div.name-id,div.type-amount,div.donate-item,.remittance div.name-id{width:100%;}
    div.remove{width:100%;line-height: 1;}
    .donation-page .info .form-group > div.remove,.remittance .receipt.member .form-group > div.remove{padding-left: 0;padding-right: 0;}
    .donate-btngroup{
        display: table;
        width: 100%;
        border-collapse: separate;
    }
	.view-remittance .donate-btngroup{
		max-width: 240px;
		padding-bottom: 24px;
		margin-left: auto;
		margin-right: auto;		
		padding-left: 0px;
		padding-right: 0px;		
	}
    .donate-btngroup a,.donate-btngroup button{
        display: table-cell;
        padding: 7px;
    }
    div.remove .donate-btngroup.mb{display: table;text-align: center;margin-top: -10px;}
    div.remove .donate-btngroup.mb a.disabled{border-color: #dfddd5;color: #dfddd5;background-color: transparent;}
    .info .total-amount{margin-left: 62px;margin-right: 62px;max-width: 100%;margin-bottom:20px;}
    .info .total-amount .input-group-addon{font-size: 15px;}
    .info .total-amount div.dis-amount{
        min-height: 45px;
        font-size: 15px;
        line-height: 31px;
    }
    .donation-page .donaform .receipt .singlebox{width:100%;}

    .info .donate-item .dropdownMenuButton{min-height: 45px;border-radius:8px;line-height:normal;}
    .info .donate-item .dropdownMenuButton .dis{display: none;}

    #login_prompt.pass_info_str{margin-top: 15px;}
    .donation-page .donaform .receipt .pass .front_login_prompt.pass_info_str.pc{display: none!important;}
    .donation-page .donaform .receipt .pass .front_login_prompt.pass_info_str.mb{display: block!important;line-height: normal;}
    .donation-page .donaform .receipt .pass .front_login_prompt.pass_info_str.mb i{margin-bottom: 0;}

    /*具名捐款*/
    .donation-page .donaform .receipt .pass .singlebox{margin-left: 0;}
    .donaform.member #n2 .header,.donaform.member #n3 .header{margin-bottom: 0px;}
    .donation-page .donaform.member .receipt{padding-top: 34px;}
    .donation-page .donaform.member .login .receipt{padding-top: 20px;}
    .donation-page .donaform.member .receipt .form-group{margin-bottom: 15px;}
    .donation-page .donaform.member .receipt .form-group.radio{margin-bottom: 28px;}
    .mb-zero-bottom{margin-bottom: 0px!important;}
    .donation-page .donaform .receipt .pass p.pass_info_str,
    .donation-page .history .pass .singlebox + p.pass_info_str{
        display: block;
        line-height: 1;
        margin-top: 16px;
        padding: 0 10px 0 23px;
    }
    .donation-page .donaform .receipt .pass p.pass_info_str{
        display: block!important;
    }
    .donation-page .donaform .receipt .pass p.pass_info_str .txt,
    .donation-page .history .pass .singlebox + p.pass_info_str .txt{font-size: 14px; }
    p.pass_info_str span.yearlyinfo_pc{display: none;}
    p.pass_info_str a.yearlyinfo_mb{display: inline;}
	.radio span.remittanceinfo{
		display: block;
		text-indent: -0.1em;
		margin-left: 1.8em;		
		font-size:var(--small-text-size);
		color:#505050;
		margin-right: 0px;		
	}
    .no.receipt p.pass_info_str{font-size: 13px;}
    .donation-page .no.receipt{padding-bottom: 13px;}
    .member .name-id .dropdown-menu{
        margin-left: 10px;
        margin-right: 10px;
        width: 96.8%;
		margin-top: -20px;
    }

    /*逆名/具名捐款資料確認頁面*/
    .donation-page .confirmation .receipt{padding-top: 30px;padding-bottom: 15px;}
    .donation-page .donaform.confirmation .receipt .form-group{margin-bottom: 15px;padding-top: 30px;padding-bottom: 30px;}
    .donation-page .donaform.confirmation .receipt .labeltxt,
    .donation-page .donaform.confirmation .receipt .value,
    .donation-page .receipt .form-group > div.donadata,
    .donation-page .receipt .form-group.noticeemail > div{margin-bottom:0;}
    .donation-page .confirmation .receipt .form-group > div{margin-left: 0;margin-right: 0;}
    .donation-page .donaform.confirmation .iagree{margin-top:0;margin-bottom: 0px;}
    .donation-page .donaform.confirmation .donate-btngroup{margin-top: 17px;}
    .donation-page .donaform.confirmation p.pass_info_str{margin: 0;}
    .receipt .price span{font-size: 16px;}
    .receipt .donateitems span,.receipt .donadata,.donate-btngroup a,.donate-btngroup button{font-size: 15px;}
    .donation-page .donaform.confirmation .receipt .confirm_icon{
        width: 26px;
        height: 26px;
        background-size: 26px 26px;
        margin-left: -13px;
    }
    .donation-page .donaform.confirmation .receipt .value{padding-left: 4px;padding-right: 24px;}
    .donation-page .donaform.confirmation .receipt .donateitems{margin-bottom: 30px;}
    .donation-page .donaform.confirmation .receipt .donateitems.last,
    .donation-page .receipt .form-group.receipt-info > div.donadata:not(:last-child),
    .donation-page .receipt .form-group.contact-info .donadata:not(:last-child){margin-bottom: 15px;}
    .donation-page .receipt .form-group.receipt-info > div.donadata.last{margin-bottom: 0;}
    .donation-page .donaform.confirmation .receipt .donateitems .value:after{
        border-bottom: 1px solid #C8C8C8;
        content: "";
        width: 150px;
        position: absolute;
        bottom: -14.5px;
        left: 0;
    }
    .donation-page .donaform.confirmation .receipt .donateitems.last .value:after{border: none;width: 0px;}
    .donation-page .donaform.confirmation .receipt .donateitems .mbstyle{display: block;margin-top: 15px;}
    .donation-page .donaform.confirmation .receipt .form-group.donateitems{padding-top:20px;padding-bottom: 20px; }
    .donation-page .donaform.confirmation .receipt .form-group.donateitems.last{margin-bottom: 15px;}
    .donation-page .confirmation .receipt .form-group.donateitems > div{margin-bottom: 0;}
    .receipt .donateitems p{font-size: 15px;}
    .receipt .donateitems p.item,.receipt .donateitems .one-line p.item{margin-bottom: 8px;line-height: 1.2;}
    .receipt .donateitems p.amount{float: none;font-size: 16px;margin-top: 16px!important;}
    .receipt .donateitems .one-line p.amount{line-height: 1.8em;margin-top: 13px!important;}
    .donation-page .donaform.confirmation .upnta p.pass_info_str{margin-left: -92px;}
    .donation-page .confirmation p.pass_info_str .txt.secondline{margin-left: 18px;}

    /*捐款成功/失敗結果頁面*/
    .donation-page.result .result-icon
    {
		width: 20px;
		height: 20px;	
		background-size: 20px 20px;
		margin: 0 16px 0 0;
    }
    .donation-page.result .donaform .receipt.result .msg{
        padding-top: 30px;
        padding-bottom: 30px;
        margin-left: 52px;
        margin-right: 52px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .donation-page.result .receipt.result h2,.donation-page.result .welcome .receipt.result h2{
		font-size:22px;
		margin-top: 4px;
    }
    .donation-page.result .receipt.result p{font-size: 15px;margin-bottom: 14px;line-height: 1.5;}
    .donation-page.result .success .receipt.result p{font-size: 15px;margin-bottom: 10px;line-height: 1.4;}
    .donation-page.result .welcome .receipt.result p{margin-bottom: 18px;}
    .donation-page.result .receipt.result p.check_right_str{margin-bottom: 0;}
    .donation-page.result .donaform .receipt.result .result-btn{
		display:flex;
		flex-direction:column;
		margin-left: 30px;
		margin-right: 30px;	
		margin-bottom:8px;
	}
	.donation-page.result.layout-welcome .donaform .receipt.result .result-btn,
	.donation-page.result.layout-editsuccess .donaform .receipt.result .result-btn{max-width:300px;}
	.donation-page.result .donaform .receipt a.result-btn{
		margin-bottom:16px!important;
		margin-right:0;
	}	
	.donation-page.result .donaform .receipt a.result-btn:last-child{margin-right:30px;}
    .donation-page.result .donaform.welcome .receipt div.result-btn{margin-top: 27px;}
    .donation-page.result .donaform.failure .receipt .msg p:first-child{margin-bottom: 16px;}
    .donation-page.result .donaform.failure .receipt .msg p.last{margin-top: 16px;}
    .donation-page.result .donaform .result.registration .msg{margin-bottom: 30px;padding-bottom: 30px;}
    .donation-page.result .donaform .result.registration .msg p{line-height: 1.5;margin-bottom: 16px;}
    .donation-page.result .donaform .result.registration .msg p:first-child{margin-bottom: 30px;}
    .donation-page.result .donaform .result.registration .msg p.reduceheight{margin-bottom: 10px;}
    .donation-page.result .donaform .result.registration .msg p:nth-child(2){margin-bottom: 8px;}
    .donation-page.result .result.registration{padding-bottom: 0;}
    .donation-page .donaform .receipt.registration .form-group,
    .donation-page.result .donaform .result.registration .donate-btngroup-box{
        margin-left: 42px;margin-right: 42px;margin-bottom: 0;
    }
    .donation-page.result div.memberdata{
         font-size: 15px;
         min-height: 45px;
         padding: 12px;
     }
    .donation-page.result .welcome a.result-btn{font-size: 15px;}

    .donation-page.result .donaform .result.registration .result-btn{
        width: auto!important;
        min-width: auto;
        padding: 10px 16px;
    }
    .donation-page .donaform .receipt.registration .form-group.last div.last{margin-bottom: 0;}

    /*捐款歷史查詢*/
    .donation-page .history,.donation-page .credit,.donation-page.login{margin-top: 0;}
    .donation-page .history .receipt{margin-top: 30px;}
    .donation-page .history .receipt .form-group {margin-left: 52px;margin-right: 52px;}
    .donation-page .history .receipt .form-group:first-child{margin-bottom: 0px;}
    .donation-page .history .singlebox,.donation-page .login .singlebox{width:100%;}
    .donation-page .history .pass .singlebox{margin: 0 auto;display: block;}
    #query_data .choice_date div.startdate, #query_data .choice_date div.enddate,
    .history-btn, #query_data .selectgroup{max-width: 100%;width:48%;}
    #query_data .choice_date div.txt{margin-left: 2px;margin-right: 2px;}
    #query_data .result p.item{font-size: 17px;}
    #query_data .result p.amount{font-size: 28px;margin-bottom: 5px;}
    #query_data .result p.pay_date{margin-bottom: 8px;}
    #query_data .result p.item{line-height: 1.2;}
    #query_data .dropdownMenuButton{min-height: 45px; }
    #query_data .selectgroup:after{padding: 13px;}
    .credit-btn a.btn{width: 100%;max-width: 240px;margin-left: auto;margin-right: auto;}
    #query_data .form-group.last{margin-bottom: 50px;}
    #query_data .result .panel-heading.no{width:40px;}
    #query_data .result .panel-heading.description{padding: 10px 18px;}
    #query_data .result .panel-body.description{padding: 0px 18px;}
    #query_data .dropdown-item{padding: 11.5px 7px;}
    #query_data .dropdown-menu.one-element{height: 46px;}
    #query_data .dropdown-menu.two-element{height: 91px;}
    #query_data .dropdown-menu.three-element{height: 136px;}
    #query_data .dropdown-menu.over-three-element{height: 160px;}
    .donation-page #query_data label{margin-left: 64px;}
    #query_data .result .panel{margin-bottom: 15px;}

    /*查詢徵信資料頁面*/
    .donation-page .credit .result{margin-left:-10px!important;margin-right: -10px!important;margin-top: 50px;}
    .donation-page .credit .result .table{margin-bottom: 15px;}
    .donation-page .credit .result div.row{
        padding: 11px 21px;
        font-size: 15px;
    }
    .donation-page .credit .result div.row:first-child{
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        display: none;
     }
    .donation-page .credit .result div.row:last-child{
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .donation-page .credit .result div.row:nth-child(even){
        background-color: #f3f2ef;
    }
    .donation-page .credit .result div.row:nth-child(odd){
        background-color: #fafaf9;
    }
    .donation-page .credit .result div.row > div{width:50%;}
	.donation-page .credit .txt{margin-top: 30px;margin-left: 64px;margin-right: 64px;}

    /*登入*/
	.donation-page .login-box .singlebox .pass_info_str{margin: -8px 6px 0;}
	.view-login.donation-page #captcha{ margin: 16px auto 24px;}
	.com_users.view-registration.donation-page #jform_captcha {margin: 0px auto 25px;}

    /*忘記密碼*/
	.donation-page.reset{margin-bottom: 24px;}
    .donation-page.reset .receipt{padding-bottom: 8px;}
    .donation-page.reset .donate-btngroup{margin-top: 0;}
    .donation-page.reset .donate-btngroup button{max-width:240px;width:100%;}

    /*線下匯款通知-767*/
	.donation-page legend{font-size:22px;color:#fff;padding-left:10px;}
	#toptitle{
		margin-left: -10px;
		margin-right: -10px;
		background: var(--bliss-simbol-color);
		margin-top:-25px;
	}
	legend.mb_toptitle{display:block;font-size:18px;margin-bottom:0;line-height:normal;padding-top: 16px;}
	#toptitle legend:last-child{padding-bottom: 8px;margin-top:0;}	
    #virtual_date,#entity_date{
        height: 45px;
    }
	#donate_items .dropdownMenuButton{min-height: 108px;}
	div.donate-item{margin-bottom:24px;}
	#donate_items_box{margin-bottom:16px;}
    .donaform.remittance{margin: -5px auto 0; }
    .donation-page .remittance .receipt{margin-bottom: 0px;}
    .donation-page .remittance .no.receipt
    {
        margin-bottom: 20px;
        margin-left: -20px;
        margin-right: -20px;
        padding-top: 34px;
        padding-bottom: 30px;
    }
    .donation-page .remittance .receipt{
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .remittance .form-group .address.donaitem{margin-top: 20px;margin-bottom: 20px;}
    .remittance .accbox{padding-top:0px; }
    #irs_uploadinfo.form-group i{font-size: 17px;}
    .donaform.remittance .receipt .form-group.entityacc{margin-bottom: 12px;}
	#post_address .address:first-child{margin-bottom:12px;}
    #payment_type_radio{margin-bottom: 16px;}
    .remittance .radio_title,.remittance .receipt .form-group .radio_itembox{display: block;margin-bottom: 8px;}
	#entity_acc_type_radio.radio span{margin-right:0;}
    .remittance .receipt .form-group .radio_itembox:nth-child(4){margin-bottom: 0px;}
    .remittance .receipt.member .form-group.radio{padding-top: 32px;}
    .remittance .receipt.member .addressbox .form-group.radio {padding-top: 16px;}
    .remittance .amount_box{width: 100%;}
    .donation-page .donaform.remittance textarea.faketextinput{min-height: 45px;border-radius:8px;}
    .remittance .member #jform_profile_is_address span.add_title{display: block;margin-bottom: 8px;float: none;margin-left: 0;}
    .remittance .receipt #jform_profile_is_address .form-group .radio_itembox:nth-child(4){margin-bottom: 16px;}
    #entity_date,#virtual_date{min-height: 45px;}
    .donation-page.result.layout-remittance .donaform .receipt.result .msg{padding-bottom: 25px;}
	.donation-page .donaform.remittance .receipt .form-group{margin-left:0;margin-right:0;}
	#jform_contact_phone{
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}
	#dona_details .receipt-option{
		padding: 8px!important;
		width: 320px!important;
		height: 148px!important;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		margin:-4px auto 16px;
	}
	#dona_details .receipt-option .receipt-type{
		width: calc(100%/2 - 6px);
		height: calc(100%/2 - 8px);
		margin: 0 6px 8px 0;		
	}
	#dona_details .receipt-option .receipt-type:nth-child(2){margin-right: 0;}
	#dona_details .receipt-option .receipt-type:nth-child(3), #dona_details .receipt-option .receipt-type:nth-child(4) {margin-bottom: 0;}
	div.remove button.btn{padding-left:0;}
	.addressbox > span {margin-left:0!important;}
	.view-remittance .pass_info_str{top: 0px!important;margin-left:0!important;margin-bottom: 24px!important;}
	.pass_info_str.accinfo{padding-left:0;}
	#haveid_district_id_group{margin-bottom: calc(var(--common-spacing) / 3);}
	.remittance .receipt .addressee{margin-bottom:24px;}
	.remittance .radio_itembox{margin-left:8px;}
	#phone_btn_label{display: block!important;}

    /*捐款服務選單*/
    .row-feature.donation.menu.pc { display:none;}
    .donation.menu.mb{display:block!important;}
    .donation.mb ul{display: block;margin: 0 auto;}
    .donation.mb ul.nav-pills > li > a{
        font-size: 14px;
        padding: 9px 0px;
        min-width: auto;
        /*color: #c8c8c8;*/
        line-height: 17px;
        font-weight: bold;
    }
	
	.donation-page.result .receipt.result p .chlinesec{display: block;margin-bottom: 15px;}	

    /*捐款服務banner*/
    .donation-page .slideshow{display: none;}

    .donation-page.specintro .donaform .receipt.result .msg{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
	
	.donation-page.result .receipt.result p .chlinesec{display: block;margin-bottom: 15px;}

    /*error*/
    .donation-page.com_users #system-message, .donation-page.com_bliss #system-message,.donation-page .alert-error{margin: 19px auto 5px;}
	
	/*error msg*/
    .donation-page .alert-warning,.donation-page .alert-error,.donation-page .alert-message,
    .donation-page .alert-error{
		padding: 0; 
		background-color: transparent;
		margin-bottom: 15px;
		padding: 25px 25px 25px 40px;
	}		
	.donation-page .alert-warning .close, .donation-page .alert-error .close, .donation-page .alert-message .close, .donation-page .alert-error .close, .donation-page .alert-notice .close{margin-top: -18px;}	
	
	i.hidden767{display:inline-block;}
	.tooltip-inner,
	.donation-page i.nine-length + div.tooltip .tooltip-inner,
	.donation-page i.eleven-length + div.tooltip .tooltip-inner,
	.donation-page i.twelve-length + div.tooltip .tooltip-inner,
	.donation-page i.fourteen-length + div.tooltip .tooltip-inner,
	.donation-page i.twenty-second-length + div.tooltip .tooltip-inner,
	.donation-page i.twenty-four-length + div.tooltip .tooltip-inner,
	.donation-page i.fifteen-length + div.tooltip .tooltip-inner,
	.donation-page i.seven-length + div.tooltip .tooltip-inner,
	.donation-page i.ten-length + div.tooltip .tooltip-inner,
	.donation-page i.select-length + div.tooltip .tooltip-inner,
	.donation-page .info .donate-item i + div.tooltip .tooltip-inner{right:14px;}
	
	.donation-page .address i.fa-exclamation-circle,
	.donation-page #post_address i.fa-exclamation-circle{right: 7px!important;top: 18px!important;}
	.donation-page .address.donaitem i.fa-exclamation-circle{right: 14px!important;top: 40px!important;}
	.donation-page #address_details i.fa-exclamation-circle{top: 18px!important;}
	#address_details div.mb-second-line i.select-length + div.tooltip .tooltip-inner,
	#address_details div.first-line:nth-child(2) i.select-length + div.tooltip .tooltip-inner,
	#post_address .form-group div:nth-child(even){right:0px;}
}

@media (max-width: 767px) and (min-width: 651px) {
    .donation-page .donaform .donate-item i.fa-exclamation-circle{right:17px!important;}

    /*error position*/
    .donation-page span.three-length div.tooltip .tooltip-inner{position: relative;right:12px;}
    .donation-page i.three-length + div.tooltip .tooltip-inner{position: relative;right:12px;}
    .donation-page i.five-length + div.tooltip .tooltip-inner{position: relative;right:26px;}
	

    #address_details div.last-line i.seven-length + div.tooltip .tooltip-inner{position: relative;right:45px;}
    #post_address div.row:nth-child(2) div:first-child i.fa-exclamation-circle{right: 19px!important;}

    .donation-page .info .type-amount i.nine-length + div.tooltip .tooltip-inner{position: relative;right:47px;}
}

@media (max-width: 650px) {
    .donation-page .info .form-group > div{padding-left: 0px;padding-right: 0px;}
    .view-registration .registration .form-group.submit_btn > div,
    .donation-page.result .donaform .receipt.result .msg,
    .donation-page .donaform .receipt.registration .form-group,
    .donation-page .credit #query_data .form-group{margin-left: 5%;margin-right: 5%;}
	
    .donation-page .donaform .donate-item i.fa-exclamation-circle{right:7px!important;}

    /*error position*/
    .donation-page span.three-length div.tooltip .tooltip-inner{position: relative;right:14px;}
    .donation-page i.three-length + div.tooltip .tooltip-inner{position: relative;right:14px;}

    #address_details div.mb-second-line i.fa-exclamation-circle,
    #address_details div.first-line:nth-child(2) i.fa-exclamation-circle,
    #post_address div.address:nth-child(2) i.fa-exclamation-circle{right:7px!important;}
    #address_details div.last-line i.seven-length + div.tooltip .tooltip-inner{position: relative;right:50px;}
    #post_address div.row:nth-child(2) div:first-child i.fa-exclamation-circle{right: 19px!important;}
    .donation-page i.overseas.seven-length + div.tooltip .tooltip-inner{position: relative;right:54px;}

    /*修改會員捐款資料*/
    .is_address > span,.donation-page .member #jform_profile_is_address span:first-child{margin-left:14px;}
    #address_details .form-group div:nth-child(even),#address_details .form-group div.last-line,
    #post_address .form-group div:nth-child(even){padding-right: 0px;}
    #address_details .form-group div:nth-child(even):after,#post_address .form-group div:nth-child(even):after{right:0;}
    #overseas-address{padding: 0;margin-left: 5%;margin-right: 5%;}
    .donation-page .commen-info .form-group > div{padding-left:0;padding-right:0;}

    /*匿名捐款*/
    .donate-btngroup-box,
    .donation-page.result .donaform .result.registration .donate-btngroup-box{margin-right: calc(5% - 10px);margin-left: calc(5% - 10px);}
    div.remove .donate-btngroup-box{margin-right: -10px;margin-left: -10px;}
    .info .total-amount{margin-right: 5%;margin-left: 5%;}
    .donation-page .donaform .receipt .singlebox{padding-left: 0px;padding-right: 0px;}

    /*具名捐款*/
    .donation-page .donaform .receipt .form-group > div{padding-left: 0;padding-right: 0;}
    .donation-page .donaform.member .receipt .form-group.radio{padding-left: 13px;}
    .member .name-id .dropdown-menu{width:100%;margin-right: 0;margin-left: 0;}
    .donation-page .donaform .receipt .pass p.pass_info_str{padding: 0 10px 0 13px;}
    #login_prompt.pass_info_str .txt .cline{display: inline;}

    /*匿名/具名捐款資料確認頁面*/
    .donation-page .donaform.confirmation .receipt .form-group{margin-left: 5%;margin-right: 5%;}
    .donation-page .donaform .receipt .form-group.price > div.labeltxt{padding-left: 10px;padding-right: 10px;}
    .donation-page .donaform.confirmation .receipt .labeltxt{width:33.33333333%;}
    .donation-page .donaform.confirmation .receipt .value{width:66.66666667%}
    .donation-page .donaform.confirmation .upnta p.pass_info_str .txt{position: relative;top:-21px;}
    .donation-page .donaform.confirmation .upnta p.pass_info_str .secondline{text-align: justify;}
    .donation-page .donaform.confirmation .upnta p.pass_info_str .firstline{
        text-align: justify;
        display: inline-block;
        margin-left: 20px;
    }
    .donation-page .donaform.confirmation .receipt .form-group.lightform-info .note .value{padding-left: 97px;padding-right: 60px;}

    /*捐款結果頁面*/
    .donation-page.result .donaform .receipt.result .msg .txtgroup{max-width: 100%;}
    .donation-page .donaform.confirmation .receipt .form-group.donateitems{margin-right: calc(5% + 13px);margin-left: calc(5% + 13px);}
    .donation-page.result .complete .receipt.result p span.second,
    .donation-page.result .donaform.failure .receipt .msg p.last span.second{display: inline;}
    .donation-page.result .complete .receipt.result p{line-height: 1.5!important;}

    /*結果頁面加工*/
    .donation-page.result .donaform .receipt.result .msg .specinfo{margin-bottom: 10px!important;}
    .donation-page.result .donaform .receipt.result .msg .specinfo p{display: inline;}
    .leftfrom650{text-align: left!important;}
    .donation-page.result .receipt.result .result_img img{width:240px!important;}
    .allcenter{text-align: center!important;}
    .donation-page.result .receipt.result p.chline{margin-top:30px;}

    /*捐款歷史頁面*/
    .donation-page .history .singlebox,
    .donation-page .login .singlebox{padding-left: 0!important;padding-right: 0!important;}
    #query_data .result{margin-right: calc(5% + 10px);margin-left: calc(5% + 10px);}
    .donation-page #query_data label{margin-left: calc(5% + 22px);}
    #query_data .choice_date div.startdate, #query_data .choice_date div.enddate{width: 48%;}
    .history-btn, #query_data .selectgroup,.credit-btn{width:100%;}
    #query_data .form-group.last .selectgroup{margin-bottom: 30px;}
    #query_data .result .panel-heading.description .result-info{width: 100%;}
    #query_data .result p.amount{
        text-align: left;
        margin-top: 7px;
        margin-bottom: 10px;
    }
    #query_data .result p.method{float: left;}
    #query_data .result .panel-body.description span.result-addressee{display: block;margin-left: 0px!important;margin-top: 7px;}
    #query_data .result .panel:before
    {
        content: '\25BC';
        position: absolute;
        color: #46A265;
        right: 0;
        margin-top: 91px;
        margin-right: calc(5% + 28px);
    }
    #query_data .result .panel.open:before
    {
        content: '\25B2';
    }
    .donation-page .noitem-block{
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0;
        padding: 37px 20px;
    }

    /*忘記密碼*/
    .donation-page.reset p.pass_info_str .second{display: inline;margin-left: 0px;}

    /*線下匯款通知-650*/
    .remittance .receipt .form-group .address.donaitem,.remittance .form-group.entityacc > div,
    .remittance .accbox .first-line,.padd-right{padding-right: 5px!important;}
    .padd-left{padding-left:5px!important;}
    .remittance .receipt .address:after{right: 0px;}
    .remittance .member #jform_profile_is_address span.add_title{margin-left: 0px;}
    .remittance .donate-btngroup-box{margin-left: calc(5% - 30px);margin-right: calc(5% - 30px);}
	#dona_details .receipt-option{
		margin-left: -10px;
		margin-right: -10px;
		width: auto!important;
		min-height: 191.4px;
		height: 148px!important;		
	}
	
    /*徵信查詢*/
    .donation-page .credit .txt{margin-left: calc(5% + 22px);margin-right: calc(5% + 22px);}	

}

@media (max-width: 529px) {
    /*.donation-page .donaform.confirmation .receipt .form-group.receipt-info{padding-bottom: 9px;}*/
    #query_data .choice_date div.startdate, #query_data .choice_date div.enddate{width: 47.4%;}

    #areacode_btn{width:396px;}
    .remittance #areacode_btn{width: 432px;}
}

@media (max-width: 480px) {
    .donation-page .info .form-group,.donation-page .receipt .form-group,
    .donation-page .commen-info .form-group,#overseas-address,
    .donation-page .donaform .info .form-group{margin-left: 0;margin-right: 0; }
    .view-registration .registration .form-group.submit_btn > div,
    .donation-page.result .donaform .receipt.result .msg,
    .donation-page .donaform .receipt.registration .form-group,
    #query_data .result,.donation-page .history .form-group,
    .donation-page .credit #query_data .form-group,
    .donation-page.reset p.pass_info_str{margin-left: 0;margin-right: 0;}

    /*error position*/
    .donation-page span.three-length div.tooltip .tooltip-inner{position: relative;right:14px;}
    .donation-page i.three-length + div.tooltip .tooltip-inner{position: relative;right:14px;}
    .donation-page i.five-length + div.tooltip .tooltip-inner{position: relative;right:21px;}

    #address_details div.last-line i.seven-length + div.tooltip .tooltip-inner,
    .donation-page i.overseas.seven-length + div.tooltip .tooltip-inner,
    .donation-page .info .type-amount i.nine-length + div.tooltip .tooltip-inner{position: relative;right:20px;}

    #areacode_btn{width:375px;}
    .remittance #areacode_btn{width: 373px;}

    /*修改會員資料*/
	.sslinfo.mb{
		margin-left: 0;
		margin-right: 0;		
	}		
	
    .receipt .addressee{margin-left:0;max-width: 100%;}

    /*匿名捐款*/
    .info .total-amount{margin-right: 0px;margin-left: 0px;}
    .statusbar .statusnum{width:31.3%;}
    .no.receipt.hidden ~ .donate-btngroup-box.nLastBlock_end{margin-bottom: 278px;}
    .donate-btngroup-box.nLastBlock_end{margin-bottom: 0px;}

    /*具名捐款*/
    .donation-page .donaform.member .login{margin-bottom: 406px;}
    .donation-page .donaform.member .nologin{margin-bottom: 288px;}
    .member .statusbar .statusnum{width:23.7%;}

    /*匿名/具名捐款資料確認頁面*/
    .donation-page .donaform.confirmation .receipt .form-group{margin-left: 12px;margin-right: 0px;}
    .donation-page .donaform.confirmation #error_iagree{max-width: 100%;padding-left: 10px;padding-right:10px;}
    .donation-page .donaform.confirmation .receipt .form-group.donateitems{
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 25px;
        margin-right: 13px;
    }

    /*捐款歷史頁面*/
    .donation-page .history .receipt .form-group{ margin-left: 0;margin-right: 0;}
    .history-btn, #query_data .selectgroup{padding-right: 0px;padding-left: 0px;}
    #query_data .selectgroup:after{right:0px;}
    #query_data .choice_date div.startdate{padding-left: 0;}
    #query_data .choice_date div.enddate{padding-right: 0;}
    .donation-page #query_data label{margin-left: 12px;}
    #query_data .choice_date div.startdate, #query_data .choice_date div.enddate{width: 47.3%;}
    #query_data .result .panel:before{margin-right: 18px;}

    /*徵信查詢*/
    .donation-page .credit .querybox.credit-btn{padding-left: 0;padding-right: 0;}
    .donation-page .credit #query_data .selectgroup:after{right:0px;}
	.donation-page .credit .txt{margin-left: 12px;margin-right: 12px;}

    /*線下匯款通知-480*/
    .remittance .receipt .form-group .address.donaitem,
    .remittance .form-group.entityacc > div,
    .remittance .accbox .first-line, .padd-right{padding-right: 0px!important;}
    .padd-left{padding-left: 0px!important;}
    .remittance .receipt .form-group .address.donaitem,
    .remittance .form-group.entityacc > div,
    .donaform.remittance .receipt .form-group > div{width:100%;}
    .remittance #post_address .form-group > div{width:50%;}
    .remttance .receipt .address:after{right:0px;}
    .remittance .donate-btngroup-box{margin-left: -10px;margin-right: -10px;}
    .remittance #overseas-address{margin-right: 20px;margin-left: 20px;}
    .donation-page.result.layout-remittance .donaform .receipt.result .msg{padding-bottom: 18px;}
	.donation-page.result .success .receipt.result p.pass_info_str{margin-bottom: 12px;}
	.donation-page.result .success .receipt.result p.pass_info_str span.secondline{display: inline!important;}
	#class_address > div >div:first-child{padding-right: 0px;margin-bottom:12px;}
	#class_address .address:first-child:after{right:0;}

    /*捐款結果*/
    .donation-page.result .welcome a.result-btn{margin-right: 0;display: block;margin-bottom: 15px!important;}
    .donation-page.result .complete .receipt.result p{text-align: justify;}
    .donation-page.result .welcome .receipt.result p{text-align: center;}
    .donation-page.result .success .receipt.result p{margin-bottom: 10px;line-height: 1.4;}
}

@media (max-width: 425px)
{
    #irs_uploadinfo p span.firstline{
        margin-left: 20px!important;
        display: inline-block;
        margin-top: -17px;
    }

    /*確認頁面*/
    .donation-page .donaform.confirmation .receipt .form-group.lightform-info .note .value{padding-left: 50px;padding-right: 24px;}
}

@media (max-width: 412px) {
    #areacode_btn,.remittance #areacode_btn{width:372px;}     /*調整areacode寬度*/
    /*確認頁面*/
    .donation-page .donaform.confirmation .receipt .form-group.lightform-info .note .value{padding-left: 49px;}
}

@media (max-width: 411px) {
    #areacode_btn,.remittance #areacode_btn{width:335px;}

    /*捐款歷史查詢*/
    #query_data .choice_date div.startdate, #query_data .choice_date div.enddate{width:47%;}
}

@media (max-width: 400px) {
    .is_address > span,.donation-page .member #jform_profile_is_address span:first-child{ margin-right: 15px;}
    #jform_profile_is_address span,.radio span{margin-right: 16px;}
    #jform_profile_is_address span:last-child,.radio span:last-child{margin-right: 0px;}
    .statusbar .statusnum{width:31%;}

    /*具名捐款*/
    .member .statusbar .statusnum{width:23.1%;}

    /*確認頁面*/
    .donation-page .donaform.confirmation .receipt .form-group.lightform-info .note .value{padding-left: 37px;}
}

@media (max-width: 374px) {
    #areacode_btn,.remittance #areacode_btn{width:320px;}
    .statusbar .statusnum{width:30.7%;}

    /*匿名/具名捐款資料確認頁面*/
    .donation-page .donaform.confirmation .receipt .labeltxt{width:38%}
    .donation-page .donaform.confirmation .receipt .value{width:62%}
    #confirmationEnd{text-align: justify;}
    .donation-page .confirmation p.pass_info_str i{float: left;margin-right: 5px;margin-bottom: 20px;}
    .donation-page .confirmation p.pass_info_str .txt{margin-left: 0;}
    .donation-page .confirmation p.pass_info_str .txt.secondline{margin-left: 0;display: inline;}

    /*捐款歷史查詢*/
    #query_data .choice_date div.startdate, #query_data .choice_date div.enddate{width:46.8%;}
}

@media (max-width: 360px) {
    .donation-page .donaform.confirmation #error_iagree{text-align: left;}

    /*確認頁面*/
    .donation-page .donaform.confirmation .receipt .form-group.lightform-info .note .value{padding-left: 46px;}
}

@media (max-width: 359px) {
    #areacode_btn,.remittance #areacode_btn{width:280px;}
    .is_address > span,.donation-page .member #jform_profile_is_address span:first-child{ margin-right: 5px;}
   .radio span{margin-right: 0px;}

    /*具名捐款*/
    .donation-page .donaform.member .receipt .form-group.radio{padding-left: 0px;}

    /*匿名/具名捐款資料確認頁面*/
    .donation-page .donaform.confirmation .receipt .labeltxt{width:35.5%}
    .donation-page .donaform.confirmation .receipt .value{width:64.5%;padding-right: 10px;}

    /*捐款歷史查詢*/
    #query_data .choice_date div.startdate, #query_data .choice_date div.enddate{width:46.4%;}

    /*選單*/
    .donation.mb ul.nav-pills > li > a{font-size: 12px;}
}

@media (max-width: 320px) {
    .donation-page .donaform.confirmation #error_iagree{padding-left: 0;padidng-right:0;}

    /*確認頁面*/
    .donation-page .donaform.confirmation .receipt .form-group.lightform-info .note .value{padding-left: 25px;}
	
	/*驗證碼寬度*/
	.donation-page .iagree #error_iagree{padding: 11px 10px;}
	.view-login.donation-page #captcha > div,
	.com_users.view-registration.donation-page #jform_captcha > div{width: 100%!important;}
	.com_users.view-registration.donation-page #jform_captcha > div{margin-left:3px;}
	.view-login.donation-page #captcha iframe,
	.com_users.view-registration.donation-page #jform_captcha iframe{
		transform:scale(0.9);
		-webkit-transform:scale(0.9);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;				
	}
	
	/*線下匯款通知：子標題*/
	.donation-page legend{font-size:21px;}	
}


/**/
.view-donation .t3-content,.view-confirmation .t3-content{padding-top:0;}

/*會員選單*/
/*.t3-mainnav .t3-navbar{margin-right:75px;} 上線後才能上傳*/
.custom.user_menu{
    position: absolute;
    right: 0;
}
@media (max-width: 1199px) {
    .custom.user_menu{ right:60px;}
}


/*member.php 具名捐款頁面*/
div.addbutton input,div.addbutton select,div.addbutton textarea{cursor:pointer;}
div.addbutton:hover input,div.addbutton:hover select,div.addbutton:hover textarea{background-color:#fff;cursor:pointer;}
div.addbutton .donate-item:after{background: #ededee;}
div.addbutton:hover .donate-item:after{background: #fff;}