Hòa cùng vào không khí tưng bừng ngày Tết, Techcombank mang đến ưu đãi hoành tráng khởi động năm mới và tri ân Khách hàng qua chương trình “Đập hộp khai lễ". Tham gia ngay chương trình để tận hưởng giao dịch không giới hạn cùng cơ hội nhận các món quà giá trị đến hơn 11 tỷ đồng từ nay đến 01/03/2022.
$(document).ready(function() { var isMobile = window.matchMedia('(max-width: 800px)').matches; var anchor = $('.tcb-anchor') if(isMobile && anchor.length) { anchor.on('click', function(event) { var goSectionName = event.currentTarget.dataset.section var goPageName = event.currentTarget.dataset.page var goSectionTarget = $(`#${goSectionName}`) var goPageTarget = $(`#${goPageName}`) if (goSectionTarget.length && goPageTarget.length) { event.preventDefault(); // Reset active link $('.sub-header__item').removeClass('tcb-active') $(`a[class=sub-header__item][href=#${goPageName}]`).addClass('tcb-active') // Reset active content $('.tcb-section').removeClass('tcb-active') goPageTarget.addClass('tcb-active') $('html, body').stop().animate({ scrollTop: goSectionTarget.offset().top - 100 }, 1000); } }); } }) .sub-header__spin { display: none; } @media screen and (max-width: 800px) { .sub-header .sub-header__button { pointer-events: all; } .sub-header__button .btn-tcb { display: none; } .sub-header__spin { display: block; background-color: transparent; font-size: 14px; line-height: 21px; text-align: right; letter-spacing: 2px; text-transform: uppercase; color: #9E141D; padding: 0; box-shadow: none; border: 0; font-weight: bold; cursor: pointer; } .sub-header__spin:hover { color: #9E141D !important; } } /* new banner */ .masthead { overflow: hidden; background-position: center; background-image: url(https://www.techcombank.com.vn/file/get/25292 ); } .masthead::before, .masthead::after { display: none; } .masthead-inner .masthead-content { align-items: flex-start; } .masthead-inner { align-items: center; } .masthead-content-sub-title { text-align: center; font-size: 18px; font-weight: 100; line-height: 24px; color: #fff; width: 351px; } .masthead-content-11-ty { width: 351px; display: flex; justify-content: center; position: relative; } .masthead-content-11-ty img:nth-child(1) { width: 351px !important; } /* .masthead-content-11-ty img:nth-child(2) { position: absolute; left: 0; width: 100% !important; bottom: -50px; } */ @media screen and (min-width: 801px) { .masthead-image { right: -2%; left: unset; } .masthead-inner .masthead-content img { width: 351px; } } @media screen and (min-width: 700px) and (max-width: 800px) { .masthead-inner { padding: 0; } .masthead-content { padding-bottom: 50px; } } @media screen and (max-width: 800px) { .masthead-inner { flex-direction: column; } .masthead-content { display: flex; justify-content: center; } .masthead-inner .masthead-content img { width: 214px; } .masthead-inner .masthead-content { align-items: center; flex-direction: column; } #section-prize-box .prize-highlight-img img { transform: translateX(20px); } } @media screen and (max-width: 700px) { .masthead { background-size: auto 100%; } .masthead-image { right: -31px !important; left: unset; width: 84%; } .masthead-inner .masthead-content { padding-bottom: 30px; margin-top: -65px; } .masthead-content-sub-title { margin-top: 10px; } /* .masthead-content-11-ty img:nth-of-type(2) { display: none; } */ .tcb-special-prices--parent .tcb-special-prices .tcb-special-prices__image { transform: unset; } .tcb-special-prices--parent .svg-bg.gold { background: linear-gradient(180deg, #FAE6DF -14.5%, #FAE6DF 100%); } .tcb-spin-2-col__tab-content-table li div:last-of-type { padding-left: 3px; } .tcb-spin-2-col__tab-content-table-wrap { justify-content: space-between; } } @media screen and (min-width: 801px) and (max-width: 1250px) { .masthead-image { width: auto; right: -10%; } } @media screen (max-width: 350px) { .tcb-spin-2-col__tab-content-table li { font-size: 14px; } } @media screen and (max-width: 1030px) { .masthead-image { right: -14%; } } @media screen and (min-width: 801px) and (max-width: 1250px) { .masthead-inner { flex-direction: row-reverse; } } .masthead-content-coin { position: absolute; height: 480px; width: auto !important; bottom: -60px; left: -200px; pointer-events: none; } .masthead-image-voucher { height: 100%; position: absolute; right: 86%; width: auto !important; pointer-events: none; top: 0; } @media screen and (max-width: 1030px) { .masthead-image-voucher { display: none; } } @media screen and (max-width: 800px) { .masthead-content-11-ty, .tcb-lucky-way__popup-img { display: block !important; } } /* new color scheme */ #section-prize-box, .transaction-to-gift, .program-rules, #section-detail-prize, .tcb-special-prices--parent, #section-detail-prize .detail-prize-item.detail-prize-item--week:after { background: transparent; } #section-prize-box .prize-content-item-btn, .result-table-row--title, .tcb-spin-2-col__item-number span:first-child, .tcb-cta-arrow, .btn-tcb{ background-color: #9E141D; } /* header */ .sub-header .sub-header__list a.tcb-active { color: #9E141D; } @media screen and (max-width: 800px) { .sub-header .sub-header__button .btn-tcb { color: #9E141D; } } @media screen and (min-width: 801px) { .sub-header .sub-header__list a.tcb-active, .sub-header .sub-header__list a:hover, .sub-header .sub-header__list a.expand { border-color: #9E141D; color: #9E141D; } } @media screen and (max-width: 700px) { .result-table-item--bold { background-color: #9E141D; } } .program-rules-list-item { background-color: #FCF1EA; } /* home */ #section-prize-box::after, #section-prize-box::before, .tcb-lucky-way::before, .tcb-lucky-way::after { background-image: url(/file/get/25293); } .program-rules::after, .program-rules::before { background-image: url(/file/get/25291); } .receiving-gifts { background: linear-gradient(277.98deg, #700D17 -3.86%, #9E171E 61.24%) } .receiving-gifts * { color: #fff; } .receiving-gifts-item-desc { color: #dedede } /* how */ .tcb-how:before { background: linear-gradient(180.1deg, #FAE6DF -6.81%, rgba(255, 255, 255, 0) 29.52%); z-index: 1; } .result-content::before { background-image: url( /file/get/25300 ); } #section-detail-prize:after { background: linear-gradient(180deg, #FAE6DF 0%, rgba(236, 229, 222, 0) 100%); } .detail-prize-item:nth-child(2) { background: rgba(250, 230, 223, .3); } @media screen and (min-width: 1440px) { #section-detail-prize .detail-prize-item.detail-prize-item--week .detail-prize-heading-image:first-child img { width: auto; } } .tcb-spin-2-col__tab-content-table li div:first-of-type { padding-left: 0; } .tcb-lucky-way__item-area:nth-of-type(1) { height: 180px; } /* optimize image */ img { /* better - will help on webkit */ transform: translateZ(0); -webkit-transform: translateZ(0); /* best - images are very crisp */ image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; } .tcb-spin-2-col { overflow: unset !important; } .tcb-tooltip { cursor: default; display: inline-block; position: relative; margin-top: 20px; } .tcb-tooltip:hover { color: inherit; } .tcb-tooltip > span:nth-child(1) { text-decoration: underline; font-size: 16px; } @media screen and (min-width: 801px) { .tcb-tooltip i { pointer-events: none; } .tcb-tooltip > span:nth-child(2) { display: none; background-color: #fff; margin-left: 20px; margin-top: 20px; border-radius: 8px; padding: 15px; position: absolute; z-index: 1000; width: 650px; font-size: 14px; line-height: 24px; height: auto; box-shadow: 5px 15px 15px 5px rgba(0,0,0,.1); } .tcb-tooltip:hover > span:nth-child(2) { display: block; } } @media screen and (max-width: 800px) { .tcb-tooltip > span:nth-child(1) { display: none; } .tcb-tooltip > span:nth-child(2) { display: block; font-size: 16px; line-height: 24px; } } window.addEventListener('DOMContentLoaded', (event) => { let tooltip = document.querySelector( '.tcb-tooltip' ) let tooltipContent = document.querySelectorAll( '.tcb-tooltip > span:nth-child(2)' ) if(tooltip) { tooltip.addEventListener( 'click', (e) => e.preventDefault() ) } if ( tooltipContent.length > 0 ) { document.addEventListener( 'mousemove', (e) => { var rect = e.target.getBoundingClientRect() var x = e.clientX - rect.left var y = e.clientY - rect.top for (var i = tooltipContent.length; i--; ) { tooltipContent[i].style.left = x + 'px' tooltipContent[i].style.top = y + 'px' } }, false ) } }); window.addEventListener('DOMContentLoaded', (event) => { // Detect hash to show page const hash = window.location.hash; if(['#home','#how','#result','#prize'].includes(hash)) { let sectionName = hash.replace('#','') $('.sub-header__list a').removeClass('tcb-active') $(`.sub-header__list a[href=#${sectionName}]`).addClass('tcb-active') $('.tcb-section').removeClass('tcb-active') document.getElementById(sectionName).classList.add('tcb-active') setTimeout(()=>window.scrollTo(0,0),100) } // Go back to home page and scroll down to target when click header button const isMobile = window.matchMedia('(max-width: 800px)').matches; !isMobile && ($('.sub-header__button button').on('click', function(event) { var activePage = document.querySelector('.sub-header__item.tcb-active') if( (activePage && activePage.hash != '#home') || !activePage ) { $('.sub-header__list a').removeClass('tcb-active') $('.sub-header__list a[href=#home]').addClass('tcb-active') $('.tcb-section').removeClass('tcb-active') document.getElementById('home').classList.add('tcb-active') } var targetSection = $(`#${this.dataset.target}`); if (targetSection.length) { event.preventDefault(); $('html, body').stop().animate({ scrollTop: targetSection.offset().top }, 1000); } })); }); window.addEventListener('DOMContentLoaded', (event) => { // Detect hash to scroll to register section const isMb = window.matchMedia('(max-width: 800px)').matches const hash = window.location.hash; if( hash && hash == '#register' ) { var targetSection = $(`#tcb-spin-step-2`); var offset = isMb ? 100 : 250; if (targetSection.length) { event.preventDefault(); $('html, body').stop().animate({ scrollTop: targetSection.offset().top - offset }, 1000); } } });