- 제출된 URL:
- https://toyotacapital.com.my/리디렉션됨
- 보고서 완료:
링크 · 10개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://toyotacapital.com.my/corolla.php | Featured PromotionAll-new Toyota CorollaFrom RM1,448 per monthwith theToyota Flexi Plan |
| https://toyotacapital.com.my/jomdrive | Jom Drive CampaignToyota Capital Malaysia Campaign catered for government employees |
| https://toyotacapital.com.my/ezbeli | Toyota Ez Beli PlanFrom RM628 per monthwith the Toyota EZ Beli Plan |
| https://www.kinto-my.com/ | |
| https://youtu.be/zzOpGmxp_Xo | |
| https://www.youtube.com/embed/videoseries?list=PLOzJdYjoIdFcvVCOR_BzcabZafXC6Hf0H | |
| https://apps.apple.com/my/app/tcap-ez-connect/id1564426859 | |
| https://play.google.com/store/apps/details?id=my.com.toyotacapital.m1 | |
| https://appgallery.huawei.com/app/C104456117 | |
| https://toyota.com.my/ |
JavaScript 변수 · 113개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| 3 | object |
| 4 | object |
| 5 | object |
| 6 | object |
| 7 | object |
| 8 | object |
| onbeforetoggle | object |
콘솔 로그 메시지 · 3개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| warning | other |
|
| log | other |
|
| debug | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--><!--[if !IE]><!--><html lang="en" itemscope="" itemtype="https://schema.org/Article"><!--<![endif]--><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta charset="utf-8"><script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/baafab19/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script src="https://www.youtube.com/iframe_api"></script><script src="https://www.toyotacapital.com.my/assets/plugins/lightbox/html5lightbox/froogaloop2.min.js"></script><script async="" src="//cse.google.com/adsense/search/async-ads.js"></script><script async="" src="//cse.google.com/adsense/search/async-ads.js"></script><script async="" src="//cse.google.com/adsense/search/async-ads.js"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-GPF5YZKE4S&cx=c&_slc=1"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=UA-138980555-1&l=dataLayer&cx=c&gtm=45He4b70v811769180za200"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-GPF5YZKE4S&l=dataLayer&cx=c&gtm=45He4b70v811769180za200"></script><script src="https://connect.facebook.net/signals/config/235770407316344?v=2.9.176&r=stable&domain=www.toyotacapital.com.my&hme=872f04a0547459b3285cb03b0d7a47bfde40628f4b386809918a621e2688602f&ex_m=70%2C121%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C172%2C175%2C187%2C183%2C184%2C186%2C29%2C101%2C53%2C77%2C185%2C167%2C170%2C180%2C181%2C188%2C131%2C41%2C189%2C190%2C34%2C143%2C15%2C50%2C195%2C194%2C133%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C168%2C171%2C140%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TBT4TF8"></script><script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"8ec4b19ef6",applicationID:"541066612"};;/*! For license information please see nr-loader-rum-1.271.0.min.js.LICENSE.txt */
(()=>{var e,t,r={8122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555:(e,t,r)=>{"use strict";r.d(t,{Vp:()=>c,fn:()=>s,x1:()=>u});var n=r(384),i=r(8122);const o={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){try{const t=c(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}function c(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function u(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.info=a[e])}},9417:(e,t,r)=>{"use strict";r.d(t,{D0:()=>g,gD:()=>h,xN:()=>p});var n=r(993);const i=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var o=r(2614),a=r(944),s=r(384),c=r(8122);const u="[data-nr-mask]",d=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},feature_flags:[],generic_events:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},harvest:{tooManyRequestsDelay:60},jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},logging:{enabled:!0,harvestTimeSeconds:10,autoStart:!0,level:n.p_.INFO},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},user_actions:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:o.wk,inactiveMs:o.BB},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){i(t)?e.mask_selector="".concat(t,",").concat(u):""===t||null===t?e.mask_selector=u:(0,a.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){i(t)?e.block_selector+=",".concat(t):""!==t&&(0,a.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,a.R)(7,t)}},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},soft_navigations:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},ssl:void 0}},l={},f="All configuration objects require an agent identifier!";function g(e){if(!e)throw new Error(f);if(!l[e])throw new Error("Configuration for ".concat(e," was never set"));return l[e]}function p(e,t){if(!e)throw new Error(f);l[e]=(0,c.a)(t,d());const r=(0,s.nY)(e);r&&(r.init=l[e])}function h(e,t){if(!e)throw new Error(f);var r=g(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}},3371:(e,t,r)=>{"use strict";r.d(t,{V:()=>f,f:()=>l});var n=r(8122),i=r(384),o=r(6154),a=r(9324);let s=0;const c={buildEnv:a.F3,distMethod:a.Xs,version:a.xv,originTime:o.WN},u={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,timeKeeper:void 0,obfuscator:void 0},d={};function l(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!d[e])throw new Error("Runtime for ".concat(e," was never set"));return d[e]}function f(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");d[e]={...(0,n.a)(t,u),...c},Object.hasOwnProperty.call(d[e],"harvestCount")||Object.defineProperty(d[e],"harvestCount",{get:()=>++s});const r=(0,i.nY)(e);r&&(r.runtime=d[e])}},9324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>o,xv:()=>n});const n="1.271.0",i="PROD",o="CDN"},6154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>c,RI:()=>i,WN:()=>d,bv:()=>o,gm:()=>a,mw:()=>s,sb:()=>u});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,o="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),s=Boolean("hidden"===a?.document?.visibilityState),c=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=c&&"undefined"==typeof SharedWorker,d=((()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)())},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>c,Ze:()=>l,x3:()=>u});var n=r(7836),i=r(3606),o=r(860),a=r(2646);const s={};function c(e,t){const r={staged:!1,priority:o.P[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function u(e,t){e&&s[e]&&(s[e].get(t)&&s[e].delete(t),g(e,t,!1),s[e].size&&f(e))}function d(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function l(e="",t="feature",r=!1){if(d(e),!e||!s[e].get(t)||r)return g(e,t);s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{s[e].delete(t),g(e,t)})))}function g(e,t,r=!0){const o=e?n.ee.get(e):n.ee,s=i.i.handlers;if(!o.aborted&&o.backlog&&s){if(r){const e=o.backlog[t],r=s[t];if(r){for(let t=0;e&&t<e.length;++t)p(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof a.y&&t[0].on(e,t[1])}))}))}}o.isolatedBacklog||delete s[t],o.backlog[t]=null,o.emit("drain-"+t,[])}}function p(e,t){var r=e[1];Object.values(t[r]||{}).forEach((t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],o=e[2];n.apply(i,o)}}))}},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>c,ee:()=>u});var n=r(384),i=r(8990),o=r(3371),a=r(2646),s=r(5607);const c="nr@context:".concat(s.W),u=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&(0,o.f)(r).isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=g(n),c=h(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var p=m()[s[e]];p&&p.push([f,e,r,a]);return a},get:v,listeners:h,context:g,buffer:function(e,t){const r=m();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((([e,n])=>{s[n]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!m()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,c,(()=>new a.y(c))):new a.y(c)}function p(e,t){n[e]=h(e).concat(t)}function h(e){return n[e]||[]}function v(t){return d[t]=d[t]||e(f,t)}function m(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=u)},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var n=r(9908);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.d,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.d);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function o(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>o,jT:()=>n,sp:()=>i})},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>s,bz:()=>a});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>a,H3:()=>n,g:()=>u,iL:()=>c,tS:()=>s,uh:()=>i,wk:()=>o});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},944:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.debug&&console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t)}r.d(t,{R:()=>n})},5284:(e,t,r)=>{"use strict";r.d(t,{t:()=>c,B:()=>s});var n=r(7836),i=r(6154);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(e={}){try{i.gm.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},8990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout((()=>{i=clearTimeout(i)}),t)),n||(clearTimeout(i),i=setTimeout((()=>{e.apply(this,r)}),t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,sB:()=>a});var n=r(3878);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.sp)("load",e,t)}function a(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>o,US:()=>d,Zm:()=>a,bQ:()=>c,dV:()=>s,nY:()=>u,pV:()=>l});var n=r(6154),i=r(1863);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function s(){let e=a();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},2843:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},3434:(e,t,r)=>{"use strict";r.d(t,{YM:()=>c});var n=r(7836),i=r(5607);const o="nr@original:".concat(i.W);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return d(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,d,l;try{a=this,o=[...arguments],d="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],d],e)}i(r+"start",[o,a,s],d,c);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],d,c),e}finally{i(r+"end",[o,a,l],d,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function d(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},993:(e,t,r)=>{"use strict";r.d(t,{ET:()=>o,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},o="log";n.K.logging},3969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>s,rs:()=>i,xV:()=>a,z_:()=>o});const n=r(860).K.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K.pageViewEvent},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K.pageViewTiming},6344:(e,t,r)=>{"use strict";r.d(t,{G4:()=>i});var n=r(2614);r(860).K.sessionReplay;const i={RECORD:"recordReplay",PAUSE:"pauseReplay",REPLAY_RUNNING:"replayRunning",ERROR_DURING_REPLAY:"errorDuringReplay"};n.g.ERROR,n.g.FULL,n.g.OFF},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(7836),i=r(1687);class o{constructor(e,t){this.agentIdentifier=e,this.ee=n.ee.get(e),this.featureName=t,this.blocked=!1}deregisterDrain(){(0,i.x3)(this.agentIdentifier,this.featureName)}}},7603:(e,t,r)=>{"use strict";r.d(t,{j:()=>P});var n=r(860),i=r(2555),o=r(3371),a=r(9908),s=r(7836),c=r(1687),u=r(5289),d=r(6154),l=r(944),f=r(3969),g=r(384),p=r(6344);const h=["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",p.G4.RECORD,p.G4.PAUSE,"log","wrapLogger"],v=["setErrorHandler","finished","addToTrace","addRelease"];var m=r(1863),b=r(2614),y=r(993);var w=r(2646),A=r(3434);function R(e,t,r,n){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const i=function(e){return(e||s.ee).get("logger")}(e),o=(0,A.YM)(i),a=new w.y(s.P);return a.level=n.level,a.customAttributes=n.customAttributes,o.inPlace(t,[r],"wrap-logger-",a),i}function E(){const e=(0,g.pV)();h.forEach((t=>{e[t]=(...r)=>function(t,...r){let n=[];return Object.values(e.initializedAgents).forEach((e=>{e&&e.api?e.exposed&&e.api[t]&&n.push(e.api[t](...r)):(0,l.R)(38,t)})),n.length>1?n:n[0]}(t,...r)}))}const x={};function _(e,t,g=!1){t||(0,c.Ak)(e,"api");const h={};var w=s.ee.get(e),A=w.get("tracer");x[e]=b.g.OFF,w.on(p.G4.REPLAY_RUNNING,(t=>{x[e]=t}));var E="api-",_=E+"ixn-";function N(t,r,n,o){const a=(0,i.Vp)(e);return null===r?delete a.jsAttributes[t]:(0,i.x1)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),k(E,n,!0,o||null===r?"session":void 0)(t,r)}function T(){}h.log=function(e,{customAttributes:t={},level:r=y.p_.INFO}={}){(0,a.p)(f.xV,["API/log/called"],void 0,n.K.metrics,w),function(e,t,r={},i=y.p_.INFO){(0,a.p)(f.xV,["API/logging/".concat(i.toLowerCase(),"/called")],void 0,n.K.metrics,e),(0,a.p)(y.ET,[(0,m.t)(),t,r,i],void 0,n.K.logging,e)}(w,e,t,r)},h.wrapLogger=(e,t,{customAttributes:r={},level:i=y.p_.INFO}={})=>{(0,a.p)(f.xV,["API/wrapLogger/called"],void 0,n.K.metrics,w),R(w,e,t,{customAttributes:r,level:i})},v.forEach((e=>{h[e]=k(E,e,!0,"api")})),h.addPageAction=k(E,"addPageAction",!0,n.K.genericEvents),h.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,o.f)(e).customTransaction=(r||"http://custom.transaction")+t,k(E,"setPageViewName",!0)()},h.setCustomAttribute=function(e,t,r=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return N(e,t,"setCustomAttribute",r);(0,l.R)(40,typeof t)}else(0,l.R)(39,typeof e)},h.setUserId=function(e){if("string"==typeof e||null===e)return N("enduser.id",e,"setUserId",!0);(0,l.R)(41,typeof e)},h.setApplicationVersion=function(e){if("string"==typeof e||null===e)return N("application.version",e,"setApplicationVersion",!1);(0,l.R)(42,typeof e)},h.start=()=>{try{(0,a.p)(f.xV,["API/start/called"],void 0,n.K.metrics,w),w.emit("manual-start-all")}catch(e){(0,l.R)(23,e)}},h[p.G4.RECORD]=function(){(0,a.p)(f.xV,["API/recordReplay/called"],void 0,n.K.metrics,w),(0,a.p)(p.G4.RECORD,[],void 0,n.K.sessionReplay,w)},h[p.G4.PAUSE]=function(){(0,a.p)(f.xV,["API/pauseReplay/called"],void 0,n.K.metrics,w),(0,a.p)(p.G4.PAUSE,[],void 0,n.K.sessionReplay,w)},h.interaction=function(e){return(new T).get("object"==typeof e?e:{})};const S=T.prototype={createTracer:function(e,t){var r={},i=this,o="function"==typeof t;return(0,a.p)(f.xV,["API/createTracer/called"],void 0,n.K.metrics,w),g||(0,a.p)(_+"tracer",[(0,m.t)(),e,r],i,n.K.spa,w),function(){if(A.emit((o?"":"no-")+"fn-start",[(0,m.t)(),i,o],r),o)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw A.emit("fn-err",[arguments,this,t],r),t}finally{A.emit("fn-end",[(0,m.t)()],r)}}}};function k(e,t,r,i){return function(){return(0,a.p)(f.xV,["API/"+t+"/called"],void 0,n.K.metrics,w),i&&(0,a.p)(e+t,[(0,m.t)(),...arguments],r?null:this,i,w),r?void 0:this}}function I(){r.e(296).then(r.bind(r,8778)).then((({setAPI:t})=>{t(e),(0,c.Ze)(e,"api")})).catch((e=>{(0,l.R)(27,e),w.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{S[e]=k(_,e,void 0,g?n.K.softNav:n.K.spa)})),h.setCurrentRouteName=g?k(_,"routeName",void 0,n.K.softNav):k(E,"routeName",!0,n.K.spa),h.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,a.p)(f.xV,["API/noticeError/called"],void 0,n.K.metrics,w),(0,a.p)("err",[t,(0,m.t)(),!1,r,!!x[e]],void 0,n.K.jserrors,w)},d.RI?(0,u.GG)((()=>I()),!0):I(),h}var N=r(9417),T=r(8122);const S={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},k={};var I=r(5284);const j=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let O=!1;function P(e,t={},r,n){let{init:a,info:c,loader_config:u,runtime:l={},exposed:f=!0}=t;l.loaderType=r;const p=(0,g.pV)();c||(a=p.init,c=p.info,u=p.loader_config),(0,N.xN)(e.agentIdentifier,a||{}),function(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");k[e]=(0,T.a)(t,S);const r=(0,g.nY)(e);r&&(r.loader_config=k[e])}(e.agentIdentifier,u||{}),c.jsAttributes??={},d.bv&&(c.jsAttributes.isWorker=!0),(0,i.x1)(e.agentIdentifier,c);const h=(0,N.D0)(e.agentIdentifier),v=[c.beacon,c.errorBeacon];O||(h.proxy.assets&&(j(h.proxy.assets),v.push(h.proxy.assets)),h.proxy.beacon&&v.push(h.proxy.beacon),E(),(0,g.US)("activatedFeatures",I.B),e.runSoftNavOverSpa&&=!0===h.soft_navigations.enabled&&h.feature_flags.includes("soft_nav")),l.denyList=[...h.ajax.deny_list||[],...h.ajax.block_internal?v:[]],l.ptid=e.agentIdentifier,(0,o.V)(e.agentIdentifier,l),e.ee=s.ee.get(e.agentIdentifier),void 0===e.api&&(e.api=_(e.agentIdentifier,n,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=f),O=!0}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{K:()=>n,P:()=>i});const n={ajax:"ajax",genericEvents:"generic_events",jserrors:"jserrors",logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.spa]:5,[n.ajax]:6,[n.sessionTrace]:7,[n.softNav]:8,[n.sessionReplay]:9,[n.logging]:10,[n.genericEvents]:11}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>"nr-rum-1.271.0.min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.271.0.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={296:"sha512-h2Q7adjdycVlWVOXCSyO8G4aJCcGRMes8A4KgdxZFnrNwGgHscAeZiHTPrIZ/jUPYUC4L0zSgAYCYHjKEOGncw=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var g=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(g.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=g.bind(null,s.onerror),s.onload=g.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={840:0,374:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.271.0.PROD"]=self["webpackChunk:NRBA-1.271.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(944),t=i(6344),r=i(9566);class n{agentIdentifier;constructor(e=(0,r.LA)(16)){this.agentIdentifier=e}#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}addPageAction(e,t){return this.#e("addPageAction",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}finished(e){return this.#e("finished",e)}addRelease(e,t){return this.#e("addRelease",e,t)}start(e){return this.#e("start",e)}recordReplay(){return this.#e(t.G4.RECORD)}pauseReplay(){return this.#e(t.G4.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}log(e,t){return this.#e("log",e,t)}wrapLogger(e,t,r){return this.#e("wrapLogger",e,t,r)}}var o=i(860),a=i(9417);const s=Object.values(o.K);function c(e){const t={};return s.forEach((r=>{t[r]=function(e,t){return!0===(0,a.gD)(t,"".concat(e,".enabled"))}(r,e)})),t}var u=i(7603);var d=i(1687),l=i(4234),f=i(5289),g=i(6154),p=i(384);const h=e=>g.RI&&!0===(0,a.gD)(e,"privacy.cookies_enabled");function v(e){return!!(0,p.dV)().o.MO&&h(e)&&!0===(0,a.gD)(e,"session_trace.enabled")}var m=i(6389);class b extends l.W{constructor(e,t,r=!0){super(e.agentIdentifier,t),this.auto=r,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===e.init[this.featureName].autoStart&&(this.auto=!1),this.auto?(0,d.Ak)(e.agentIdentifier,t):this.ee.on("manual-start-all",(0,m.J)((()=>{(0,d.Ak)(e.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator(e)})))}importAggregator(t,r={}){if(this.featAggregate||!this.auto)return;let n;this.onAggregateImported=new Promise((e=>{n=e}));const a=async()=>{let a;try{if(h(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(296).then(i.bind(i,3861));a=e(this.agentIdentifier)}}catch(t){(0,e.R)(20,t),this.ee.emit("internal-error",[t]),this.featureName===o.K.sessionReplay&&this.abortHandler?.()}try{if(t.sharedAggregator)await t.sharedAggregator;else{t.sharedAggregator=i.e(296).then(i.bind(i,5987));const{Aggregator:e}=await t.sharedAggregator;t.sharedAggregator=new e}if(!this.#t(this.featureName,a))return(0,d.Ze)(this.agentIdentifier,this.featureName),void n(!1);const{lazyFeatureLoader:e}=await i.e(296).then(i.bind(i,6103)),{Aggregate:o}=await e(this.featureName,"aggregate");this.featAggregate=new o(t,r),n(!0)}catch(t){(0,e.R)(34,t),this.abortHandler?.(),(0,d.Ze)(this.agentIdentifier,this.featureName,!0),n(!1),this.ee&&this.ee.abort()}};g.RI?(0,f.GG)((()=>a()),!0):a()}#t(e,t){switch(e){case o.K.sessionReplay:return v(this.agentIdentifier)&&!!t;case o.K.sessionTrace:return!!t;default:return!0}}}var y=i(6630);class w extends b{static featureName=y.T;constructor(e,t=!0){super(e,y.T,t),this.importAggregator(e)}}var A=i(9908),R=i(2843),E=i(3878),x=i(782),_=i(1863);class N extends b{static featureName=x.T;constructor(e,t=!0){super(e,x.T,t),g.RI&&((0,R.u)((()=>(0,A.p)("docHidden",[(0,_.t)()],void 0,x.T,this.ee)),!0),(0,E.sp)("pagehide",(()=>(0,A.p)("winPagehide",[(0,_.t)()],void 0,x.T,this.ee))),this.importAggregator(e))}}var T=i(3969);class S extends b{static featureName=T.TZ;constructor(e,t=!0){super(e,T.TZ,t),this.importAggregator(e)}}new class extends n{constructor(t,r){super(r),g.gm?(this.features={},(0,p.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(w),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===o.K.softNav)),(0,u.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=c(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>o.P[e.featureName]-o.P[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==o.K.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===o.K.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===o.K.softNav)return;const n=function(e){switch(e){case o.K.ajax:return[o.K.jserrors];case o.K.sessionTrace:return[o.K.ajax,o.K.pageViewEvent];case o.K.sessionReplay:return[o.K.sessionTrace];case o.K.pageViewTiming:return[o.K.pageViewEvent];default:return[]}}(r.featureName).filter((e=>!(e in this.features)));n.length>0&&(0,e.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)}))}catch(t){(0,e.R)(22,t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,p.Zm)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[w,N,S],loaderType:"lite"})})()})();</script>
<title>Toyota Capital Malaysia | Home</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="jksOjIh8IfPF8CRyjWKFD9PsKKmX85crC6HPwY020BU" name="google-site-verification">
<meta name="keywords" content="Toyota, Capital, Malaysia, BLR, base, lending, rate"> <meta name="keywords" content="Toyota, Capital, Malaysia, auto-finance, loan, car-loan, BLR, base, lending, rate">
<meta content="Toyota Malaysia" name="author">
<!-- FB OPEN GRAPH -->
<meta property="og:type" content="website">
<meta property="og:title" content="Toyota Capital Malaysia | For Your Auto-Financing Needs ">
<meta property="og:image" content="https://www.toyotacapital.com.my/media/image/attachment/331/about-banner-mobile-2.jpg">
<meta property="og:image:alt" content="Toyota Capital: For all your auto-financing needs. Find great vehicle financing and leasing packages from the specialists in vehicle financing.">
<meta property="og:description" content="Toyota Capital Malaysia: find great vehicle financing and leasing packages from the specialists in vehicle financing.">
<meta property="og:site_name" content="Toyota Capital Malaysia">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="">
<!-- END FB OPEN GRAPH -->
<!-- SCHEMA -->
<link rel="author" href="">
<link rel="publisher" href="">
<meta itemprop="name" content="Toyota Capital Malaysia | For Your Auto-Financing Needs ">
<meta itemprop="description" content="For all your auto-financing needs. Find great vehicle financing and leasing packages from the specialists in vehicle financing.">
<meta itemprop="image" content="https://www.toyotacapital.com.my/media/image/attachment/331/about-banner-mobile-2.jpg">
<!-- END SCHEMA -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/icons/favicon_57x57_4.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/img/icons/favicon_60x60_4.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/img/icons/favicon_72x72_4.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/img/icons/favicon_76x76_4.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/img/icons/favicon_114x114_4.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/img/icons/favicon_120x120_4.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/img/icons/favicon_144x144_4.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/img/icons/favicon_152x152_4.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/icons/favicon_180x180_4.png">
<link rel="icon" type="image/png" href="/assets/img/icons/favicon_32x32_4.png" sizes="32x32">
<link rel="icon" type="image/png" href="/assets/img/icons/favicon_96x96_4.png" sizes="96x96">
<link rel="icon" type="image/png" href="/assets/img/icons/favicon_16x16_4.png" sizes="16x16">
<!-- ================== BEGIN BASE CSS STYLE ================== -->
<link href="/assets/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
<link href="/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/plugins/icon/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- ================== END BASE CSS STYLE ================== -->
<!-- ================== BEGIN BASE JS ================== -->
<script src="/assets/plugins/jquery/jquery-3.6.4.min.js"></script>
<script src="/assets/plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="/assets/plugins/cookie/js/js.cookie.js"></script>
<script src="/assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ================== END BASE JS ================== -->
<!-- ================== BEGIN PAGE LEVEL JS ================== -->
<script src="/assets/js/global.js?v=1.0"></script>
<!-- ================== END PAGE LEVEL JS ================== -->
<script async="" src="https://cse.google.com/cse.js?cx=000895933371097256130:d79z5mtgyib"></script>
<!-- ANALYTICS & TRACKERS -->
<!-- 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-TBT4TF8');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-138980555-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-138980555-1');
</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', '235770407316344');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=235770407316344&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- END ANALYTICS & TRACKERS -->
<script src="https://www.google.com/cse/static/element/8fa85d58e016b414/cse_element__en.js?usqp=CAI%3D" type="text/javascript"></script><link type="text/css" href="https://www.google.com/cse/static/element/8fa85d58e016b414/default+en.css" rel="stylesheet"><link type="text/css" href="https://www.google.com/cse/static/style/look/v4/default.css" rel="stylesheet"><style type="text/css">.gsc-control-cse{font-family:arial, sans-serif}.gsc-control-cse .gsc-table-result{font-family:arial, sans-serif}.gsc-refinementsGradient{background:linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0))}.gsc-control-cse{border-color:#FFFFFF;background-color:#FFFFFF}input.gsc-input,.gsc-input-box,.gsc-input-box-hover,.gsc-input-box-focus{border-color:#DFE1E5}.gsc-search-button-v2,.gsc-search-button-v2:hover,.gsc-search-button-v2:focus{border-color:#B51321;background-color:#EC1B2E;background-image:none;filter:none}.gsc-search-button-v2 svg{fill:#FFFFFF}.gsc-tabHeader.gsc-tabhActive,.gsc-refinementHeader.gsc-refinementhActive{color:#1A73E8;border-color:#1A73E8;background-color:#FFFFFF}.gsc-tabHeader.gsc-tabhInactive,.gsc-refinementHeader.gsc-refinementhInactive{color:#666666;border-color:#666666;background-color:#FFFFFF}.gsc-webResult.gsc-result,.gsc-results .gsc-imageResult{border-color:#FFFFFF;background-color:#FFFFFF}.gsc-webResult.gsc-result:hover{border-color:#FFFFFF;background-color:#FFFFFF}.gs-webResult.gs-result a.gs-title:link,.gs-webResult.gs-result a.gs-title:link b,.gs-imageResult a.gs-title:link,.gs-imageResult a.gs-title:link b{color:#1155CC}.gs-webResult.gs-result a.gs-title:visited,.gs-webResult.gs-result a.gs-title:visited b,.gs-imageResult a.gs-title:visited,.gs-imageResult a.gs-title:visited b{color:#1155CC}.gs-webResult.gs-result a.gs-title:hover,.gs-webResult.gs-result a.gs-title:hover b,.gs-imageResult a.gs-title:hover,.gs-imageResult a.gs-title:hover b{color:#1155CC}.gs-webResult.gs-result a.gs-title:active,.gs-webResult.gs-result a.gs-title:active b,.gs-imageResult a.gs-title:active,.gs-imageResult a.gs-title:active b{color:#1155CC}.gsc-cursor-page{color:#1155CC}a.gsc-trailing-more-results:link{color:#1155CC}.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,.gs-fileFormatType{color:#333333}.gs-webResult div.gs-visibleUrl{color:#009933}.gs-webResult div.gs-visibleUrl-short{color:#009933}.gsc-cursor-box{border-color:#FFFFFF}.gsc-results .gsc-cursor-box .gsc-cursor-page{border-color:#666666;background-color:#FFFFFF;color:#666666}.gsc-results .gsc-cursor-box .gsc-cursor-current-page{border-color:#1A73E8;background-color:#FFFFFF;color:#1A73E8}.gsc-webResult.gsc-result.gsc-promotion{border-color:#FFFFFF;background-color:#F6F6F6}.gsc-completion-title{color:#1155CC}.gsc-completion-snippet{color:#333333}.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link{color:#1155CC}.gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited{color:#1155CC}.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover{color:#1155CC}.gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active{color:#1155CC}.gs-promotion .gs-snippet,.gs-promotion .gs-title .gs-promotion-title-right,.gs-promotion .gs-title .gs-promotion-title-right *{color:#333333}.gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short{color:#009933}.gcsc-find-more-on-google{color:#1155CC}.gcsc-find-more-on-google-magnifier{fill:#1155CC}</style><style type="text/css">.gscb_a{display:inline-block;font:27px/13px arial,sans-serif}.gsst_a .gscb_a{color:#a1b9ed;cursor:pointer}.gsst_a:hover .gscb_a,.gsst_a:focus .gscb_a{color:#36c}.gsst_a{display:inline-block}.gsst_a{cursor:pointer;padding:0 4px}.gsst_a:hover{text-decoration:none!important}.gsst_b{font-size:16px;padding:0 2px;position:relative;user-select:none;-webkit-user-select:none;white-space:nowrap}.gsst_e{vertical-align:middle;opacity:0.55;}.gsst_a:hover .gsst_e,.gsst_a:focus .gsst_e{opacity:0.72;}.gsst_a:active .gsst_e{opacity:1;}.gsst_f{background:white;text-align:left}.gsst_g{background-color:white;border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:-1px -3px;padding:0 6px}.gsst_h{background-color:white;height:1px;margin-bottom:-1px;position:relative;top:-1px}.gsib_a{width:100%;padding:4px 6px 0}.gsib_a,.gsib_b{vertical-align:top}.gssb_c{border:0;position:absolute;z-index:989}.gssb_e{border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);cursor:default}.gssb_f{visibility:hidden;white-space:nowrap}.gssb_k{border:0;display:block;position:absolute;top:0;z-index:988}.gsdd_a{border:none!important}.gsq_a{padding:0}.gssb_a{padding:0 7px}.gssb_a,.gssb_a td{white-space:nowrap;overflow:hidden;line-height:22px}#gssb_b{font-size:11px;color:#36c;text-decoration:none}#gssb_b:hover{font-size:11px;color:#36c;text-decoration:underline}.gssb_g{text-align:center;padding:8px 0 7px;position:relative}.gssb_h{font-size:15px;height:28px;margin:0.2em;-webkit-appearance:button}.gssb_i{background:#eee}.gss_ifl{visibility:hidden;padding-left:5px}.gssb_i .gss_ifl{visibility:visible}a.gssb_j{font-size:13px;color:#36c;text-decoration:none;line-height:100%}a.gssb_j:hover{text-decoration:underline}.gssb_l{height:1px;background-color:#e5e5e5}.gssb_m{color:#000;background:#fff}.gssb_a{padding:0 9px}.gsib_a{padding:5px 9px 4px 9px}.gscb_a{line-height:27px}.gssb_e{border:0}.gssb_l{margin:5px 0}input.gsc-input::-webkit-input-placeholder{font-size:14px}input.gsc-input:-moz-placeholder{font-size:14px}input.gsc-input::-moz-placeholder{font-size:14px}input.gsc-input:-ms-input-placeholder{font-size:14px}input.gsc-input:focus::-webkit-input-placeholder{color:transparent}input.gsc-input:focus:-moz-placeholder{color:transparent}input.gsc-input:focus::-moz-placeholder{color:transparent}input.gsc-input:focus:-ms-input-placeholder{color:transparent}.gssb_c .gsc-completion-container{position:static}.gssb_c{z-index:5000}.gsc-completion-container table{background:transparent;font-size:inherit;font-family:inherit}.gssb_c > tbody > tr,.gssb_c > tbody > tr > td,.gssb_d,.gssb_d > tbody > tr,.gssb_d > tbody > tr > td,.gssb_e,.gssb_e > tbody > tr,.gssb_e > tbody > tr > td{padding:0;margin:0;border:0}.gssb_a table,.gssb_a table tr,.gssb_a table tr td{padding:0;margin:0;border:0}</style><style type="text/css">.gscb_a{display:inline-block;font:27px/13px arial,sans-serif}.gsst_a .gscb_a{color:#a1b9ed;cursor:pointer}.gsst_a:hover .gscb_a,.gsst_a:focus .gscb_a{color:#36c}.gsst_a{display:inline-block}.gsst_a{cursor:pointer;padding:0 4px}.gsst_a:hover{text-decoration:none!important}.gsst_b{font-size:16px;padding:0 2px;position:relative;user-select:none;-webkit-user-select:none;white-space:nowrap}.gsst_e{vertical-align:middle;opacity:0.55;}.gsst_a:hover .gsst_e,.gsst_a:focus .gsst_e{opacity:0.72;}.gsst_a:active .gsst_e{opacity:1;}.gsst_f{background:white;text-align:left}.gsst_g{background-color:white;border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:-1px -3px;padding:0 6px}.gsst_h{background-color:white;height:1px;margin-bottom:-1px;position:relative;top:-1px}.gsib_a{width:100%;padding:4px 6px 0}.gsib_a,.gsib_b{vertical-align:top}.gssb_c{border:0;position:absolute;z-index:989}.gssb_e{border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);cursor:default}.gssb_f{visibility:hidden;white-space:nowrap}.gssb_k{border:0;display:block;position:absolute;top:0;z-index:988}.gsdd_a{border:none!important}.gsq_a{padding:0}.gssb_a{padding:0 7px}.gssb_a,.gssb_a td{white-space:nowrap;overflow:hidden;line-height:22px}#gssb_b{font-size:11px;color:#36c;text-decoration:none}#gssb_b:hover{font-size:11px;color:#36c;text-decoration:underline}.gssb_g{text-align:center;padding:8px 0 7px;position:relative}.gssb_h{font-size:15px;height:28px;margin:0.2em;-webkit-appearance:button}.gssb_i{background:#eee}.gss_ifl{visibility:hidden;padding-left:5px}.gssb_i .gss_ifl{visibility:visible}a.gssb_j{font-size:13px;color:#36c;text-decoration:none;line-height:100%}a.gssb_j:hover{text-decoration:underline}.gssb_l{height:1px;background-color:#e5e5e5}.gssb_m{color:#000;background:#fff}.gssb_a{padding:0 9px}.gsib_a{padding:5px 9px 4px 9px}.gscb_a{line-height:27px}.gssb_e{border:0}.gssb_l{margin:5px 0}input.gsc-input::-webkit-input-placeholder{font-size:14px}input.gsc-input:-moz-placeholder{font-size:14px}input.gsc-input::-moz-placeholder{font-size:14px}input.gsc-input:-ms-input-placeholder{font-size:14px}input.gsc-input:focus::-webkit-input-placeholder{color:transparent}input.gsc-input:focus:-moz-placeholder{color:transparent}input.gsc-input:focus::-moz-placeholder{color:transparent}input.gsc-input:focus:-ms-input-placeholder{color:transparent}.gssb_c .gsc-completion-container{position:static}.gssb_c{z-index:5000}.gsc-completion-container table{background:transparent;font-size:inherit;font-family:inherit}.gssb_c > tbody > tr,.gssb_c > tbody > tr > td,.gssb_d,.gssb_d > tbody > tr,.gssb_d > tbody > tr > td,.gssb_e,.gssb_e > tbody > tr,.gssb_e > tbody > tr > td{padding:0;margin:0;border:0}.gssb_a table,.gssb_a table tr,.gssb_a table tr td{padding:0;margin:0;border:0}</style><style type="text/css">.gscb_a{display:inline-block;font:27px/13px arial,sans-serif}.gsst_a .gscb_a{color:#a1b9ed;cursor:pointer}.gsst_a:hover .gscb_a,.gsst_a:focus .gscb_a{color:#36c}.gsst_a{display:inline-block}.gsst_a{cursor:pointer;padding:0 4px}.gsst_a:hover{text-decoration:none!important}.gsst_b{font-size:16px;padding:0 2px;position:relative;user-select:none;-webkit-user-select:none;white-space:nowrap}.gsst_e{vertical-align:middle;opacity:0.55;}.gsst_a:hover .gsst_e,.gsst_a:focus .gsst_e{opacity:0.72;}.gsst_a:active .gsst_e{opacity:1;}.gsst_f{background:white;text-align:left}.gsst_g{background-color:white;border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:-1px -3px;padding:0 6px}.gsst_h{background-color:white;height:1px;margin-bottom:-1px;position:relative;top:-1px}.gsib_a{width:100%;padding:4px 6px 0}.gsib_a,.gsib_b{vertical-align:top}.gssb_c{border:0;position:absolute;z-index:989}.gssb_e{border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);cursor:default}.gssb_f{visibility:hidden;white-space:nowrap}.gssb_k{border:0;display:block;position:absolute;top:0;z-index:988}.gsdd_a{border:none!important}.gsq_a{padding:0}.gssb_a{padding:0 7px}.gssb_a,.gssb_a td{white-space:nowrap;overflow:hidden;line-height:22px}#gssb_b{font-size:11px;color:#36c;text-decoration:none}#gssb_b:hover{font-size:11px;color:#36c;text-decoration:underline}.gssb_g{text-align:center;padding:8px 0 7px;position:relative}.gssb_h{font-size:15px;height:28px;margin:0.2em;-webkit-appearance:button}.gssb_i{background:#eee}.gss_ifl{visibility:hidden;padding-left:5px}.gssb_i .gss_ifl{visibility:visible}a.gssb_j{font-size:13px;color:#36c;text-decoration:none;line-height:100%}a.gssb_j:hover{text-decoration:underline}.gssb_l{height:1px;background-color:#e5e5e5}.gssb_m{color:#000;background:#fff}.gssb_a{padding:0 9px}.gsib_a{padding:5px 9px 4px 9px}.gscb_a{line-height:27px}.gssb_e{border:0}.gssb_l{margin:5px 0}input.gsc-input::-webkit-input-placeholder{font-size:14px}input.gsc-input:-moz-placeholder{font-size:14px}input.gsc-input::-moz-placeholder{font-size:14px}input.gsc-input:-ms-input-placeholder{font-size:14px}input.gsc-input:focus::-webkit-input-placeholder{color:transparent}input.gsc-input:focus:-moz-placeholder{color:transparent}input.gsc-input:focus::-moz-placeholder{color:transparent}input.gsc-input:focus:-ms-input-placeholder{color:transparent}.gssb_c .gsc-completion-container{position:static}.gssb_c{z-index:5000}.gsc-completion-container table{background:transparent;font-size:inherit;font-family:inherit}.gssb_c > tbody > tr,.gssb_c > tbody > tr > td,.gssb_d,.gssb_d > tbody > tr,.gssb_d > tbody > tr > td,.gssb_e,.gssb_e > tbody > tr,.gssb_e > tbody > tr > td{padding:0;margin:0;border:0}.gssb_a table,.gssb_a table tr,.gssb_a table tr td{padding:0;margin:0;border:0}</style></head>
<body class="modal-open" style="padding-right: 10px;">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TBT4TF8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- BEGIN #page-container -->
<div id="page-container" class="">
<div id="content" class="content ">
<link href="/media/css/attachment/1/custom-2-11.css" rel="stylesheet">
<style type="text/css">.g-recaptcha {
display: inline-block;
margin: 10px auto;
}
/* Product Page */
.brochure-img {
max-width:100%;
}
.perday-text {
border-right: 1px solid #666;
}
/* End of Product Page */
header .navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
}
header {
min-height: 70px;
}
header .navbar {
width: 100%;
max-height: 80px;
padding-top: 0;
padding-bottom: 0;
z-index: 99;
position: fixed;
}
.navbar-brand.tcap-logo>img {
width: 120px;
}
b {
font-family: 'ToyotaText-bold';
}
.hidden {
display: none;
}
.sub-menu {
background: #fff;
margin-top: 70px;
display: block;
width: 100%;
opacity: 0;
z-index: -1030;
position: fixed;
transition-duration: 0.5s;
height: calc(100vh - 70px);
text-align: center;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
border-top: 1px solid #ec1b2e;
}
.sub-menu.open {
margin-top: 70px;
height: calc(100vh - 70px);
opacity: 1;
z-index: 1030;
box-shadow: 0 12px 12px rgba(0, 0, 0, 0.3);
}
.fade.in {
opacity: 1;
}
.search-bar {
background: #ec1b2e;
padding: 15px;
color: #fff;
}
.search-bar .form-inline {
display: inline-block;
width: 40%;
}
.search-bar .form-inline .form-control {
margin: auto;
background: transparent;
border: 0;
border-radius: 0;
border-bottom: 1px solid #fff;
width: 90%;
color: #fff;
}
.search-bar .form-inline .form-control::placeholder {
color: #f7f7f7;
}
.search-bar .form-inline .btn {
margin-left: -5px;
border-bottom: 1px solid;
border-radius: 0;
}
.search-bar button {
color: #fff;
transition: all .3s ease;
}
.search-bar button:hover {
opacity: .5;
}
.contact-div {
display: inline-block;
float: right;
margin-top: -40px;
}
.contact-div button i {
font-size: 22px;
}
.submenu-inner {
background-color: #fff;
display: inline-block;
width: 100%;
padding: 25px 0;
}
.submenu-inner a.row {
padding: 15px 0 5px;
margin: 0;
transition: all 0.3s ease;
}
.submenu-inner a.row:hover {
text-decoration: none;
background-color: #eee;
}
.submenu-inner-title {
text-align: right;
margin-top: 25px;
padding: 0 15px;
border-bottom: 1px solid #ec1b2e;
font-family: 'ToyotaText-bold';
}
.submenu-btn-text {
color: #000;
text-align: left;
}
.submenu-btn-text h6 {
margin-bottom: 0;
font-family: 'ToyotaText-bold';
}
.submenu-inner .promotions .submenu-btn-text {
margin-top: 15px;
}
.google-search {
width: 40%;
margin: auto;
}
.google-search .gsc-input-box {
border: 0;
background: transparent;
}
table.gsc-search-box {
border-bottom: 1px solid #fff;
}
.search-bar input.gsc-input {
background: url("https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png") left center no-repeat rgba(255,255,255,0)!important;
color: #fff;
}
input.gsc-input:focus, input.gsc-input:not(:placeholder-shown) {
background: transparent!important;
}
.search-bar input.gsc-input::placeholder {
color: #f7f7f7;
}
.search-bar .gsc-search-button-v2 {
padding: 8px 20px 7px;
border: 0;
margin: 0;
/* background-color: #b51321; */
/*border-bottom: 1px solid #fff;*/
}
.search-bar .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0;
}
@keyframes shake {
0% { transform:translate(0,0) }
1.78571% { transform:translate(5px,0) }
3.57143% { transform:translate(0,0) }
5.35714% { transform:translate(5px,0) }
7.14286% { transform:translate(0,0) }
8.92857% { transform:translate(5px,0) }
10.71429% { transform:translate(0,0) }
100% { transform:translate(0,0) }
}
@media (min-width: 992px) {
.form-button {
animation: shake 5.5s ease infinite;
animation-delay: 3s;
}
}
@media (min-width: 768px) {
.img-adjust {
padding-right: 0;
}
.img-adjust-text {
padding-left: 0;
}
}
@media (max-width: 991px) {
.contact-div {
margin-top: 10px;
float: none;
}
.google-search {
width: 80%;
}
.google-search .gsc-input-box {
border-radius: 0;
}
.search-bar .gsc-search-button-v2 {
border-radius: 0;
}
.search-bar .form-inline {
width: 60%;
}
}
@media (max-width: 767px) {
.submenu-inner {
padding: 10px 0;
}
.submenu-inner .container {
padding-left: 0;
padding-right: 0;
}
.submenu-inner .submenu-btn-text p {
line-height: 1.3;
}
.row {
margin: 0;
}
.search-bar .form-inline {
width: 100%;
}
.search-bar .form-inline .form-control {
width: calc(100% - 40px);
float: left;
}
.search-bar .form-inline .btn {
float: left;
}
.google-search {
width: 100%;
}
.hamburgermenu {
padding: 15px 0;
}
.navbar-brand.tcap-logo {
margin-left: 5px;
}
.feature-promotion .submenu-btn-img {
margin-top: 5px;
}
.feature-promotion .submenu-inner-title {
text-align: left;
border-bottom: 0;
color: #000;
margin-top: -30px;
}
.feature-promotion .submenu-btn-text {
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
}
}
.language {
font-size: 14px;
float: left;
padding: 13px 15px;
margin-left: -30px;
margin-right: 15px;
}
.language a {
color: #000;
transition: all .3s ease;
}
.language a:hover, .language a.active {
color: #ec1b2e;
}
.hamburgermenu .main-menu {
float: left;
}
.apply-online {
filter: invert(1);
max-width: 25px;
margin-top: -5px;
}
.onlineapplication-button {
position: fixed;
right: 15px;
bottom: 11%;
width: 50px;
transition: all .3s ease;
cursor: pointer;
z-index: 9;
}
.onlineapplication-button a {
display: inline-block;
width: 100%;
transition: all .3s ease;
}
.onlineapplication-button a:hover {
text-decoration: none;
opacity: .7;
}
.onlineapplication-button .onlineapplication-img {
background: #ec1b2e;
border: 1px solid #fff;
color: #fff;
padding: 5px;
border-radius: 5px;
font-size: 8px;
text-align: center;
}
.onlineapplication-button .onlineapplication-img img {
filter: invert(1);
max-width: 35px;
}
.brand {
background: #707070;
color: #fff;
padding: 15px 30px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
font-size: 16px;
font-weight: bold;
}
.brand.active {
background: #BE0B0B;
}
.main-search .gsc-input-box {
border-radius: 50px 0 0 50px;
border-right: 0;
border-color: #707070;
background: #EDEDED;
height: 38px;
padding: 0 8px;
}
.main-search .gsc-search-button-v2 {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-left: 0;
height: 38px;
}
.main-search .gsc-search-button-v2, .main-search .gsc-search-button-v2:hover, .main-search .gsc-search-button-v2:focus {
border-color: #707070;
background-color: #EDEDED;
padding: 8.5px 15px;
}
.main-search .gsc-search-button-v2 svg {
fill: #707070;
}
.main-search .gsc-search-button {
margin-left: 0;
}
.main-search table.gsc-search-box td.gsc-input {
padding: 0;
}
.navbar {
box-shadow: none;
border-bottom: 10px solid #BE0B0B;
}
@media (max-width: 991px) {
.navbar {
border-bottom: 1px solid #BE0B0B
}
.main-search .gsc-input-box {
height: 34px;
}
.main-search .gsc-search-button-v2 {
height: 34px;
}
.mobile-search {
margin-top: 78px;
width: 100%;
padding: 8px 0 0;
z-index: 1;
background: #fff;
}
/*.mobile-search .row {
margin-right: -15px;
margin-left: -15px;
}*/
.mobile-search .col-6 {
padding: 0;
}
.mobile-search .navbar-brand {
width: 100%;
padding-bottom: 0;
padding-top: 3px;
margin-right: 0;
}
.mobile-search .navbar-brand .brand {
padding: 8px 15px;
}
}
</style>
<div class="onlineapplication-button">
<a href="/onlineapplication" id="oa-btn" onclick="gtag("event","Floating Button - Homepage", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })">
<div class="onlineapplication-img">
<img src="/media/image/attachment/1/form-btn.png" class="img-fluid" alt="Form">
<span>apply now</span>
</div>
</a>
</div>
<script type="text/javascript">
var url = window.location.pathname;
var checkForPerodua = url.indexOf('perodua');
var checkForOA = url.indexOf('onlineapplication');
var checkForEZ = url.indexOf('ezbeli');
var checkFor2T = url.indexOf('2-tier-plan');
var checkForFP = url.indexOf('flexi-plan');
var checkForTD = url.indexOf('toyotadrive');
var checkForAT = url.indexOf('aitab');
var checkForCH = url.indexOf('conventionalhp');
var checkForVH = url.indexOf('vehiclelease');
var checkForJD = url.indexOf('jomdrive');
var checkForMO = url.indexOf('moratorium');
var checkForFeatured = url.indexOf('featured');
var checkForVLRP = url.indexOf('Financial-Relief-Program');
var checkForContact = url.indexOf('contact-us');
var checkForW2P = url.indexOf('ways2pay');
var checkForFAQ = url.indexOf('faq');
var checkForAbout = url.indexOf('about');
var checkForCareers = url.indexOf('careers');
var checkForCsr = url.indexOf('csr');
var checkForPreowned = url.indexOf('preowned');
var checkForDemo = url.indexOf('demo');
$( document ).ready(function() {
if (checkForOA == 1 || checkForEZ == 1 || checkFor2T == 1 || checkForFP == 1 || checkForTD == 1 || checkForAT == 1 || checkForCH == 1 || checkForVH == 1 || checkForJD == 1 || checkForMO == 1 || checkForMO == 4 || checkForVLRP == 4 || checkForVLRP == 1 || checkForPreowned == 1 || checkForDemo == 1) {
$('.onlineapplication-button').addClass('d-none');
}
if (checkForFeatured == 1) {
$('.onlineapplication-button').removeClass('d-none');
$('#oa-btn').attr('onclick', 'gtag("event","Floating Button - EZ Beli", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })');
}
if (checkForContact == 1) {
$('#oa-btn').attr('onclick', 'gtag("event","Floating Button - Contact Us", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })');
}
if (checkForW2P == 1) {
$('#oa-btn').attr('onclick', 'gtag("event","Floating Button - Ways2Pay", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })');
}
if (checkForFAQ == 1) {
$('#oa-btn').attr('onclick', 'gtag("event","Floating Button - FAQ", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })');
}
if (checkForAbout == 1) {
$('#oa-btn').attr('onclick', 'gtag("event","Floating Button - About", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })');
}
if (checkForCareers == 1) {
$('#oa-btn').attr('onclick', 'gtag("event","Floating Button - Careers", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })');
}
if (checkForCsr == 1) {
$('#oa-btn').attr('onclick', 'gtag("event","Floating Button - CSR", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })');
}
if (url == '/') {
$('#oa-btn').attr('onclick', 'gtag("event","Floating Button - Homepage", { "event_category":"Online Application Channel", "event_label":"Step 0 - Start Button" })');
}
if (checkForPerodua == 1) {
$('#perodua').addClass('active');
$('#mobile-perodua').addClass('active');
} else {
$('#toyota').addClass('active');
$('#mobile-toyota').addClass('active');
console.log(url);
}
});
</script>
<header>
<div class="nav">
<nav class="navbar">
<!-- <div> --><!--
<a class="navbar-brand toyota-logo" href="/">
<img alt="Toyota Logo" class="logo" src="/media/image/attachment/1/toyota-logo.png" />
</a> -->
<a class="navbar-brand tcap-logo" href="/">
<img alt="Toyota Capital Logo" class="logo" src="/media/image/attachment/5/ToyotaCapitalLogo.png">
</a>
<div class="d-none d-lg-block">
<a class="navbar-brand mt-2" href="/">
<div class="brand active" id="toyota">
Explore Toyota Financing <i class="fa fa-caret-right" aria-hidden="true"></i>
</div>
</a>
<a class="navbar-brand mt-2" href="/perodua">
<div class="brand" id="perodua">
Explore Perodua Financing <i class="fa fa-caret-right" aria-hidden="true"></i>
</div>
</a>
</div>
<div class="col-lg-3 col-12 d-none d-lg-block main-search">
<div id="___gcse_0"><div class="gsc-control-searchbox-only gsc-control-searchbox-only-en" dir="ltr"><form class="gsc-search-box gsc-search-box-tools" accept-charset="utf-8"><table cellspacing="0" cellpadding="0" role="presentation" class="gsc-search-box"><tbody><tr><td class="gsc-input"><div class="gsc-input-box" id="gsc-iw-id1"><table cellspacing="0" cellpadding="0" role="presentation" id="gs_id50" class="gstl_50 gsc-input" style="width: 100%; padding: 0px;"><tbody><tr><td id="gs_tti50" class="gsib_a"><input autocomplete="off" type="text" size="10" class="gsc-input" name="search" title="search" aria-label="search" id="gsc-i-id1" dir="ltr" spellcheck="false" style="width: 100%; padding: 0px; border: none; margin: 0px; height: auto; background: url("https://www.google.com/cse/static/images/1x/en/branding.png") left center no-repeat rgb(255, 255, 255); outline: none;"></td><td class="gsib_b"><div class="gsst_b" id="gs_st50" dir="ltr"><a class="gsst_a" href="javascript:void(0)" title="Clear search box" role="button" style="display: none;"><span class="gscb_a" id="gs_cb50" aria-hidden="true">×</span></a></div></td></tr></tbody></table></div></td><td class="gsc-search-button"><button class="gsc-search-button gsc-search-button-v2"><svg width="13" height="13" viewBox="0 0 13 13"><title>search</title><path d="m4.8495 7.8226c0.82666 0 1.5262-0.29146 2.0985-0.87438 0.57232-0.58292 0.86378-1.2877 0.87438-2.1144 0.010599-0.82666-0.28086-1.5262-0.87438-2.0985-0.59352-0.57232-1.293-0.86378-2.0985-0.87438-0.8055-0.010599-1.5103 0.28086-2.1144 0.87438-0.60414 0.59352-0.8956 1.293-0.87438 2.0985 0.021197 0.8055 0.31266 1.5103 0.87438 2.1144 0.56172 0.60414 1.2665 0.8956 2.1144 0.87438zm4.4695 0.2115 3.681 3.6819-1.259 1.284-3.6817-3.7 0.0019784-0.69479-0.090043-0.098846c-0.87973 0.76087-1.92 1.1413-3.1207 1.1413-1.3553 0-2.5025-0.46363-3.4417-1.3909s-1.4088-2.0686-1.4088-3.4239c0-1.3553 0.4696-2.4966 1.4088-3.4239 0.9392-0.92727 2.0864-1.3969 3.4417-1.4088 1.3553-0.011889 2.4906 0.45771 3.406 1.4088 0.9154 0.95107 1.379 2.0924 1.3909 3.4239 0 1.2126-0.38043 2.2588-1.1413 3.1385l0.098834 0.090049z"></path></svg></button></td><td class="gsc-clear-button"><div class="gsc-clear-button" title="clear results"> </div></td></tr></tbody></table></form></div></div>
</div>
<!-- </div> -->
<div class="float-right hamburgermenu">
<div class="language">
<a href="/" class="active" id="en">EN</a>
|
<a href="/bm/home" id="bm">BM</a>
</div>
<script type="text/javascript">
var pathname = window.location.pathname;
var split = pathname.split('/');
var checkForMO = pathname.indexOf('moratorium');
var checkForOABM = split.indexOf('onlineapplication');
$('#en').attr('href', pathname);
$('#bm').attr('href', '/bm' + pathname);
if (split[1] == "") {
$('#en').attr('href', '/');
$('#bm').attr('href', '/bm/home');
} else if (split[1] == "bm") {
$('#en').attr('href', '/');
$('#bm').attr('href', '/bm/home');
if (split[2] == "Financial-Relief-Program") {
$('#en').attr('href', '/Financial-Relief-Program');
$('#bm').attr('href', '/bm/Financial-Relief-Program');
$('#en').removeClass('active');
$('#bm').addClass('active');
}
} else if (split[1] == "Financial-Relief-Program") {
$('#en').attr('href', '/Financial-Relief-Program');
$('#bm').attr('href', '/bm/Financial-Relief-Program');
} else if (split[1] == 'faq') {
$('#bm').attr('href', '/bm/soalanlazim');
} else if (split[1] == 'contact-us') {
$('#bm').attr('href', '/bm/hubungikami');
} else if (split[1] == 'about') {
$('#bm').attr('href', '/bm/mengenaikami');
} else if (split[1] == 'careers') {
$('#bm').attr('href', '/bm/kerjaya');
} else if (checkForOABM == 1) {
$('#bm').attr('href', '/onlineapplication');
} else if (checkForMO == 4) {
$('#bm').attr('href', '/moratorium');
} else if (checkForMO == 1) {
$('#en').attr('href', '/en/moratorium');
$('#bm').attr('href', '/moratorium');
}
</script>
<div class="main-menu btn2" data-menu="2">
<div class="icon">
</div>
</div>
</div>
</nav>
<div class="d-block d-lg-none mobile-search main-search">
<div class="col-lg-3 col-12">
<div id="___gcse_1"><div class="gsc-control-searchbox-only gsc-control-searchbox-only-en" dir="ltr"><form class="gsc-search-box gsc-search-box-tools" accept-charset="utf-8"><table cellspacing="0" cellpadding="0" role="presentation" class="gsc-search-box"><tbody><tr><td class="gsc-input"><div class="gsc-input-box" id="gsc-iw-id2"><table cellspacing="0" cellpadding="0" role="presentation" id="gs_id51" class="gstl_51 gsc-input" style="width: 100%; padding: 0px;"><tbody><tr><td id="gs_tti51" class="gsib_a"><input autocomplete="off" type="text" size="10" class="gsc-input" name="search" title="search" aria-label="search" id="gsc-i-id2" dir="ltr" spellcheck="false" style="width: 100%; padding: 0px; border: none; margin: 0px; height: auto; background: url("https://www.google.com/cse/static/images/1x/en/branding.png") left center no-repeat rgb(255, 255, 255); outline: none;"></td><td class="gsib_b"><div class="gsst_b" id="gs_st51" dir="ltr"><a class="gsst_a" href="javascript:void(0)" title="Clear search box" role="button" style="display: none;"><span class="gscb_a" id="gs_cb51" aria-hidden="true">×</span></a></div></td></tr></tbody></table></div></td><td class="gsc-search-button"><button class="gsc-search-button gsc-search-button-v2"><svg width="13" height="13" viewBox="0 0 13 13"><title>search</title><path d="m4.8495 7.8226c0.82666 0 1.5262-0.29146 2.0985-0.87438 0.57232-0.58292 0.86378-1.2877 0.87438-2.1144 0.010599-0.82666-0.28086-1.5262-0.87438-2.0985-0.59352-0.57232-1.293-0.86378-2.0985-0.87438-0.8055-0.010599-1.5103 0.28086-2.1144 0.87438-0.60414 0.59352-0.8956 1.293-0.87438 2.0985 0.021197 0.8055 0.31266 1.5103 0.87438 2.1144 0.56172 0.60414 1.2665 0.8956 2.1144 0.87438zm4.4695 0.2115 3.681 3.6819-1.259 1.284-3.6817-3.7 0.0019784-0.69479-0.090043-0.098846c-0.87973 0.76087-1.92 1.1413-3.1207 1.1413-1.3553 0-2.5025-0.46363-3.4417-1.3909s-1.4088-2.0686-1.4088-3.4239c0-1.3553 0.4696-2.4966 1.4088-3.4239 0.9392-0.92727 2.0864-1.3969 3.4417-1.4088 1.3553-0.011889 2.4906 0.45771 3.406 1.4088 0.9154 0.95107 1.379 2.0924 1.3909 3.4239 0 1.2126-0.38043 2.2588-1.1413 3.1385l0.098834 0.090049z"></path></svg></button></td><td class="gsc-clear-button"><div class="gsc-clear-button" title="clear results"> </div></td></tr></tbody></table></form></div></div>
</div>
<div class="row">
<div class="col-6">
<a class="navbar-brand" href="/">
<div class="brand active" id="mobile-toyota">
Explore Toyota<br>Financing <i class="fa fa-caret-right" aria-hidden="true"></i>
</div>
</a>
</div>
<div class="col-6">
<a class="navbar-brand" href="/perodua">
<div class="brand" id="mobile-perodua">
Explore Perodua<br>Financing <i class="fa fa-caret-right" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
<!-- MENU ITEM -->
<div class="sub-menu">
<div class="search-bar">
<div>
<div class="google-search">
<div id="___gcse_2"><div class="gsc-control-searchbox-only gsc-control-searchbox-only-en" dir="ltr"><form class="gsc-search-box gsc-search-box-tools" accept-charset="utf-8"><table cellspacing="0" cellpadding="0" role="presentation" class="gsc-search-box"><tbody><tr><td class="gsc-input"><div class="gsc-input-box" id="gsc-iw-id3"><table cellspacing="0" cellpadding="0" role="presentation" id="gs_id52" class="gstl_52 gsc-input" style="width: 100%; padding: 0px;"><tbody><tr><td id="gs_tti52" class="gsib_a"><input autocomplete="off" type="text" size="10" class="gsc-input" name="search" title="search" aria-label="search" id="gsc-i-id3" dir="ltr" spellcheck="false" style="width: 100%; padding: 0px; border: none; margin: 0px; height: auto; background: url("https://www.google.com/cse/static/images/1x/en/branding.png") left center no-repeat rgb(255, 255, 255); outline: none;"></td><td class="gsib_b"><div class="gsst_b" id="gs_st52" dir="ltr"><a class="gsst_a" href="javascript:void(0)" title="Clear search box" role="button" style="display: none;"><span class="gscb_a" id="gs_cb52" aria-hidden="true">×</span></a></div></td></tr></tbody></table></div></td><td class="gsc-search-button"><button class="gsc-search-button gsc-search-button-v2"><svg width="13" height="13" viewBox="0 0 13 13"><title>search</title><path d="m4.8495 7.8226c0.82666 0 1.5262-0.29146 2.0985-0.87438 0.57232-0.58292 0.86378-1.2877 0.87438-2.1144 0.010599-0.82666-0.28086-1.5262-0.87438-2.0985-0.59352-0.57232-1.293-0.86378-2.0985-0.87438-0.8055-0.010599-1.5103 0.28086-2.1144 0.87438-0.60414 0.59352-0.8956 1.293-0.87438 2.0985 0.021197 0.8055 0.31266 1.5103 0.87438 2.1144 0.56172 0.60414 1.2665 0.8956 2.1144 0.87438zm4.4695 0.2115 3.681 3.6819-1.259 1.284-3.6817-3.7 0.0019784-0.69479-0.090043-0.098846c-0.87973 0.76087-1.92 1.1413-3.1207 1.1413-1.3553 0-2.5025-0.46363-3.4417-1.3909s-1.4088-2.0686-1.4088-3.4239c0-1.3553 0.4696-2.4966 1.4088-3.4239 0.9392-0.92727 2.0864-1.3969 3.4417-1.4088 1.3553-0.011889 2.4906 0.45771 3.406 1.4088 0.9154 0.95107 1.379 2.0924 1.3909 3.4239 0 1.2126-0.38043 2.2588-1.1413 3.1385l0.098834 0.090049z"></path></svg></button></td><td class="gsc-clear-button"><div class="gsc-clear-button" title="clear results"> </div></td></tr></tbody></table></form></div></div>
</div>
</div>
<div class="contact-div">
<a href="/onlineapplication" onclick="gtag('event','Menu', { 'event_category':'Online Application Channel', 'event_label':'Step 0 - Start Button' })"><button><img src="/media/image/attachment/1/form-btn.png" class="apply-online"><br>Apply Online</button></a>
<a href="/contact-us"><button><i class="fa fa-envelope-o" aria-hidden="true"></i><br>Contact Us</button></a>
<!--<a href="/contact-us"><button><i class="fa fa-map-marker" aria-hidden="true"></i><br>Find Us</button></a>-->
<a href="/ways2pay">
<button><i class="fa fa-envelope-open-o" aria-hidden="true"></i><br>Ways2Pay</button>
</a>
</div>
</div>
<div class="d-block d-sm-none feature-promotion">
<div class="row">
<div class="">
<a href="https://toyotacapital.com.my/corolla.php" target="_blank" class="row">
<div class="submenu-btn-img">
<img src="/media/image/attachment/5/corolla.jpg" class="img-fluid">
<h5 class="submenu-inner-title">Featured Promotion</h5>
</div>
<div class="col-12 submenu-btn-text text-right">
<h6>All-new Toyota Corolla</h6>
<p>From RM1,448 per month<br>with the <strong>Toyota Flexi Plan</strong></p>
</div>
</a>
</div>
</div>
</div>
<div class="submenu-inner">
<div class="container">
<div class="row">
<div class="col-12">
<h5 class="submenu-inner-title">View our Auto Financing Options & Services</h5>
<div class="row">
<div class="col-lg-4 col-md-6">
<a href="/ezbeli4tier" class="row">
<div class="col-4 submenu-btn-img">
<img src="/media/image/attachment/416/TCAP-4-tier-Submenu.png" class="img-fluid">
</div>
<div class="col-8 submenu-btn-text align-middle">
<h6 style="color:#ff9f16;">Toyota Ez Beli Plan</h6>
<p>Unique 9-year loan divide into 4 tiers. Tier 1 is a 2-year stress free period with the lowest competitive monthly repayment; slightly higher instalment in Tier 2 and Tier 3; choose to continue in Tier 4 or trade-in for a new Toyota.</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6">
<a href="/flexi-plan" class="row">
<div class="col-4 submenu-btn-img">
<img src="/media/image/attachment/1/tab2-active.png" class="img-fluid">
</div>
<div class="col-8 submenu-btn-text align-middle">
<h6 style="color:#04caff;">Toyota Flexi Plan</h6>
<p>Be in total control! Reduce interest paid and loan tenure by paying extra as and when you can afford it.</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6">
<a href="/toyotadrive" class="row">
<div class="col-4 submenu-btn-img">
<img src="/media/image/attachment/5/Toyota-Drive-Active.png" class="img-fluid">
</div>
<div class="col-8 submenu-btn-text align-middle">
<h6 style="color:#ec1b2e;">Toyota Drive</h6>
<p>An innovative Islamic lease plan that is the first of its kind in Malaysia to drive a brand new Toyota.</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6">
<a href="/aitab" class="row">
<div class="col-4 submenu-btn-img">
<img src="/media/image/attachment/1/tab3-active.png" class="img-fluid">
</div>
<div class="col-8 submenu-btn-text align-middle">
<h6 style="color:#73ba02;">Al-Ijarah Thumma Al-Bai</h6>
<p>AITAB is an Islamic Automotive Financing Plan giving peace of mind to our Muslim Toyota owners.</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6">
<a href="/conventionalhp" class="row">
<div class="col-4 submenu-btn-img">
<img src="/media/image/attachment/5/conventionalhp.png" class="img-fluid">
</div>
<div class="col-8 submenu-btn-text align-middle">
<h6 style="color:#5860ac;">Conventional Hire Purchase</h6>
<p>Attractive and competitive rates are offered to customers upon purchasing a Toyota vehicle.</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6">
<a href="/vehiclelease" class="row">
<div class="col-4 submenu-btn-img">
<img src="/media/image/attachment/1/KINTO-ONE-Business-Logo-1.png" class="img-fluid">
</div>
<div class="col-8 submenu-btn-text align-middle">
<h6 style="color:#ec1b2e;">Commercial Vehicles Lease</h6>
<p>Automotive financing solutions for business owners that takes care of everything from A-Z.</p>
</div>
</a>
</div>
</div>
</div>
<div class="col-md-6">
<h5 class="submenu-inner-title">Services</h5>
<div class="row">
<div class="col-12">
<a href="/ways2pay" class="row">
<div class="col-4 col-md-3 submenu-btn-img img-adjust">
<img src="/media/image/attachment/5/how-to-pay.png" class="img-fluid">
</div>
<div class="col-8 col-md-9 submenu-btn-text align-middle img-adjust-text">
<h6>Ways2Pay</h6>
<p>Find out on how you can quickly and conveniently pay your Auto Financing Loan.</p>
</div>
</a>
</div>
<!-- <div class="col-12">
<a href="/insurance-roadtax" class="row">
<div class="col-4 col-md-3 submenu-btn-img">
<img src="/media/image/attachment/5/insurance.png" class="img-fluid">
</div>
<div class="col-8 col-md-9 submenu-btn-text align-middle">
<h6>Insurance & Roadtax</h6>
<p>Purchase or renew your auto insurance and road tax with our partner MSIG</p>
</div>
</a>
</div>-->
<div class="col-12">
<a href="/faq" class="row">
<div class="col-4 col-md-3 submenu-btn-img img-adjust">
<img src="/media/image/attachment/5/faq.png" class="img-fluid">
</div>
<div class="col-8 col-md-9 submenu-btn-text align-middle img-adjust-text">
<h6>Frequently Asked Questions</h6>
<p>Have a question? We have the answers. Explore our database of FAQs here.</p>
</div>
</a>
</div>
<div class="col-12">
<a href="/fee-and-charges" class="row">
<div class="col-4 col-md-3 submenu-btn-img img-adjust">
<img src="/media/image/attachment/5/fee-and-charges-1.png" class="img-fluid">
</div>
<div class="col-8 col-md-9 submenu-btn-text align-middle img-adjust-text">
<h6>Fee and Charges</h6>
<p>Here are the important fees and charges involved in your Auto Financing Loan</p>
</div>
</a>
</div>
<div class="col-12">
<a href="/EZconnectapp" class="row">
<div class="col-4 col-md-3 submenu-btn-img img-adjust">
<img src="/media/image/attachment/5/ezconnect.png" class="img-fluid">
</div>
<div class="col-8 col-md-9 submenu-btn-text align-middle img-adjust-text">
<h6>EZ Connect App</h6>
<p>Introducing the all-new Toyota Capital's EZ Connect mobile app bringing you a seamless experience. Enjoy secured access to your car financing account while managing it at your convenience.</p>
</div>
</a>
</div>
</div>
</div>
<div class="col-md-6">
<h5 class="submenu-inner-title">About Toyota Capital</h5>
<div class="row">
<div class="col-12">
<a href="/about" class="row">
<div class="col-4 col-md-3 submenu-btn-img">
<img src="/media/image/attachment/5/ToyotaCapitalLogo.png" class="img-fluid" width="100px">
</div>
<div class="col-8 col-md-9 submenu-btn-text">
<h6>About Toyota Capital</h6>
<p>Toyota Capital Malaysia Sdn. Bhd. specialises in vehicle financing for Toyota Motor Corporation with a global presence in 37 countries and regions worldwide.</p>
</div>
</a>
</div>
<div class="col-12">
<a href="/contact-us" class="row">
<div class="col-4 col-md-3 submenu-btn-img">
<img src="/media/image/attachment/5/finduscontactus2.png" class="img-fluid">
</div>
<div class="col-8 col-md-9 submenu-btn-text">
<h6>Find us and Contact Us</h6>
<p>Need to find the nearest Toyota Capital branch, or need to get in touch with us?</p>
</div>
</a>
</div>
<div class="col-12">
<a href="/careers" class="row">
<div class="col-4 col-md-3 submenu-btn-img">
<img src="/media/image/attachment/5/career-1-1.png" class="img-fluid">
</div>
<div class="col-8 col-md-9 submenu-btn-text">
<h6>Careers @ Toyota Capital</h6>
<p>Do your best work ever: explore openings and vacancies within Toyota Capital team.</p>
</div>
</a>
</div>
<div class="col-12">
<a href="/csr" class="row">
<div class="col-4 col-md-3 submenu-btn-img">
<img src=" /media/image/attachment/5/Toyota-Capital-ESG-Logo.png" class="img-fluid">
</div>
<div class="col-8 col-md-9 submenu-btn-text">
<h6>Environmental, Social & Governance (ESG)</h6>
<p>Contributing to a harmonious and sustainable development of society and conduct business operations with integrity through various ESG initiatives.</p>
</div>
</a>
</div>
</div>
</div>
<div class="col-12 promotions">
<h5 class="submenu-inner-title">Latest Promotions & Campaigns</h5>
<div class="row">
<div class="col-lg-3 col-md-6">
<a href="https://toyotacapital.com.my/jomdrive" target="_blank" class="row">
<div class="col-12 submenu-btn-img">
<img src=" /media/image/attachment/5/jomdrive-header.jpg" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text text-right">
<h6>Jom Drive Campaign</h6>
<p>Toyota Capital Malaysia Campaign catered for government employees</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6">
<a href="https://toyotacapital.com.my/corolla.php" target="_blank" class="row">
<div class="col-12 submenu-btn-img">
<img src="/media/image/attachment/5/corolla.jpg" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text text-right">
<h6>All-new Toyota Corolla</h6>
<p>From RM1,448 per month<br>with the<br> Toyota Flexi Plan</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6">
<a href="https://toyotacapital.com.my/ezbeli" target="_blank" class="row">
<div class="col-12 submenu-btn-img">
<img src="/media/image/attachment/5/ezbeli-header.jpg" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text text-right">
<h6>Toyota Ez Beli Plan</h6>
<p>From RM628 per month<br>with the<br> Toyota EZ Beli Plan</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6">
<a href="/ezbeliforbusinesses" class="row">
<div class="col-12 submenu-btn-img">
<img src="/media/image/attachment/5/EZ-Beli-Commercial-Vehicles-desktop-side-EN-20210525.jpg" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text text-right">
<h6>Toyota EZ Beli For Businesses</h6>
<p>From RM 1,422<br>with the<br> Toyota EZ Beli</p>
</div>
</a>
</div>
<!-- <div class="col-lg-4 col-md-6">
<a href="https://toyotacapital.com.my/yaris.php" target="_blank" class="row">
<div class="col-12 submenu-btn-img">
<img src="/media/image/attachment/1/yaris.jpg" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text text-right">
<h6>All-new Toyota Yaris</h6>
<p>From RM650 per month<br>with the<br> Toyota 2-Tier Plan</p>
</div>
</a>
</div>-->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- MENU ITEM END --></div>
</header><style type="text/css">
a button {
transition: all .3sa ease;
}
a button:hover {
opacity: .6;
}
.c-black {
color: #000!important;
}
.page-container {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px;
}
.page-container .submenu-btn-text p {
font-size: 12px;
}
.nav>li>a {
display: inline-block;
padding: 0 5px;
}
.home-search {
padding-top: 15px;
}
.home-search .form-inline .form-control {
width: calc(100% - 41px);
border: 0;
border-radius: 0;
border-bottom: 1px solid #ccc;
}
.home-search .btn {
margin-left: -2px;
border-radius: 0;
border-bottom: 1px solid #ccc;
}
.home-search .btn:hover {
opacity: .6;
}
.home-search .gsc-input-box {
border: 0;
border-bottom: 1px solid #000;
}
.home-tab ul {
overflow: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
width: 1100px;
}
.home-tab .nav>li> div a img {
max-width: 80px;
}
.home-tab ul::-webkit-scrollbar {
-webkit-appearance: none;
}
.home-tab ul::-webkit-scrollbar:horizontal {
height: 6px;
}
.home-tab ul::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 1px solid white;
background-color: rgba(0, 0, 0, .2);
}
.home-tab ul::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, .4);
border-radius: 8px;
}
.home-tab .nav-tabs>li>a.active:after {
display: none;
}
.home-tab .wrapper {
display: inline-block;
}
.home-tab .wrapper p {
float: left;
max-width: 150px;
text-align: left;
padding: 15px;
}
.home-tab .wrapper .tab-wrapper {
float: left;
}
.home-tab .nav-tabs {
border-bottom: 0;
display: inline-block;
text-align: center;
}
.home-tab ul li {
display: inline-block;
vertical-align: top;
color: white;
text-align: left;
text-decoration: none;
height: auto;
margin-right: 15px;
}
.nav>li>a {
z-index: 999;
height: auto;
}
.home-tab .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
display: inline-block;
border: 0;
}
.home-tab .nav-tabs>li>a.active,
.nav-tabs>li>a.active:focus,
.nav-tabs>li>a.active:hover {
display: inline-block;
background-color: transparent;
border: 0;
border-bottom: 0;
border-radius: 20px 20px 0 0;
}
.home-tab {
text-align: center;
position: relative;
left: 0;
right: 0;
margin-top: -15px;
top: 0;
}
.paddles {
margin: auto;
width: 100%;
}
.paddles .paddle {
color: #999;
font-size: 12px;
}
.left-paddle {
margin-left: 0;
}
.right-paddle {
margin-right: 0;
}
.home-tab .nav>li>a img {
filter: grayscale(100%);
transition: all .3s ease;
}
.home-tab .nav>li a.active img, .home-tab .nav>li a:hover img {
filter: grayscale(0);
}
.nav-tabs>li a.active img.active {
filter: none;
}
.cars-section {
position: relative;
}
.cars-section:before {
content: '';
background-color: #ec1b2e;
height: 15px;
width: 100%;
display: block;
position: absolute;
top: 38%;
}
.cars-section .tab-wrapper {
text-align: center;
position: relative;
}
.cars-section ul {
overflow: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
width: 740px;
padding-top: 20px;
padding-bottom: 5px;
}
.cars-section ul li {
display: inline-block;
vertical-align: top;
color: white;
text-align: center;
text-decoration: none;
height: auto;
max-width: 25%;
font-size: 10px;
line-height: 1.3;
padding: 0 15px;
transition: all .3s ease;
}
.cars-section ul li:first-child {
margin-left: 5px;
}
.cars-section ul li a {
color: #000;
position: relative;
max-width: 100%;
}
.cars-section ul li a:hover {
color: #000;
text-decoration: none;
}
.cars-section ul li:hover {
position: relative;
transform: scale(1.3);
}
.cars-section ul li:hover:before {
content: '';
position: absolute;
top: 0;
left: 18%;
width: 64%;
height: 100%;
filter: blur(8px);
background-color: rgba(255, 255, 255, .4);
}
.cars-section .nav-tabs {
border-bottom: 0;
display: inline-block;
text-align: center;
}
.cars-section .paddles {
margin: auto;
width: 740px;
}
.buble-box {
position: absolute;
top: 100px;
max-width: 248px;
right: 18%;
}
.buble-box p {
font-family: 'ToyotaText-Bold';
color: #fff;
font-size: 18px;
margin-top: 10px;
line-height: 1.3;
}
.buble-box p span {
color: #a653af;
}
.buble-img-btn {
max-width: 100%;
}
.cta-btn {
background: rgba(255,255,255,.5);
border-radius: 8px;
padding: 10px 10px;
padding: 10px 0;
z-index: 9;
font-size: 12px;
font-family: 'ToyotaText-Regular';
}
#tab8 .cta-btn {
background: transparent;
}
.cta-btn button {
width: 32.5%;
}
.ezbelicommercialsubtab .cta-btn button {
margin-left: 16%;
}
.ezbeli4subtab .cta-btn button {
margin-left: 11%;
}
.cta-btn img {
max-width: 100%;
}
.plan-box {
width: 310px;
max-width: 310px
padding-top: 20px;
padding-bottom: 15px;
color: #0073b3;
font-family: 'ToyotaText-Bold';
font-size: 12px;
text-transform: uppercase;
position: absolute;
right: 11%;
margin-top: 7%;
}
.plan-box .row {
margin: 0;
}
.plan-box span {
font-size: 16px;
font-family: 'ToyotaText-Regular';
color: #fff;
text-transform: none;
}
.plan-box select {
font-size: 18px;
font-family: 'ToyotaText-Regular';
}
.plan-box select option {
background: #666;
}
.plan-box .plan-term {
border-radius: 8px;
background: #00cbfe;
border: 1px solid;
padding: 15px 0;
margin-bottom: 5px;
}
.plan-box .plan-type {
padding: 0;
margin-bottom: 10px;
width: 100%;
}
.plan-box .cta-btn {
width: 60%;
}
.plan-box .cta-btn button, #tab3 .cta-btn button, #tab4 .cta-btn button, #tab5 .cta-btn button, #tab-ezbeli_aitab .cta-btn button, #tab6 .cta-btn button, #tab7 .cta-btn button {
width: 49.3%;
}
#tab2 .cta-btn button {
margin-top: 3px;
}
#pay-extra {
position: relative;
border: 0;
padding: 0;
-webkit-appearance: none;
font-size: 22px;
line-height: 1.5;
height: auto;
width: 100%;
z-index: 9;
background: transparent;
color: #fff;
}
.down-icon {
position: absolute;
margin-top: -35px;
right: 25px;
font-size: 24px;
}
.buble-content button img {
animation: shake 5.5s ease infinite;
animation-delay: 3s;
}
.banner-desc {
color: #fff;
line-height: 1.2;
position: absolute;
top: 420px;
max-width: 700px;
left: 29%;
}
.boxImg {
position: relative;
}
#tab3 .buble-box {
top: 330px;
/*left: 53%;*/
right: 4%;
width: 100%;
}
#tab3 .banner-desc {
max-width: 350px;
left: 53%;
}
#tab3 .boxImg .cloud1 {
position: absolute;
right: 5%;
margin-top: 20px;
width: 110px;
animation: cloud 20s ease infinite;
transform: rotateY(180deg);
}
#tab3 .boxImg .cloud2 {
position: absolute;
right: 6%;
margin-top: 60px;
width: 135px;
animation: cloud2 20s linear infinite;
}
#tab3 .boxImg .cloud3 {
position: absolute;
left: 0;
margin-top: 60px;
width: 110px;
animation: cloud3 20s linear infinite;
}
#tab4 .buble-box, #tab5 .buble-box, #tab6 .buble-box, #tab7 .buble-box, #tab8 .buble-box {
top: 330px;
right: 9%;
width: 100%;
z-index: 8;
}
#tab-ezbeli_aitab .buble-box {
top: 230px;
}
#tab8 .buble-box {
top: 100px;
max-width: 310px;
}
#tab4 .banner-desc {
max-width: 350px;
left: 53%;
}
#tab4 .boxImg .cloud1 {
position: absolute;
right: 5%;
margin-top: 20px;
width: 110px;
animation: cloud 20s ease infinite;
transform: rotateY(180deg);
}
#tab4 .boxImg .cloud2 {
position: absolute;
right: 6%;
margin-top: 60px;
width: 135px;
animation: cloud2 20s linear infinite;
}
#tab4 .boxImg .cloud3 {
position: absolute;
left: 0;
margin-top: 60px;
width: 110px;
animation: cloud3 20s linear infinite;
}
#tab5 .boxImg .cloud1 {
position: absolute;
right: 5%;
margin-top: 20px;
width: 110px;
animation: cloud 20s ease infinite;
transform: rotateY(180deg);
}
#tab5 .boxImg .cloud2 {
position: absolute;
right: 6%;
margin-top: 60px;
width: 135px;
animation: cloud2 20s linear infinite;
}
#tab5 .boxImg .cloud3 {
position: absolute;
left: 0;
margin-top: 60px;
width: 110px;
animation: cloud3 20s linear infinite;
}
#tab6 .boxImg .cloud1 {
position: absolute;
right: 5%;
margin-top: 20px;
width: 110px;
animation: cloud 20s ease infinite;
transform: rotateY(180deg);
}
#tab6 .boxImg .cloud2 {
position: absolute;
right: 6%;
margin-top: 60px;
width: 135px;
animation: cloud2 20s linear infinite;
}
#tab6 .boxImg .cloud3 {
position: absolute;
left: 0;
margin-top: 60px;
width: 110px;
animation: cloud3 20s linear infinite;
}
#tab7 .boxImg {
background: #a653af;
}
#tab7 img.d-lg-block, #tab7 img.d-lg-none {
opacity: 0;
}
@keyframes shake {
0% { transform:translate(0,0) }
1.78571% { transform:translate(5px,0) }
3.57143% { transform:translate(0,0) }
5.35714% { transform:translate(5px,0) }
7.14286% { transform:translate(0,0) }
8.92857% { transform:translate(5px,0) }
10.71429% { transform:translate(0,0) }
100% { transform:translate(0,0) }
}
#html5-watermark {
display: none!important;
}
.modal-title {
color: #ec1b2d;
text-align: center;
width: 100%;
}
form .btn-primary, form .btn-primary:not(:disabled):not(.disabled):active {
background-color: #ec1b2c;
border-color: #ec1b2c;
width: 100%;
transition: all .3s ease;
}
form .btn-primary:hover {
opacity: .8;
}
.plan-div .carousel img {
max-width: 300px;
margin: auto;
}
.plan-div .carousel-inner {
margin-left: -80px;
width: 480px;
background: rgba(255, 255, 255, .2);
padding: 8px 15px;
border-radius: 8px;
border: 1px solid #444;
}
.ezbelicommercialsubtab .plan-div .carousel-inner {
width: 360px;
margin-left: -5px;
}
.mobile-plan .item {
max-width: 25%;
}
.white-line {
background: linear-gradient(to right, #222, #666 60%, #fff 90% );
height: 2px;
margin-top: 5px;
margin-bottom: 5px;
}
.plan-div .img {
-webkit-overflow-scrolling: touch;
}
.plan-div .img .img-fluid {
max-width: 100%;
}
.plan-div .car {
position: relative;
margin-top: -70px;
max-width: 90%;
margin-left: 10%;
}
.plan-div .carousel-control-prev {
left: -120px
}
.ezbelicommercialsubtab .plan-div .carousel-control-prev {
left: -50px
}
.plan-div .carousel-control-next {
right: -130px
}
.ezbelicommercialsubtab .plan-div .carousel-control-next {
right: -88px
}
.plan-desc {
color: #fff;
width: 500px;
font-size: 16px;
}
.ezbelisubmenu {
position: absolute;
width: 100%;
height: 130px;
padding: 15px 10px;
margin-top: 19%;
margin-left: 15px;
/*background: rgba(0, 0, 0, 0.4);*/
}
.ezbelisubmenu .ezbeliinner {
margin-left: 17%;
color: #fff;
width: 800px;
}
.ezbeli-desc {
font-size: 12px;
margin-top: 5px;
}
.ezbelisubmenu button {
color: #fff;
font-family: 'ToyotaText-Bold';
font-size: 13px;
display: inline-block;
transition: all .3s ease;
width: 24%;
padding: 3px 15px;
margin-right: 5px;
background: rgba(255,255,255,.5);
border: 1px solid #707070;
border-radius: 8px;
text-align: center;
transition: all .3s ease;
}
.ezbelisubmenu button[onclick="ezbeli('tab1')"] img {
filter: grayscale(20%);
}
.ezbelisubmenu button:hover {
opacity: .6;
}
.ezbelisubmenu img {
max-width: 70px;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
.ezbelicommercialsubtab .ezbelisubmenu .cta-btn img {
max-width: 80%;
}
.ezbelisubmenu .fl {
float: left;
margin-right: 10px;
}
.ezbelisubmenu .fl.text {
text-align: right;
margin: 5px;
margin-top: 5px;
}
#tab9 .boxImg {
overflow: hidden;
position: relative;
}
#tabDay .boxImg {
overflow: hidden;
position: relative;
max-width: 1920px;
margin: auto;
}
#tabDay .boxImg .buble-box {
top: 40%;
left: 10%;
width: 270px;
max-width: 270px;
}
#tabDay .buble-box p {
font-family: 'ToyotaText-Regular';
color: #000;
font-size: 16px;
margin-top: 0;
}
#tabDay .boxImg .cta-btn {
padding: 10px 15px;
}
#tabDay .boxImg .cta-btn button {
width: 100%;
font-size: 14px;
background: #35a1ba;
color: #fff;
border-radius: 8px;
padding: 8px 15px;
transition: all .3s ease;
max-width: 180px;
}
#tabDay .boxImg .cta-btn button:hover {
opacity: .8;
}
#tabDay .boxImg .cloud1, #tabDay .boxImg .cloud2, #tabDay .boxImg .cloud3, #tabDay .boxImg .cloud4, #tabDay .boxImg .cloud5, #tabDay .boxImg .sakura1, #tabDay .boxImg .sakura2, #tabDay .boxImg .sakura3, #tabDay .boxImg .sakura4, #tabDay .boxImg .sakura5, #tabDay .boxImg .firework1, #tabDay .boxImg .firework2, #tabDay .boxImg .firework3, #tabDay .boxImg .firework4, #tabDay .boxImg .firework5, #tabDay .boxImg .firework6, #tabDay .boxImg .firework7, #tabDay .boxImg .rotate-1, #tabDay .boxImg .rotate-2 {
position: absolute;
}
#tabDay .car {
position: absolute;
top: 0;
left: 0;
}
#tabDay .boxImg .rotate-1 {
left: 20%;
margin-top: -43%;
width: 51%;
animation: rotateA 40s linear infinite;
mix-blend-mode: hard-light;
}
#tabDay .boxImg .rotate-2 {
left: 26%;
margin-top: 19%;
width: 38%;
animation: rotateA 33s linear infinite;
mix-blend-mode: color-dodge;
}
#tabDay .boxImg .firework1 {
left: 2%;
margin-top: 4%;
width: 7%;
animation: firework 4s ease infinite;
}
#tabDay .boxImg .firework2 {
left: 11%;
margin-top: 4%;
width: 4%;
animation: firework 4s linear infinite;
animation-delay: 0.1s;
}
#tabDay .boxImg .firework3 {
left: 16%;
margin-top: 7%;
width: 3%;
animation: firework 4s linear infinite;
animation-delay: 0.2s;
}
#tabDay .boxImg .firework4 {
left: 40%;
margin-top: 6%;
width: 3%;
animation: firework 4s linear infinite;
animation-delay: 0.3s;
}
#tabDay .boxImg .firework5 {
left: 42%;
margin-top: 2%;
width: 4%;
animation: firework 4s linear infinite;
animation-delay: 0.4s;
}
#tabDay .boxImg .firework6 {
left: 56%;
margin-top: 5%;
width: 2.5%;
animation: firework 4s linear infinite;
animation-delay: 0.5s;
}
#tabDay .boxImg .firework7 {
left: 58%;
margin-top: 1%;
width: 4%;
animation: firework 4s linear infinite;
animation-delay: 0.6s;
}
#tabDay .boxImg .cloud1 {
left: 36%;
margin-top: 170px;
width: 85px;
animation: cnycloud2 20s ease infinite;
}
#tabDay .boxImg .cloud2 {
left: 70%;
margin-top: 163px;
width: 100px;
animation: cnycloud 23s linear infinite;
}
#tabDay .boxImg .cloud3 {
left: 86%;
margin-top: 130px;
width: 80px;
animation: cnycloud 20s linear infinite;
}
#tabDay .boxImg .cloud4 {
left: 91%;
margin-top: 180px;
width: 50px;
animation: cnycloud2 20s linear infinite;
}
#tabDay .boxImg .cloud5 {
left: 94%;
margin-top: 60px;
width: 100px;
animation: cnycloud 20s linear infinite;
}
#tabDay .boxImg .sakura1 {
left: 35%;
margin-top: -50px;
width: 40px;
animation: sakura 15s linear infinite;
}
#tabDay .boxImg .sakura2 {
left: 5%;
margin-top: -50px;
width: 30px;
animation: sakura 10s linear infinite;
animation-delay: 5s;
}
#tabDay .boxImg .sakura3 {
left: 45%;
margin-top: -50px;
width: 20px;
animation: sakura 10s linear infinite;
animation-delay: 3s;
}
#tabDay .boxImg .sakura4 {
left: 50%;
margin-top: -50px;
width: 20px;
animation: sakura 10s linear infinite;
animation-delay: 8s;
}
#tabDay .boxImg .sakura5 {
left: 80%;
margin-top: -80px;
width: 70px;
animation: sakura 10s linear infinite;
animation-delay: 1s;
}
#tabDay .boxImg .starlight1 {
position: absolute;
right: 0;
animation: starligth0 4s ease infinite;
}
#tabDay .boxImg .starlight2 {
position: absolute;
right: 0;
opacity: 0;
animation: starligth0 4s ease infinite;
animation-delay: 0.2s;
}
#tabDay .boxImg .starlight3 {
position: absolute;
right: 0;
opacity: 0;
animation: starligth0 4s ease infinite;
animation-delay: 0.4s;
}
#tabDay .boxImg .starlight4 {
position: absolute;
right: 0;
opacity: 0;
animation: starligth0 4s ease infinite;
animation-delay: 0.6s;
}
#tabDay .boxImg .light {
position: absolute;
left: 78%;
width: 10%;
margin-top: 1%;
animation: ligth 9s ease infinite;
}
#tabDay .boxImg .tanglung1 {
position: absolute;
left: 33%;
margin-top: -6%;
width: 9%;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung2 {
position: absolute;
left: 39%;
margin-top: -12%;
width: 4%;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung3 {
position: absolute;
left: 81%;
margin-top: -2%;
width: 4.5%;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung4 {
position: absolute;
left: 85%;
margin-top: -10%;
width: 4%;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung5 {
position: absolute;
left: 86%;
margin-top: -1%;
width: 10%;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung6 {
position: absolute;
left: 75%;
margin-top: -11px;
width: 130px;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung7 {
position: absolute;
right: 17%;
margin-top: -150px;
width: 65px;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung8 {
position: absolute;
right: 15%;
margin-top: -320px;
width: 45px;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung9 {
position: absolute;
right: 6%;
margin-top: -90px;
width: 140px;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung10 {
position: absolute;
right: 3%;
margin-top: -250px;
width: 50px;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung11 {
position: absolute;
right: 17%;
margin-top: -70px;
width: 70px;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung12 {
position: absolute;
right: 29%;
margin-top: -70px;
width: 50px;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .tanglung13 {
position: absolute;
right: 68%;
margin-top: -70px;
width: 40px;
transform: rotate(45deg);
animation: tanglung 7s ease infinite;
}
#tabDay .boxImg .star1 {
position: absolute;
left: 12%;
margin-top: 1%;
width: 5%;
animation: starligth 3s ease infinite;
}
#tabDay .boxImg .star2 {
position: absolute;
left: 16%;
margin-top: 6%;
width: 4%;
opacity: 0;
animation: starligth0 3s ease infinite;
animation-delay: 1s;
}
#tabDay .boxImg .star3 {
position: absolute;
left: 20%;
margin-top: 1%;
width: 4%;
opacity: 0;
animation: starligth0 3s ease infinite;
animation-delay: .5s;
}
#tabDay .boxImg .star4 {
position: absolute;
left: 36%;
margin-top: 4%;
width: 5%;
opacity: 0;
animation: starligth0 3s ease infinite;
animation-delay: 1s;
}
#tabDay .boxImg .star5 {
position: absolute;
left: 54%;
margin-top: 2%;
width: 5%;
animation: starligth 3s ease infinite;
}
#tabDay .boxImg .star6 {
position: absolute;
left: 75%;
margin-top: 2%;
width: 3.5%;
opacity: 0;
animation: starligth0 3s ease infinite;
animation-delay: 0.5s;
}
#tabDay .boxImg .star7 {
position: absolute;
left: 84%;
margin-top: 5%;
width: 4%;
animation: starligth 3s ease infinite;
}
#tabDay .boxImg .star8 {
position: absolute;
left: 90%;
margin-top: 0.5%;
width: 4%;
opacity: 0;
animation: starligth0 3s ease infinite;
animation-delay: 1s;
}
#tabDay .boxImg .rotate {
position: absolute;
left: 60%;
margin-top: -17%;
width: 31%;
animation: rotateA 35s linear infinite;
}
@keyframes ligth {
0% { opacity: 1;-webkit-filter: drop-shadow(0 0 7px rgba(255, 255, 255, .5));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.5)); }
50% { opacity: .7;-webkit-filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.1));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.1)); }
100% { opacity: 1;-webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.5)); }
}
@keyframes starligth {
0% { opacity: 1;-webkit-filter: drop-shadow(0 0 7px rgba(255, 255, 255, .5));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.5)); }
50% { opacity: .1;-webkit-filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.1));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.1)); }
100% { opacity: 1;-webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.5)); }
}
@keyframes starligth0 {
0% { opacity: .01;-webkit-filter: drop-shadow(0 0 7px rgba(255, 255, 255, .5));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.5)); }
50% { opacity: 1;-webkit-filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.1));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.1)); }
100% { opacity: .01;-webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.5)); }
}
@keyframes firework {
0% { transform:scale(0); opacity: 0; }
20% { opacity: 0; }
50% { transform:scale(1); opacity: 1; }
100% { transform:scale(1); opacity: 0; }
}
@keyframes cnycloud {
0% { transform:translate(0,0) }
50% { transform:translate(50px,0) }
100% { transform:translate(0,0) }
}
@keyframes cnycloud2 {
0% { transform:translate(0,0) }
50% { transform:translate(-50px,0) }
100% { transform:translate(0,0) }
}
@keyframes sakura {
0% { transform:translate(0,0) rotate(0) }
50% { opacity: 1; }
100% { transform:translate(30px,800px) rotate(720deg); opacity: 0; }
}
@keyframes tanglung {
0% { transform: translate(0,0) rotate(3deg); }
50% { transform: translate(5px,0) rotate(-3deg); }
100% { transform: translate(0,0) rotate(3deg); }
}
@keyframes rotateA {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@media (min-width: 1400px) {
#tab8 .twotiersubtab .cta-btn {
display: inline-block;
width: 100%;
}
}
@media (min-width: 1700px) {
.ezbelisubmenu .ezbeliinner {
margin-left: 21%;
}
}
@media (max-width: 1800px) {
.banner-desc {
top: 400px;
}
}
@media (max-width: 1700px) {
.banner-desc {
top: 380px;
}
#tab3 .buble-box, #tab4 .buble-box, #tab5 .buble-box, #tab6 .buble-box, #tab7 .buble-box {
top: 300px;
}
.ezbelisubmenu {
margin-top: 18.3%;
}
}
@media (max-width: 1600px) {
.banner-desc {
top: 360px;
width: 500px;
}
#tab3 .buble-box, #tab4 .buble-box, #tab5 .buble-box, #tab6 .buble-box, #tab7 .buble-box {
top: 280px;
}
#tab-ezbeli_aitab .buble-box {
top: 200px;
}
#tab8 .buble-box {
top: 80px;
}
.ezbelisubmenu .ezbeliinner {
margin-left: 15%;
}
}
@media (max-width: 1500px) {
.banner-desc {
top: 335px;
width: 480px;
}
#tab3 .buble-box, #tab4 .buble-box, #tab5 .buble-box, #tab6 .buble-box, #tab7 .buble-box {
top: 250px;
}
#tab-ezbeli_aitab .buble-box {
top: 180px;
}
.ezbelisubmenu {
margin-top: 17%;
}
.ezbelisubmenu .ezbeliinner {
margin-left: 10%;
}
}
@media (max-width: 1280px) {
.banner-desc {
top: 305px;
width: 450px;
}
#tab3 .buble-box, #tab4 .buble-box, #tab5 .buble-box, #tab6 .buble-box, #tab7 .buble-box {
top: 230px;
}
#tab-ezbeli_aitab .buble-box {
top: 170px;
}
.plan-div .carousel-inner {
margin-left: -60px;
width: 400px;
}
.plan-div .carousel-control-prev, .ezbelicommercialsubtab .plan-div .carousel-control-prev {
left: -80px;
}
.plan-div .carousel-control-next, .ezbelicommercialsubtab .plan-div .carousel-control-next {
right: -80px;
}
.plan-box {
right: 7%;
}
.buble-box {
right: 13%;
}
.ezbelisubmenu {
margin-top: 16%;
}
.ezbelisubmenu .ezbeliinner {
margin-left: 6%;
}
}
@media (max-width: 991px) {
.banner-desc {
top: 50%;
width: 40%;
left: 30%;
}
#tab2 .banner-desc {
top: 50%;
width: 60%;
left: 20%;
}
.buble-box {
right: 30%;
top: 54%;
max-width: 40%;
}
.plan-box {
right: 20%;
max-width: 60%;
top: 47%;
font-size: 16px;
}
.plan-box .plan-term {
margin-bottom: 15px;
}
.plan-box span {
font-size: 22px;
}
.cars-section ul {
width: 700px;
}
.cars-section .paddles {
width: 700px;
}
#tab3 .buble-box, #tab4 .buble-box, #tab6 .buble-box, #tab7 .buble-box {
top: 60%;
right: 30%;
}
#tab-ezbeli_aitab .buble-box, #tab5 .buble-box, #tab6 .buble-box {
top: 72%;
right: 30%;
}
#tab3 .banner-desc, #tab4 .banner-desc {
top: 52%;
width: 40%;
left: 30%;
}
#tab3 .boxImg .cloud1, #tab3 .boxImg .cloud2, #tab3 .boxImg .cloud3, #tab4 .boxImg .cloud1, #tab4 .boxImg .cloud2, #tab4 .boxImg .cloud3, #tab5 .boxImg .cloud1, #tab5 .boxImg .cloud2, #tab5 .boxImg .cloud3, #tab6 .boxImg .cloud1, #tab6 .boxImg .cloud2, #tab6 .boxImg .cloud3 {
display: none;
}
#tab8 .buble-box {
top: 37%;
max-width: 50%;
right: 25%;
}
.plan-div .carousel-inner {
margin-left: -100px;
width: 600px;
}
#tab8 .cta-btn {
background: rgba(255,255,255,.5);
}
.ezbelisubmenu {
margin-top: 70%;
padding: 20px 0;
height: auto;
padding-bottom: 50px;
}
.ezbelisubmenu .ezbeliinner {
margin-left: 10%;
width: 80%;
}
.ezbelisubmenu button {
float: left;
width: 48%;
margin-bottom: 6px;
height: 52%;
padding: 3px 5px;
}
.ezbelisubmenu img, .ezbelicommercialsubtab .ezbelisubmenu img {
width: 90px;
max-width: 100%!important;
}
.ezbelisubmenu .fl {
width: 100%;
}
#tabDay .boxImg .buble-box {
top: 78%;
left: 0;
right: 0;
}
#tabDay .boxImg .cta-btn {
padding: 8px 8px;
width: 100%;
max-width: 150px;
right: auto;
left: 0%;
border-radius: 0 5px 5px 0;
}
#tabDay .boxImg .cta-btn button {
width: 100%;
font-size: 11px;
border-radius: 8px;
padding: 8px 8px;
margin-bottom: 0;
}
#tabDay .boxImg .rotate-1 {
left: 70%;
margin-top: -46%;
width: 100%;
mix-blend-mode: color-dodge;
}
#tabDay .boxImg .rotate-2 {
left: -70%;
margin-top: 104%;
width: 100%;
mix-blend-mode: color-dodge;
}
#tabDay .boxImg .firework1 {
left: 4%;
margin-top: 38%;
width: 11%;
}
#tabDay .boxImg .firework2 {
left: 18%;
margin-top: 40%;
width: 6%;
}
#tabDay .boxImg .firework3 {
left: 27%;
margin-top: 45%;
width: 8%;
}
#tabDay .boxImg .firework4 {
left: 58%;
margin-top: 45%;
width: 7%;
}
#tabDay .boxImg .firework5 {
left: 66%;
margin-top: 37%;
width: 8%;
}
#tabDay .boxImg .firework6 {
left: 78%;
margin-top: 48%;
width: 5%;
}
#tabDay .boxImg .firework7 {
left: 84%;
margin-top: 36%;
width: 10%;
}
#tabDay .boxImg .cloud1 {
margin-top: 75%;
width: 90px;
}
#tabDay .boxImg .cloud2 {
margin-top: 71%;
left: 50%;
width: 50px;
}
#tabDay .boxImg .cloud3 {
left: 59%;
margin-top: 60%;
width: 70px;
}
#tabDay .boxImg .cloud4 {
margin-top: 72%;
left: 80%;
width: 40px;
}
#tabDay .boxImg .cloud5 {
left: 86%;
margin-top: 62%;
width: 90px;
}
#tabDay .boxImg .light {
width: 20%;
left: 62%;
margin-top: 5%;
}
#tabDay .boxImg .star1 {
left: 8%;
margin-top: 2%;
width: 9%;
}
#tabDay .boxImg .star2 {
left: 15%;
margin-top: 35%;
width: 10%;
}
#tabDay .boxImg .star3 {
left: 39%;
margin-top: 49%;
width: 7%;
}
#tabDay .boxImg .star4 {
left: 72%;
margin-top: 9%;
width: 8%;
}
#tabDay .boxImg .star5 {
left: 83%;
margin-top: 56%;
width: 10%;
}
#tabDay .boxImg .star6 {
left: 86%;
margin-top: 24%;
width: 7.5%;
}
#tabDay .boxImg .star7 {
left: 73%;
margin-top: 41%;
width: 6%;
}
#tabDay .boxImg .star8 {
left: 88%;
margin-top: 3.5%;
width: 5%;
}
#tabDay .boxImg .tanglung1 {
left: 0%;
margin-top: -15%;
width: 22%;
}
#tabDay .boxImg .tanglung2 {
left: 17%;
margin-top: -33%;
width: 10%;
}
#tabDay .boxImg .tanglung3 {
left: 71%;
margin-top: -1%;
width: 10%;
}
#tabDay .boxImg .tanglung4 {
left: 78%;
margin-top: -25%;
width: 10%;
}
#tabDay .boxImg .tanglung5 {
left: 78%;
margin-top: -6%;
width: 25%;
}
#tabDay .boxImg .tanglung6 {
left: 79%;
margin-top: 0px;
width: 180px;
}
#tabDay .boxImg .tanglung7 {
right: 28%;
margin-top: -80px;
width: 50px;
}
#tabDay .boxImg .tanglung8 {
right: 23%;
margin-top: -200px;
width: 34px;
}
#tabDay .boxImg .tanglung9 {
right: 9%;
margin-top: -50px;
width: 150px;
}
#tabDay .boxImg .tanglung10 {
right: 4%;
margin-top: -200px;
width: 50px;
}
#tabDay .boxImg .tanglung11 {
right: 14%;
margin-top: -40px;
width: 80px;
}
#tabDay .boxImg .tanglung12 {
right: 77%;
margin-top: -70px;
width: 50px;
}
#tabDay .boxImg .tanglung13 {
right: 86%;
margin-top: 0;
width: 65px;
}
#tabDay .boxImg .rotate {
left: 52%;
margin-top: -25%;
width: 60%;
max-width: 200%;
}
}
@media (max-width: 767px) {
.page-container {
padding-bottom: 0;
}
.container.banner {
padding: 0;
}
.home-tab {
margin-top: 0;
padding: 0;
}
.home-tab .wrapper .tab-wrapper{
width: 100%;
}
.home-tab .wrapper {
border: 0;
border-top: 1px solid #ec1b2d;
border-radius: 0;
padding: 0;
width: 100%;
}
.home-tab .nav-tabs>li>a.active,
.nav-tabs>li>a.active:focus,
.nav-tabs>li>a.active:hover {
border: 0;
}
.home-tab .menu-wrapper {
float: left;
width: 100%;
}
.home-tab .wrapper p {
max-width: 100%;
margin-bottom: 0;
}
#tab2 .boxImg {
background: #01cbfe;
padding-bottom: 100px;
}
#tab3 .boxImg {
background: #b1d502;
padding-bottom: 100px;
}
#tab4 .boxImg {
background: #5c8191;
padding-bottom: 100px;
}
#tab5 .boxImg {
background: #5fa8cb;
padding-bottom: 100px;
}
#tab-ezbeli_aitab .boxImg {
background: #ff8e17;
}
#tab6 .boxImg {
background: #00cbe6;
padding-bottom: 100px;
}
#tab7 .boxImg {
padding-bottom: 100px;
}
#tab8 .boxImg {
background: #37006d;
padding-bottom: 100px;
position: relative;
}
#tab8 #tab1 .boxImg {
background: linear-gradient(90deg, #f8ab37, #ee9212);
padding-bottom: 100px;
}
#tabezbelicommercial .boxImg {
background: #0c3e81;
}
#tabezbeli4 .boxImg {
background: linear-gradient(90deg, #0e699a, #1a4274);
}
.banner-desc {
top: 43%;
width: 80%;
left: 10%;
}
#tab2 .banner-desc {
top: 43%;
width: 90%;
left: 5%;
}
#tab3 .banner-desc {
top: 46%;
width: 75%;
left: 10%;
}
#tab3 .buble-box {
top: 52%;
}
#tab4 .banner-desc {
top: 49%;
width: 75%;
left: 5%;
}
.buble-box {
right: 0;
top: 54%;
max-width: 100%;
}
#tab3 .buble-box, #tab4 .buble-box, #tab5 .buble-box, #tab-ezbeli_aitab .buble-box, #tab6 .buble-box, #tab7 .buble-box {
right: 0;
top: 58%;
max-width: 100%;
}
#tab-ezbeli_aitab .buble-box {
width: 200px;
}
#tab8 .buble-box {
right: 0;
max-width: 100%;
top: 31%;
}
.buble-content {
max-width: 50%;
margin-left: 10%;
}
.plan-div .carousel-control-prev, .ezbelicommercialsubtab .plan-div .carousel-control-prev {
left: 0;
}
.plan-div .carousel-control-next, .ezbelicommercialsubtab .plan-div .carousel-control-next {
right: 0;
}
.plan-div .img {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.plan-div .carousel-inner, .ezbelicommercialsubtab .plan-div .carousel-inner {
margin-left: 0;
width: auto;
overflow: visible;
}
.plan-desc {
position: absolute;
margin-top: 70%;
width: calc(100% - 70px);
padding-left: 15px;
}
.center {
display: block;
margin-left: auto;
margin-right: 7px;
margin-top: -30px;
}
.plan-div .img .img-fluid {
max-width: 400px;
}
.ezbelicommercialsubtab .plan-div .img .img-fluid {
max-width: 90%;
margin-left: 5%;
margin-top: 35px;
}
.plan-div .car {
margin-top: -55px;
}
.cta-btn {
position: absolute;
right: 0;
z-index: 9;
top: 0;
max-width: 70px;
border-radius: 5px 0 0 5px;
}
#tab3 .cta-btn, #tab4 .cta-btn, #tab5 .cta-btn, #tab-ezbeli_aitab .cta-btn, #tab6 .cta-btn, #tab7 .cta-btn {
top: 15px;
}
.cta-btn button, .plan-box .cta-btn button, #tab3 .cta-btn button, #tab4 .cta-btn button, #tab5 .cta-btn button, #tab-ezbeli_aitab .cta-btn button, #tab6 .cta-btn button, #tab7 .cta-btn button {
width: 100%;
font-size: 10px;
margin-bottom: 5px;
}
#tab8 .cta-btn button {
width: 32%;
margin-left: 2px;
}
#tab8 .cta-btn {
position: relative;
max-width: 90%;
margin-left: 5%;
border-radius: 8px;
}
#tab8 .carousel-control-next, #tab8 .carousel-control-prev {
width: 10%;
}
.ezbelicommercialsubtab .cta-btn button, .ezbeli4subtab .cta-btn button {
margin-left: 11%!important;
}
.plan-box {
max-width: 100%;
width: 100%;
right: 0;
top: 48%;
font-size: 12px;
margin-top: 0;
}
.plan-box .col-md-12 {
width: calc(75% - 15px);
margin-left: 15px;
}
.plan-box span {
font-size: 16px;
}
.plan-box .cta-btn {
margin-top: 35px;
}
#pay-extra {
font-size: 18px;
}
.down-icon {
margin-top: -30px;
}
.cars-section:before {
top: 58%;
}
.cars-section ul {
width: 90vw;
overflow-x: scroll!important;
padding-top: 20px;
padding-bottom: 10px;
}
.cars-section ul li {
max-width: 155px;
padding: 0 0;
}
.cars-section .paddles {
display: none;
width: 40px;
margin-top: -15px;
margin-bottom: 0;
}
.mobile-banner-content-div {
background: rgba(255, 255, 255, 0.4);
padding: 10px 0;
}
.table-borderless {
width: 78%;
margin: auto;
margin-left: 10px;
}
.num {
color: #fff;
font-size: 24px;
font-family: 'ToyotaText-Bold';
}
.plan-div .carousel img {
max-width: 240px;
margin: auto;
}
.table-borderless td {
padding: 5px 8px;
}
.ezbelisubmenu {
margin-left: 0;
margin-top: 75%;
}
.ezbelisubmenu .ezbeliinner {
margin-left: 0;
width: 82%;
}
.ezbelisubmenu .fl {
width: 100%;
}
#tabDay .boxImg {
background: #600d7d;
}
#tabDay .boxImg .cloud1 {
margin-top: 75%;
width: 55px;
}
#tabDay .boxImg .cloud2 {
margin-top: 71%;
left: 50%;
width: 35px;
}
#tabDay .boxImg .cloud3 {
left: 59%;
margin-top: 60%;
width: 55px;
}
#tabDay .boxImg .cloud4 {
margin-top: 72%;
left: 93%;
width: 30px;
}
#tabDay .boxImg .cloud5 {
left: 82%;
margin-top: 63%;
width: 70px;
}
/*#tabDay .boxImg .light {
width: 90px;
left: 41%;
margin-top: 9%;
}*/
#tabDay .boxImg .sakura1 {
width: 30px;
}
#tabDay .boxImg .sakura2 {
width: 30px;
}
#tabDay .boxImg .sakura3 {
width: 20px;
}
#tabDay .boxImg .sakura4 {
width: 20px;
}
#tabDay .boxImg .sakura5 {
width: 50px;
}
/*#tabDay .boxImg .tanglung1 {
left: 0;
margin-top: 0;
width: 55px;
}
#tabDay .boxImg .tanglung2 {
left: 9%;
margin-top: -46px;
width: 60px;
}
#tabDay .boxImg .tanglung3 {
margin-top: 0;
width: 30px;
}
#tabDay .boxImg .tanglung4 {
margin-top: 0;
width: 85px;
}
#tabDay .boxImg .tanglung5 {
width: 130px;
}*/
#tabDay .boxImg .tanglung6 {
width: 100px;;
}
#tabDay .boxImg .tanglung7 {
right: 30%;
margin-top: -80px;
width: 30px;
}
#tabDay .boxImg .tanglung8 {
right: 27%;
margin-top: -135px;
width: 20px;
}
#tabDay .boxImg .tanglung9 {
right: 10%;
margin-top: -50px;
width: 75px;
}
#tabDay .boxImg .tanglung10 {
right: 2%;
margin-top: -145px;
width: 30px;
}
#tabDay .boxImg .tanglung11 {
right: 14%;
margin-top: -35px;
width: 37px;
}
#tabDay .boxImg .tanglung12 {
right: 77%;
margin-top: -30px;
width: 25px;
}
#tabDay .boxImg .tanglung13 {
right: 87%;
margin-top: 0;
width: 35px;
}
}
@media (min-height: 756px) and (max-height: 823px) {
#tab3 .buble-box, #tab4 .buble-box, #tab5 .buble-box, #tab-ezbeli_aitab .buble-box, #tab6 .buble-box, #tab7 .buble-box {
top: 43%;
}
#tab4 .banner-desc {
top: 45%;
}
#tab3 .cta-btn, #tab4 .cta-btn, #tab5 .cta-btn, #tab-ezbeli_aitab .cta-btn, #tab6 .cta-btn, #tab7 .cta-btn {
top: 25px;
}
}
@media (min-height: 800px) and (max-height: 830px) and (min-width: 375px) and (max-width: 375px) {
.banner-desc {
top: 35%;
width: 70%;
left: 15%;
}
.buble-box {
top: 42%;
}
.plan-box {
top: 38%;
}
#tab2 .banner-desc {
top: 35%;
width: 90%;
left: 5%;
}
#tab3 .banner-desc, #tab4 .banner-desc {
top: 40%;
}
#tab3 .buble-box, #tab4 .buble-box, #tab5 .buble-box, #tab-ezbeli_aitab .buble-box, #tab6 .buble-box, #tab7 .buble-box, #tab8 .buble-box {
top: 47%;
}
#tab8 .buble-box {
top: 25%;
}
}
@media (max-width: 375px) {
#tab8 .buble-box {
top: 35%;
}
}
@media (max-width: 320px) {
.plan-desc {
margin-top: 75%;
}
#tab8 .cta-btn {
margin-top: 70%;
}
#tab8 .buble-box {
top: 28%;
}
}
</style>
<link href="/media/css/attachment/1/OverlayScrollbars.min.css" rel="stylesheet">
<script src="/media/javascript/attachment/1/jquery.overlayScrollbars.min.js"></script>
<style type="text/css">
.home-tab .menu,
.cars-section .menu {
overflow-y: visible;
overflow: visible;
-webkit-overflow-scrolling: visible;
}
.home-tab .menu a {
text-decoration: none;
}
.home-tab .menu .text {
font-size: 12px;
color: #000;
margin-top: -6px;
text-decoration: none;
}
.plan-box .plan-text {
width: 40%;
padding-left: 12px;
color: #fff;
font-size: 10px;
}
.plan-box .plan-term {
margin-bottom: 15px;
}
@media (max-width:767px) {
.plan-box .plan-text {
width: 100%;
}
.home-tab .menu-wrapper {
margin-top: 5px;
margin-bottom: 10px;
}
.cars-section .paddles {
width: auto;
display: block;
}
}
@media (max-width: 340px) {
.plan-box .plan-term {
padding: 6px 0;
margin-bottom: 6px;
}
}
@media (min-width: 992px){
#tab8 .col-lg-12 {
padding-left: 50px;
}
.ezbelisubmenu .fl {
margin-right: 20px;
}
.plan-div .carousel .car img {
margin-left: 120px;
}
}
#tab9 .buble-box {
max-width: 100%;
top: 70%;
right: 2%;
}
#tab9 .cta-btn button {
width: 112px;
margin: 0;
}
#tab9 .cta-btn img {
max-width: 100%;
}
#tab9 .cta-btn {
/*background: transparent;*/
padding: 0 15px;
text-align: center;
}
#tab9 a button:hover {
opacity: .8;
}
@keyframes snowdot-fall {
0% {
top: -89%
}
100% {
top: 100%
}
}
@keyframes snowflakes-fall {
0% {
top: -20%
}
100% {
top: 100%
}
}
@keyframes fall {
0% {
top: -100%
}
100% {
top: 100%
}
}
@keyframes snowflakes-shake {
0%,
100% {
transform: translateX(0)
}
50% {
transform: translateX(80px)
}
}
.snowdot-1, .snowdot-2, .snowdot-3 {
position: absolute;
top: -100%;
-webkit-animation-name: snowdot-fall;
-webkit-animation-duration: 20s;
-webkit-animation-timing-function: linear, ease-in-out;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-animation-play-state: running, running;
animation-name: snowdot-fall;
animation-duration: 20s;
animation-timing-function: linear, ease-in-out;
animation-iteration-count: infinite, infinite;
animation-play-state: running, running
}
.snowdot-2 {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.snowflake, .snowflake-2, .snowflake-3 {
position: absolute;
-webkit-animation-name: snowflakes-fall, snowflakes-shake;
-webkit-animation-duration: 10s, 3s;
-webkit-animation-timing-function: linear, ease-in-out;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-animation-play-state: running, running;
animation-name: snowflakes-fall, snowflakes-shake;
animation-duration: 10s, 3s;
animation-timing-function: linear, ease-in-out;
animation-iteration-count: infinite, infinite;
animation-play-state: running, running
}
.snowflake {
left: 13%;
width: 80px;
}
.snowflake-2 {
left: 73%;
top: -20%;
width: 40px;
-webkit-animation-duration: 10s, 4s;
animation-duration: 10s, 4s;
-webkit-animation-delay: 2s, 2s;
animation-delay: 2s, 2s;
}
.snowflake-3 {
left: 93%;
top: -20%;
width: 80px;
-webkit-animation-delay: 4.5s, 4.5s;
animation-delay: 4.5s, 4.5s;
}
.ribbon-bg, .ribbon-bg2, .ribbon-1, .ribbon-2, .ribbon-3, .ribbon-4, .ribbon-5, .ribbon-6, .ribbon-7, .ribbon1, .ribbon2, .ribbon3 {
position: absolute;
top: -100%;
/*animation: snowflakes-fall 5s ease infinite;*/
animation: fall 18s linear infinite;
}
.ribbon-bg {
animation: fall 15s linear infinite;
}
.ribbon-bg2, .ribbon2 {
top: -100%;
animation: fall 15s linear infinite;
animation-delay: 5s;
}
.ribbon3 {
animation-delay: 12s;
}
.ribbon-1 {
left: 10%;
width: 220px;
}
.ribbon-2 {
left: 84%;
width: 80px;
animation-delay: 1s;
transform: rotate(45deg);
}
.ribbon-3 {
left: 34%;
width: 80px;
animation-delay: 2s;
}
.ribbon-4 {
left: 43%;
width: 80px;
animation-delay: 3s;
}
.ribbon-5 {
left: 0;
width: 60px;
animation-delay: 4s;
}
.ribbon-6 {
left: 55%;
width: 60px;
animation-delay: 5s;
}
.ribbon-7 {
left: 90%;
width: 50px;
animation-delay: 6s;
}
.clickmore {
font-size: 11px;
max-width: 100%!important;
margin-top: 55px;
margin-bottom: 0;
padding-left: 0!important;
padding-bottom: 5px!important;
}
@media (min-width: 1800px) {
#tab9 .buble-box {
right: 2.5%;
}
}
@media(max-width: 991px) {
#tab9 .buble-box {
top: 86%;
right: 0;
left: 0;
margin: auto;
}
.snowflake {
left: 3%;
-webkit-animation-duration: 15s, 3s;
animation-duration: 15s, 3s;
}
.snowflake-2 {
left: 55%;
-webkit-animation-duration: 15s, 3s;
animation-duration: 15s, 3s;
}
.snowflake-3 {
left: 80%;
-webkit-animation-duration: 15s, 3s;
animation-duration: 15s, 3s;
}
.snowdot-1, .snowdot-2, .snowdot-3 {
-webkit-animation-duration: 40s;
animation-duration: 40s;
}
.snowdot-2 {
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.snowdot-3 {
-webkit-animation-delay: 30s;
animation-delay: 30s;
}
.ribbon-1 {
width: 180px;
}
.ribbon-2 {
width: 60px;
}
}
@media(max-width: 767px) {
.clickmore {
margin-top: 0;
padding-left: 15px!important;
padding-top: 0!important;
padding-bottom: 10px!important;
}
#tab9 .boxImg {
position: relative;
background: #e12027;
padding-bottom: 100px;
}
#tab9 .buble-box {
top: 73%;
right: 0;
margin: auto;
display: grid;
width: 100%;
}
#tab9 .cta-btn button {
width: 105px;
}
#tab9 .cta-btn {
max-width: 100%;
position: relative;
margin: auto;
border-radius: 5px;
padding: 0;
}
#tab9 .cta-btn img {
max-width: 90px;
}
.snowflake {
left: 3%;
width: 60px;
}
.snowflake-2 {
left: 55%;
width: 25px;
}
.snowflake-3 {
left: 80%;
width: 60px;
}
.ribbon-1 {
left: 2%;
width: 100px;
}
.ribbon-2 {
width: 50px;
}
.ribbon-3 {
left: 30%;
width: 60px;
}
.ribbon-4 {
left: 55%;
width: 60px;
}
}
#tabKintoOne .boxImg{
overflow: hidden;
position: relative;
}
#tabKintoOne .boxImg .rotate, #tabKintoOne .boxImg .fade1, #tabKintoOne .boxImg .fade2, #tabKintoOne .boxImg .fade3, #tabKintoOne .boxImg .fade4, #tabKintoOne .boxImg .fade5, #tabKintoOne .boxImg .fade6, #tabKintoOne .boxImg .fade7, #tabKintoOne .boxImg .fade8 {
position: absolute;
}
#tabKintoOne .boxImg .rotate {
left: 26.6%;
margin-top: 13.5%;
width: 100px;
animation: rotateA 33s linear infinite;
}
#tabKintoOne .boxImg .fade1 {
opacity: 0;
left: 35%;
margin-top: 1%;
width: 100px;
animation: fadeUp 0.8s linear forwards;
animation-delay: 0.3s;
}
#tabKintoOne .boxImg .fade2 {
opacity: 0;
left: 43%;
margin-top: 3%;
width: 100px;
animation: fadeUp 0.8s linear forwards;
animation-delay: 0.7s;
}
#tabKintoOne .boxImg .fade3 {
opacity: 0;
left: 51%;
margin-top: 6%;
width: 100px;
animation: fadeUp 0.8s linear forwards;
animation-delay: 1.1s;
}
#tabKintoOne .boxImg .fade4 {
opacity: 0;
left: 57%;
margin-top: 0.5%;
width: 100px;
animation: fadeUp 0.8s linear forwards;
animation-delay: 1.5s;
}
#tabKintoOne .boxImg .fade5 {
opacity: 0;
left: 65%;
margin-top: 8%;
width: 100px;
animation: fadeUp 0.8s linear forwards;
animation-delay: 1.9s;
}
#tabKintoOne .boxImg .fade6 {
opacity: 0;
left: 72%;
margin-top: 3%;
width: 100px;
animation: fadeUp 0.8s linear forwards;
animation-delay: 2.3s;
}
#tabKintoOne .boxImg .fade7 {
opacity: 0;
left: 80%;
margin-top: 7%;
width: 100px;
animation: fadeUp 0.8s linear forwards;
animation-delay: 2.7s;
}
#tabKintoOne .boxImg .fade8 {
opacity: 0;
left: 86%;
margin-top: 2%;
width: 100px;
animation: fadeUp 0.5s linear forwards;
animation-delay: 3.1s;
}
.kinto-one-video-btn {
position: absolute;
top: 41%;
left: 10%;
max-width: 120px;
}
@keyframes fadeUp {
0% { transform:translate(0,15px);opacity: 0; }
50% { opacity: 1; }
100% { transform:translate(0,0); opacity: 1; }
}
@media(min-width: 1600px) {
#tabKintoOne .boxImg .rotate {
left: 26.5%;
margin-top: 13.3%;
width: 120px;
}
#tabKintoOne .boxImg .fade1 {
left: 35%;
margin-top: 4%;
}
#tabKintoOne .boxImg .fade2 {
left: 43%;
margin-top: 5%;
}
#tabKintoOne .boxImg .fade3 {
left: 51%;
margin-top: 8%;
}
#tabKintoOne .boxImg .fade4 {
left: 57%;
margin-top: 3.5%;
}
#tabKintoOne .boxImg .fade5 {
left: 65%;
margin-top: 10%;
}
#tabKintoOne .boxImg .fade6 {
left: 72%;
margin-top: 6%;
}
#tabKintoOne .boxImg .fade7 {
left: 80%;
margin-top: 10%;
}
#tabKintoOne .boxImg .fade8 {
left: 86%;
margin-top: 5%;
}
}
@media(min-width: 1800px) {
#tabKintoOne .boxImg .rotate {
left: 26.8%;
width: 130px;
}
#tabKintoOne .boxImg .fade1 {
width: 110px;
}
#tabKintoOne .boxImg .fade2 {
width: 110px;
}
#tabKintoOne .boxImg .fade3 {
width: 110px;
}
#tabKintoOne .boxImg .fade4 {
width: 110px;
}
#tabKintoOne .boxImg .fade5 {
width: 110px;
}
#tabKintoOne .boxImg .fade6 {
width: 110px;
}
#tabKintoOne .boxImg .fade7 {
width: 110px;
}
#tabKintoOne .boxImg .fade8 {
width: 110px;
}
}
@media(max-width: 1280px) {
#tabKintoOne .boxImg .rotate {
left: 26.5%;
margin-top: 13.3%;
width: 90px;
}
#tabKintoOne .boxImg .fade1 {
width: 90px;
}
#tabKintoOne .boxImg .fade2 {
width: 90px;
}
#tabKintoOne .boxImg .fade3 {
width: 90px;
}
#tabKintoOne .boxImg .fade4 {
width: 90px;
}
#tabKintoOne .boxImg .fade5 {
width: 90px;
}
#tabKintoOne .boxImg .fade6 {
width: 90px;
}
#tabKintoOne .boxImg .fade7 {
width: 90px90px;
}
#tabKintoOne .boxImg .fade8 {
width: 90px;
}
}
@media(max-width: 991px) {
.kinto-one-video-btn {
top: 71%;
left: 50.5%;
max-width: 23%;
}
#tabKintoOne .boxImg .rotate {
left: 26.1%;
margin-top: 77%;
width: 7%;
}
#tabKintoOne .boxImg .fade1 {
left: 6%;
margin-top: 38%;
width: 20%;
}
#tabKintoOne .boxImg .fade2 {
left: 27%;
margin-top: 47%;
width: 20%;
}
#tabKintoOne .boxImg .fade3 {
left: 44%;
margin-top: 51%;
width: 20%;
}
#tabKintoOne .boxImg .fade4 {
left: 58%;
margin-top: 43%;
width: 20%;
}
#tabKintoOne .boxImg .fade5 {
left: 75%;
margin-top: 36%;
width: 20%;
}
#tabKintoOne .boxImg .fade6 {
left: 5%;
margin-top: 89%;
width: 20%;
}
#tabKintoOne .boxImg .fade7 {
left: 25%;
margin-top: 90%;
width: 20%;
}
#tabKintoOne .boxImg .fade8 {
left: 75%;
margin-top: 90%;
width: 20%;
}
}
</style>
<style type="text/css">
.py-4_2 {
padding-top: 2.2rem!important;
padding-bottom: 2.2rem!important;
}
.lh-11 {
line-height: 1.1;
}
.fs-10 {
font-size: 10px;
}
.fs-15 {
font-size: 15px;
}
.fs-18 {
font-size: 18px;
}
.fs-32 {
font-size: 32px;
}
.ff-bold {
font-family: ToyotaText-Bold;
}
.tab-button-title {
background: #ED1C32;
padding: 20px 15px;
border-radius: 15px;
}
.border-red-3 {
border: 3px solid #ED1C32;
}
.border-radius-15 {
border-radius: 15px;
}
.bg-red {
background: #ED1C32;
}
.border-purple-3 {
border: 3px solid #A254A0;
}
.bg-purple {
background: #A254A0;
}
.border-blue-3 {
border: 3px solid #009EB4;
}
.bg-blue {
background: #009EB4;
}
.border-light_blue-3 {
border: 3px solid #35D1F5;
}
.bg-light_blue {
background: #35D1F5;
}
.highlight-title {
border-bottom: 2px solid #ed1a2d;
font-size: 32px;
margin-bottom: 15px;
}
.highlight-title .small {
font-size: 14px;
}
.highlight-btn .submenu-btn-img img {
max-width: 150px;
max-height: 60px;
margin-bottom: 10px;
}
.highlight-btn {
display: inline-block;
width: 100%;
height: 100%;
box-shadow: 0 0 12px rgba(0, 0, 0, .2);
padding: 15px 0;
}
@media(max-width: 991px) {
.app-btn:last-child {
width: auto;
text-align: left;
}
}
.w2p {
padding-top: 15px;
border-top: 2px solid #ec1b2e;
}
</style>
<section class="page-container">
<div class="row">
<div style="width: 100%;">
<div class="tab-content">
<!-- <div class="tab-pane fade" id="tab1">
<div>
<div class="boxImg">
<img class="img-fluid cloud1" src="/media/image/attachment/1/cloud.png" />
<img class="img-fluid cloud2" src="/media/image/attachment/1/cloud.png" />
<img class="img-fluid cloud3" src="/media/image/attachment/1/cloud.png" />
<img class="img-fluid d-none d-sm-block hot-air-balloon" src="/media/image/attachment/1/hot-air-balloon.png" />
<div class="banner-desc">
Unique 9-year loan term divided into 2 tiers! First 6 years stress-free lower repayment
</div>
<div class="buble-box">
<div class="buble-content">
<button class="buble-img-btn" type="button" onclick="circlesClick()"><img class="img-fluid buble" src="/media/image/attachment/1/2-tier-buble.png" /></button>
<p id="circles-content">Click the <span>circles</span> to see how it works</p>
</div>
<div class="cta-btn"><a href="/2-tier-plan"><button><img src="/media/image/attachment/1/view-btn.png"><div>More info</div></button></a><a href="https://www.youtube.com/embed/ZmFqxQ4t8po?modestbranding=1" class="html5lightbox" data-width="480" data-height="320" title="2-Tier Plan"><button><img src="/media/image/attachment/1/play-btn.png"><div>Watch video</div></button></a><a data-toggle="modal" data-target="#formModal" onclick="formClick('2TierPlan')"><button><img src="/media/image/attachment/1/form-btn.png"><div>Apply now</div></button></a></div></div>
<a href="/2-tier-plan"><img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/2-tier-banner-1-1.jpg" /> <img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/2-tier-banner-mobile-1.jpg" /> </a>
</div>
</div>
</div> -->
<div class="tab-pane fade" id="tab2">
<div>
<div class="boxImg">
<img class="img-fluid cloud1" src="/media/image/attachment/1/cloud.png">
<img class="img-fluid cloud3" src="/media/image/attachment/1/cloud.png">
<div class="banner-desc">
Reduce overall interest and loan tenure by paying extra as and when you can afford it.
</div>
<div class="plan-box">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="plan-type"><br>
Pay Extra<br>
<select class="form-control" id="pay-extra" onchange="payExtraPlan()">
<option>RM3,000 annually</option>
<option>RM4,000 annually</option>
<option>RM5,000 annually</option>
<option>RM10,000 annually</option>
<option>RM50 monthly</option>
<option>RM100 monthly</option>
<option>RM200 monthly</option>
<option>RM500 monthly</option>
</select>
<div class="down-icon"><i class="fa fa-angle-down" aria-hidden="true"></i></div>
</div>
</div>
</div>
<div class="col-md-12 plan-term">
<div class="row">
<div class="col-6" id="term">
Loan Term<br>Reduced By<br>
<span>17 months</span>
</div>
<div class="col-6" style="border-left: 1px solid" id="saved">
Overall Interest<br>Saved<br>
<span>RM6,507</span>
</div>
</div>
</div>
<div class="cta-btn">
<a href="/flexi-plan" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'Flexi Plan' })"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<a href="/onlineapplication" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'Flexi Plan' })"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div>
<div class="plan-text">*BASED ON LOAN AMOUNT RM131,200 (90% LOAN OF TOYOTA COROLLA 1.8G (AT))</div>
</div>
</div>
<a href="/flexi-plan">
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/flexi-banner-1-1.jpg">
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/flexi-banner-mobile-1.jpg">
</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab3">
<div>
<div class="boxImg">
<img class="img-fluid cloud1" src="/media/image/attachment/1/cloud.png">
<img class="img-fluid cloud2" src="/media/image/attachment/1/cloud.png">
<img class="img-fluid cloud3" src="/media/image/attachment/1/cloud.png">
<div class="banner-desc">
An Islamic Automotive Financing Plan giving peace of mind to our Muslim Toyota owners
</div>
<div class="buble-box">
<div class="mobile-banner-content-div d-block d-md-none">
<table class="table-borderless">
<tbody>
<tr>
<td class="num">1</td>
<td>Riba'-free financing plan following Syariah principles </td>
</tr>
<tr>
<td class="num">2</td>
<td>Competitive and lowest car loan interest rate</td>
</tr>
<tr>
<td class="num">3</td>
<td>Islamic insurance scheme offered under Takaful</td>
</tr>
</tbody>
</table>
</div>
<div class="cta-btn">
<a href="/aitab" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'AITAB' })"><button><img src=" /media/image/attachment/1/moreinfo2.png"></button></a>
<a href="/onlineapplication" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'AITAB' })"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div></div>
<a href="/aitab"><img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/aitab-banner.jpg"> <img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/aitab-banner-mobile-2.jpg"> </a>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab4">
<div>
<div class="boxImg">
<img class="img-fluid cloud1" src="/media/image/attachment/1/cloud.png">
<img class="img-fluid cloud2" src="/media/image/attachment/1/cloud.png">
<img class="img-fluid cloud3" src="/media/image/attachment/1/cloud.png">
<div class="banner-desc">
An innovative Islamic lease plan that is the first of its kind in Malaysia to drive a brand new Toyota
</div>
<div class="buble-box">
<div class="mobile-banner-content-div d-block d-md-none">
<table class="table-borderless">
<tbody>
<tr>
<td class="num">1</td>
<td>A lease programme with zero downpayment based on Islamic principles</td>
</tr>
<tr>
<td class="num">2</td>
<td>We take care your Insurance and Road Tax annually</td>
</tr>
<tr>
<td class="num">3</td>
<td>Guaranteed Auto Protection</td>
</tr>
</tbody>
</table>
</div>
<div class="cta-btn">
<a href="/toyotadrive" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'Toyota Drive' })"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<a href="/onlineapplication" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'Toyota Drive' })"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div></div>
<a href="/toyotadrive">
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/ToyotaDriveProductPageDesktop-1.jpg">
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/320/ToyotaDrive-Background-Mobile.jpg">
</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab5">
<div>
<div class="boxImg">
<img class="img-fluid cloud1" src="/media/image/attachment/1/cloud.png">
<img class="img-fluid cloud2" src="/media/image/attachment/1/cloud.png">
<img class="img-fluid cloud3" src="/media/image/attachment/1/cloud.png">
<div class="buble-box">
<div class="mobile-banner-content-div d-block d-md-none">
<table class="table-borderless">
<tbody>
<tr>
<td class="num">1</td>
<td>Own your dream vehicle with just 10% deposit</td>
</tr>
<tr>
<td class="num">2</td>
<td>Maximum 90% financing up to 9 years' tenure</td>
</tr>
<tr>
<td class="num">3</td>
<td>Fast approval and hassle-free application</td>
</tr>
</tbody>
</table>
</div>
<div class="cta-btn">
<a href="/conventionalhp" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'Conventional Hire Purchase' })"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<a href="/onlineapplication" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'Conventional Hire Purchase' })"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div></div>
<a href="/conventionalhp">
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/ConvHP-Desktop-1.jpg">
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/321/ConvHP-Background-Mobile.jpg">
</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab6">
<div>
<div class="boxImg">
<img class="img-fluid cloud1" src="/media/image/attachment/1/cloud.png">
<img class="img-fluid cloud2" src="/media/image/attachment/1/cloud.png">
<!-- <img class="img-fluid cloud3" src="/media/image/attachment/1/cloud.png" /> -->
<div class="buble-box">
<div class="mobile-banner-content-div d-block d-md-none">
<table class="table-borderless">
<tbody>
<tr>
<td><img src="/media/image/attachment/322/leasing-2021.png" style="max-width: 40px; 1" class=" img-fluid"></td>
<td>Customizable leasing solution</td>
</tr>
<tr>
<td><img src="/media/image/attachment/322/maintenance-2021.png" style="max-width: 40px; 1" class=" img-fluid"></td>
<td>All-inclusive (insurance, road tax & maintenance)</td>
</tr>
<tr>
<td><img src="/media/image/attachment/322/protection-2021.png" style="max-width: 40px; 1" class=" img-fluid"></td>
<td>Guaranteed auto protection</td>
</tr>
</tbody>
</table>
</div>
<div class="cta-btn">
<a href="/vehiclelease" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'Vehicle Lease' })"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<a href="https://www.kinto-my.com/" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'Vehicle Lease' })"><button><img src=" /media/image/attachment/1/apply3.png"></button></a></div></div>
<a href="/vehiclelease">
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCap-KV-desktop-EN-20210923.jpg">
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/TCap-KV-mobile-EN-20210923.jpg"> </a>
</div>
</div>
</div>
<!-- <div class="tab-pane fade" id="tab7">
<div>
<div class="boxImg">
<div class="buble-box">
<div class="cta-btn"><a href="#"><button><img src="/media/image/attachment/1/view-btn.png"><div>More info</div></button></a><a data-toggle="modal" data-target="#formModal"><button><img src="/media/image/attachment/1/form-btn.png"><div>Apply now</div></button></a></div></div>
<a href="#"><img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/toyota-drive-banner.jpg" /> <img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/toyota-drive-banner-mobile-1.jpg" /> </a>
</div>
</div>
</div> -->
<!-- <div class="tab-pane fade active in" id="tabDay">
<div>
<div class="boxImg">
<img class="img-fluid rotate-1" src="/media/image/attachment/1/flower-4.png" />
<img class="img-fluid rotate-2" src="/media/image/attachment/1/flower-2.png" />
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCP-24-Deepavali-WEB-Corporate-Desktop-WEB.jpg" />
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/TCP-24-Deepavali-WEB-corporate-Mobile-WEB.jpg" />
<div class="buble-box">
<div class="cta-btn">
<p>Double click to view the e-poster</p>
<a href="/media/document/attachment/1/TnC-TCAPM-Corolla-Cross-CNY-Campaign.pdf" target="_blank" onclick="gtag('event','Terms and Condition', { 'event_category':'Homepage', 'event_label':'Corolla Campaign banner' })">
<button><i class="fa fa-info-circle" aria-hidden="true"></i> Terms and Condition</button>
</a>
</div>
</div>
<a href="/media/image/attachment/1/FAOL2-TCAPM-DRAGON-2024-EN-Standee-Poster-3840x2160px-1.jpg" target="_blank">
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/FAOL-TCAPM-DRAGON-2024-Desktop-1920x494px-1.jpg" />
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/FAOL-TCAPM-DRAGON-2024-Mobile-1125x1541px-1.jpg" />
</a>
</div>
</div>
</div>-->
<div class="tab-pane" id="tabKintoOne">
<div>
<div class="boxImg">
<a href="https://www.kinto-my.com/" target="_blank">
<img class="img-fluid rotate" src="/media/image/attachment/351/wheel.png">
<img class="img-fluid fade1 d-none d-lg-block" src="/media/image/attachment/1/icon-1-EN.png">
<img class="img-fluid fade2 d-none d-lg-block" src="/media/image/attachment/1/icon-2-EN.png">
<img class="img-fluid fade3 d-none d-lg-block" src="/media/image/attachment/1/icon-3-EN.png">
<img class="img-fluid fade4 d-none d-lg-block" src="/media/image/attachment/1/icon-4-EN.png">
<img class="img-fluid fade5 d-none d-lg-block" src="/media/image/attachment/1/icon-5-EN.png">
<img class="img-fluid fade6 d-none d-lg-block" src="/media/image/attachment/1/icon-6-EN.png">
<img class="img-fluid fade7 d-none d-lg-block " src="/media/image/attachment/1/icon-7-EN.png">
<img class="img-fluid fade8 d-none d-lg-block" src="/media/image/attachment/1/icon-8-EN.png">
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCap-KV-desktop-KINTO-EN.jpg">
<img class="img-fluid fade1 d-block d-lg-none" src="/media/image/attachment/1/icon-1-en-mobile.png">
<img class="img-fluid fade2 d-block d-lg-none" src="/media/image/attachment/1/icon-2-en-mobile.png">
<img class="img-fluid fade3 d-block d-lg-none" src="/media/image/attachment/1/icon-3-en-mobile.png">
<img class="img-fluid fade4 d-block d-lg-none" src="/media/image/attachment/1/icon-4-en-mobile.png">
<img class="img-fluid fade5 d-block d-lg-none" src="/media/image/attachment/1/icon-5-en-mobile.png">
<img class="img-fluid fade6 d-block d-lg-none" src="/media/image/attachment/1/icon-6-en-mobile.png">
<img class="img-fluid fade7 d-block d-lg-none" src="/media/image/attachment/1/icon-7-en-mobile.png">
<img class="img-fluid fade8 d-block d-lg-none" src="/media/image/attachment/1/icon-8-en-mobile.png">
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/Tcap-KV-Background-Mobile-KINTO-EN.jpg">
</a>
<a href="/media/video/attachment/1/Kinto-One.mp4" class="html5lightbox kinto-one-video-btn" data-width="480" data-height="320" title="Kinto One">
<img src="/media/image/attachment/1/watch-video.png" class="img-fluid">
</a>
</div>
</div>
</div>
<div class="tab-pane fade active in" id="tab9">
<div>
<div class="boxImg">
<div class="buble-box">
<div class="cta-btn">
<a href="/jomdrive" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'Jom Drive' })">
<button><img src="/media/image/attachment/1/moreinfo2.png"></button>
</a>
<a data-toggle="modal" data-target="#formModal" onclick="formClick('Jomdrive')">
<button><img src="/media/image/attachment/1/TCP-CTA-AutoFinancing-Web-1.png"></button>
</a>
<a href="https://youtu.be/zzOpGmxp_Xo" target="_blank" onclick="gtag('event','Play Video', { 'event_category':'Homepage', 'event_label':'Jom Drive' })">
<button><img src="/media/image/attachment/1/watch-video.png"></button>
</a>
</div>
</div>
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCAP-jomdrivebanner-Desktop-V8.jpg">
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/351/TCAP-jomdrivebanner-Mobile-V9.jpg">
</div>
</div>
</div>
<div class="tab-pane" id="tab8">
<!-- <div id="tab1" class="twotiersubtab d-none">
<div class="boxImg">
<div class="banner-desc d-none">
Unique 9-year loan term divided into 2 tiers! First 6 years stress-free lower repayment
</div>
<div class="buble-box">
<div class="buble-content">
<button class="buble-img-btn d-none d-lg-block" type="button" onclick="circlesClick()"><img class="img-fluid buble" src="/media/image/attachment/1/2-tier-buble.png" /></button>
<p id="circles-content" class=" d-none d-lg-block">Click the <span>circles</span> to see how it works</p>
</div>
<div class="cta-btn">
<a href="/2-tier-plan" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'2-Tier Plan' })"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<a href="https://www.youtube.com/embed/ZmFqxQ4t8po?modestbranding=1" class="html5lightbox" data-width="480" data-height="320" title="2-Tier Plan" onclick="gtag('event','Play Video', { 'event_category':'Homepage', 'event_label':'2-Tier Plan' })"><button><img src="/media/image/attachment/1/watch-video.png"></button></a>
<a href="/onlineapplication" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'2-Tier Plan' })"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div></div>
<div class="ezbelisubmenu">
<div class="container">
<div class="row">
<div class="col-lg-8">
<button data-url="/2-tier-plan" onclick="ezbeli('tab1', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/346/ezbeli-sub2-1.png" />
</div>
<div class="text">
EZ Beli 2-Tier Plan
</div>
</button>
<button data-url="/ezbeli" onclick="ezbeli('tab2', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/346/ezbeli-sub1-1.png" />
</div>
<div class="text">
EZ Beli 3-Tier Plan
</div>
</button>
<button data-url="/ezbeli4tier" onclick="ezbeli('tabezbeli4', this);">
<div class="text-center mb-1">
<img class="img-fluid" src=" /media/image/attachment/416/TCAP-4-tier-Submenu.png">
</div>
<div class="text">
EZ Beli 4-Tier Plan
</div>
</button>
<button data-url="/ezbeliforbusinesses" onclick="ezbeli('tabezbelicommercial', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/398/ezbeli-Hiace.png" />
</div>
<div class="text">
EZ Beli for Businesses
</div>
</button>
</div>
</div>
</div>
</div>
<a href="/2-tier-plan"><img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCAP-homepage-2-Tierplan-EN-20220120-Revised.jpg" /> <img class="img-fluid d-block d-lg-none" src=" /media/image/attachment/1/TCAP-homepage-2tiermobile-EN.jpg" /> </a>
</div>
</div> -->
<div id="tab2" class="ezbelisubtab d-none">
<div class="boxImg">
<div class="buble-box">
<div class="plan-div d-none d-lg-block">
<div id="plan-img" class="carousel slide" data-ride="carousel">
<div class="carousel-inner mt-3">
<div class="plan-desc">
How does EZ Beli 3-Tier Plan Work?
</div>
<!-- <div class="carousel-item vios-plan active">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/346/EZBELI-En-Vios-Updated.png" alt="Vios EZ Beli" />
</div>
</div>
<div class="carousel-item yaris-plan">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/346/Toyota-EZ-Beli-Plan-Desktop-Yaris.png" alt="Yaris EZ Beli" />
</div>
</div> -->
<div class="carousel-item hilux-plan active">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/346/Toyota-EZ-Beli-Plan-Desktop-Hilux.png" alt="Hilux EZ Beli">
</div>
</div>
<!---
<div class="carousel-item rush-plan">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/346/Toyota-EZ-Beli-Plan-Desktop-Rush.png" alt="Rush EZ Beli" />
</div>
</div>
-->
<div class="carousel-item corolla-plan">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/346/Toyota-EZ-Beli-Plan-Desktop-Corolla.png" alt="Corolla EZ Beli">
</div>
</div>
<div class="carousel-item innova-plan">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/346/Toyota-EZ-Beli-Plan-Desktop-Innova.png" alt="Innova EZ Beli">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#plan-img" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#plan-img" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="cta-btn">
<a href="/ezbeli" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'EZ Beli' })"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<a href="https://www.youtube.com/embed/videoseries?list=PLOzJdYjoIdFcvVCOR_BzcabZafXC6Hf0H" class="html5lightbox" data-width="480" data-height="320" title="EZ Beli" onclick="gtag('event','Play Video', { 'event_category':'Homepage', 'event_label':'EZ Beli' })"><button><img src=" /media/image/attachment/1/watch-video.png"></button></a>
<a href="/onlineapplication" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'EZ Beli' })"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div></div>
<div class="ezbelisubmenu">
<div class="container">
<div class="row">
<!-- <div class="col-lg-5 ezbeli-desc">
Toyota Capital's latest automotive financing plan. 9-year loan term divided into 3-tiers or 2-tiers!
Stress-free lower repayment in First Years.
</div> -->
<div class="col-lg-8">
<!-- <button data-url="/2-tier-plan" onclick="ezbeli('tab1', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/346/ezbeli-sub2-1.png" />
</div>
<div class="text">
EZ Beli 2-Tier Plan
</div>
</button> -->
<button data-url="/ezbeli" onclick="ezbeli('tab2', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/346/ezbeli-sub1-1.png">
</div>
<div class="text">
EZ Beli 3-Tier Plan
</div>
</button>
<button data-url="/ezbeli4tier" onclick="ezbeli('tabezbeli4', this);">
<div class="text-center mb-1">
<img class="img-fluid" src=" /media/image/attachment/416/TCAP-4-tier-Submenu.png">
</div>
<div class="text">
EZ Beli 4-Tier Plan
</div>
</button>
<button data-url="/ezbeliforbusinesses" onclick="ezbeli('tabezbelicommercial', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/398/ezbeli-Hiace.png">
</div>
<div class="text">
EZ Beli for Businesses
</div>
</button>
</div>
</div>
</div>
</div>
<a href="/ezbeli"><img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCAP-homepage-3-tierplan-EN-20220120-Latest.jpg"> <img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/TCAP-homepage-3tiermobile-EN-updated.jpg"> </a>
</div>
</div>
<div id="tabezbeli4" class="ezbeli4subtab">
<div class="boxImg">
<div class="buble-box">
<div class="plan-div d-none d-lg-block">
<div id="commercial-img" class="carousel slide" data-ride="carousel">
<div class="carousel-inner mt-3">
<div class="plan-desc">
How does EZ Beli 4-Tier Plan Work?
</div>
<div class="carousel-item vios-plan active">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/1/TCAP-instalment-4-tier-Desktop-EN-VIOS.png" alt="Vios EZ Beli">
</div>
</div>
<div class="carousel-item vios-plan">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/416/TCAP-instalment-4-tier-Desktop-EN-Yaris-2.png" alt="Yaris EZ Beli">
</div>
</div>
<div class="carousel-item vios-plan">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/416/Corolla-EN-1.png" alt="Corolla EZ Beli">
</div>
</div>
<div class="carousel-item veloz-plan">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/416/Veloz-EN-1.png" alt="Veloz EZ Beli">
</div>
</div>
<div class="carousel-item hilux-plan">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/416/TCAP-instalment-4-tier-Desktop-EN-Hilux.png" alt="Hilux EZ Beli">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#commercial-img" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#commercial-img" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="cta-btn">
<a href="/ezbeli4tier" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'EZ Beli 4-Tier' })"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<a href="/onlineapplication" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'EZ Beli 4-Tier' })"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div></div>
<div class="ezbelisubmenu">
<div class="container">
<div class="row">
<div class="col-lg-8">
<!-- <button data-url="/2-tier-plan" onclick="ezbeli('tab1', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/346/ezbeli-sub2-1.png" />
</div>
<div class="text">
EZ Beli 2-Tier Plan
</div>
</button> -->
<button data-url="/ezbeli" onclick="ezbeli('tab2', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/346/ezbeli-sub1-1.png">
</div>
<div class="text">
EZ Beli 3-Tier Plan
</div>
</button>
<button data-url="/ezbeli4tier" onclick="ezbeli('tabezbeli4', this);">
<div class="text-center mb-1">
<img class="img-fluid" src=" /media/image/attachment/416/TCAP-4-tier-Submenu.png">
</div>
<div class="text">
EZ Beli 4-Tier Plan
</div>
</button>
<button data-url="/ezbeliforbusinesses" onclick="ezbeli('tabezbelicommercial', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/398/ezbeli-Hiace.png">
</div>
<div class="text">
EZ Beli for Businesses
</div>
</button>
</div>
</div>
</div>
</div>
<a href="/ezbeli4tier"><img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCAP-homepage-4-Tierplan-EN-20220120-Revised.jpg"> <img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/TCAP-homepage-4tiermobile-EM.jpg"> </a>
</div>
</div>
<div id="tabezbelicommercial" class="ezbelicommercialsubtab d-none">
<div class="boxImg">
<div class="buble-box">
<div class="plan-div d-none d-lg-block">
<div id="belicommercial-img" class="carousel slide" data-ride="carousel">
<div class="carousel-inner mt-3">
<div class="plan-desc">
How does EZ Beli For Businesses Plan Work?
</div>
<div class="carousel-item hiace-plan ">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/398/EzBeliBusiness-Landingpage-1.png" alt="Hiace EZ Beli">
</div>
</div>
<div class="carousel-item hilux-plan active">
<div class="img">
<img class="img-fluid" src="/media/image/attachment/398/EzBeliBusiness-Landingpage-Hilux-EN-Desktop.png" alt="Hilux EZ Beli">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#belicommercial-img" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#belicommercial-img" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="cta-btn">
<a href="/ezbeliforbusinesses"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<!-- <a href="https://www.youtube.com/embed/ZmFqxQ4t8po?modestbranding=1" class="html5lightbox" data-width="480" data-height="320" title="2-Tier Plan" onclick="gtag('event','Play Video', { 'event_category':'Homepage', 'event_label':'2-Tier Plan' })"><button><img src="/media/image/attachment/1/watch-video.png"></button></a> -->
<a href="/onlineapplication"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div></div>
<div class="ezbelisubmenu">
<div class="container">
<div class="row">
<!-- <div class="col-lg-5 ezbeli-desc">
Toyota Capital's latest automotive financing plan. 9-year loan term divided into 3-tiers or 2-tiers!
Stress-free lower repayment in First Years.
</div> -->
<div class="col-lg-8">
<!-- <button data-url="/2-tier-plan" onclick="ezbeli('tab1', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/346/ezbeli-sub2-1.png" />
</div>
<div class="text">
EZ Beli 2-Tier Plan
</div>
</button> -->
<button data-url="/ezbeli" onclick="ezbeli('tab2', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/346/ezbeli-sub1-1.png">
</div>
<div class="text">
EZ Beli 3-Tier Plan
</div>
</button>
<button data-url="/ezbeli4tier" onclick="ezbeli('tabezbeli4', this);">
<div class="text-center mb-1">
<img class="img-fluid" src=" /media/image/attachment/416/TCAP-4-tier-Submenu.png">
</div>
<div class="text">
EZ Beli 4-Tier Plan
</div>
</button>
<button data-url="/ezbeliforbusinesses" onclick="ezbeli('tabezbelicommercial', this);">
<div class="text-center mb-1">
<img class="img-fluid" src="/media/image/attachment/398/ezbeli-Hiace.png">
</div>
<div class="text">
EZ Beli for Businesses
</div>
</button>
</div>
</div>
</div>
</div>
<a href="/ezbeliforbusinesses"><img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCAP-4-TierHomepage-Banner-EN-updated.jpg"> <img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/TCAP-homepage-forbusinesses-EN-2.jpg"> </a>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-ezbeli_aitab">
<div>
<div class="boxImg">
<!-- <img class="img-fluid cloud1" src="/media/image/attachment/1/cloud.png" />
<img class="img-fluid cloud2" src="/media/image/attachment/1/cloud.png" />
<img class="img-fluid cloud3" src="/media/image/attachment/1/cloud.png" /> -->
<div class="buble-box">
<div class="mobile-banner-content-div d-none">
<table class="table-borderless">
<tbody>
<tr>
<td class="num">1</td>
<td>Own your dream vehicle with just 10% deposit</td>
</tr>
<tr>
<td class="num">2</td>
<td>Maximum 90% financing up to 9 years' tenure</td>
</tr>
<tr>
<td class="num">3</td>
<td>Fast approval and hassle-free application</td>
</tr>
</tbody>
</table>
</div>
<div class="cta-btn">
<a href="/ezbeli-aitab" onclick="gtag('event','More Info', { 'event_category':'Homepage', 'event_label':'EZ Beli AITAB' })"><button><img src="/media/image/attachment/1/moreinfo2.png"></button></a>
<a href="/onlineapplication" onclick="gtag('event','Submit Interest', { 'event_category':'Homepage', 'event_label':'EZ Beli AITAB' })"><button><img src="/media/image/attachment/1/apply3.png"></button></a></div></div>
<a href="/ezbeli-aitab">
<img class="img-fluid d-none d-lg-block" src="/media/image/attachment/1/TCAP-EZAiTAB-KV-Homepage-Desktop.jpg">
<img class="img-fluid d-block d-lg-none" src="/media/image/attachment/1/TCAP-EZAiTAB-KV-Homepage-Mobile-updated.jpg">
</a>
</div>
</div>
</div>
</div>
<!--/.tab-content-->
</div>
<div class="container banner">
<div class="row">
<div class="col-lg-12 parrent home-tab">
<div class="wrapper">
<!-- <p>Explore our auto financing options & Services</p> -->
<div class="tab-wrapper">
<div class="menu-wrapper">
<div id="menuScrollbar" class="os-host os-theme-dark os-host-overflow os-host-overflow-x os-host-resize-disabled os-host-scrollbar-horizontal-hidden os-host-scrollbar-vertical-hidden os-host-transition"><div class="os-resize-observer-host"><div class="os-resize-observer observed" style="left: 0px; right: auto;"></div></div><div class="os-size-auto-observer" style="height: calc(100% + 1px); float: left;"><div class="os-resize-observer observed"></div></div><div class="os-content-glue" style="width: 1100px; margin: 0px; max-width: 100%; height: 197px;"></div><div class="os-padding"><div class="os-viewport os-viewport-native-scrollbars-invisible" style="overflow-x: scroll; right: 0px; bottom: 0px;"><div class="os-content" style="padding: 0px; height: auto; width: 100%; float: left;">
<ul class="nav nav-tabs nav-stacked menu" role="tablist">
<li class="tab-button-title text-left ff-bold fs-15 py-4_2">Explore our<br>automotive<br>financing<br>options<br><i class="fa fa-caret-right fs-32" aria-hidden="true"></i></li>
<!--
<li class="item">
<div class="border-red-3 border-radius-15 bg-white overflow-hidden">
<div class="p-3">
<a class="tab-btn active" data-toggle="tab" href="#tabDay">
<img class="img-fluid pt-4 pb-3" src="/media/image/attachment/1/cny-tab.png" />
<img class="img-fluid pt-5 pb-4" src="/media/image/attachment/5/ToyotaCapitalLogo.png" />
<div class="text mt-0"> </div>
</a>
</div>
<div class="text-center bg-red px-3 ff-bold fs-18"> </div>
</div>
</li>
-->
<li class="item">
<div class="border-red-3 border-radius-15 bg-white overflow-hidden">
<div class="p-3">
<a class="tab-btn active" data-toggle="tab" href="#tab9" data-url="/jomdrive" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Jom Drive' }); selectProduct(this)">
<img class="img-fluid" src=" /media/image/attachment/1/jom-tab.png">
<div class="text mt-0">Special benefits for<br>Government<br>Employees</div>
</a>
</div>
<div class="text-center bg-red px-3 ff-bold fs-18">Promotions</div>
</div>
<!-- <a class="tab-btn active " data-toggle="tab" href="#tab9" data-url="/jomdrive" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Jom Drive' }); selectProduct(this)">
<img class="img-fluid" src=" /media/image/attachment/1/jom-tab.png"/>
<div class="text">Jom Drive</div>
</a> -->
</li>
<li class="item">
<div class="border-purple-3 border-radius-15 bg-white overflow-hidden">
<div class="px-3 d-inline-block">
<a data-toggle="tab" class="tab-btn float-left mr-3" href="#tab8" data-url="/ezbeli4tier" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'EZ Beli' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/ezbeli-tab-1.png">
<div class="text mt-0">
<div class="ff-bold">Toyota EZ Beli:</div>
<div class="fs-10">Unique 9-year loan divided<br>into multi tiers.</div>
</div>
</a>
<a data-toggle="tab" class="tab-btn float-left mr-3" href="#tab-ezbeli_aitab" data-url="/ezbeli-aitab" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'EZ Beli AITAB' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/TCAP-EZAiTAB-Icon-Homepage.png">
<div class="text mt-0">
<div class="ff-bold">EZ Beli AITAB: </div>
<div class="fs-10">Shariah-compliant plan<br>divided into 9 years</div>
</div>
</a>
<a data-toggle="tab" class="tab-btn float-left mr-3" href="#tab2" data-url="/flexi-plan" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Flexi Plan' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/tab2-active.png">
<div class="text mt-0">
<div class="ff-bold">Flexi Plan: </div>
<div class="fs-10">Reduce interest & tenure<br>by paying extra when you<br>can afford it</div>
</div>
</a>
<a data-toggle="tab" class="tab-btn float-left mr-3" href="#tab5" data-url="/conventionalhp" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Conventional Hire Purchase' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/tab5-active.png">
<div class="text mt-0">
<div class="ff-bold">Conventional Hire<br>Purchase:</div>
<div class="fs-10">Attractive & Competitive<br>Rates to purchase a<br>Toyota</div>
</div>
</a>
<a data-toggle="tab" class="tab-btn float-left" href="#tab3" data-url="/aitab" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'AiTAB' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/tab3-active.png">
<div class="text mt-0">
<div class="ff-bold">AITAB: </div>
<div class="fs-10">An Islamic Automotive<br>Financing Plan giving<br>peace of mind to our<br>Muslim Toyota owners.</div>
</div>
</a>
</div>
<div class="text-left bg-purple px-3 ff-bold fs-18">New Vehicle Financing for Toyota Vehicles</div>
</div></li>
<li class="item">
<div class="border-blue-3 border-radius-15 bg-white overflow-hidden">
<div class="px-3 d-inline-block">
<a class="tab-btn float-left mr-3" data-toggle="tab" href="#tabKintoOne" data-url="https://www.kinto-my.com/" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'KINTO ONE' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/351/KINTO-ONE-TAB-UPDATED.png">
<div class="text mt-0">
<div class="ff-bold">KINTO ONE: </div>
<div class="fs-10">All-inclusive Car<br>Subscription<br> <br> </div>
</div>
</a>
<a data-toggle="tab" class="tab-btn float-left mr-3" href="#tab6" data-url="/vehiclelease" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Vehicle Lease' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/KINTO-ONE-Business-Logo-1.png">
<div class="text mt-0">
<div class="ff-bold">KINTO ONE<br>Business:</div>
<div class="fs-10">Full Service Lease<br>for Business Usage</div>
</div>
</a>
<a data-toggle="tab" class="tab-btn float-left" href="#tab4" data-url="/toyotadrive" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Toyota Drive' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/tab2-active-1.png">
<div class="text mt-0">
<div class="ff-bold">TOYOTA DRIVE</div>
<div class="fs-10">An innovative Islamic<br>lease plan that is the first<br>of its kind in Malaysia</div>
</div>
</a>
</div>
<div class="text-left bg-blue px-3 ff-bold fs-18">Leasing & Subscription</div>
</div>
</li>
<li class="item">
<div class="border-light_blue-3 border-radius-15 bg-white overflow-hidden">
<div class="px-3 d-inline-block">
<!-- <a class="tab-btn float-left mr-3" href="/preowned" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Conventional Hire Purchase' });">
<img class="img-fluid" src="/media/image/attachment/423/preowned.jpg" />
<div class="text mt-0">
<div class="ff-bold">Pre-Owned Vehicle<br>Financing</div>
<div class="fs-10">Looking to finance your<br>upcoming Pre-Owned/<br>Used Vehicle purchase?</div>
</div>
</a> -->
<a data-toggle="tab" class="tab-btn float-left mr-3" href="#tab5" data-url="/preownedconventionalhp" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Conventional Hire Purchase' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/tab5-active.png">
<div class="text mt-0">
<div class="ff-bold">Conventional Hire<br>Purchase:</div>
<div class="fs-10">Attractive & Competitive<br>Rates to purchase a<br>Toyota</div>
</div>
</a>
<a data-toggle="tab" class="tab-btn float-left mr-3" href="#tab3" data-url="/preownedaitab" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'AiTAB' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/tab3-active.png">
<div class="text mt-0">
<div class="ff-bold">AITAB: </div>
<div class="fs-10">An Islamic Automotive<br>Financing Plan giving<br>peace of mind to our<br>Muslim Toyota owners.</div>
</div>
</a>
<a data-toggle="tab" class="tab-btn float-left" href="#tab2" data-url="/preownedflexiplan" onclick="gtag('event','Product KV', { 'event_category':'Homepage', 'event_label':'Flexi Plan' }); selectProduct(this)">
<img class="img-fluid" src="/media/image/attachment/1/tab2-active.png">
<div class="text mt-0">
<div class="ff-bold">Flexi Plan: </div>
<div class="fs-10">Reduce interest & tenure<br>by paying extra when you<br>can afford it</div>
</div>
</a>
</div>
<div class="text-left bg-light_blue px-3 ff-bold fs-18">Pre-Owned Vehicle Financing</div>
</div>
</li>
<!-- <li class="item">
<a class="tab-btn" data-toggle="tab" href="#tab1">
<img class="img-fluid" src="/media/image/attachment/1/tab1-active-1.png" />
<div class="text">2-Tier Plan</div>
</a>
</li> -->
<!--
<li class="item">
<a data-toggle="tab" href="#tab7">
<img class="img-fluid" src="/media/image/attachment/1/tab1-active.png" />
<div class="text">2-Tier Plan</div>
</a>
</li>
-->
</ul>
</div></div></div><div class="os-scrollbar os-scrollbar-horizontal"><div class="os-scrollbar-track os-scrollbar-track-off"><div class="os-scrollbar-handle" style="width: 63.0734%; transform: translate(0px, 0px);"></div></div></div><div class="os-scrollbar os-scrollbar-vertical os-scrollbar-unusable"><div class="os-scrollbar-track os-scrollbar-track-off"><div class="os-scrollbar-handle" style="height: 100%; transform: translate(0px, 0px);"></div></div></div><div class="os-scrollbar-corner"></div></div>
<script>
$(document).ready(function() {
var instance;
instance = $('#menuScrollbar').overlayScrollbars({
className: 'os-theme-dark',
overflowBehavior: {
y :'hidden',
x :'scroll'
},
scrollbars: {
visibility: 'hidden'
},
callbacks: {
onScrollStop: function(e) {
var currentScroll = instance.scroll();
if (currentScroll.max.x == currentScroll.position.x) {
$('[data-click="menu-right-paddle"]').addClass('hidden');
} else {
$('[data-click="menu-right-paddle"]').removeClass('hidden');
}
if (currentScroll.position.x > 0) {
$('[data-click="menu-left-paddle"]').removeClass('hidden');
} else {
$('[data-click="menu-left-paddle"]').addClass('hidden');
}
}
}
}).overlayScrollbars();
$(document).on('click','[data-click="menu-right-paddle"]', function(e) {
e.preventDefault();
instance.scroll({ x : "100%" }, 250);
});
$(document).on('click','[data-click="menu-left-paddle"]', function(e) {
e.preventDefault();
instance.scroll({ x : "0%" }, 250);
});
});
</script>
</div>
<div class="paddles">
<button class="left-paddle paddle hidden" data-click="menu-left-paddle"><i class="fa fa-caret-left" aria-hidden="true"></i> More</button>
<button class="right-paddle paddle" data-click="menu-right-paddle">More <i class="fa fa-caret-right" aria-hidden="true"></i></button>
</div>
<!-- <p class="clickmore">Click the icon again for detailed product information.</p> -->
</div>
</div>
</div>
<!-- <div class="col-lg-3 d-none d-lg-block home-search">
<div class="gcse-searchbox-only" data-resultsUrl="/search-result" data-newWindow="false" linktarget="_parent"></div>
</div> -->
</div>
</div>
<!--/.media-body-->
</div>
<div class="container mt-4">
<div class="row">
<div class="col-12">
<div class="highlight-title">
<div class="row align-items-end">
<div class="col-md-7"><b>Highlights</b></div>
<div class="col-md-5 text-md-right small">
<b>Base Lending Rate:</b> <br>
6.75% p.a.<br>
Effective from 1<sup>st</sup> June 2023
</div>
</div>
</div>
<style type="text/css">
.highlight-title {
border-bottom: 2px solid #ed1a2d;
font-size: 32px;
margin-bottom: 15px;
}
.highlight-title .small {
font-size: 14px;
}
.highlight-btn .submenu-btn-img img {
max-width: 150px;
max-height: 60px;
margin-bottom: 10px;
}
.highlight-btn {
display: inline-block;
width: 100%;
height: 100%;
box-shadow: 0 0 12px rgba(0, 0, 0, .2);
padding: 15px 0;
}
@media(max-width: 991px) {
.app-btn:last-child {
width: auto;
text-align: left;
}
}
</style>
<div class="row">
<!-- <div class="col-12 col-md-4 col-lg mb-3">
<a href="/preowned" class="highlight-btn">
<div class="col-12 submenu-btn-img ">
<img src="/media/image/attachment/1/Tcap-Pre-Owned-Logo.png" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text align-middle">
<h6>Pre-Owned Vehicle Financing</h6>
<p>Looking to finance your upcoming Pre-Owned/Used Vehicle purchase? We have the plans for you. <u><br>Click here for more info</u>.</p>
</div>
</a>
</div> -->
<div class="col-12 col-md-4 col-lg mb-3">
<div class="highlight-btn">
<a href="/EZconnectapp">
<div class="col-12 submenu-btn-img ">
<img src="/media/font/attachment/400/PayInAdvance.svg" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text align-middle ">
<h6 style="color: #000;">EZ Connect App</h6>
<p>Introducing the all-new Toyota Capital's EZ Connect mobile app bringing you a seamless experience. Enjoy secured access to your car financing account while managing it at your convenience.</p>
</div>
</a>
<!-- <p>Download the App here</p>
<a href="https://play.google.com/store/apps/details?id=my.com.toyotacapital.m1" target="_blank">
<img src="/media/image/attachment/1/Google-google-play-2.png" class="img-fluid" alt="Play store" height="50" width="80" >
</a>
<a href="https://apps.apple.com/us/app/tcap-ez-connect/id1564426859" target="_blank">
<img src="/media/image/attachment/1/Apple-AppStore-20211213.png" class="img-fluid" alt="Apple store" height="50" width="80">
</a>
<a href="https://appgallery.huawei.com/app/C104456117" target="_blank">
<img src="/media/image/attachment/1/Huawei-appgallery-20211213.png" class="center" alt="Huawei store" height="30" width="80" >
</a> -->
</div>
</div>
<div class="col-12 col-md-4 col-lg mb-3">
<a href="/ez-protect" class="highlight-btn">
<div class="col-12 submenu-btn-img">
<img src="/media/image/attachment/1/TCAPM-EZ-Protect-Logo-1.png" class="img-fluid" border="0">
</div>
<div class="col-12 submenu-btn-text align-middle">
<h6>Ez Protect</h6>
<p style="margin-bottom: 5px;">High Coverage at affordable premium as low as RM250 only</p>
</div>
</a>
</div>
<div class="col-12 col-md-4 col-lg mb-3">
<a href="/ez-protect-prime" class="highlight-btn">
<div class="col-12 submenu-btn-img">
<img src="/media/image/attachment/440/Ez+Protect+Prime.png" class="img-fluid" border="0">
</div>
<div class="col-12 submenu-btn-text align-middle">
<h6>Ez Protect Prime</h6>
<p style="margin-bottom: 5px;">Smart Savings, Life Insurance Plan with no Medical exam required</p>
</div>
</a>
</div>
<!-- <div class="col-12 col-md-4 col-lg mb-3">
<a href="/faq" class="highlight-btn">
<div class="col-12 submenu-btn-img ">
<img src="/media/image/attachment/5/faq.png" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text align-middle ">
<h6>Frequently Asked Questions</h6>
<p>Not sure what to do? Whether you are a prospective customer or currently a TCAPM Loan Account holder, we have the answers for you.</p>
</div>
</a>
</div> -->
<div class="col-12 col-md-4 col-lg mb-3">
<a href="/alert-to-scam-call" class="highlight-btn">
<div class="col-12 submenu-btn-img ">
<img src="/media/image/attachment/1/stay-alert-safe-with-fraud-caution-sign-background-design-1.png" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text align-middle ">
<h6>Alert to Scam Calls! </h6>
<p>Toyota Capital Malaysia will NEVER contact and offer our customers on offerings such as selling your financed vehicle via any illegal transaction.</p>
</div>
</a>
</div>
<div class="col-12 col-md-4 col-lg mb-3">
<a href="/about" class="highlight-btn">
<div class="col-12 submenu-btn-img">
<img src="/media/image/attachment/5/ToyotaCapitalLogo.png" class="img-fluid" border="0">
</div>
<div class="col-12 submenu-btn-text align-middle">
<h6>Toyota Capital Malaysia</h6>
<p style="margin-bottom: 5px;">Is a subsidiary of Toyota Financial Services Corporation, specialising in vehicle financing for Toyota Motor Corporation around the world.</p>
</div>
</a>
</div>
<div class="col-12 col-md-4 col-lg mb-3">
<a href="/referral-program" class="highlight-btn">
<div class="col-12 submenu-btn-img">
<img src="/media/image/attachment/1/home-referal-icon.jpg" class="img-fluid" border="0">
</div>
<div class="col-12 submenu-btn-text align-middle">
<h6>Referral Program</h6>
<p style="margin-bottom: 5px;">Refer a friend for a loan or insurance and earn rewards.<br>Your friend will be rewarded too (T&C applies).</p>
</div>
</a>
</div>
<div class="col-12 mb-3 w2p">
<a href="/ways2pay" class="highlight-btn">
<div class="row">
<div class="col-md-3">
<div class="col-12 submenu-btn-img " style="padding-right: 0;">
<img src="/media/image/attachment/5/how-to-pay.png" class="img-fluid">
</div>
<div class="col-12 submenu-btn-text align-middle ">
<h6>Ways2Pay</h6>
<p>Find out the various methods how to pay your Auto Financing Loan.</p>
</div>
</div>
<div class="col-12 col-md-9 pt-1 pt-lg-3">
<div class="p-2 p-md-3 d-inline-block"><img src="/media/image/attachment/343/JomPay-Blue-10mm-01-1.png" class="img-fluid"></div>
<div class="p-2 p-md-3 d-inline-block"><img src="/media/image/attachment/343/bsn-1.png" class="img-fluid"></div>
<div class="p-2 p-md-3 d-inline-block"><img src="/media/image/attachment/343/mae-1.png" class="img-fluid"></div>
<div class="p-2 p-md-3 d-inline-block"><img src="/media/image/attachment/343/cimb-1.png" class="img-fluid"></div>
<div class="p-2 p-md-3 d-inline-block"><img src="/media/image/attachment/343/TNG-1-1.png" class="img-fluid"></div>
<div class="p-2 p-md-3 d-inline-block"><img src="/media/image/attachment/343/toyota-1.png" class="img-fluid"></div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="cars-section">
<div class="tab-wrapper">
<div class="menu-wrapper">
<div id="bottomMenuScrollbar" class="os-host os-theme-dark os-host-overflow os-host-overflow-x os-host-resize-disabled os-host-scrollbar-horizontal-hidden os-host-scrollbar-vertical-hidden os-host-transition"><div class="os-resize-observer-host"><div class="os-resize-observer observed" style="left: 0px; right: auto;"></div></div><div class="os-size-auto-observer" style="height: calc(100% + 1px); float: left;"><div class="os-resize-observer observed"></div></div><div class="os-content-glue" style="width: 700px; margin: 0px; max-width: 100%; height: 150px;"></div><div class="os-padding"><div class="os-viewport os-viewport-native-scrollbars-invisible" style="overflow-x: scroll; right: 0px; bottom: 0px;"><div class="os-content" style="padding: 0px; height: auto; width: 100%; float: left;">
<ul class="nav nav-tabs nav-stacked menu" role="tablist">
<!-- JOM DRIVE -->
<!-- <li class="item jom-drive">
<a id="corolla-carlink" href="https://www.toyotacapital.com.my/jomdrive" target="_blank">
<img class="img-fluid" src="/media/image/attachment/1/jom-drive-3.png" />
<p class="text-right"><b>Government Employees:</b>
<br>Getting you out and driving in<b> 1-2-3</b>
<br>with <b>Toyota JOM Drive Campaign</b>
</p>
</a>
</li>
-->
<!-- COROLLA -->
<li class="item">
<a id="corolla-carlink" href="https://www.toyotacapital.com.my/corolla.php" target="_blank">
<img class="img-fluid" src="/media/image/attachment/1/corolla.png">
<p class="text-right">Toyota Corolla
<br><b>saving up to RM15,000</b>
<br>with <b>Toyota Flexi Plan</b>
</p>
</a>
</li>
<!-- Harrier -->
<li class="item">
<a id="camry-carlink" href="/flexi-plan">
<img class="img-fluid" src="/media/image/attachment/1/harrier-1.png">
<p class="text-right">Toyota Harrier
<br><b>saving up to RM19,000</b>
<br>with <b>Toyota Flexi Plan</b>
</p>
</a>
</li>
<!-- COROLLA CROSS -->
<li class="item">
<a id="camry-carlink" href="/ezbeli4tier">
<img class="img-fluid" src="/media/image/attachment/1/cross-hybrid.png">
<p class="text-right">Toyota Corolla Cross
<br><b>From RM968 per month</b>
<br>with <b>Toyota EZ Beli</b>
</p>
</a>
</li>
<!-- VIOS -->
<li class="item">
<a id="yaris-carlink" href="/ezbeli" target="_blank">
<img class="img-fluid" src="/media/image/attachment/349/ViosNew-1.png">
<p class="text-right">Toyota Vios
<br><b>From RM688 per month</b>
<br>with <b>Toyota EZ Beli</b>
</p>
</a>
</li>
<!-- YARIS -->
<li class="item">
<a id="yaris-carlink" href="/ezbeli" target="_blank">
<img class="img-fluid" src="/media/image/attachment/1/yaris-5.png">
<p class="text-right">Toyota Yaris
<br><b>From RM658 per month</b>
<br>with <b>Toyota EZ Beli</b>
</p>
</a>
</li>
<!-- AVANZA -->
<!--
<li class="item">
<a id="yaris-carlink" href="/ezbeli" target="_blank">
<img class="img-fluid" src="/media/image/attachment/317/avanza-small.png" />
<p class="text-right"><br>
Toyota Avanza
<br><b>From RM608 per month</b>
<br>with <b>Toyota EZ Beli</b>
</p>
</a>
</li>
-->
<!-- HILUX -->
<li class="item">
<a id="hilux-carlink" href="ezbeli">
<img class="img-fluid" src="/media/image/attachment/1/hilux-5.png">
<p class="text-right">Toyota Hilux
<br><b>From RM818 per month</b>
<br>with <b>Toyota EZ Beli</b>
</p>
</a>
</li>
<!--RUSH -->
<!--
<li class="item">
<a id="rush-carlink" href="ezbeli">
<img class="img-fluid" src="/media/image/attachment/1/rush-1.png" />
<p class="text-right">Toyota Rush
<br><b>From RM838 per month</b>
<br>with <b>Toyota EZ Beli</b>
</p>
</a>
</li>
-->
<!-- CAMRY -->
<li class="item">
<a id="camry-carlink" href="/flexi-plan">
<img class="img-fluid" src="/media/image/attachment/1/camry-homepage2022.png">
<p class="text-right">Toyota Camry
<br><b>saving up to RM17,000</b>
<br>with <b>Toyota Flexi Plan</b>
</p>
</a>
</li>
</ul>
</div></div></div><div class="os-scrollbar os-scrollbar-horizontal"><div class="os-scrollbar-track os-scrollbar-track-off"><div class="os-scrollbar-handle" style="width: 56.0897%; transform: translate(0px, 0px);"></div></div></div><div class="os-scrollbar os-scrollbar-vertical os-scrollbar-unusable"><div class="os-scrollbar-track os-scrollbar-track-off"><div class="os-scrollbar-handle" style="height: 100%; transform: translate(0px, 0px);"></div></div></div><div class="os-scrollbar-corner"></div></div>
<script>
$(document).ready(function() {
var instance2;
instance2 = $('#bottomMenuScrollbar').overlayScrollbars({
className: 'os-theme-dark',
overflowBehavior: {
y :'hidden',
x :'scroll'
},
scrollbars: {
visibility: 'hidden'
},
callbacks: {
onScrollStop: function(e) {
var currentScroll = instance2.scroll();
if (currentScroll.max.x == currentScroll.position.x) {
$('[data-click="bottom-menu-right-paddle"]').addClass('hidden');
} else {
$('[data-click="bottom-menu-right-paddle"]').removeClass('hidden');
}
if (currentScroll.position.x > 0) {
$('[data-click="bottom-menu-left-paddle"]').removeClass('hidden');
} else {
$('[data-click="bottom-menu-left-paddle"]').addClass('hidden');
}
}
}
}).overlayScrollbars();
$(document).on('click','[data-click="bottom-menu-right-paddle"]', function(e) {
e.preventDefault();
instance2.scroll({ x : "100%" }, 250);
});
$(document).on('click','[data-click="bottom-menu-left-paddle"]', function(e) {
e.preventDefault();
instance2.scroll({ x : "0%" }, 250);
});
});
</script>
</div>
<div class="paddles">
<button class="left-paddle paddle hidden" data-click="bottom-menu-left-paddle"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i></button>
<button class="right-paddle paddle" data-click="bottom-menu-right-paddle"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i></button>
</div>
</div>
</div>
</section>
<!-- Modal -->
<div class="modal fade" id="formModal" tabindex="-1" role="dialog" aria-labelledby="formModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title hidden" id="2TierPlanTitle">I'm interested in the Toyota 2-Tier Plan</h5>
<h5 class="modal-title hidden" id="FlexiPlanTitle">I'm interested in the Toyota Flexi Plan</h5>
<h5 class="modal-title hidden" id="AiTABTitle">I'm interested in the Toyota AiTAB</h5>
<h5 class="modal-title hidden" id="ToyotaDriveTitle">I'm interested in the Toyota Drive</h5>
<h5 class="modal-title hidden" id="ConventionalTitle">I'm interested in the Toyota Conventional Hire Purchase</h5>
<h5 class="modal-title hidden" id="CommercialTitle">I'm interested in the Toyota Vehicle Lease</h5>
<h5 class="modal-title hidden" id="EZBeliTitle">I'm interested in the Toyota EZ Beli</h5>
<h5 class="modal-title hidden" id="JomdriveTitle">I'm interested in the Toyota Jom Drive</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="fa fa-times-circle-o" aria-hidden="true"></i>
</button>
</div>
<div class="modal-body">
<p class="text-center">I would like Toyota Capital to contact me with the most suitable plan for me</p>
<div id="2TierPlanForm" class="hidden">
<form action="/form-submit/2-tier-plan-interest" class="tyt-form" form-ajax-submit="true" method="POST" name="2_tier_plan_form">
<div class="form-group"><label class="col-form-label" for="model">Model</label>
<div>
<select class="form-control" id="model-2tier" name="model" onchange="model2TierChange()"><option value="">- Select Model -</option><option value="Vios">Toyota Vios</option><option value="Yaris">Toyota Yaris</option><option value="Hilux">Toyota Hilux</option><option value="Avanza">Toyota Avanza</option><option value="Innova">Toyota Innova</option><option value="Rush">Toyota Rush</option><option value="CHR">Toyota C-HR</option><option value="Corolla">Toyota Corolla</option><option value="Camry">Toyota Camry</option><option value="Fortuner">Toyota Fortuner</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="variant">Variant</label>
<div>
<select class="form-control" id="variant-2tier" name="variant"><option value="">- Select Variant -</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="name">Name</label>
<div>
<input type="text" class="form-control" id="name" name="name">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="hp_number">Mobile Number</label>
<div>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+60
</div>
</div>
<input type="number" class="form-control" id="hp_number" name="hp_number" placeholder="">
</div>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="email">Email</label>
<div>
<input type="text" class="form-control" id="email" name="email">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="state-2tier">Which State Are you in?</label>
<div>
<select class="form-control" id="state-2tier" name="state-2tier"><option value="">- Select State -</option><option value="Johor">Johor</option><option value="Kedah">Kedah</option><option value="Kelantan">Kelantan</option><option value="Kuala Lumpur">Kuala Lumpur</option><option value="Labuan">Labuan</option><option value="Melaka">Melaka</option><option value="Negeri Sembilan">Negeri Sembilan</option><option value="Pahang">Pahang</option><option value="Penang">Penang</option><option value="Perak">Perak</option><option value="Perlis">Perlis</option><option value="Sabah">Sabah</option><option value="Sarawak">Sarawak</option><option value="Selangor">Selangor</option><option value="Terengganu">Terengganu</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="outlet-2tier">Which is your preferred Toyota outlet?</label>
<div>
<select class="form-control" id="outlet-2tier" name="outlet-2tier"><option value="">- Select Outlet -</option>
</select>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="authorize-2tier" id="authorize-2tier"><label class="form-check-label" for="authorize-2tier">I declare to authorize Toyota Capital Malaysia Sdn Bhd and/or its representative to obtain other information in relation to this application/request from other sources and to impart, give, share and disclose in confidence any information regarding my/our financial standing or information herein to a 3rd party as provided by Toyota Capital Malaysia Sdn Bhd's privacy statement and notice pursuant to Personal Data Protection Act 2010. </label>
</div>
<div class="form-group text-center">
<div class="g-recaptcha" data-sitekey="6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy" data-theme="dark" id="google-captcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-yqtz0dxww3ep" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy&co=aHR0cHM6Ly93d3cudG95b3RhY2FwaXRhbC5jb20ubXk6NDQz&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&theme=dark&size=normal&cb=e8kuwr3dng4k" data-gtm-yt-inspected-6="true"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
</div>
<button class="btn btn-primary mb-2 submit" type="submit"><i class="fa fa-arrow-right" aria-hidden="true"></i>
</button>
</form>
<script type="text/javascript">
var targetUrl = 'https://www.toyotacapital.com.my/get-state.php';
var targetContainer = $('#state-2tier');
$.ajax({
url: targetUrl
}).done(function(data) {
var targetHtml = '<option value="">- Select State -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
});
$('#state-2tier').change(function() {
var targetUrl = 'https://www.toyotacapital.com.my/get-state-dealer.php'
var targetContainer = $('#outlet-2tier');
$.ajax({
url: targetUrl,
type: 'POST',
data: {
'state': $(this).val()
},
success: function(data) {
var targetHtml = '<option value="">- Select Outlet -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
}
})
});
function model2TierChange() {
var model = document.getElementById("model-2tier").value;
var variantContainer = $('#variant-2tier');
var variantHtml = '<option value="">- Select Variant -</option>';
if (model == 'Vios') {
variantHtml += '<option value="Vios 1.5G(AT)">Vios 1.5G(AT)</option><option value="Vios 1.5E(AT)">Vios 1.5E(AT)</option><option value="Vios 1.5J(AT)">Vios 1.5J(AT)</option>';
}
if (model == 'Yaris') {
variantHtml += '<option value="Yaris 1.5G(AT)">Yaris 1.5G(AT)</option><option value="Yaris 1.5E(AT)">Yaris 1.5E(AT)</option>';
}
if (model == 'Hilux') {
variantHtml += '<option value="Hilux Double Cab L-Edition 2.8 (AT)">Hilux Double Cab L-Edition 2.8 (AT)</option><option value="Hilux Double Cab L-Edition 2.4 (AT)">Hilux Double Cab L-Edition 2.4 (AT)</option><option value="Hilux Double Cab 2.4G (AT)">Hilux Double Cab 2.4G (AT)</option><option value="Hilux Double Cab 2.4G (MT)">Hilux Double Cab 2.4G (MT)</option><option value="Hilux Double Cab 2.4 Standard (MT)">Hilux Double Cab 2.4 Standard (MT)</option>';
}
if (model == 'Avanza') {
variantHtml += '<option value="Avanza 1.5S+ (AT)">Avanza 1.5S+ (AT)</option><option value="Avanza 1.5S (AT)">Avanza 1.5S (AT)</option><option value="Avanza 1.5E (AT)">Avanza 1.5E (AT)</option>';
}
if (model == 'Innova') {
variantHtml += '<option value="Innova 2.0X (AT)">Innova 2.0X (AT)</option><option value="Innova 2.0G (AT)">Innova 2.0G (AT)</option><option value="Innova 2.0E (AT)">Innova 2.0E (AT)</option>';
}
if (model == 'Rush') {
variantHtml += '<option value="Rush 1.5S (AT)">Rush 1.5S (AT)</option><option value="Rush 1.5G (AT)">Rush 1.5G (AT)</option>';
}
if (model == 'CHR') {
variantHtml += '<option value="CHR 1.8L (AT)">CHR 1.8L (AT)</option> ';
}
if (model == 'Corolla') {
variantHtml += '<option value="Corolla 1.8G (AT)">Corolla 1.8G (AT)</option> <option value="Corolla 1.8E (AT)">Corolla 1.8E (AT)</option>';
}
if (model == 'Camry') {
variantHtml += '<option value="All-New Camry 2.5V">All-New Camry 2.5V</option> ';
}
if (model == 'Fortuner') {
variantHtml += '<option value="Fortuner 2.4 VRZ AT 4X4">Fortuner 2.4 VRZ AT 4X4</option><option value="Fortuner 2.7 SRZ AT 4X4">Fortuner 2.7 SRZ AT 4X4</option><option value="Fortuner 2.4 AT 4X4">Fortuner 2.4 AT 4X4</option> ';
}
$(variantContainer).html(variantHtml);
}
</script>
</div>
<div id="FlexiPlanForm" class="hidden">
<form action="/form-submit/flexi-plan-interest" class="tyt-form" form-ajax-submit="true" method="POST" name="flexi_plan_form">
<div class="form-group"><label class="col-form-label" for="model">Model</label>
<div>
<select class="form-control" id="model-flexi" name="model" onchange="modelFlexiChange()"><option value="">- Select Model -</option><option value="Vios">Toyota Vios</option><option value="Yaris">Toyota Yaris</option><option value="Hilux">Toyota Hilux</option><option value="Avanza">Toyota Avanza</option><option value="Innova">Toyota Innova</option><option value="Rush">Toyota Rush</option><option value="CHR">Toyota C-HR</option><option value="Corolla">Toyota Corolla</option><option value="Camry">Toyota Camry</option><option value="Fortuner">Toyota Fortuner</option><option value="Alphard">Toyota Alphard</option><option value="Vellfire">Toyota Vellfire</option><option value="Harrier">Toyota Harrier</option><option value="Supra">Toyota Supra</option><option value="Hiace">Toyota Hiace</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="variant">Variant</label>
<div>
<select class="form-control" id="variant-flexi" name="variant"><option value="">- Select Variant -</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="name">Name</label>
<div>
<input type="text" class="form-control" id="name" name="name">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="hp_number">Mobile Number</label>
<div>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+60
</div>
</div>
<input type="number" class="form-control" id="hp_number" name="hp_number" placeholder="">
</div>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="email">Email</label>
<div>
<input type="text" class="form-control" id="email" name="email">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="state-flexi">Which State Are you in?</label>
<div>
<select class="form-control" id="state-flexi" name="state-flexi"><option value="">- Select State -</option><option value="Johor">Johor</option><option value="Kedah">Kedah</option><option value="Kelantan">Kelantan</option><option value="Kuala Lumpur">Kuala Lumpur</option><option value="Labuan">Labuan</option><option value="Melaka">Melaka</option><option value="Negeri Sembilan">Negeri Sembilan</option><option value="Pahang">Pahang</option><option value="Penang">Penang</option><option value="Perak">Perak</option><option value="Perlis">Perlis</option><option value="Sabah">Sabah</option><option value="Sarawak">Sarawak</option><option value="Selangor">Selangor</option><option value="Terengganu">Terengganu</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="outlet-flexi">Which is your preferred Toyota outlet?</label>
<div>
<select class="form-control" id="outlet-flexi" name="outlet-flexi"><option value="">- Select Outlet -</option>
</select>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="authorize-flexi" id="authorize-flexi"><label class="form-check-label" for="authorize-flexi">I declare to authorize Toyota Capital Malaysia Sdn Bhd and/or its representative to obtain other information in relation to this application/request from other sources and to impart, give, share and disclose in confidence any information regarding my/our financial standing or information herein to a 3rd party as provided by Toyota Capital Malaysia Sdn Bhd's privacy statement and notice pursuant to Personal Data Protection Act 2010. </label>
</div>
<div class="form-group text-center">
<div class="g-recaptcha" data-sitekey="6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy" data-theme="dark" id="google-captcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-fr5arei4ra9a" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy&co=aHR0cHM6Ly93d3cudG95b3RhY2FwaXRhbC5jb20ubXk6NDQz&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&theme=dark&size=normal&cb=gv7n2xq4aawp" data-gtm-yt-inspected-6="true"></iframe></div><textarea id="g-recaptcha-response-1" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
</div>
<button class="btn btn-primary mb-2 submit" type="submit"><i class="fa fa-arrow-right" aria-hidden="true"></i>
</button>
</form>
<script type="text/javascript">
var targetUrl = 'https://www.toyotacapital.com.my/get-state.php';
var targetContainer = $('#state-flexi');
$.ajax({
url: targetUrl
}).done(function(data) {
var targetHtml = '<option value="">- Select State -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
});
$('#state-flexi').change(function() {
var targetUrl = 'https://www.toyotacapital.com.my/get-state-dealer.php'
var targetContainer = $('#outlet-flexi');
$.ajax({
url: targetUrl,
type: 'POST',
data: {
'state': $(this).val()
},
success: function(data) {
var targetHtml = '<option value="">- Select Outlet -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
}
})
});
function modelFlexiChange() {
var model = document.getElementById("model-flexi").value;
var variantContainer = $('#variant-flexi');
var variantHtml = '<option value="">- Select Variant -</option>';
if (model == 'Vios') {
variantHtml += '<option value="Vios 1.5G(AT)">Vios 1.5G(AT)</option><option value="Vios 1.5E(AT)">Vios 1.5E(AT)</option><option value="Vios 1.5J(AT)">Vios 1.5J(AT)</option>';
}
if (model == 'Yaris') {
variantHtml += '<option value="Yaris 1.5G(AT)">Yaris 1.5G(AT)</option><option value="Yaris 1.5E(AT)">Yaris 1.5E(AT)</option><option value="Yaris 1.5J(AT)">Yaris 1.5J(AT)</option>';
}
if (model == 'Hilux') {
variantHtml += '<option value="Hilux Double Cab L-Edition 2.8 (AT)">Hilux Double Cab L-Edition 2.8 (AT)</option><option value="Hilux Double Cab L-Edition 2.4 (AT)">Hilux Double Cab L-Edition 2.4 (AT)</option><option value="Hilux Double Cab 2.4G (AT)">Hilux Double Cab 2.4G (AT)</option><option value="Hilux Double Cab 2.4G (MT)">Hilux Double Cab 2.4G (MT)</option><option value="Hilux Double Cab 2.4 Standard (MT)">Hilux Double Cab 2.4 Standard (MT)</option>';
}
if (model == 'Avanza') {
variantHtml += '<option value="Avanza 1.5S+ (AT)">Avanza 1.5S+ (AT)</option><option value="Avanza 1.5S (AT)">Avanza 1.5S (AT)</option><option value="Avanza 1.5E (AT)">Avanza 1.5E (AT)</option>';
}
if (model == 'Innova') {
variantHtml += '<option value="Innova 2.0X (AT)">Innova 2.0X (AT)</option><option value="Innova 2.0G (AT)">Innova 2.0G (AT)</option><option value="Innova 2.0E (AT)">Innova 2.0E (AT)</option>';
}
if (model == 'Rush') {
variantHtml += '<option value="Rush 1.5S (AT)">Rush 1.5S (AT)</option><option value="Rush 1.5G (AT)">Rush 1.5G (AT)</option> ';
}
if (model == 'CHR') {
variantHtml += '<option value="CHR 1.8L (AT)">CHR 1.8L (AT)</option> ';
}
if (model == 'Corolla') {
variantHtml += '<option value="Corolla 1.8G (AT)">Corolla 1.8G (AT)</option> <option value="Corolla 1.8E (AT)">Corolla 1.8E (AT)</option>';
}
if (model == 'Camry') {
variantHtml += '<option value="All-New Camry 2.5V">All-New Camry 2.5V</option> ';
}
if (model == 'Fortuner') {
variantHtml += '<option value="Fortuner 2.4 VRZ AT 4X4">Fortuner 2.4 VRZ AT 4X4</option><option value="Fortuner 2.7 SRZ AT 4X4">Fortuner 2.7 SRZ AT 4X4</option><option value="Fortuner 2.4 AT 4X4">Fortuner 2.4 AT 4X4</option> ';
}
if (model == 'Alphard') {
variantHtml += '<option value="Alphard 3.5">Alphard 3.5</option>';
}
if (model == 'Vellfire') {
variantHtml += '<option value="Vellfire 2.5">Vellfire 2.5';
}
if (model == 'Harrier') {
variantHtml += '<option value="Harrier 2.0T Luxury">Harrier 2.0T Luxury</option><option value="Harrier 2.0T Premium">Harrier 2.0T Premium</option> ';
}
if (model == 'Supra') {
variantHtml += '<option value="GR Supra 3.0L">GR Supra 3.0L</option> ';
}
if (model == 'Hiace') {
variantHtml += '<option value="Hiace Panel Van 2.5 Turbo Diesel">Hiace Panel Van 2.5 Turbo Diesel';
}
$(variantContainer).html(variantHtml);
}
</script>
</div>
<div id="AiTABForm" class="hidden">
<form action="/form-submit/aitab-interest" class="tyt-form" form-ajax-submit="true" method="POST" name="aitab_form">
<div class="form-group"><label class="col-form-label" for="model">Model</label>
<div>
<select class="form-control" id="model-aitab" name="model" onchange="modelAitabChange()"><option value="">- Select Model -</option><option value="Vios">Toyota Vios</option><option value="Yaris">Toyota Yaris</option><option value="Hilux">Toyota Hilux</option><option value="Avanza">Toyota Avanza</option><option value="Innova">Toyota Innova</option><option value="Rush">Toyota Rush</option><option value="CHR">Toyota C-HR</option><option value="Corolla">Toyota Corolla</option><option value="Camry">Toyota Camry</option><option value="Fortuner">Toyota Fortuner</option><option value="Alphard">Toyota Alphard</option><option value="Vellfire">Toyota Vellfire</option><option value="Harrier">Toyota Harrier</option><option value="Supra">Toyota Supra</option><option value="Hiace">Toyota Hiace</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="variant">Variant</label>
<div>
<select class="form-control" id="variant-aitab" name="variant"><option value="">- Select Variant -</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="name">Name</label>
<div>
<input type="text" class="form-control" id="name" name="name">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="hp_number">Mobile Number</label>
<div>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+60
</div>
</div>
<input type="number" class="form-control" id="hp_number" name="hp_number" placeholder="">
</div>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="email">Email</label>
<div>
<input type="text" class="form-control" id="email" name="email">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="state-aitab">Which State Are you in?</label>
<div>
<select class="form-control" id="state-aitab" name="state-aitab"><option value="">- Select State -</option><option value="Johor">Johor</option><option value="Kedah">Kedah</option><option value="Kelantan">Kelantan</option><option value="Kuala Lumpur">Kuala Lumpur</option><option value="Labuan">Labuan</option><option value="Melaka">Melaka</option><option value="Negeri Sembilan">Negeri Sembilan</option><option value="Pahang">Pahang</option><option value="Penang">Penang</option><option value="Perak">Perak</option><option value="Perlis">Perlis</option><option value="Sabah">Sabah</option><option value="Sarawak">Sarawak</option><option value="Selangor">Selangor</option><option value="Terengganu">Terengganu</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="outlet-aitab">Which is your preferred Toyota outlet?</label>
<div>
<select class="form-control" id="outlet-aitab" name="outlet-aitab"><option value="">- Select Outlet -</option>
</select>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="authorize-aitab" id="authorize-aitab"><label class="form-check-label" for="authorize-aitab">I declare to authorize Toyota Capital Malaysia Sdn Bhd and/or its representative to obtain other information in relation to this application/request from other sources and to impart, give, share and disclose in confidence any information regarding my/our financial standing or information herein to a 3rd party as provided by Toyota Capital Malaysia Sdn Bhd's privacy statement and notice pursuant to Personal Data Protection Act 2010. </label>
</div>
<div class="form-group text-center">
<div class="g-recaptcha" data-sitekey="6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy" data-theme="dark" id="google-captcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-8jf3jasrted1" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy&co=aHR0cHM6Ly93d3cudG95b3RhY2FwaXRhbC5jb20ubXk6NDQz&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&theme=dark&size=normal&cb=ncckehj9rapn" data-gtm-yt-inspected-6="true"></iframe></div><textarea id="g-recaptcha-response-2" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
</div>
<button class="btn btn-primary mb-2 submit" type="submit"><i class="fa fa-arrow-right" aria-hidden="true"></i>
</button>
</form>
<script type="text/javascript">
var targetUrl = 'https://www.toyotacapital.com.my/get-state.php';
var targetContainer = $('#state-aitab');
$.ajax({
url: targetUrl
}).done(function(data) {
var targetHtml = '<option value="">- Select State -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
});
$('#state-aitab').change(function() {
var targetUrl = 'https://www.toyotacapital.com.my/get-state-dealer.php'
var targetContainer = $('#outlet-aitab');
$.ajax({
url: targetUrl,
type: 'POST',
data: {
'state': $(this).val()
},
success: function(data) {
var targetHtml = '<option value="">- Select Outlet -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
// targetHtml += '<option value="' + index + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
}
})
});
function modelAitabChange() {
var model = document.getElementById("model-aitab").value;
var variantContainer = $('#variant-aitab');
var variantHtml = '<option value="">- Select Variant -</option>';
if (model == 'Vios') {
variantHtml += '<option value="Vios 1.5G(AT)">Vios 1.5G(AT)</option><option value="Vios 1.5E(AT)">Vios 1.5E(AT)</option><option value="Vios 1.5J(AT)">Vios 1.5J(AT)</option>';
}
if (model == 'Yaris') {
variantHtml += '<option value="Yaris 1.5G(AT)">Yaris 1.5G(AT)</option><option value="Yaris 1.5E(AT)">Yaris 1.5E(AT)</option><option value="Yaris 1.5J(AT)">Yaris 1.5J(AT)</option>';
}
if (model == 'Hilux') {
variantHtml += '<option value="Hilux Double Cab L-Edition 2.8 (AT)">Hilux Double Cab L-Edition 2.8 (AT)</option><option value="Hilux Double Cab L-Edition 2.4 (AT)">Hilux Double Cab L-Edition 2.4 (AT)</option><option value="Hilux Double Cab 2.4G (AT)">Hilux Double Cab 2.4G (AT)</option><option value="Hilux Double Cab 2.4G (MT)">Hilux Double Cab 2.4G (MT)</option><option value="Hilux Double Cab 2.4 Standard (MT)">Hilux Double Cab 2.4 Standard (MT)</option>';
}
if (model == 'Avanza') {
variantHtml += '<option value="Avanza 1.5S+ (AT)">Avanza 1.5S+ (AT)</option><option value="Avanza 1.5S (AT)">Avanza 1.5S (AT)</option><option value="Avanza 1.5E (AT)">Avanza 1.5E (AT)</option>';
}
if (model == 'Innova') {
variantHtml += '<option value="Innova 2.0X (AT)">Innova 2.0X (AT)</option><option value="Innova 2.0G (AT)">Innova 2.0G (AT)</option><option value="Innova 2.0E (AT)">Innova 2.0E (AT)</option>';
}
if (model == 'Rush') {
variantHtml += '<option value="Rush 1.5S (AT)">Rush 1.5S (AT)</option><option value="Rush 1.5G (AT)">Rush 1.5G (AT)</option> ';
}
if (model == 'CHR') {
variantHtml += '<option value="CHR 1.8L (AT)">CHR 1.8L (AT)</option> ';
}
if (model == 'Corolla') {
variantHtml += '<option value="Corolla 1.8G (AT)">Corolla 1.8G (AT)"</option> <option value="Corolla 1.8E (AT)">Corolla 1.8E (AT)</option>';
}
if (model == 'Camry') {
variantHtml += '<option value="All-New Camry 2.5V">All-New Camry 2.5V</option> ';
}
if (model == 'Fortuner') {
variantHtml += '<option value="Fortuner 2.4 VRZ AT 4X4">Fortuner 2.4 VRZ AT 4X4</option><option value="Fortuner 2.7 SRZ AT 4X4">Fortuner 2.7 SRZ AT 4X4</option><option value="Fortuner 2.4 AT 4X4">Fortuner 2.4 AT 4X4</option> ';
}
if (model == 'Alphard') {
variantHtml += '<option value="Alphard 3.5">Alphard 3.5</option>';
}
if (model == 'Vellfire') {
variantHtml += '<option value="Vellfire 2.5">Vellfire 2.5';
}
if (model == 'Harrier') {
variantHtml += '<option value="Harrier 2.0T Luxury">Harrier 2.0T Luxury</option><option value="Harrier 2.0T Premium">Harrier 2.0T Premium</option> ';
}
if (model == 'Supra') {
variantHtml += '<option value="GR Supra 3.0L">GR Supra 3.0L</option> ';
}
if (model == 'Hiace') {
variantHtml += '<option value="Hiace Panel Van 2.5 Turbo Diesel">Hiace Panel Van 2.5 Turbo Diesel</option>';
}
$(variantContainer).html(variantHtml);
}
</script>
</div>
<div id="ToyotaDriveForm" class="hidden">
<form action="/form-submit/toyota-drive-interest" class="tyt-form" form-ajax-submit="true" method="POST" name="toyota_drive_form">
<div class="form-group"><label class="col-form-label" for="model">Model</label>
<div>
<select class="form-control" id="model-drive" name="model" onchange="modelDriveChange()"><option value="">- Select Model -</option><option value="Vios">Toyota Vios</option><option value="Yaris">Toyota Yaris</option><option value="Hilux">Toyota Hilux</option><option value="Avanza">Toyota Avanza</option><option value="Innova">Toyota Innova</option><option value="Rush">Toyota Rush</option><option value="CHR">Toyota C-HR</option><option value="Corolla">Toyota Corolla</option><option value="Camry">Toyota Camry</option><option value="Fortuner">Toyota Fortuner</option><option value="Alphard">Toyota Alphard</option><option value="Vellfire">Toyota Vellfire</option><option value="Harrier">Toyota Harrier</option><option value="Supra">Toyota Supra</option><option value="Hiace">Toyota Hiace</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="variant">Variant</label>
<div>
<select class="form-control" id="variant-drive" name="variant"><option value="">- Select Variant -</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="name">Name</label>
<div>
<input type="text" class="form-control" id="name" name="name">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="hp_number">Mobile Number</label>
<div>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+60
</div>
</div>
<input type="number" class="form-control" id="hp_number" name="hp_number" placeholder="">
</div>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="email">Email</label>
<div>
<input type="text" class="form-control" id="email" name="email">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="state-toyotadrive">Which State Are you in?</label>
<div>
<select class="form-control" id="state-toyotadrive" name="state-toyotadrive"><option value="">- Select State -</option><option value="Johor">Johor</option><option value="Kedah">Kedah</option><option value="Kelantan">Kelantan</option><option value="Kuala Lumpur">Kuala Lumpur</option><option value="Labuan">Labuan</option><option value="Melaka">Melaka</option><option value="Negeri Sembilan">Negeri Sembilan</option><option value="Pahang">Pahang</option><option value="Penang">Penang</option><option value="Perak">Perak</option><option value="Perlis">Perlis</option><option value="Sabah">Sabah</option><option value="Sarawak">Sarawak</option><option value="Selangor">Selangor</option><option value="Terengganu">Terengganu</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="outlet-toyotadrive">Which is your preferred Toyota outlet?</label>
<div>
<select class="form-control" id="outlet-toyotadrive" name="outlet-toyotadrive"><option value="">- Select Outlet -</option>
</select>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="authorize-toyotadrive" id="authorize-toyotadrive"><label class="form-check-label" for="authorize-toyotadrive">I declare to authorize Toyota Capital Malaysia Sdn Bhd and/or its representative to obtain other information in relation to this application/request from other sources and to impart, give, share and disclose in confidence any information regarding my/our financial standing or information herein to a 3rd party as provided by Toyota Capital Malaysia Sdn Bhd's privacy statement and notice pursuant to Personal Data Protection Act 2010. </label>
</div>
<div class="form-group text-center">
<div class="g-recaptcha" data-sitekey="6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy" data-theme="dark" id="google-captcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-xtdilwia8ji8" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy&co=aHR0cHM6Ly93d3cudG95b3RhY2FwaXRhbC5jb20ubXk6NDQz&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&theme=dark&size=normal&cb=321czkclcmv" data-gtm-yt-inspected-6="true"></iframe></div><textarea id="g-recaptcha-response-3" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
</div>
<button class="btn btn-primary mb-2 submit" type="submit"><i class="fa fa-arrow-right" aria-hidden="true"></i>
</button>
</form>
<script type="text/javascript">
var targetUrl = 'https://www.toyotacapital.com.my/get-state.php';
var targetContainer = $('#state-toyotadrive');
$.ajax({
url: targetUrl
}).done(function(data) {
var targetHtml = '<option value="">- Select State -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
});
$('#state-toyotadrive').change(function() {
var targetUrl = 'https://www.toyotacapital.com.my/get-state-dealer.php'
var targetContainer = $('#outlet-toyotadrive');
$.ajax({
url: targetUrl,
type: 'POST',
data: {
'state': $(this).val()
},
success: function(data) {
var targetHtml = '<option value="">- Select Outlet -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
}
})
});
function modelDriveChange() {
var model = document.getElementById("model-drive").value;
var variantContainer = $('#variant-drive');
var variantHtml = '<option value="">- Select Variant -</option>';
if (model == 'Vios') {
variantHtml += '<option value="Vios 1.5G(AT)">Vios 1.5G(AT)</option><option value="Vios 1.5E(AT)">Vios 1.5E(AT)</option><option value="Vios 1.5J(AT)">Vios 1.5J(AT)</option>';
}
if (model == 'Yaris') {
variantHtml += '<option value="Yaris 1.5G(AT)">Yaris 1.5G(AT)</option><option value="Yaris 1.5E(AT)">Yaris 1.5E(AT)</option><option value="Yaris 1.5J(AT)">Yaris 1.5J(AT)</option>';
}
if (model == 'Hilux') {
variantHtml += '<option value="Hilux Double Cab L-Edition 2.8 (AT)">Hilux Double Cab L-Edition 2.8 (AT)</option><option value="Hilux Double Cab L-Edition 2.4 (AT)">Hilux Double Cab L-Edition 2.4 (AT)</option><option value="Hilux Double Cab 2.4G (AT)">Hilux Double Cab 2.4G (AT)</option><option value="Hilux Double Cab 2.4G (MT)">Hilux Double Cab 2.4G (MT)</option><option value="Hilux Double Cab 2.4 Standard (MT)">Hilux Double Cab 2.4 Standard (MT)</option>';
}
if (model == 'Avanza') {
variantHtml += '<option value="Avanza 1.5S+ (AT)">Avanza 1.5S+ (AT)</option><option value="Avanza 1.5S (AT)">Avanza 1.5S (AT)</option><option value="Avanza 1.5E (AT)">Avanza 1.5E (AT)</option>';
}
if (model == 'Innova') {
variantHtml += '<option value="Innova 2.0X (AT)">Innova 2.0X (AT)</option><option value="Innova 2.0G (AT)">Innova 2.0G (AT)</option><option value="Innova 2.0E (AT)">Innova 2.0E (AT)</option>';
}
if (model == 'Rush') {
variantHtml += '<option value="Rush 1.5S (AT)">Rush 1.5S (AT)</option> ';
}
if (model == 'CHR') {
variantHtml += '<option value="CHR 1.8L (AT)">CHR 1.8L (AT</option> ';
}
if (model == 'corolla') {
variantHtml += '<option value="Corolla 1.8G (AT)>Corolla 1.8G (AT)"</option> <option value="Corolla 1.8E (AT)">Corolla 1.8E (AT)</option>';
}
if (model == 'Camry') {
variantHtml += '<option value="All-New Camry 2.5V">All-New Camry 2.5V</option> ';
}
if (model == 'Fortuner') {
variantHtml += '<option value="Fortuner 2.4 VRZ AT 4X4">Fortuner 2.4 VRZ AT 4X4</option><option value="Fortuner 2.7 SRZ AT 4X4">Fortuner 2.7 SRZ AT 4X4</option><option value="Fortuner 2.4 AT 4X4">Fortuner 2.4 AT 4X4</option> ';
}
if (model == 'Alphard') {
variantHtml += '<option value="Alphard 3.5">Alphard 3.5</option>';
}
if (model == 'Vellfire') {
variantHtml += '<option value="Vellfire 2.5">Vellfire 2.5';
}
if (model == 'Harrier') {
variantHtml += '<option value="Harrier 2.0T Luxury">Harrier 2.0T Luxury</option><option value="Harrier 2.0T Premium">Harrier 2.0T Premium</option> ';
}
if (model == 'Supra') {
variantHtml += '<option value="GR Supra 3.0L">GR Supra 3.0L</option> ';
}
if (model == 'Hiace') {
variantHtml += '<option value="Hiace Panel Van 2.5 Turbo Diesel">Hiace Panel Van 2.5 Turbo Diesel</option>';
}
$(variantContainer).html(variantHtml);
}
</script>
</div>
<div id="ConventionalForm" class="hidden">
<form action="/form-submit/conventional-hire-purchase-interest" class="tyt-form" form-ajax-submit="true" method="POST" name="conventional_hire_purchase_form">
<div class="form-group"><label class="col-form-label" for="model">Model</label>
<div>
<select class="form-control" id="model-conventional" name="model" onchange="modelConventionalChange()"><option value="">- Select Model -</option><option value="Vios">Toyota Vios</option><option value="Yaris">Toyota Yaris</option><option value="Hilux">Toyota Hilux</option><option value="Avanza">Toyota Avanza</option><option value="Innova">Toyota Innova</option><option value="Rush">Toyota Rush</option><option value="CHR">Toyota C-HR</option><option value="Corolla">Toyota Corolla</option><option value="Camry">Toyota Camry</option><option value="Fortuner">Toyota Fortuner</option><option value="Alphard">Toyota Alphard</option><option value="Vellfire">Toyota Vellfire</option><option value="Harrier">Toyota Harrier</option><option value="Supra">Toyota Supra</option><option value="Hiace">Toyota Hiace</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="variant">Variant</label>
<div>
<select class="form-control" id="variant-conventional" name="variant"><option value="">- Select Variant -</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="name">Name</label>
<div>
<input type="text" class="form-control" id="name" name="name">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="hp_number">Mobile Number</label>
<div>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+60
</div>
</div>
<input type="number" class="form-control" id="hp_number" name="hp_number" placeholder="">
</div>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="email">Email</label>
<div>
<input type="text" class="form-control" id="email" name="email">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="state-conventional">Which State Are you in?</label>
<div>
<select class="form-control" id="state-conventional" name="state-conventional"><option value="">- Select State -</option><option value="Johor">Johor</option><option value="Kedah">Kedah</option><option value="Kelantan">Kelantan</option><option value="Kuala Lumpur">Kuala Lumpur</option><option value="Labuan">Labuan</option><option value="Melaka">Melaka</option><option value="Negeri Sembilan">Negeri Sembilan</option><option value="Pahang">Pahang</option><option value="Penang">Penang</option><option value="Perak">Perak</option><option value="Perlis">Perlis</option><option value="Sabah">Sabah</option><option value="Sarawak">Sarawak</option><option value="Selangor">Selangor</option><option value="Terengganu">Terengganu</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="outlet-conventional">Which is your preferred Toyota outlet?</label>
<div>
<select class="form-control" id="outlet-conventional" name="outlet-conventional"><option value="">- Select Outlet -</option>
</select>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="authorize-conventional" id="authorize-conventional"><label class="form-check-label" for="authorize-conventional">I declare to authorize Toyota Capital Malaysia Sdn Bhd and/or its representative to obtain other information in relation to this application/request from other sources and to impart, give, share and disclose in confidence any information regarding my/our financial standing or information herein to a 3rd party as provided by Toyota Capital Malaysia Sdn Bhd's privacy statement and notice pursuant to Personal Data Protection Act 2010. </label>
</div>
<div class="form-group text-center">
<div class="g-recaptcha" data-sitekey="6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy" data-theme="dark" id="google-captcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-iofeyayzqhj1" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy&co=aHR0cHM6Ly93d3cudG95b3RhY2FwaXRhbC5jb20ubXk6NDQz&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&theme=dark&size=normal&cb=vhtg22o3uj67" data-gtm-yt-inspected-6="true"></iframe></div><textarea id="g-recaptcha-response-4" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
</div>
<button class="btn btn-primary mb-2 submit" type="submit"><i class="fa fa-arrow-right" aria-hidden="true"></i>
</button>
</form>
<script type="text/javascript">
var targetUrl = 'https://www.toyotacapital.com.my/get-state.php';
var targetContainer = $('#state-conventional');
$.ajax({
url: targetUrl
}).done(function(data) {
var targetHtml = '<option value="">- Select State -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
});
$('#state-conventional').change(function() {
var targetUrl = 'https://www.toyotacapital.com.my/get-state-dealer.php'
var targetContainer = $('#outlet-conventional');
$.ajax({
url: targetUrl,
type: 'POST',
data: {
'state': $(this).val()
},
success: function(data) {
var targetHtml = '<option value="">- Select Outlet -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
}
})
});
function modelConventionalChange() {
var model = document.getElementById("model-conventional").value;
var variantContainer = $('#variant-conventional');
var variantHtml = '<option value="">- Select Variant -</option>';
if (model == 'Vios') {
variantHtml += '<option value="Vios 1.5G(AT)">Vios 1.5G(AT)</option><option value="Vios 1.5E(AT)">Vios 1.5E(AT)</option><option value="Vios 1.5J(AT)">Vios 1.5J(AT)</option>';
}
if (model == 'Yaris') {
variantHtml += '<option value="Yaris 1.5G(AT)">Yaris 1.5G(AT)</option><option value="Yaris 1.5E(AT)">Yaris 1.5E(AT)</option><option value="Yaris 1.5J(AT)">Yaris 1.5J(AT)</option>';
}
if (model == 'Hilux') {
variantHtml += '<option value="Hilux Double Cab L-Edition 2.8 (AT)">Hilux Double Cab L-Edition 2.8 (AT)</option><option value="Hilux Double Cab L-Edition 2.4 (AT)">Hilux Double Cab L-Edition 2.4 (AT)</option><option value="Hilux Double Cab 2.4G (AT)">Hilux Double Cab 2.4G (AT)</option><option value="Hilux Double Cab 2.4G (MT)">Hilux Double Cab 2.4G (MT)</option><option value="Hilux Double Cab 2.4 Standard (MT)">Hilux Double Cab 2.4 Standard (MT)</option>';
}
if (model == 'Avanza') {
variantHtml += '<option value="Avanza 1.5S+ (AT)">Avanza 1.5S+ (AT)</option><option value="Avanza 1.5S (AT)">Avanza 1.5S (AT)</option><option value="Avanza 1.5E (AT)">Avanza 1.5E (AT)</option>';
}
if (model == 'Innova') {
variantHtml += '<option value="Innova 2.0X (AT)">Innova 2.0X (AT)</option><option value="Innova 2.0G (AT)">Innova 2.0G (AT)</option><option value="Innova 2.0E (AT)">Innova 2.0E (AT)</option>';
}
if (model == 'Rush') {
variantHtml += '<option value="Rush 1.5S (AT)">Rush 1.5S (AT)</option><option value="Rush 1.5S (AT)">Rush 1.5G (AT)</option>';
}
if (model == 'CHR') {
variantHtml += '<option value="CHR 1.8L (AT)">CHR 1.8L (AT)</option> ';
}
if (model == 'Corolla') {
variantHtml += '<option value="Corolla 1.8G (AT)">Corolla 1.8G (AT)</option> <option value="Corolla 1.8E (AT)">Corolla 1.8E (AT)</option>';
}
if (model == 'Camry') {
variantHtml += '<option value="All-New Camry 2.5V">All-New Camry 2.5V</option> ';
}
if (model == 'Fortuner') {
variantHtml += '<option value="Fortuner 2.4 VRZ AT 4X4">Fortuner 2.4 VRZ AT 4X4</option><option value="Fortuner 2.7 SRZ AT 4X4">Fortuner 2.7 SRZ AT 4X4</option><option value="Fortuner 2.4 AT 4X4">Fortuner 2.4 AT 4X4</option> ';
}
if (model == 'Alphard') {
variantHtml += '<option value="Alphard 3.5">Alphard 3.5</option>';
}
if (model == 'Vellfire') {
variantHtml += '<option value="Vellfire 2.5">Vellfire 2.5';
}
if (model == 'Harrier') {
variantHtml += '<option value="Harrier 2.0T Luxury">Harrier 2.0T Luxury</option><option value="Harrier 2.0T Premium">Harrier 2.0T Premium</option> ';
}
if (model == 'Supra') {
variantHtml += '<option value="GR Supra 3.0L">GR Supra 3.0L</option> ';
}
if (model == 'Hiace') {
variantHtml += '<option value="Hiace Panel Van 2.5 Turbo Diesel">Hiace Panel Van 2.5 Turbo Diesel';
}
$(variantContainer).html(variantHtml);
}
</script>
</div>
<div id="CommercialForm" class="hidden">
<form action="/form-submit/commercial-vehicles-interest" class="tyt-form" form-ajax-submit="true" method="POST" name="commercial_form">
<div class="form-group"><label class="col-form-label" for="model">Model</label>
<div>
<select class="form-control" id="model-commercial" name="model" onchange="modelCommercialChange()"><option value="">- Select Model -</option><option value="Hiace">Toyota Hiace</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="variant">Variant</label>
<div>
<select class="form-control" id="variant-commercial" name="variant"><option value="">- Select Variant -</option>
</select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="name">Name</label>
<div>
<input type="text" class="form-control" id="name" name="name">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="hp_number">Mobile Number</label>
<div>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+60
</div>
</div>
<input type="number" class="form-control" id="hp_number" name="hp_number" placeholder="">
</div>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="email">Email</label>
<div>
<input type="text" class="form-control" id="email" name="email">
</div>
</div>
<div class="form-group"><label class="col-form-label" for="state-commercial">Which State Are you in?</label>
<div>
<select class="form-control" id="state-commercial" name="state-commercial"><option value="">- Select State -</option><option value="Johor">Johor</option><option value="Kedah">Kedah</option><option value="Kelantan">Kelantan</option><option value="Kuala Lumpur">Kuala Lumpur</option><option value="Labuan">Labuan</option><option value="Melaka">Melaka</option><option value="Negeri Sembilan">Negeri Sembilan</option><option value="Pahang">Pahang</option><option value="Penang">Penang</option><option value="Perak">Perak</option><option value="Perlis">Perlis</option><option value="Sabah">Sabah</option><option value="Sarawak">Sarawak</option><option value="Selangor">Selangor</option><option value="Terengganu">Terengganu</option></select>
</div>
</div>
<div class="form-group"><label class="col-form-label" for="outlet-commercial">Which is your preferred Toyota outlet?</label>
<div>
<select class="form-control" id="outlet-commercial" name="outlet-commercial"><option value="">- Select Outlet -</option>
</select>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="authorize-commercial" id="authorize-commercial"><label class="form-check-label" for="authorize-commercial">I declare to authorize Toyota Capital Malaysia Sdn Bhd and/or its representative to obtain other information in relation to this application/request from other sources and to impart, give, share and disclose in confidence any information regarding my/our financial standing or information herein to a 3rd party as provided by Toyota Capital Malaysia Sdn Bhd's privacy statement and notice pursuant to Personal Data Protection Act 2010. </label>
</div>
<div class="form-group text-center">
<div class="g-recaptcha" data-sitekey="6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy" data-theme="dark" id="google-captcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-b68tp0d1garp" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy&co=aHR0cHM6Ly93d3cudG95b3RhY2FwaXRhbC5jb20ubXk6NDQz&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&theme=dark&size=normal&cb=8s3j8hqa6s9f" data-gtm-yt-inspected-6="true"></iframe></div><textarea id="g-recaptcha-response-5" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
</div>
<button class="btn btn-primary mb-2 submit" type="submit"><i class="fa fa-arrow-right" aria-hidden="true"></i>
</button>
</form>
<script type="text/javascript">
var targetUrl = 'https://www.toyotacapital.com.my/get-state.php';
var targetContainer = $('#state-commercial');
$.ajax({
url: targetUrl
}).done(function(data) {
var targetHtml = '<option value="">- Select State -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
});
$('#state-commercial').change(function() {
var targetUrl = 'https://www.toyotacapital.com.my/get-state-dealer.php'
var targetContainer = $('#outlet-commercial');
$.ajax({
url: targetUrl,
type: 'POST',
data: {
'state': $(this).val()
},
success: function(data) {
var targetHtml = '<option value="">- Select Outlet -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="' + value + '">' + value + '</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
}
})
});
function modelCommercialChange() {
var model = document.getElementById("model-commercial").value;
var variantContainer = $('#variant-commercial');
var variantHtml = '<option value="">- Select Variant -</option>';
if (model == 'Hiace') {
variantHtml += '<option value="Hiace Panel Van 2.5 Turbo Diesel">Hiace Panel Van 2.5 Turbo Diesel';
}
$(variantContainer).html(variantHtml);
}
</script>
</div>
<div id="EZBeliForm" class="hidden">
<form action="/form-submit/ezbeli-interest" form-ajax-submit="true" method="POST" name="ezbeli_form">
<div class="form-group row"><label class="col-sm-4 col-form-label" for="model">Model</label>
<div class="col-sm-8"><select class="form-control" id="model-ezbeli" name="model" onchange="modelezbeliChange()"><option value="">- Select Model -</option><option value="Vios">Toyota Vios</option><option value="Yaris">Toyota Yaris</option><option value="Hilux">Toyota Hilux</option><option value="Avanza">Toyota Avanza</option><option value="Rush">Toyota Rush</option><option value="Corolla">Toyota Corolla</option><option value="Innova">Toyota Innova</option> </select></div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="variant">Variant</label>
<div class="col-sm-8"><select class="form-control" id="variant-ezbeli" name="variant"><option value="">- Select Variant -</option> </select></div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="name">Name</label>
<div class="col-sm-8"><input type="text" class="form-control" id="name" name="name"></div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="hp_number">HP Number</label>
<div class="col-sm-8">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+60</div>
</div>
<input type="number" class="form-control" id="hp_number" name="hp_number" placeholder=""></div>
</div>
</div>
<!-- <div class="form-group row"><label class="col-sm-4 col-form-label" for="voucher">Voucher</label>
<div class="col-sm-8">
<select class="form-control" id="voucher" name="voucher"><option value="">- Select Voucher -</option><option value="RM 200 Petronas Voucher">RM 200 Petronas Voucher</option><option value="RM 200 Starbucks Voucher">RM 200 Starbucks Voucher</option><option value="RM 200 Parkson Voucher">RM 200 Parkson Voucher</option>
</select>
</div>
</div>-->
<div class="form-group row"><label class="col-sm-4 col-form-label" for="income_range">Income range</label>
<div class="col-sm-8"><select class="form-control" id="income_range" name="income_range"><option value="RM1800">< RM1,800</option><option value="RM1800 - RM3000">RM1,800 - RM3,000</option><option value="RM3000">> RM3,000</option> </select></div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="email">Email</label>
<div class="col-sm-8"><input type="text" class="form-control" id="email" name="email"></div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="state-ezbeli">Which State Are you in?</label>
<div class="col-sm-8"><select class="form-control" id="state-ezbeli" name="state-ezbeli"><option value="">- Select State -</option><option value="Johor">Johor</option><option value="Kedah">Kedah</option><option value="Kelantan">Kelantan</option><option value="Kuala Lumpur">Kuala Lumpur</option><option value="Labuan">Labuan</option><option value="Melaka">Melaka</option><option value="Negeri Sembilan">Negeri Sembilan</option><option value="Pahang">Pahang</option><option value="Penang">Penang</option><option value="Perak">Perak</option><option value="Perlis">Perlis</option><option value="Sabah">Sabah</option><option value="Sarawak">Sarawak</option><option value="Selangor">Selangor</option><option value="Terengganu">Terengganu</option></select></div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="outlet-ezbeli">Which is your preferred Toyota outlet?</label>
<div class="col-sm-8"><select class="form-control" id="outlet-ezbeli" name="outlet-ezbeli"><option value="">- Select Outlet -</option> </select></div>
</div>
<div class="form-check"><input class="form-check-input" type="checkbox" value="1" name="authorize-ezbeli" id="authorize-ezbeli"><label class="form-check-label" for="authorize-ezbeli">I declare to authorize Toyota Capital Malaysia Sdn Bhd and/or its representative to obtain other information in relation to this application/request from other sources and to impart, give, share and disclose in confidence any information regarding my/our financial standing or information herein to a 3rd party as provided by Toyota Capital Malaysia Sdn Bhd's privacy statement and notice pursuant to Personal Data Protection Act 2010. </label></div>
<div class="form-group row">
<div class="g-recaptcha" data-sitekey="6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy" data-theme="dark" id="google-captcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-oadeas660k45" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy&co=aHR0cHM6Ly93d3cudG95b3RhY2FwaXRhbC5jb20ubXk6NDQz&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&theme=dark&size=normal&cb=m5reofsax5wq" data-gtm-yt-inspected-6="true"></iframe></div><textarea id="g-recaptcha-response-6" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
</div>
<button class="btn btn-primary mb-2 submit" type="submit">Send</button></form>
<script src="https://www.google.com/recaptcha/api.js" async="" defer="">
</script><script>
var targetUrl = 'https://www.toyotacapital.com.my/get-state.php';
var targetContainerEzbeli = $('#state-ezbeli');
$.ajax({ url: targetUrl }).done(function(data) {
var targetHtml = '<option value="">- Select State -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="'+ value +'">'+ value +'</option>';
})).done(function() {
$(targetContainerEzbeli).html(targetHtml);
});
} else {
$(targetContainerEzbeli).html(targetHtml);
}
});
$('#state-ezbeli').change(function() {
var targetUrl = 'https://www.toyotacapital.com.my/get-state-dealer.php'
var targetContainer = $('#outlet-ezbeli');
$.ajax({ url: targetUrl, type: 'POST', data: {'state':$(this).val()}, success: function(data) {
var targetHtml = '<option value="">- Select Outlet -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="'+ value +'">'+ value +'</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
} })
});
function modelezbeliChange() {
var model = document.getElementById("model-ezbeli").value;
var variantContainer = $('#variant-ezbeli');
var variantHtml = '<option value="">- Select Variant -</option>';
if (model == 'Vios') {
variantHtml += '<option value="Vios 1.5G(AT)">Vios 1.5G(AT)</option><option value="Vios 1.5E(AT)">Vios 1.5E(AT)</option><option value="Vios 1.5J(AT)">Vios 1.5J(AT)</option>';
}
if (model == 'Yaris') {
variantHtml += '<option value="Yaris 1.5G(AT)">Yaris 1.5G(AT)</option><option value="Yaris 1.5E(AT)">Yaris 1.5E(AT)</option><option value="Yaris 1.5J(AT)">Yaris 1.5J(AT)</option>';
}
if (model == 'Hilux') {
variantHtml +=
'<option value="Hilux Single Cab 2.4 MT 4x4">Hilux Single Cab 2.4 MT 4x4</option>'+
'<option value="Hilux Double Cab 2.4 G MT 4x4">Hilux Double Cab 2.4 G MT 4x4</option>'+
'<option value="Hilux Double Cab 2.4 E AT 4x4">Hilux Double Cab 2.4 E AT 4x4</option>'+
'<option value="Hilux Double Cab 2.4 V AT 4x4">Hilux Double Cab 2.4 V AT 4x4</option>'+
'<option value="Hilux Double Cab 2.8 Rogue AT 4x4">Hilux Double Cab 2.8 Rogue AT 4x4</option>';
}
if (model == 'Avanza') {
variantHtml += '<option value="Avanza 1.5S+ (AT)">Avanza 1.5S+ (AT)</option><option value="Avanza 1.5S (AT)">Avanza 1.5S (AT)</option><option value="Avanza 1.5E (AT)">Avanza 1.5E (AT)</option>';
}
if (model == 'Rush') {
variantHtml += '<option value="Rush 1.5S (AT)">Rush 1.5S (AT)</option><option value="Rush 1.5G (AT)">Rush 1.5G (AT)</option>';
}
if (model == 'Corolla') {
variantHtml += '<option value="Corolla 1.8G (AT)">Corolla 1.8G (AT)</option><option value="Corolla 1.8E (AT)">Corolla 1.8E (AT)</option>';
}
if (model == 'Innova') {
variantHtml += '<option value="Innova 2.0X (AT)">Innova 2.0X (AT)</option><option value="Innova 2.0G (AT)">Innova 2.0G (AT)</option><option value="Innova 2.0E (AT)">Innova 2.0E (AT)</option>';
}
$(variantContainer).html(variantHtml);
}
</script>
</div>
<div id="JomdriveForm" class="hidden">
<form action="/form-submit/jomdrive-interest" form-ajax-submit="true" method="POST" name="jomdrive_form">
<div class="form-group row"><label class="col-sm-4 col-form-label" for="model">Model</label>
<div class="col-sm-8">
<select class="form-control" id="model-jomdrive" name="model" onchange="modeljomdriveChange()"><option value="">- Select Model -</option>
<option value="Alphard">Toyota Alphard</option>
<option value="Camry">Toyota Camry</option>
<option value="Corolla">Toyota Corolla</option>
<option value="Corolla Cross">Toyota Corolla Cross</option>
<option value="Fortuner">Toyota Fortuner</option>
<option value="GRCorolla">Toyota GR Corolla</option>
<option value="GRSupra">Toyota GR Supra</option>
<option value="GR86">Toyota GR86</option>
<option value="Harrier">Toyota Harrier</option>
<option value="Hiace">Toyota Hiace</option>
<option value="Hilux">Toyota Hilux</option>
<option value="Innova">Toyota Innova</option>
<option value="InnovaZenix">Toyota Innova Zenix</option>
<option value="Vios">Toyota Vios</option>
<option value="Vellfire">Toyota Vellfire</option>
<option value="Yaris">Toyota Yaris</option>
</select>
</div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="variant">Variant</label>
<div class="col-sm-8">
<select class="form-control" id="variant-jomdrive" name="variant"><option value="">- Select Variant -</option>
</select>
</div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="name">Name</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="name" name="name">
</div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="hp_number">HP Number</label>
<div class="col-sm-8">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+60
</div>
</div>
<input type="number" class="form-control" id="hp_number" name="hp_number" placeholder="">
</div>
</div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="income_range">Income range</label>
<div class="col-sm-8">
<select class="form-control" id="income_range" name="income_range"><option value="RM1800">< RM1,800</option><option value="RM1800 - RM3000">RM1,800 - RM3,000</option><option value="RM3000">> RM3,000</option>
</select>
</div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="email">Email</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="email" name="email">
</div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="state-jomdrive">Which State Are you in?</label>
<div class="col-sm-8">
<select class="form-control" id="state-jomdrive" name="state-jomdrive"><option value="">- Select State -</option><option id="1" value="Kuala Lumpur">Kuala Lumpur</option><option id="2" value="Selangor">Selangor</option><option id="3" value="Pulau Pinang">Pulau Pinang</option><option id="4" value="Melaka">Melaka</option><option id="5" value="Johor">Johor</option><option id="6" value="Kedah">Kedah</option><option id="7" value="Negeri Sembilan">Negeri Sembilan</option><option id="8" value="Terengganu">Terengganu</option><option id="9" value="Kelantan">Kelantan</option><option id="10" value="Pahang">Pahang</option><option id="11" value="Perak">Perak</option><option id="12" value="Perlis">Perlis</option><option id="13" value="Sabah">Sabah</option><option id="14" value="Sarawak">Sarawak</option><option id="15" value="Labuan">Labuan</option></select>
</div>
</div>
<div class="form-group row"><label class="col-sm-4 col-form-label" for="outlet-jomdrive">Which is your preferred Toyota outlet?</label>
<div class="col-sm-8">
<select class="form-control" id="outlet-jomdrive" name="outlet-jomdrive"><option value="">- Select Outlet -</option>
</select>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="authorize-jomdrive" id="authorize-jomdrive"><label class="form-check-label" for="authorize-jomdrive">I declare to authorize Toyota Capital Malaysia Sdn Bhd and/or its representative to obtain other information in relation to this application/request from other sources and to impart, give, share and disclose in confidence any information regarding my/our financial standing or information herein to a 3rd party as provided by Toyota Capital Malaysia Sdn Bhd's privacy statement and notice pursuant to Personal Data Protection Act 2010. </label>
</div>
<div class="form-group row">
<div class="g-recaptcha" data-sitekey="6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy" data-theme="dark" id="google-captcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-6oret9urwof8" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lem454UAAAAALOyRphFnOgoMIfX4JfU_yfZFkvy&co=aHR0cHM6Ly93d3cudG95b3RhY2FwaXRhbC5jb20ubXk6NDQz&hl=en&v=-ZG7BC9TxCVEbzIO2m429usb&theme=dark&size=normal&cb=va8nxbmxb2yv" data-gtm-yt-inspected-6="true"></iframe></div><textarea id="g-recaptcha-response-7" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe data-gtm-yt-inspected-6="true" style="display: none;"></iframe></div>
</div>
<button class="btn btn-primary mb-2 submit" type="submit">Send
</button>
</form>
<script src="https://www.google.com/recaptcha/api.js" async="" defer="">
</script>
<script>
var targetUrl = '/api/get-state';
var targetContainerJomdrive = $('#state-jomdrive');
// $.ajax({ url: targetUrl }).done(function(data) {
// var targetHtml = '<option value="">- Select State -</option>';
// if (data) {
// var returnData = jQuery.parseJSON(data);
// $.when($.each(returnData, function(index, value) {
// targetHtml += '<option value="'+ value +'">'+ value +'</option>';
// })).done(function() {
// $(targetContainerJomdrive).html(targetHtml);
// });
// } else {
// $(targetContainerJomdrive).html(targetHtml);
// }
// });
$.ajax({ url: targetUrl }).done(function(data) {
var targetHtml = '<option value="">- Select State -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option id="'+ value.id +'" value="'+ value.name +'">'+ value.name +'</option>';
})).done(function() {
$(targetContainerJomdrive).html(targetHtml);
});
} else {
$(targetContainerJomdrive).html(targetHtml);
}
});
$('#state-jomdrive').change(function() {
var targetUrl = '/api/get-dealer/' + $(this).children(":selected").attr("id");
console.log( $(this).children(":selected").attr("id"));
var targetContainer = $('#outlet-jomdrive');
$.ajax({ url: targetUrl, success: function(data) {
var targetHtml = '<option value="">- Select Outlet -</option>';
if (data) {
var returnData = jQuery.parseJSON(data);
$.when($.each(returnData, function(index, value) {
targetHtml += '<option value="'+ value.value +'">'+ value.name +'</option>';
})).done(function() {
$(targetContainer).html(targetHtml);
});
} else {
$(targetContainer).html(targetHtml);
}
} })
});
function modeljomdriveChange() {
var model = document.getElementById("model-jomdrive").value;
var variantContainer = $('#variant-jomdrive');
var variantHtml = '<option value="">- Select Variant -</option>';
if (model == 'Vios') {
variantHtml += '<option value="Vios 1.5G(AT)">Vios 1.5G(AT)</option><option value="Vios 1.5E(AT)">Vios 1.5E(AT)</option>';
}
if (model == 'Alphard') {
variantHtml += '<option value="Alphard 2.4T(AT) Executive Lounge"> Alphard 2.4T(AT) Executive Lounge</option>';
}
if (model == 'Camry') {
variantHtml += '<option value="Camry 2.5V(AT)"> Camry 2.5V(AT)</option>';
}
if (model == 'GRCorolla') {
variantHtml += '<option value="GR Corolla 1.6T(MT)">GR Corolla 1.6T(MT)</option>';
}
if (model == 'Yaris') {
variantHtml += '<option value="Yaris 1.5G(AT)">Yaris 1.5G(AT)</option><option value="Yaris 1.5E(AT)">Yaris 1.5E(AT)</option><option value="Yaris 1.5G(AT) LIMITED">Yaris 1.5G(AT) LIMITED</option>';
}
if (model == 'Hilux') {
variantHtml +=
'<option value="Hilux Single Cab 2.4 MT 4x4">Hilux Single Cab 2.4 MT 4x4</option>'+
'<option value="Hilux Double Cab 2.4 G MT 4x4">Hilux Double Cab 2.4 E MT 4x4</option>'+
'<option value="Hilux Double Cab 2.4 E AT 4x4">Hilux Double Cab 2.4 E AT 4x4</option>'+
'<option value="Hilux Double Cab 2.4 V AT 4x4">Hilux Double Cab 2.4 V AT 4x4</option>'+
'<option value="Hilux Double Cab 2.8 GR-S AT 4x4">Hilux Double Cab 2.8 GR-S AT 4x4</option>'+
'<option value="Hilux Double Cab 2.8 Rogue AT 4x4">Hilux Double Cab 2.8 Rogue AT 4x4</option>';
}
if (model == 'Veloz') {
variantHtml += '<option value="Veloz 1.5S+ (AT)">Veloz 1.5 (AT)</option>';
}
//if (model == 'Rush') {
//variantHtml += '<option value="Rush 1.5S (AT)">Rush 1.5S (AT)</option><option value="Rush 1.5G (AT)">Rush 1.5G (AT)</option>';
//}
if (model == 'Corolla') {
variantHtml += '<option value="Corolla 1.8G (AT)">Corolla 1.8G (AT)</option><option value="Corolla 1.8E (AT)">Corolla 1.8E (AT)</option>';
}
if (model == 'Corolla Cross') {
variantHtml += '<option value="Corolla Cross 1.8G(AT)">Corolla Cross 1.8G(AT)</option><option value="Corolla Cross 1.8V (AT)">Corolla Cross 1.8V (AT)</option><option value="Corolla Cross Hybrid">Corolla Cross Hybrid</option><option value="Corolla Cross GR-S">Corolla Cross GR-S</option>';
}
if (model == 'Fortuner') {
variantHtml += '<option value="Fortuner 2.4(AT)">Fortuner 2.4(AT)</option><option value="Fortuner 2.7SRZ (AT)">Fortuner 2.7SRZ (AT)</option><option value="Fortuner 2.8VRZ (AT)">Fortuner 2.8VRZ (AT)</option>';
}
if (model == 'GR86') {
variantHtml += '<option value="GR86 2.4(MT)">GR86 2.4(MT)</option><option value="GR86 2.4(AT)">GR86 2.4(AT)</option>';
}
if (model == 'GRSupra') {
variantHtml += '<option value="GR Supra 3.0(MT)">GR Supra 3.0(MT)</option><option value="GR Supra 3.0(AT)">GR Supra 3.0(AT)</option>';
}
if (model == 'Harrier') {
variantHtml += '<option value="Harrier 2.0 Luxury">Harrier 2.0 Luxury</option><option value="Harrier 2.0 Luxury SE">Harrier 2.0 Luxury SE</option>';
}
if (model == 'Vellfire') {
variantHtml += '<option value="Vellfire 2.5(AT)">Vellfire 2.5(AT)</option>';
}
if (model == 'Hiace') {
variantHtml += '<option value="Hiace Panel Van 3.0 D(MT)">Hiace Panel Van 3.0 D(MT)</option><option value="Hiace Window Van SLWB 2.8D(AT)">Hiace Window Van SLWB 2.8D(AT)</option>';
}
if (model == 'InnovaZenix') {
variantHtml += '<option value="Innova Zenix Panel 2.0HEV">Innova Zenix Panel 2.0HEV</option><option value="Innova Zenix Panel 2.0V">Innova Zenix Panel 2.0V</option>';
}
if (model == 'Innova') {
variantHtml += '<option value="Innova 2.0X (AT)">Innova 2.0X (AT)</option><option value="Innova 2.0G (AT)">Innova 2.0G (AT)</option>';
}
$(variantContainer).html(variantHtml);
}
</script>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/assets/plugins/lightbox/html5lightbox/html5lightbox.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-138980555-1');
function selectProduct(event) {
var id = $(event).attr('data-id');
if ($(event).hasClass('active')) {
var url = $(event).attr('data-url');
if(url.includes('http')) {
window.open(url, '_blank').focus();
} else {
window.location = url;
}
} else {
$('a.tab-btn').removeClass('active');
}
};
$('.carousel').carousel({
interval: false
})
var bubbleClicked = 0;
function circlesClick() {
bubbleClicked++;
var circlecontent = $('#circles-content');
if(bubbleClicked == 1) {
circlecontent.html("Enjoy <span>Lower</span> Instalment For The First 6 Years");
} else if (bubbleClicked == 2) {
circlecontent.html("Enjoy The Option To <span>Trade-In</span> Your Car After 6 Years, Hassle-Free!");
} else if(bubbleClicked == 3) {
circlecontent.html("Click the <span>circles</span> to see how it works");
bubbleClicked = 0;
}
}
function formClick(plan) {
var planData = ['2TierPlan', 'FlexiPlan', 'AiTAB', 'ToyotaDrive', 'Conventional', 'Commercial', 'EZBeli', 'Jomdrive'];
var planTitle = ['#2TierPlanTitle', '#FlexiPlanTitle', '#AiTABTitle', '#ToyotaDriveTitle', '#ConventionalTitle', '#CommercialTitle', '#EZBeliTitle', '#JomdriveTitle'];
var planForm = ['#2TierPlanForm', '#FlexiPlanForm', '#AiTABForm', '#ToyotaDriveForm', '#ConventionalForm', '#CommercialForm', '#EZBeliForm', '#JomdriveForm'];
for (var i = 0; i < planData.length; i++) {
if (plan == planData[i]) {
$(planTitle[i]).removeClass('hidden');
$(planForm[i]).removeClass('hidden');
} else {
$(planTitle[i]).addClass('hidden');
$(planForm[i]).addClass('hidden');
}
}
}
var clicked1 = 0;
var clicked2 = 0;
var clicked3 = 0;
var clicked4 = 1;
function ezbeli(tab, event) {
if (tab == 'tab1') {
$('.twotiersubtab').removeClass('d-none');
$('.ezbeli4subtab').addClass('d-none');
$('.ezbelicommercialsubtab').addClass('d-none');
$('.ezbelisubtab').addClass('d-none');
clicked1++;
clicked2 = 0;
clicked3 = 0;
clicked4 = 0;
if (clicked1 == 2) {
var url = $(event).attr('data-url');
if(url.includes('http')) {
window.open(url, '_blank').focus();
} else {
window.location = url;
}
} else {
// $('#select-link').attr('href', $(event).attr('data-url'));
}
}
if (tab == 'tab2') {
$('.ezbelisubtab').removeClass('d-none');
$('.ezbeli4subtab').addClass('d-none');
$('.ezbelicommercialsubtab').addClass('d-none');
$('.twotiersubtab').addClass('d-none');
clicked2++;
clicked1 = 0;
clicked3 = 0;
clicked4 = 0;
if (clicked2 == 2) {
var url = $(event).attr('data-url');
if(url.includes('http')) {
window.open(url, '_blank').focus();
} else {
window.location = url;
}
} else {
// $('#select-link').attr('href', $(event).attr('data-url'));
}
}
if (tab == 'tabezbelicommercial') {
$('.ezbelicommercialsubtab').removeClass('d-none');
$('.ezbeli4subtab').addClass('d-none');
$('.ezbelisubtab').addClass('d-none');
$('.twotiersubtab').addClass('d-none');
clicked3++;
clicked2 = 0;
clicked1 = 0;
clicked4 = 0;
if (clicked3 == 2) {
var url = $(event).attr('data-url');
if(url.includes('http')) {
window.open(url, '_blank').focus();
} else {
window.location = url;
}
} else {
// $('#select-link').attr('href', $(event).attr('data-url'));
}
}
if (tab == 'tabezbeli4') {
$('.ezbeli4subtab').removeClass('d-none');
$('.ezbelicommercialsubtab').addClass('d-none');
$('.ezbelisubtab').addClass('d-none');
$('.twotiersubtab').addClass('d-none');
clicked4++;
clicked2 = 0;
clicked3 = 0;
clicked1 = 0;
if (clicked4 == 2) {
var url = $(event).attr('data-url');
if(url.includes('http')) {
window.open(url, '_blank').focus();
} else {
window.location = url;
}
} else {
// $('#select-link').attr('href', $(event).attr('data-url'));
}
}
}
var cycle = {
onReady: function() {
$(".nav-stacked li:first a").addClass("active in");
$("#tab1").addClass("active in");
setInterval(function() {
var $navStacked = $("li a.active");
var tabContent = $(".nav-stacked li a.active").attr("href");
if ($navStacked.is(".nav-stacked li:nth-child(2) a")) {
$navStacked.removeClass("active in");
$(".nav-stacked li:first a").addClass("active in");
$("div " + tabContent).removeClass("active in");
$("div#tab1").addClass("active in");
} else {
$navStacked.removeClass("active in").parent().next().children().addClass("active in");
$("div " + tabContent).removeClass("active in").next().addClass("active in");
}
}, 50000);
}
};
// $(document).ready(cycle.onReady);
var tab = {
scroll: function() {
// duration of scroll animation
var scrollDuration = 300;
// paddles
var leftPaddle = $('.home-tab .left-paddle');
var rightPaddle = $('.home-tab .right-paddle');
// get items dimensions
var itemsLength = $('.home-tab .item').length;
var itemSize = $('.home-tab .item').outerWidth(true);
// get some relevant size for the paddle triggering point
var paddleMargin = 20;
// get wrapper width
var getMenuWrapperSize = function() {
return $('.home-tab .menu-wrapper').outerWidth();
}
var menuWrapperSize = getMenuWrapperSize();
// the wrapper is responsive
$(window).on('resize', function() {
menuWrapperSize = getMenuWrapperSize();
});
// size of the visible part of the menu is equal as the wrapper size
var menuVisibleSize = menuWrapperSize;
// get total width of all menu items
var getMenuSize = function() {
return itemsLength * itemSize;
};
var menuSize = getMenuSize();
// get how much of menu is invisible
var menuInvisibleSize = menuSize - menuWrapperSize;
// get how much have we scrolled to the left
var getMenuPosition = function() {
return $('.home-tab .menu-wrapper .menu').scrollLeft();
};
// finally, what happens when we are actually scrolling the menu
$('.home-tab .menu-wrapper .menu').on('scroll', function() {
// get how much of menu is invisible
menuInvisibleSize = menuSize - menuWrapperSize;
// get how much have we scrolled so far
var menuPosition = getMenuPosition();
var menuEndOffset = menuInvisibleSize - paddleMargin;
// show & hide the paddles
// depending on scroll position
if (menuPosition <= paddleMargin) {
$(leftPaddle).addClass('hidden');
$(rightPaddle).removeClass('hidden');
} else if (menuPosition < menuEndOffset) {
// show both paddles in the middle
$(leftPaddle).removeClass('hidden');
$(rightPaddle).removeClass('hidden');
} else if (menuPosition >= menuEndOffset) {
$(leftPaddle).removeClass('hidden');
$(rightPaddle).addClass('hidden');
}
// print important values
// console.log(menuWrapperSize);
// console.log(menuSize);
// console.log(menuInvisibleSize);
// console.log(menuPosition);
});
// scroll to left
$(rightPaddle).on('click', function() {
$('.home-tab .menu').animate({
scrollLeft: menuInvisibleSize
}, scrollDuration);
});
// scroll to right
$(leftPaddle).on('click', function() {
$('.home-tab .menu').animate({
scrollLeft: '0'
}, scrollDuration);
});
}
};
var car = {
scroll: function() {
// duration of scroll animation
var scrollDuration = 300;
// paddles
var leftPaddle = $('.cars-section .left-paddle');
var rightPaddle = $('.cars-section .right-paddle');
// get items dimensions
var itemsLength = $('.cars-section .item').length;
var itemSize = $('.cars-section .item').outerWidth(true);
// get some relevant size for the paddle triggering point
var paddleMargin = 20;
// get wrapper width
var getMenuWrapperSize = function() {
return $('.cars-section .menu-wrapper').outerWidth();
}
var menuWrapperSize = getMenuWrapperSize();
// the wrapper is responsive
$(window).on('resize', function() {
menuWrapperSize = getMenuWrapperSize();
});
// size of the visible part of the menu is equal as the wrapper size
var menuVisibleSize = menuWrapperSize;
// get total width of all menu items
var getMenuSize = function() {
return itemsLength * $('.cars-section .item').outerWidth(true);
};
var menuSize = getMenuSize();
// get how much of menu is invisible
var menuInvisibleSize = menuSize - menuWrapperSize;
// get how much have we scrolled to the left
var getMenuPosition = function() {
return $('.cars-section .menu-wrapper .menu').scrollLeft();
};
// finally, what happens when we are actually scrolling the menu
$('.cars-section .menu-wrapper .menu').on('scroll', function() {
// get how much of menu is invisible
menuInvisibleSize = menuSize - menuWrapperSize;
// get how much have we scrolled so far
var menuPosition = getMenuPosition();
var menuEndOffset = menuInvisibleSize - paddleMargin;
// show & hide the paddles
// depending on scroll position
if (menuPosition <= paddleMargin) {
$(leftPaddle).addClass('hidden');
$(rightPaddle).removeClass('hidden');
} else if (menuPosition < menuEndOffset) {
// show both paddles in the middle
$(leftPaddle).removeClass('hidden');
$(rightPaddle).removeClass('hidden');
} else if (menuPosition >= menuEndOffset) {
$(leftPaddle).removeClass('hidden');
$(rightPaddle).addClass('hidden');
}
});
// scroll to left
$(rightPaddle).on('click', function() {
$('.cars-section .menu').animate({
scrollLeft: menuInvisibleSize
}, scrollDuration);
});
// scroll to right
$(leftPaddle).on('click', function() {
$('.cars-section .menu').animate({
scrollLeft: '0'
}, scrollDuration);
});
}
};
window.addEventListener('load', function() {
$(document).ready(tab.scroll);
$(document).ready(car.scroll);
})
$(document).ready(function(){
if ($(window).width() < 767) {
var first = true;
var link = '';
var carlink = document.querySelectorAll('[id*="carlink"]');
for (var i = 0; i < carlink.length; i++) {
$(carlink[i]).click(function() {
if (first == true) {
first = false;
link = this.href;
return false;
} else {
if (link == this.href) {
window.location = this.href;
} else {
link = this.href;
return false;
}
}
})
}
}
});
function payExtraPlan() {
var type = document.getElementById("pay-extra").value;
if (type == 'RM3,000 annually') {
var term = '17months';
var saved = 'RM6,507';
$('#term span').html(term);
$('#saved span').html(saved);
}
if (type == 'RM4,000 annually') {
var term = '22months';
var saved = 'RM8,157';
$('#term span').html(term);
$('#saved span').html(saved);
}
if (type == 'RM5,000 annually') {
var term = '25months';
var saved = 'RM9,638';
$('#term span').html(term);
$('#saved span').html(saved);
}
if (type == 'RM10,000 annually') {
var term = '41months';
var saved = 'RM15,179';
$('#term span').html(term);
$('#saved span').html(saved);
}
if (type == 'RM50 monthly') {
var term = '4months';
var saved = 'RM1,715';
$('#term span').html(term);
$('#saved span').html(saved);
}
if (type == 'RM100 monthly') {
var term = '8months';
var saved = 'RM3,282';
$('#term span').html(term);
$('#saved span').html(saved);
}
if (type == 'RM200 monthly') {
var term = '15months';
var saved = 'RM6,047';
$('#term span').html(term);
$('#saved span').html(saved);
}
if (type == 'RM500 monthly') {
var term = '31months';
var saved = 'RM12,254';
$('#term span').html(term);
$('#saved span').html(saved);
}
}
</script>
<style type="text/css">
#announcement2 .modal-content {
border-radius: .8rem;
border: 2px solid #ec1b2e;
}
#announcement2.modal .modal-dialog {
max-width:640px;
}
#announcement2 .modal-header {
border-bottom: 0;
padding: 2rem 1rem 1rem;
}
#announcement2 .modal-body {
padding: 0 2rem 1rem;
}
.modal-language {
text-align: left;
}
.btn-modal-language {
color: #000;
transition: all .3s ease;
padding: .1rem 5px;
}
.btn-modal-language:hover, .btn-modal-language.active {
color: #ec1b2e;
}
.announcement2-title {
font-family: 'ToyotaText-Bold';
color: #ec1b2e;
font-size: 20px;
font-weight: 700;
text-align: center;
}
.announcement2-subtitle {
font-family: 'ToyotaText-Bold';
font-size: 18px;
font-weight: 700;
text-align: center;
margin-bottom: 15px;
}
.announcement2-subtitle1 {
font-size: 14px;
font-weight: 700;
text-align: center;
margin-bottom: 15px;
}
.announce-grey-box {
background: #eee;
padding: 8px 15px 8px 30px;
margin-left: -30px;
}
@media (max-width: 767px) {
#announcement2.modal .modal-dialog {
max-width:98%;
}
.announce-grey-box {
padding: 8px 15px;
margin-left: 0;
}
}
.switch-annoucement {
font-family: 'ToyotaText-Bold';
color: #ec1b2e;
cursor: pointer;
float: right;
}
.switch-annoucement:hover {
opacity: .7;
}
.link-grey {
font-family: 'ToyotaText-Bold';
color: #888;
text-decoration: underline;
}
.link-grey:hover {
color: #888;
opacity: .7;
}
.opacity {
opacity: 1;
transition: all .3s ease;
}
.store-btn {
float: left;
width: 32%;
margin-right: 1%;
transition: all .3s ease;
}
.store-btn:hover {
opacity: .7;
}
</style>
<div class="modal fade show" id="announcement2" tabindex="-1" role="dialog" aria-modal="true" style="padding-right: 10px; display: block;">
<div class="modal-dialog" role="document">
<div class="modal-content " style="opacity: 1; transition: all .3s ease;" id="annoucement_app_content">
<div class="modal-header">
<div class="announcement2-title text-center" style="width: 100%;">Update now to the latest <span class="c-black">Toyota Capital EZ Connect App</span></div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div id="en-body" class="modal-body">
<div class="row">
<div class="col-md-5">
<img src="/media/image/attachment/400/home-annoucement-app.png" class="img-fluid">
</div>
<div class="col-md-7">
<p>Update now to the latest Toyota Capital EZ Connect App to experience the latest features:</p>
<div class="announce-grey-box mb-3">
<p class="mb-0">
<b>Earn Points</b><br>
by paying early, or achieving goals.
</p>
</div>
<div class="announce-grey-box mb-3">
<p class="mb-0">
<b>Redeem your Points</b><br>
with e-vouchers from Toyota Service Centre, Grab and many more.
</p>
</div>
<p><a href="/EZconnectapp" class="link-grey">Find out more here <i class="fa fa-caret-right" aria-hidden="true"></i></a></p>
<p class="d-inline-block">
<a href="https://apps.apple.com/my/app/tcap-ez-connect/id1564426859" target="_blank" class="store-btn"><img src="/media/image/attachment/400/mae-appstore.png" class="img-fluid"></a>
<a href="https://play.google.com/store/apps/details?id=my.com.toyotacapital.m1" target="_blank" class="store-btn"><img src="/media/image/attachment/400/mae-playstore.png" class="img-fluid"></a>
<a href="https://appgallery.huawei.com/app/C104456117" target="_blank" class="store-btn"><img src="/media/image/attachment/400/Huawei-AppGallery-20220331-updated.png" class="img-fluid"></a>
</p>
<!-- <p class="text-right switch-annoucement" onclick="switchAnnoucement()">Notice of Office Closure <i class="fa fa-caret-right" aria-hidden="true"></i></p> -->
</div>
</div>
</div>
</div>
<div class="modal-content d-none" style="opacity: 0; transition: all .3s ease;" id="annoucement_content">
<div class="modal-header">
<!-- <div class="modal-language">
<button class="btn btn-modal-language" onclick="enClick()" id="en-modal">EN</button>
<a class="btn btn-modal-language active" href="/" id="en-modal">EN</a>
|
<button class="btn btn-modal-language active" onclick="bmClick()" id="bm-modal">BM</button>
<a class="btn btn-modal-language " href="/bm/home" id="bm-modal">BM</a>
</div> -->
<!---->
<div class="announcement2-title text-center" style="width: 100%;"><span class="c-black">Notice of Office Closure</span></div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div id="en-body" class="modal-body">
<!-- <div class="announcement2-subtitle">Notice of Office Closure</div> -->
<p>Dear Valued Customers,</p>
<p>Please be informed that our office will be closed on the following dates for a company event:</p>
<ul class="pl-3">
<li>Head office (First Avenue, Selangor): Friday, 15th November 2024.</li>
<li>Regional Offices (Johor Bahru, Penang, Kota Kinabalu, Kuching) : Thursday, 14th November and Friday, 15th November 2024.</li>
</ul>
<p>Regular operations will resume on Monday, 18th November 2024.</p>
<p>We apologize for any inconvenience this may cause and appreciate your understanding. Should you have any urgent matters, please reach out to us prior to these dates.</p>
<p>Thank you for your continued support.</p>
<p>Toyota Capital Malaysia</p>
<!-- <p style="font-size: 10px;">[Last updated 25 March 2022]</p> -->
<p class="text-right switch-annoucement" onclick="switchAppAnnoucement()">EZ Connect Self-Service App <i class="fa fa-caret-right" aria-hidden="true"></i></p>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#announcement2').modal('show');
var anouncementCookie = Cookies.get("anouncement");
if (!anouncementCookie) {
Cookies.set("anouncement", "true", { expires: 1 });
}
});
function enClick() {
$('#en-modal').addClass('active');
$('#bm-modal').removeClass('active');
$('#en-body').removeClass('d-none');
$('#bm-body').addClass('d-none');
}
function bmClick() {
$('#en-modal').removeClass('active');
$('#bm-modal').addClass('active');
$('#en-body').addClass('d-none');
$('#bm-body').removeClass('d-none');
}
function switchAnnoucement() {
$('#annoucement_app_content').css('opacity', 0);
$('#annoucement_content').removeClass('d-none');
setTimeout(function(){
$('#annoucement_app_content').addClass('d-none');
$('#annoucement_content').css('opacity', 1);
}, 200);
}
function switchAppAnnoucement() {
// $('#annoucement_app_content').removeClass('d-none');
// $('#annoucement_content').addClass('d-none');
$('#annoucement_content').css('opacity', 0);
$('#annoucement_app_content').css('position', 'absolute');
$('#annoucement_app_content').removeClass('d-none');
setTimeout(function(){
$('#annoucement_content').addClass('d-none');
$('#annoucement_app_content').css('opacity', 1);
$('#annoucement_app_content').css('position', 'relative');
}, 200);
}
</script>
<!--
<style type="text/css">
.modal.modal-announcement .modal-dialog {
max-width:640px;
}
.modal.modal-announcement .modal-title {
color: #ec1b2d;
font-weight: 700;
font-family: 'ToyotaText-bold';
}
.modal.modal-announcement .modal-content {
border: 2px solid #ec1a2e;
border-radius: 16px;
}
.modal.modal-announcement .modal-header {
border-bottom: none;
padding-bottom: 0;
}
.modal.modal-announcement .modal-body {
padding: 10px 30px;
}
.modal.modal-announcement .signature {
color: #ec1a2e;
}
.modal.modal-announcement .text-inverse {
color: #404040;
}
.modal.modal-announcement .underline {
text-decoration: underline;
}
.modal.modal-announcement .close {
font-size: 40px;
font-weight: 300;
padding-top: 0;
padding-bottom: 0;
margin-top: -20px;
}
.notice-bg {
background: url(/media/image/attachment/1/background.png);
background-repeat: no-repeat;
background-size: cover;
color: #fff;
padding: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.notice-bg h4{
height: 56px;
font-family: 'ToyotaText-bold';
}
.notice-bg a {
color: #fff;
text-decoration: underline;
}
.notice-bg .small-text {
font-size: 12px;
font-style: italic;
}
.notice-bg .icon img {
max-width: 100px;
}
.notice-bg .notice-content {
height: 196px;
margin-bottom: 25px;
margin-top: 25px;
}
@media (max-width: 991px) {
.notice-bg .notice-content {
height: 256px;
}
}
@media (max-width: 767px) {
.notice-bg {
display: inline-block;
width: 100%;
}
.notice-bg .notice-content {
height: auto;
width: calc(100% - 80px);
margin-top: 5px;
float: left;
}
.notice-bg .icon {
width: 80px;
float: left;
}
.notice-bg .icon img {
max-width: 80px;
}
.notice-bg h4{
height: auto;
}
.modal.modal-announcement .modal-body {
padding: 10px;
}
.modal-body .col-md-4{
padding: 0;
}
}
</style>
<script>
$(document).ready(function() {
$('#modal-announcement').modal('show');
/*
if (typeof(Storage) !== "undefined") {
if (!localStorage.announcement) {
$('#modal-announcement').modal('show');
}
$('#modal-announcement').on('hidden.bs.modal', function (e) {
if (typeof(Storage) !== "undefined") {
localStorage.announcement = true;
}
});
}*/
});
</script>
<div class="modal modal-announcement fade" id="modal-announcement">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header d-flex align-items-center"><h5 class="modal-title"> Toyota Capital cares for our Customers
</h5><a href="#" class="close" data-dismiss="modal">×</a></div>
<div class="modal-body">
<p>
With the recent announcement regarding the Recovery MCO, Toyota Capital is pleased to announce that all our offices will resume operations from 10 June 2020 onwards.
<p>Our office front counters will serve our walk-in customers from 10am to 3pm Mondays to Fridays. </p>
</p>
<p>We care for our Customers' well-being and safety and have taken the necessary measures to comply with Standard Operating Procedures (SOP) set by the Malaysian National Security Council in terms of hygiene, sanitisation and social distancing as the new norm.
</p>
<p>Customers are encouraged to continue to use online payment channel, JomPay and E-giro banking for instalment payment.</p>
<p>Our operation hours will be:<br>
<b>Monday to Friday <br>
08:30 am to 04:30 pm</b>
</p>
<p style="margin-bottom: 0;">For Instalment payments, Customers are encouraged to use <a href="/ways2pay">JomPay</a> or any of electronic payment channels:<br>
1. <a href="/ways2pay">Bank Simpanan Nasional (BSN)</a>.<br>
2. <a href="https://www.maybank2u.com.my/home/m2u/common/login.do">Maybank2u</a><br>
3. <a href="https://www.cimbclicks.com.my/">CIMB Clicks</a> </p><br>
<p style="margin-bottom: 0;">For Walk-In Customers:</p>
<ul>
<li>Front-Counter operation hours: 10am to 3pm</li>
<li>Our Front-Counter will be disinfected by our office cleaners before we resume operations, and will be sanitised 2 times each day</li>
<li>At Security, the following measures will be taken for each walk-in customer:
<ul style="padding-left: 20px;">
<li>Checking of Customers' body temperatures</li>
<li>Providing hand sanitizers and ensuring customers sanitize their hands</li>
<li>Customers information will be recorded (Name, IC &Contact No)</li>
</ul>
</li>
<li>Floor markings will be visible for the social-distancing queue system outside the office</li>
<li>Customers not wearing face masks will be denied entry</li>
</ul>-->
<!--
For loan repayments, customers are encouraged to use any of the electronic payment channels: <a href="https://toyotacapital.com.my/ways2pay" target="_blank" class="text-inverse2"><b>JomPay</b></a>, <a href="https://toyotacapital.com.my/ways2pay" target="_blank" class="text-inverse2"><b>BSN</b></a>, <a href="https://www.maybank2u.com.my/home/m2u/common/login.do" target="_blank" class="text-inverse2"><b>Maybank2u</b></a> or <a href="https://www.cimbclicks.com.my/" target="_blank" class="text-inverse2"><b>CIMB Clicks</b></a>. </p><p>
As the situation with COVID-19 continues to develop, we at Toyota Capital Malaysia (TCAPM) have taken special measures to continue supporting you, our valued customer in throughout this challenging time.</p><p>
While Toyota Capital is not an auto financing credit provider and therefore not regulated under Bank Negara Malaysia, to ease your burdens during this time, we are granting an automatic moratorium (ie payment holiday) to individuals for a period of 6 months, effective 1 April 2020. This is applicable for auto financing that are not in arrears exceeding 90 days as at 1 April 2020. </p><p>
Customers may choose to opt out of this moratorium by submitting a request to <a href="mailto:[email protected]" class="text-inverse underline">[email protected]</a> Our Customer Experience team will attend to the application within five (5) working days to further assist customer on this. For more information, please refer to <a href="/media/document/attachment/1/tcapm-faq-moratorium.pdf" target="_blank" class="text-inverse2"><b>Frequently Asked Questions (FAQ)</b></a>.</p><p>
<br>
Thank you for your kind understanding. Your health and safety remain our utmost priority during this period.</p><p>
Yours sincerely,<br>
<b class="signature">TOYOTA CAPITAL MALAYSIA</b></p>
-->
<p></p>
</div>
</div>
<style type="text/css">
footer {
z-index: 9;
position: relative;
overflow: hidden;
}
footer .row {
margin-left: 0;
margin-right: 0;
}
footer .footer-container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
footer .toyota-logo {
width: 40px;
}
.footer {
border-top: 1px solid #ec1b2e;
}
.footer-text {
padding: 10px 0 10px;
color: #999;
}
.footer-text span {
line-height: 40px;
}
.footer-fixed-nav {
position: absolute;
background-color: #ec1b2e;
right: -240px;
margin-top: -60px;
padding: 7px 15px 6px;
border-radius: 10px 0 0 10px;
transition: all .3s ease;
}
.footer-fixed-nav.open {
right: 0;
}
.footer-fixed-nav button {
color: #fff;
transition: all .3s ease;
}
.footer-fixed-nav button:hover {
opacity: .5;
}
.footer-fixed-nav button i {
font-size: 20px;
}
footer .hamburgermenu {
padding: 0 5px;
}
footer .btn2 {
width: 35px;
}
footer .btn2 .icon {
height: 4px;
width: 30px;
margin-top: 20px;
}
footer .btn2 .icon:before {
width: 30px;
height: 4px;
top: -9px;
}
footer .btn2 .icon:after {
width: 30px;
height: 4px;
top: 9px;
}
footer .btn2 .icon, footer .btn2 .icon:before, footer .btn2 .icon:after {
background-color: #ffffff;
}
footer .btn2 .icon:before, footer .btn2 .icon:after {
left: 0;
}
footer .btn2.open .icon:before {
-webkit-transform: rotateZ(45deg) scaleX(1) translate(6px, 6px);
transform: rotateZ(45deg) scaleX(1) translate(6px, 6px);
}
footer .btn2.open .icon:after {
-webkit-transform: rotateZ(-45deg) scaleX(1) translate(7px, -7px);
transform: rotateZ(-45deg) scaleX(1) translate(7px, -7px);
}
.policy-btn {
color: #999;
transition: all .3s ease;
}
.policy-btn2 {
color: #ec1b2e;
transition: all .3s ease;
}
.policy-btn:hover {
color: #999;
text-decoration: none;
opacity: .7;
}
@media (max-width: 991px) {
.footer {
display: flex;
}
}
@media (max-width: 767px) {
footer {
margin-bottom: -7px;
}
footer .btn2 {
width: 30px;
}
.footer-fixed-nav {
right: -295px;
padding: 8px 10px 5px;
}
.footer {
display: flex;
padding: 0 10px;
}
.footer-text {
text-align: left;
font-size: 12px;
}
.footer-fixed-nav button {
font-size: 12px;
}
.footer-fixed-nav button i {
font-size: 24px;
}
footer .form-inline {
min-width: 40%;
border-radius: 50px;
width: 75%;
float: right;
}
footer .form-inline .form-control {
min-width: 40%;
border-radius: 50px;
width: 95%;
float: right;
}
footer .footer-container {
padding: 0;
width: 90%;
float: left;
margin-left: 0;
}
.footer-text span {
line-height: 1;
}
footer .toyota-logo {
margin-right: 15px;
}
}
</style>
<footer>
<div class="footer">
<div class="footer-container">
<div class="row">
<div class="col-12 footer-text">
<a class="float-left toyota-logo" href="https://toyota.com.my/" target="_blank">
<img alt="Toyota Logo" width="50px" height="auto" src="/media/image/attachment/1/ToyotaProductLogo-Primary-Black-RGB-New.png">
</a>
<span>
© Copyright Toyota Capital Malaysia Sdn Bhd [197101001187 (11547-M)] | <a href="/privacy-statement" class="policy-btn">Privacy Statement</a> | <u><a href="/antibribery" class="policy-btn2">Anti-Bribery and Corruption Policy</a></u>
</span>
</div>
</div>
</div>
</div>
<div class="footer-fixed-nav">
<div class="float-left hamburgermenu">
<div class="footer-main-menu btn2">
<div class="icon">
</div>
</div>
</div>
<div class="float-left submenu-footer">
<a href="/contact-us">
<button><i class="fa fa-envelope-o" aria-hidden="true"></i><br>Contact Us</button>
</a>
<a href="/contact-us">
<button><i class="fa fa-map-marker" aria-hidden="true"></i><br>Find Us</button>
</a>
<a href="/ways2pay">
<button><i class="fa fa-envelope-open-o" aria-hidden="true"></i><br>How to pay</button>
</a>
</div>
</div>
</footer>
<script src="https://www.google.com/recaptcha/api.js" async="" defer="">
</script>
<script>
$('[data-toggle="collapse"]').click(function() {
$('.collapse.in').collapse('hide')
});
$('.main-menu').click (function(){
$(this).toggleClass('open');
$('.sub-menu').toggleClass('open')
});
$('.footer-main-menu').click (function(){
$(this).toggleClass('open');
$('.footer-fixed-nav').toggleClass('open');
});
// function scrollSmoothTo(elementId) {
// var element = document.getElementById(elementId);
// element.scrollIntoView({
// block: 'start',
// behavior: 'smooth'
// });
// }
// var scroll = false;
// if (scroll == false) {
// $(window).scroll(function () {
// if ($(window).scrollTop() > 300) {
// $('.footer-main-menu').removeClass('open');
// $('.footer-fixed-nav').removeClass('open');
// scroll = true;
// }
// });
// }
</script>
<!-- END #page-container -->
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"8ec4b19ef6","applicationID":"541066612","transactionName":"NQYHZUtWD0MCBkRYDAxMMENQGAheBwBIHxMKEw==","queueTime":0,"applicationTime":26,"atts":"GUEEEwNMHE0=","errorBeacon":"bam.nr-data.net","agent":""}</script>
<table cellspacing="0" cellpadding="0" role="presentation" class="gstl_50 gssb_c" style="width: 2px; display: none; top: 3px; left: -1px; position: absolute;"><tbody><tr><td class="gssb_f"></td><td class="gssb_e" style="width: 100%;"></td></tr></tbody></table><table cellspacing="0" cellpadding="0" role="presentation" class="gstl_51 gssb_c" style="width: 526px; display: none; top: 123px; left: 23px; position: absolute;"><tbody><tr><td class="gssb_f"></td><td class="gssb_e" style="width: 100%;"></td></tr></tbody></table><table cellspacing="0" cellpadding="0" role="presentation" class="gstl_52 gssb_c" style="width: 399px; display: none; top: 121px; left: 89px; position: absolute;"><tbody><tr><td class="gssb_f"></td><td class="gssb_e" style="width: 100%;"></td></tr></tbody></table><div class="modal-backdrop fade show"></div></body></html>