信貸手續費多少錢ptt 多年申辦貸款心得與實用分享
信貸手續費多少錢ptt
信貸部落格ptt
銀行房貸利率試算完整攻略 body { font-family: 'Microsoft JhengHei', Arial, sans-serif; line-height: 1.8; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #f9f9f9; } .container { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } h1 { color: #e74c3c; font-size: 28px; text-align: center; margin-bottom: 30px; padding: 20px; background: linear-gradient(135deg, #ff6b6b, #ee5a24); color: white; border-radius: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } h2 { color: #2c3e50; font-size: 22px; margin: 30px 0 15px 0; padding-bottom: 10px; border-bottom: 3px solid #3498db; } h3 { color: #e67e22; font-size: 18px; margin: 25px 0 10px 0; } .highlight-box { background: linear-gradient(135deg, #74b9ff, #0984e3); color: white; padding: 20px; border-radius: 10px; margin: 20px 0; text-align: center; font-weight: bold; } .warning-box { background: #fff3cd; border: 2px solid #ffeaa7; border-radius: 10px; padding: 20px; margin: 20px 0; } .tip-box { background: #d1f2eb; border-left: 5px solid #00b894; padding: 15px 20px; margin: 15px 0; } .comparison-table { width: 100%; border-collapse: collapse; margin: 20px 0; background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .comparison-table th { background: #3498db; color: white; padding: 15px; text-align: center; } .comparison-table td { padding: 12px 15px; border-bottom: 1px solid #ecf0f1; text-align: center; } .comparison-table tr:nth-child(even) { background: #f8f9fa; } .emoji { font-size: 20px; margin-right: 8px; } .calculator-box { background: linear-gradient(135deg, #a8e6cf, #7fcdcd); padding: 25px; border-radius: 15px; margin: 25px 0; text-align: center; } .calculator-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 20px 0; } .calculator-inputs input { padding: 12px; border: 2px solid #ddd; border-radius: 8px; font-size: 16px; text-align: center; } .calculator-inputs label { font-weight: bold; color: #2c3e50; margin-bottom: 5px; display: block; } .result-box { background: #fff; border: 3px solid #27ae60; border-radius: 10px; padding: 20px; margin: 20px 0; text-align: center; } .cta-button { display: block; width: 280px; margin: 30px auto; padding: 18px 25px; background: linear-gradient(135deg, #ffd700, #ffb347); color: #d63031; text-decoration: none; border-radius: 50px; text-align: center; font-weight: bold; font-size: 18px; box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4); transition: all 0.3s ease; border: 3px solid #d63031; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(255, 215, 0, 0.6); text-decoration: none; color: #d63031; } .disclaimer { font-size: 10px; color: #777; text-align: center; margin-top: 20px; } .image-container { text-align: center; margin: 30px 0; } .image-container img { max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); } .repayment-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0; } .method-card { padding: 20px; border-radius: 10px; text-align: center; } .method-card.principal-interest { background: #e8f5ff; border: 2px solid #3498db; } .method-card.principal-only { background: #fff4e6; border: 2px solid #f39c12; } .error-list { background: #ffeaa7; border-left: 5px solid #e17055; padding: 20px; margin: 20px 0; } @media (max-width: 768px) { .calculator-inputs { grid-template-columns: 1fr; } .repayment-methods { grid-template-columns: 1fr; } body { padding: 10px; } .container { padding: 20px; } h1 { font-size: 24px; padding: 15px; } .comparison-table { font-size: 14px; } }
