<!DOCTYPE html>
<html class="js no-touch csstransforms3d csstransitions csstransforms" lang="en" style="">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>
免費比較及搜尋出最適合您的貸款、信用卡及樓宇按揭 | MQMaster.com
</title>
<meta content="MQMaster,MQMaster.com,信貸產品比較,信用卡比較,貸款比較,按揭比較" name="keywords">
<meta content="MQMaster.com為您提供最緊貼市場的信貸產品服務資訊及信貸計算機，助您比較出最適合的信貸服務之餘，更可了解自己的財務狀況。申請指定貸款計劃，額外送您超市現金券！" name="description">
<!-- Mobile Metas -->
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- Theme CSS -->
<link href="/Content/css/style-mqmaster.css" media="screen" rel="stylesheet">
<link href="/Content/css/style-plus.css" rel="stylesheet">
<!-- Responsive CSS -->
<link href="/Content/css/theme-responsive.css" media="screen" rel="stylesheet">
<!-- Favicons -->
<link href="/Content/img/icons/favicon.png" rel="shortcut icon">
<link href="/Content/img/icons/favicon-touch-icon.png" rel="apple-touch-icon">
<link href="/Content/img/icons/favicon-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="/Content/img/icons/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<!-- Head Libs -->
<script src="/Scripts/modernizr.js">
</script>
<!--[if IE]>
<link rel="stylesheet" href="~/Content/css/ie/ie.css">
<![endif]-->
<!--[if lte IE 8]>
<script src="~/Content/js/responsive/html5shiv.js"></script>
<script src="~/Content/js/responsive/respond.js"></script>
<![endif]-->
<style type="text/css">
.fancybox-margin {
margin-right : 17px;
}
</style>
<link href="/bundles/css/base?v=OP-4hCoEkHl4RD6Szfscd1RpY_S6U8sQwy1zbaQYfzw1" rel="stylesheet">
<script>
var amn = amn || {
};
</script>
<script src="/AmnScripts/GetScripts" type="text/javascript">
</script>
<script src="/bundles/core?v=Lmj8YND4OgnS006KoCeANtrbTEm9g48u2JP4bA8IR-k1">
</script>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-K6S8DL2');
</script>
<!-- End Google Tag Manager -->
</head>
<body class="nav-md" ontouchstart="">
<!-- layout-->
<div class="layout-wide" id="layout">
<!-- fond-header-->
<div class="fond-header" id="fond-header">
</div>
<!-- End fond-header-->
<!-- Header Area -->
<header id="header">
<div class="row header-container">
<!-- Logo Area -->
<div class="col-md-4 col-lg-5">
<div class="logo">
<div class="icon-logo">
<a href="/">
<img alt="MQMaster Logo" src="/Content/img/mqmaster.png">
</a>
</div>
</div>
</div>
<!-- End Logo Area -->
<!-- Login Area -->
<div class="col-md-8 col-lg-7">
<div class="info-login">
<div class="head-info-login">
<span>
<a data-target="#pwdModal" data-toggle="modal" href="#" rel="nofollow">
忘記密碼?
</a>
</span>
</div>
<div class="form-theme">
<form action="/Account/Login" class="form-inline" id="frmLogin" method="post">
<input name="__RequestVerificationToken" type="hidden" value="VBCUmlYBoJj2d0phnTLMAQIxrJ9VEKiQIKR5dMN8od-ucnlC3GuVG8B0AK6VEqyLNQaHsOFcWN5rKbbtUQYa1XGB-KyL5L1DW20avhscLqE1">
<div class="form-group">
<label class="sr-only">
Username
</label>
<input autocomplete="new-password" class="input required" name="Username" placeholder="帳戶名稱" type="text">
</div>
<div class="form-group">
<label class="sr-only">
Password
</label>
<input autocomplete="new-password" class="input required" name="Password" placeholder="密碼" type="password">
</div>
<button class="btn" id="btnLogin" type="button">
登入
</button>
<button class="btn btn-default" onclick="window.location.href = '/account/register'" type="button">
註冊
</button>
</form>
</div>
</div>
<div aria-hidden="true" class="modal fade retrieve-pwd" id="pwdModal" role="dialog" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true" class="close" data-dismiss="modal" type="button">
×
</button>
<h2 class="text-center">
找回密碼
</h2>
<p class="text-center text-info" style="font-size: 1.25rem;">
<i class="fa fa-info-circle">
</i>
請輸入您註冊時的會員帳號或電郵地址
</p>
</div>
<div class="modal-body">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body sms-code">
<form action="/Account/RetrievePassword" class="form-horizontal" id="frmRetrievePassword" method="post">
<input name="__RequestVerificationToken" type="hidden" value="Kye26BnKie0Ex1pLsiLDEk2GGG0-sj0-kjYk7oexUTIVIRn1uhKZrMfqRl5em-8kI0a38soe3MUV5HNni3gI0y-0wtp8cVPAb0oB6IcUDo81">
<fieldset>
<div class="form-group">
<input autocomplete="new-password" class="form-control required email input-lg" name="Email" placeholder="請輸入您的帳戶電郵地址" style="font-size: 16px;" type="email">
</div>
<div class="form-group">
<button button="button" class="btn btn-lg btn-primary btn-block">
確認
</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button aria-hidden="true" button="button" class="btn btn-lg btn-primary btn-block" data-dismiss="modal">
取消
</button>
</div>
</div>
</div>
</div>
</div>
<!-- End Login Area -->
<div class="language">
<ul>
<li>
<a href="/AmnLocalization/ChangeCulture?cultureName=zh-CN&returnUrl=https%3a%2f%2fwww.mqmaster.com%2f">
简
</a>
</li>
</ul>
</div>
</div>
</header>
<!-- End Header Area -->
<!-- content-central-->
<div class="content-central">
<!-- Nav-->
<nav id="menu" style="width: 100%; z-index: 100;">
<div class="navbar yamm navbar-default">
<div class="container">
<div class="row">
<div class="navbar-header">
<button class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse" type="button">
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
</div>
<div class="navbar-collapse collapse" id="navbar-collapse-1">
<!-- Nav Bar Items -->
<ul class="nav navbar-nav">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
比較信貸產品
<b class="caret">
</b>
</a>
<ul class="dropdown-menu">
<li>
<a href="/product/creditCard">
信用卡
</a>
</li>
<li>
<a href="/product/loan">
貸款
</a>
</li>
<li>
<a href="/product/mortgage">
按揭
</a>
</li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" href="/calculation">
信貸計算機
</a>
</li>
<!--英文版不需要-->
<li class="dropdown">
<a class="dropdown-toggle" href="/News/Classroom">
MQMaster 教室
</a>
</li>
<li class="dropdown">
<a class="dropdown-toggle" href="/Preferential">
優惠專區
</a>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
關於MQMaster.com
<b class="caret">
</b>
</a>
<ul class="dropdown-menu">
<li>
<a href="/about">
關於我們
</a>
</li>
<li>
<a href="/contact">
聯絡我們
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!--End Nav-->
<link href="/Content/css/bootstrap/bootstrap-slider.min.css" rel="stylesheet">
<div ng-app="mqmasterApp" ng-controller="productController">
<div class="content_info" style="overflow: initial;">
<!-- Content Tabs Section-->
<div class="col-md-4 col-lg-3 home-advanced-search fade" ng-class="{true: 'in'}[true]">
<!-- Nav tabs -->
<ul class="nav nav-tabs" id="nav-search" role="tablist">
<li data-type="crediteCard" ng-class="{true: 'active'}[currentSearchType == productType.creditCard]" ng-click="currentSearchType = productType.creditCard" role="presentation">
<a aria-controls="tab1" data-toggle="tab" href="#tab1" role="tab">
信用卡
</a>
</li>
<li data-type="loan" ng-class="{true: 'active'}[currentSearchType == productType.loan]" ng-click="currentSearchType = productType.loan" role="presentation">
<a aria-controls="tab2" data-toggle="tab" href="#tab2" role="tab">
貸款
</a>
</li>
<li data-type="mortgage" ng-class="{true: 'active'}[currentSearchType == productType.mortgage]" ng-click="currentSearchType = productType.mortgage" role="presentation">
<a aria-controls="tab3" data-toggle="tab" href="#tab3" role="tab">
按揭
</a>
</li>
</ul>
<!-- End Nav tabs -->
<!-- tab-content-->
<div class="tab-content">
<!-- tab-Item-1-->
<div class="tab-pane fade" id="tab1" ng-class="{true: 'in active'}[currentSearchType == productType.creditCard]" role="tabpanel">
<form class="form-theme form-search" method="GET" ng-submit="search()">
<div>
<label>
獎賞計劃
</label>
<select class="form-control select-picker" multiple="" name="rewardType" ng-model="condition.creditCard.rewardType">
<option value="1">
現金回贈
</option>
<option value="2">
積分獎賞
</option>
<option value="3">
飛行里數
</option>
</select>
</div>
<label>
您的每月收入是
</label>
<input class="input required digits form-control" name="monthlyIncome" ng-model="condition.creditCard.monthlyIncome" placeholder="$0-$1,000,000" type="text">
<div>
<label>
簽賬類別
</label>
<select class="form-control select-picker" multiple="" name="signingReward" ng-model="condition.creditCard.signingReward">
<option value="1">
本地簽賬
</option>
<option value="2">
海外簽賬
</option>
<option value="3">
外出用膳
</option>
<option value="4">
網上購物
</option>
<option value="5">
戲院優惠
</option>
<option value="6">
入油
</option>
</select>
</div>
<div>
<label>
信用卡類別
</label>
<select class="form-control select-picker" name="category" ng-model="condition.creditCard.category">
<option value="">
全部
</option>
<option value="1">
VISA
</option>
<option value="2">
MasterCard
</option>
<option value="3">
Union Pay
</option>
<option value="4">
American Express
</option>
<option value="5">
Diners Club
</option>
</select>
</div>
<input name="currentSearchType" type="hidden" value="creditCard">
<input class="btn btn-mqmaster" ng-click="search()" type="submit" value="搜尋">
</form>
</div>
<!-- tab-Item-1-->
<!-- tab-Item-2-->
<div class="tab-pane fade" id="tab2" ng-class="{true: 'in active'}[currentSearchType == productType.loan]" role="tabpanel">
<form class="form-theme form-search" method="GET">
<div>
<label>
貸款類別
</label>
<select class="form-control select-picker" name="loanType" ng-model="condition.loan.loanType">
<option value="1">
結餘轉戶
</option>
<option value="2">
現金貸款
</option>
</select>
</div>
<div>
<label>
貸款金額
</label>
<input class="input required form-control" data-max="100000000" data-min="1000" id="loanAmount" name="loanAmount" ng-model="condition.loan.loanAmount" placeholder="($1,000 - $100,000,000)" type="text">
</div>
<div>
<label>
還款期
<span class="subtitle">
(6 – 84月)
</span>
</label>
<input class="input required" data-slider-max="84" data-slider-min="6" data-slider-step="6" data-target="#loanRepaymentTenorText" data-template="{0}月" data-type="loan" name="repaymentTenor" ng-model="condition.loan.repaymentTenor" slidebar="" type="text">
<span class="sliderVal" id="loanRepaymentTenorText">
</span>
</div>
<input name="currentSearchType" type="hidden" value="loan">
<input class="btn btn-mqmaster" ng-click="search()" type="submit" value="查詢">
</form>
</div>
<!-- tab-Item-2-->
<!-- tab-Item-3-->
<div class="tab-pane fade" id="tab3" ng-class="{true: 'in active'}[currentSearchType == productType.mortgage]" role="tabpanel">
<form class="form-theme form-search" method="GET">
<div>
<label>
物業價值
</label>
<input class="input required" data-max="100000000" data-min="100000" id="propertyValue" name="propertyValue" ng-model="condition.mortgage.propertyValue" placeholder="($100,000 - $100,000,000)" type="number">
</div>
<div>
<label>
按揭成數
<span class="subtitle">
(5% - 95%)
</span>
</label>
<input class="input required" data-slider-max="95" data-slider-min="5" data-slider-step="5" data-target="#mortgagePercentageText" data-template="{0}%" data-type="mortgage" name="percentage" ng-model="condition.mortgage.percentage" slidebar="" type="text">
<span class="sliderVal" id="mortgagePercentageText">
</span>
</div>
<div>
<label>
年期
<span class="subtitle">
(2年 - 30年)
</span>
</label>
<input class="input required" data-slider-max="30" data-slider-min="2" data-slider-step="1" data-target="#repaymentTenorText" data-template="{0}年" data-type="mortgage" name="repaymentTenor" ng-model="condition.mortgage.repaymentTenor" slidebar="" type="text">
<span class="sliderVal" id="repaymentTenorText">
</span>
</div>
<div>
<label>
贈品
</label>
<select class="form-control select-picker" multiple="" name="gift" ng-model="condition.mortgage.gift">
<option value="1">
火險
</option>
<option value="2">
家居保險
</option>
<option value="3">
超市禮券
</option>
</select>
</div>
<input name="currentSearchType" type="hidden" value="mortgage">
<input class="btn btn-mqmaster" ng-click="search()" type="submit" value="查詢">
</form>
</div>
<!-- tab-Item-3-->
</div>
<!-- End tab-content -->
</div>
<script>
$(".form-search").ableValidate({
ajax: true,
ingore: ":hidden",
messageType: "tooltip",
submitHandler: null,
rules: {
propertyValue: {
min: 100000,
max: 100000000
},
loanAmount: {
min: 1000,
max: 100000000
},
monthlyIncome: {
min: 0,
max: 1000000
}
}
});
</script>
<!-- End Tabs section-->
<!-- Slide Section-->
<div class="tp-banner-container">
<!-- Slide Section-->
<div class="tp-banner-container">
<div class="tp-banner">
<!-- SLIDES CONTENT-->
<ul>
<!-- SLIDE -->
<li data-masterspeed="1500" data-slotamount="7" data-transition="zoomout">
<!-- MAIN IMAGE -->
<img alt="fullslide1" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" src="/Content/img/slide/slide-home-1.jpg">
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption custom_medium_text other_text lft stl gold-text" data-easing="easeOutExpo" data-hoffset="130" data-speed="300" data-splitin="lines" data-splitout="none" data-start="800" data-voffset="180" data-x="left" data-y="top">
登記成為MQMaster.com會員
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption large_bold_white sft stb gold-text" data-easing="easeOutExpo" data-hoffset="130" data-speed="300" data-splitin="lines" data-splitout="none" data-start="1000" data-voffset="210" data-x="left" data-y="top">
尊享會員獨家優惠
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption small_light_white sfb stb blue-text" data-easing="easeOutExpo" data-hoffset="130" data-speed="500" data-splitin="lines" data-splitout="none" data-start="1200" data-voffset="280" data-x="left" data-y="top">
成功經MQMaster.com申請指定私人貸款即送$550現金券
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption lfb tp-resizeme" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" data-hoffset="130" data-speed="300" data-splitin="none" data-splitout="none" data-start="1400" data-voffset="70" data-x="left" data-y="center">
<a class="btn btn-custom" href="/Preferential/Detail/56">
立即開始！
</a>
</div>
<!-- END LAYER NR. 3 -->
</li>
</ul>
<!-- END SLIDES -->
<div class="tp-bannertimer">
</div>
</div>
</div>
<!-- End Slide Section-->
</div>
<!-- End Slide Section-->
<!-- breadcrumbs-->
<div class="breadcrumbs breadcrumbs-sections">
<div class="container">
<ul>
<li class="breadcrumbs-home">
<a href="/">
<i class="fa fa-home">
</i>
</a>
</li>
<li>
/
</li>
<li>
首頁
</li>
</ul>
</div>
</div>
<!-- End breadcrumbs-->
</div>
<div class="content_info">
<!-- title-vertical-line-->
<div class="title-vertical-line">
<h2>
4個簡單步驟，搜尋最合適產品
</h2>
<p>
MQMaster.com為您提供最緊貼市場的金融產品服務資訊，助您輕鬆選擇最稱心滿意的產品。從搜尋到申請，只需幾個簡單步驟，即可用最少時間篩選最合適您的服務。
</p>
</div>
<!-- End title-vertical-line-->
<!-- Info Resalt-->
<div class="paddings">
<!-- Container Area - services-process -->
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- services-process -->
<div class="services-process">
<!-- item-service-process -->
<div class="item-service-process col-md-6 color-bg-gold">
<div class="head-service-process">
<i class="fa fa-user">
</i>
<h3>
第1步－登記
</h3>
</div>
<div class="divisor-service-process">
<span class="circle-top">
1
</span>
<span class="circle">
</span>
</div>
<div class="info-service-process">
<h3>
登記會員
</h3>
<p>
登記成為MQMaster.com會員，即可享用會員獨家功能及優惠
</p>
</div>
</div>
<!-- End item-service-process -->
<!-- item-service-process -->
<div class="item-service-process col-md-6 color-bg-gold">
<div class="head-service-process">
<i class="fa fa-search">
</i>
<h3 id="step2">
第2步－搜尋
</h3>
</div>
<div class="divisor-service-process">
<span class="circle-top">
2
</span>
<span class="circle">
</span>
</div>
<div class="info-service-process">
<h3>
根據要求，搜您所需
</h3>
<p>
透過MQMaster.com的搜尋系統，只需要簡單幾個選項，即能為您搜尋出合適的產品
</p>
</div>
</div>
<!-- End item-service-process -->
<!-- item-service-process -->
<div class="item-service-process col-md-6 color-bg-gold">
<div class="head-service-process">
<i class="fa fa-balance-scale">
</i>
<h3>
第3步 - 比較
</h3>
</div>
<div class="divisor-service-process">
<span class="circle-top">
3
</span>
<span class="circle">
</span>
</div>
<div class="info-service-process">
<h3>
產品優劣，一目了然
</h3>
<p>
在搜尋結果版面，各個合符要求的產品的特點、利息、費用等重要資訊將一一呈現給您，讓您不費吹灰之力即可比較產品的優劣
</p>
</div>
</div>
<!-- End item-service-process -->
<!-- item-service-process -->
<div class="item-service-process col-md-6 color-bg-gold">
<div class="head-service-process">
<i class="fa fa-handshake-o">
</i>
<h3>
第4步－申請
</h3>
</div>
<div class="divisor-service-process">
<span class="circle-top">
4
</span>
<span class="circle">
</span>
</div>
<div class="info-service-process">
<h3>
輕鬆申請
</h3>
<p>
您在MQMaster.com能找到不同金融機構的各類產品，各產品的優點一目了然，助您節省時間
</p>
</div>
</div>
<!-- End item-service-process -->
</div>
<!-- End services-process-->
</div>
</div>
</div>
<!-- End Container Area - services-process -->
</div>
<!-- End Info Resalt-->
</div>
<div class="content_info">
<!-- Info Resalt-->
<div class="content_resalt padding-bottom borders">
<!-- title-vertical-line-->
<div class="title-vertical-line">
<h2>
服務選項
</h2>
<p>
想申請信貸產品但未有心水？只要選擇您有興趣的產品類別，MQMaster.com就會顯示出各種產品的資訊，助您用最短的時間內可以比較及申請。
</p>
</div>
<!-- End title-vertical-line-->
<!-- Container Blog Post -->
<div class="container">
<!--Blog Post Items-->
<div class="row padding-top">
<div class="col-md-4">
<div class="item-blog-post">
<div class="head-item-blog-post">
<i class="fa fa-check">
</i>
<h3>
信用卡申請
</h3>
</div>
<div class="img-item-blog-post">
<img alt="" src="/Content/img/latest_news_icon02.jpg">
</div>
<div class="info-item-blog-post">
<p>
想最有效賺取飛行里數？還是想獲得其他簽賬優惠？MQMaster.com為您提供各種卡類的最新資訊，令消費變得物超所值
</p>
<a href="/product/creditcard" rel="nofollow">
<i class="fa fa-plus-circle">
</i>
查看更多
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="item-blog-post">
<div class="head-item-blog-post">
<i class="fa fa-check">
</i>
<h3>
貸款申請
</h3>
</div>
<div class="img-item-blog-post">
<img alt="" src="/Content/img/latest_news_icon03.jpg">
</div>
<div class="info-item-blog-post">
<p>
了解各大機構的貸款資料，MQMaster.com助您選擇最適合的計劃，助您輕鬆解決債務或資金周轉需要
</p>
<a href="/product/loan" rel="nofollow">
<i class="fa fa-plus-circle">
</i>
查看更多
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="item-blog-post">
<div class="head-item-blog-post">
<i class="fa fa-check">
</i>
<h3>
按揭申請
</h3>
</div>
<div class="img-item-blog-post">
<img alt="" src="/Content/img/latest_news_icon01.jpg">
</div>
<div class="info-item-blog-post">
<p>
按揭計劃的計算較為複雜，在MQMaster.com，您可了解各機構的特點，從而選出最合適的按揭，為您的置業計劃作出精明決策
</p>
<a href="/product/mortgage" rel="nofollow">
<i class="fa fa-plus-circle">
</i>
查看更多
</a>
</div>
</div>
</div>
</div>
<!--End Blog Post Items-->
</div>
<!-- End Container Blog Post -->
</div>
<!-- End Info Resalt-->
</div>
</div>
<script src="/Scripts/angular.min.js">
</script>
<script src="/Scripts/jquery-ui.1.10.4.min.js">
</script>
<script src="/Scripts/bootstrap/bootstrap-slider.js" type="text/javascript">
</script>
<!--Slider Function-->
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".link-search").click(function() {
$(window).scrollTop($("#nav-search").offset().top - 50);
});
jQuery('.tp-banner').show().revolution({
dottedOverlay: "none",
delay: 5000,
startwidth: 1170,
startheight: 550,
minHeight: 450,
navigationType: "none",
navigationArrows: "solo",
navigationStyle: "preview4"
});
});
</script>
<!--End Slider Function-->
<script type="text/javascript">
var $searchForm = angular.element(".form-search");
var app = angular.module('mqmasterApp', []);
$($searchForm).ableValidate({
ajax: true,
ingore: ":hidden",
messageType: "tooltip",
submitHandler: null
});
$(".select-picker").selectpicker({
'noneSelectedText': '全部'
});
app.controller('productController', function($scope, $timeout) {
$scope.cache = window.localStorage;
$scope.enableQueryStateCache = $scope.cache != undefined;
$scope.productType = {
creditCard: "creditCard",
loan: "loan",
mortgage: "mortgage"
};
$scope.currentSearchType = $scope.productType.creditCard;
$scope.selectListItem = [];
$scope.toggleSelected = function($event) {
var checkbox = $event.target;
var name = checkbox.name;
if (!$scope.selectListItem[name]) $scope.selectListItem[name] = new Array();
if (checkbox.checked && $scope.selectListItem[name].indexOf(checkbox.value) === -1) {
$scope.selectListItem[name].push(checkbox.value);
}
if (!checkbox.checked && $scope.selectListItem[name].indexOf(checkbox.value) !== -1) {
var idx = $scope.selectListItem[name].indexOf(checkbox.value);
$scope.selectListItem[name].splice(idx, 1);
}
};
$scope.isSelected = function(name, value) {
if (!$scope.selectListItem[name]) $scope.selectListItem[name] = new Array();
return $scope.selectListItem[name].indexOf(value) >= 0;
};
$scope.condition = {
creditCard: {
rewardType: null,
signingReward: null,
category: null,
isPreferential: null,
isAnnualFee: null,
monthlyIncome: 30000
},
loan: {
loanType: "4",
loanAmount: 100000,
repaymentTenor: 12,
isPreferential: null,
isHandlingFee: null,
provider: null,
purpose: null
},
mortgage: {
propertyValue: 100000,
percentage: 5,
repaymentTenor: 2,
provider: null
}
};
$scope.search = function() {
if (!$($searchForm).filter(":visible").valid()) {
$($searchForm).filter(":visible").find("input.error:visible:first").focus();
return false;
}
for (var data in $scope.selectListItem) {
if ($scope.selectListItem.hasOwnProperty(data)) {
if ($scope.condition[$scope.currentSearchType]) {
$scope.condition[$scope.currentSearchType][data] = $scope.selectListItem[data];
}
}
}
$scope.condition[$scope.currentSearchType].suggestedProductIds = null;
$scope.condition[$scope.currentSearchType].proactive = true;
$scope.condition.loan.disabledFixedLoanType = true;
var queryCondition = angular.toJson({
currentSearchType: $scope.currentSearchType,
condition: $scope.condition
});
if ($scope.enableQueryStateCache) {
$scope.cache["mqmaster.query.conditions"] = queryCondition;
window.location.href = amn.appPath + "product/" + $scope.currentSearchType;
} else {
window.location.href = amn.appPath + "product/" + $scope.currentSearchType + "?condition=" + encodeURIComponent(queryCondition);
}
return false;
};
$scope.restoreSearchState = function() {
if ($scope.enableQueryStateCache) {
if ($scope.cache["mqmaster.query.conditions"]) {
$timeout(function() {
angular.extend($scope, angular.fromJson($scope.cache["mqmaster.query.conditions"]));
if ($scope.fixedLoanType) {
$scope.condition.loan.loanType = $scope.fixedLoanType.toString();
}
if (!angular.element("select[name='loanType'] option[value='" + $scope.condition.loan.loanType + "']").length) {
$scope.condition.loan.loanType = angular.element("select[name='loanType'] option:eq(1)").val();
}
return;
});
}
}
$timeout(function() {
$(".select-picker").selectpicker('refresh');
}, 10);
};
$scope.restoreSearchState();
});
app.directive("slidebar", function($timeout) {
return function(scope, element, attrs) {
$timeout(function() {
var $this = angular.element(element);
function updateText(values) {
$($this.data("target")).text($this.data("template").format(values));
}
var mySlide = $this.slider({
tooltip: false
});
mySlide.slider('setValue', $this.val());
updateText($this.val());
$this.on("slide", function(slideEvt) {
updateText(slideEvt.value);
if ($this.data("type")) {
scope.$apply(function() {
scope.condition[$this.data("type")][$this.attr("name")] = slideEvt.value;
});
}
});
}, 10);
};
});
</script>
</div>
<!-- End content-central-->
<div id="divFooter">
<!-- footer-->
<footer id="footer">
<!-- Items Footer -->
<div class="container">
<div class="row paddings-mini">
<!-- contact Items Footer -->
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="border-right txt-right">
<h4>
聯絡我們
</h4>
<ul class="contact-footer">
<li>
<i class="fa fa-envelope">
</i>
<a href="mailto:[email protected]" rel="nofollow">
[email protected]
</a>
</li>
<li>
<i class="fa fa-phone">
</i>
<a href="javascript:;" rel="nofollow">
2584 7188
</a>
</li>
</ul>
<div class="logo-footer">
<div class="icon-logo">
<a href="/">
<img alt="MQMaster Logo" src="/Content/img/mqmaster.png">
</a>
</div>
</div>
</div>
</div>
<!-- End contact items Footer -->
<!-- Recent Links Items Footer -->
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="border-right border-right-none">
<h4>
網站地圖
</h4>
<ul class="list-styles">
<li>
<i class="fa fa-check">
</i>
<a href="/account/register">
會員註冊
</a>
</li>
<li>
<i class="fa fa-check">
</i>
<a href="/">
首頁
</a>
</li>
<li>
<i class="fa fa-check">
</i>
<a href="/about">
關於MQMaster.com
</a>
</li>
<li>
<i class="fa fa-check">
</i>
<a href="/privacy">
私隱政策
</a>
</li>
<li>
<i class="fa fa-check">
</i>
<a href="/terms">
條款細則
</a>
</li>
<li>
<i class="fa fa-check">
</i>
<a href="/faq">
常見問題
</a>
</li>
</ul>
</div>
</div>
<!-- End Recent Links Items Footer -->
<!-- Newsletter & Follow Items Footer -->
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="border-right-none">
<h4>
通訊
</h4>
<p>
請輸入您的電郵並訂閱我們的通訊。
</p>
<form action="/Subscription/Add" id="frmSubscription" method="post">
<input name="__RequestVerificationToken" type="hidden" value="ZhlGlkUHQTVsA9qerJpQeIKCaOa6z3NrFRl_qupaR2dqQb8KNp07qQo47D7flbkpraXEPFR8dYMZwSE9fw1oYhKLgaEOtr4yNwwcfPJbaSE1">
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-envelope">
</i>
</span>
<input class="form-control" name="EmailAddress" placeholder="電郵地址" required="required" type="email">
<span class="input-group-btn">
<button class="btn btn-primary" name="subscribe" type="button">
Go!
</button>
</span>
</div>
</form>
<div id="result-newsletter">
</div>
<ul class="social">
<li class="facebook">
<span>
<i class="fa fa-facebook">
</i>
</span>
<a href="https://www.facebook.com/MQMastercom-252464741827880/" target="_blank">
Facebook
</a>
</li>
</ul>
</div>
</div>
<!-- End Newsletter & Follow Items Footer -->
</div>
</div>
<!-- End Items Footer -->
<!-- footer Down-->
<div class="footer-down">
<div class="container">
<div class="row">
<div class="col-md-7">
<!-- Nav Footer-->
<ul class="nav-footer">
<li>
<a href="/" rel="nofollow">
首頁
</a>
</li>
<li>
<a href="/product/creditCard">
比較信用卡
</a>
</li>
<li>
<a href="/product/loan">
比較貸款
</a>
</li>
<li>
<a href="/product/mortgage">
比較按揭
</a>
</li>
<li>
<a href="/calculation">
信貸計算機
</a>
</li>
<li>
<a href="/about">
關於我們
</a>
</li>
<li>
<a href="/contact">
聯絡我們
</a>
</li>
</ul>
<!-- End Nav Footer-->
</div>
<div class="col-md-5">
<p>
© 2017 MQMaster.com All Rights Reserved.
</p>
</div>
</div>
</div>
</div>
<!-- footer Down-->
</footer>
<!-- End footer-->
</div>
<script src="/Scripts/jquery-validation/jquery.validate.js">
</script>
<script src="/Scripts/jquery-validation/additional-methods.js">
</script>
<script src="/Scripts/stickUp-master/stickUp.js" type="text/javascript">
</script>
<script>
$().ready(function() {
$("#frmLogin").ableValidate({
ajax: true,
messageType: "tooltip",
submitOptions: {
blockUI: ".info-login",
success: function() {
$("#frmLogin #btnLogin").prop("disabled", true);
window.location.href = "/member";
}
}
});
$("#frmLogin #btnLogin").prop("type", "submit");
});
$().ready(function() {
$("#frmRetrievePassword").ableValidate({
ajax: true,
messageType: "tooltip",
submitOptions: {
blockUI: "#pwdModal .modal-dialog",
success: function() {
$("#pwdModal").modal('hide');
amn.message.success(amn.translation('RetrievePasswordEmailSendSuccess'));
}
}
});
$("#frmRetrievePassword button").prop("type", "submit");
});
jQuery(function($) {
$(document).ready(function() {
$('#menu').stickUp();
$("#frmSubscription").ableValidate({
ajax: true,
messageType: "tooltip",
submitOptions: {
blockUI: "#frmSubscription",
success: function() {
amn.message.success("多謝您訂閱我們的通訊。");
$("#frmSubscription :input.form-control").val("");
}
}
});
$("#frmSubscription button").attr("type", "submit");
});
});
</script>
</div>
<!-- Google -->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments);
}, i[r].l = 1 * new Date();
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-101286933-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s);
}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1141184549271859');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" src="https://www.facebook.com/tr?id=1141184549271859&ev=PageView&noscript=1" style="display:none" width="1">
</noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->
<script>
try {
fbq('track', 'ViewContent');
} catch (e) {
}
</script>
<!-- Yahoo -->
<script type="application/javascript">
(function(w, d, t, r, u) {
w[u] = w[u] || [];
w[u].push({
'projectId': '10000',
'properties': {
'pixelId': '10033079'
}
});
var s = d.createElement(t);
s.src = r;
s.async = true;
s.onload = s.onreadystatechange = function() {
var y, rs = this.readyState, c = w[u];
if (rs && rs != "complete" && rs != "loaded") {
return;
}
try {
y = YAHOO.ywa.I13N.fireBeacon;
w[u] = [];
w[u].push = function(p) {
y([p]);
};
y(c);
} catch (e) {
}
};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode;
par.insertBefore(s, scr);
})(window, document, "script", "https://s.yimg.com/wi/ytc.js", "dotq");
</script>
<!-- End layout-->
<!-- ======================= JQuery libs =========================== -->
<!--Totop-->
<script src="/Scripts/jquery.ui.totop.js" type="text/javascript">
</script>
<!--Slide Revolution-->
<script src="/Scripts/jquery.themepunch.tools.min.js" type="text/javascript">
</script>
<script src="/Scripts/jquery.themepunch.revolution.min.js" type="text/javascript">
</script>
<!-- owl.carousel.min.js-->
<script src="/Scripts/owl.carousel.min.js">
</script>
<!-- Filter -->
<script src="/Scripts/jquery.isotope.js" type="text/javascript">
</script>
<!--MAIN FUNCTIONS-->
<script src="/Content/js/main.js" type="text/javascript">
</script>
<script src="/Content/js/custom.js">
</script>
<!-- ======================= End JQuery libs =========================== -->
</body>
</html>