@charset "utf-8";
/* CSS Document */
#fundAs_frm input[type=radio]{clear:both; margin:8px 5px 16px 0;}

.fundAdd_frm{width:90%; padding:20px 5%; font-size:15px; border-radius:10px; background:#eef1fa; -webkit-appearance:none;}
.fundAdd_frm p{clear:both; float:left; width:100%; margin:0; padding:15px 0 15px 0; border-bottom:1px solid #C5C4C4;}
.fundAdd_frm label{clear:both; float:left; width:41%; font-weight:bold;}
.fundAdd_frm .select_1{width:130px; height:26px;}
.fundAdd_frm .select_2{width:70px; height:26px; float:left;}
.fundAdd_frm select{width:98%; display:inline-block; height:100%; font-size:16px;}
.fundAdd_frm i{display:inline-block; color:#E51F50; font-style:normal; font-size:12px; padding:0 5px 0 2px; line-height:25px;}
.fundAdd_frm .frm_right{width:59%; display:block;}
.fundAdd_frm input[type=radio]{clear:both; margin:0;}
/*#fundAdd_frm input[type=number]{width:50px;}*/
.fundAdd_frm  b{font-weight:normal;}
.fundAdd_frm .frm_right img{margin:0 5px 0 0px;}
/*#Paid{width:150px;}*/
#real_fund{border:none; background:none; color:#DF0003; font-size:16px; width:80px;}
#Paid2,#Paid{background:#FBFDA7;}
.thank_word{font-size:16px; text-align:center; color:#D00404; line-height:30px;}

#qCard_page p{border-bottom:none;}
#qCard_page p.underline{border-bottom:1px solid #ccc; padding:0 0 15px 0; height:1px; margin:0px 0 15px 0;}

#tbl_bank{border-collapse:collapse; margin:0 0 20px 0; clear:both; float:left;}
#tbl_bank th,#tbl_bank td{border:2px solid #fff; padding:5px 2px;}
#tbl_bank th{background:#FFDFDF;}
#tbl_bank td{font-size:14px;}
#tbl_bank img{margin:0 5px 0 0;}

.payment-way img{line-height:20px; vertical-align:middle; margin-left:5px;}


/* Fund Save*/
#fundSave{padding:10px 0 30px 0; background:#eef1fa;}
#fundSave h4{line-height:30px; color:#f00;}
#fundSave p{clear:both; float:left; width:100%; padding:5px 0;}
#fundSave .btn_1{margin:20px 0 0 0; clear:both;}


/* CreditCard */
#total{background:#FAFFB3;}
#total,#vat,#Paid{font-size:15px;}



/* Card Thankyou */
#cardThankyou{padding:20px 0;}
#tbl_card_thankyou{width:50%; float:none; clear:both; margin:0px auto !important;}


#cardPrepare{padding:20px 5%; width:70%; margin:0px auto !important;}
#tbl_credit_total td{padding:4px 10px;}




/* Confirm */
.fund_confirm{width:100%; padding:30px 0; background:url(../../../images/bg_confirm.jpg) 0 -10px no-repeat;}
.fund_confirm form{clear:both; float:left; width:100%;}
.fund_confirm h2{padding-bottom:30px;}
#confirm_left{width:43%; padding:10px 0%; text-align:center;}
#confirm_center{width:14%; text-align:center; padding:70px 0 0 0;}
#confirm_center img{width:85%;}
#confirm_right{width:43%; padding:10px 0%; text-align:center;}

.confirm_h{font-size:18px; color:#0F7BEC; margin-bottom:25px;}
.confirm_img{width:40%; margin:0px auto;}
.confirm_img img{width:99%; border-radius:50%; border:2px solid #055da9;}
.confirm_name{padding-top:7px; font-size:15px; color:#870002;}

#confirm_button{padding:45px 0 0 0;}
.button{color:#fff; font-size:16px; cursor:pointer; padding:10px 0; border-radius:3px; border:none; width:120px;}
#btn_confirm{background:#009628; margin-right:10px;}
#btn_cancel{background:#D70003;}

#transfer_detail{text-align:center; font-size:16px; color:#000; padding:30px 0 0 0;}
#transfer_detail i{color:#D90505; font-style:normal; padding:0 5px; text-decoration:underline; font-size:24px;}


@media only screen and (max-width:767px){
	#tbl_bank td{font-size:11px;}
	.bank_name{clear:both; display:block;}
	#tbl_bank td{text-align:center;}
	.label_half{width:60% !important;}
	#real_fund{width:20%; float:left; clear:none;}
	
	
	#card_prepaid label{width:50%;}
	.lb_hide{display:none;}
	
	#ipay .btn_1{margin-top:20px; width:100%;}
	
	#img_warning{width:100%;}
	
	/*SFUND*/
	.paid{width:80% !important;}
}


@media only screen and (max-width:479px){
	.fundAdd_frm{font-size:14px;}
	.fundAdd_frm label{width:100%; padding-bottom:0px;}
	.fundAdd_frm .select_1{width:85%; height:26px;}
	.fundAdd_frm .frm_right{width:100%; display:block;}	 
	
	#card_prepaid label{width:100%;}
	#card_prepaid .payment_txt_right{width:100%;}
	#card_prepaid .txt_2{width:80%;}
	#card_prepaid h2{font-size:17px;}
	
	.fundAdd_frm p{padding:0 0 12px 0;}
	.txt_margin{margin-bottom:5px;}
	
	.btn_submit{width:83%; float:left;}
	
	
}



@media only screen and (min-width:480px) and (max-width:767px){
	#card_prepaid label{width:100%;}
	#card_prepaid .payment_txt_right{width:100%;}
	#card_prepaid .txt_2{width:80%;}
	#card_prepaid h2{font-size:17px;}
	
	.fundAdd_frm p{padding:0 0 12px 0;}
	.txt_margin{margin-bottom:5px;}
	
	.fundAdd_frm{font-size:14px;}
	.fundAdd_frm label{width:100%; padding-bottom:0px;}
	.fundAdd_frm .select_1{width:85%; height:26px;}
	.fundAdd_frm .frm_right{width:100%; display:block;}	
}